/* Shared polish for the expanded 2026 feature catalogue. */
.mega-nav--features .mega-nav-menu {
  max-height: min(78vh, 740px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.mega-nav--features .mega-nav-grid--two { align-content: start; }
.mega-nav--features .mega-nav-overview { min-height: 76px; }
.hero-layout--compact .hero-feature-strip { max-width: 960px; }
.hero-feature-strip .hero-feature { min-width: 0; }
@media (min-width: 761px) {
  .hero-layout--compact .hero-feature-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero-feature-strip .hero-feature { grid-column: auto; }
}
.hero-feature-strip .hero-feature b,
.hero-feature-strip .hero-feature small { overflow-wrap: anywhere; }
.feature-hub-grid .feature-hub-card .hub-visual--workspace {
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  gap: .7rem; border-radius: 14px; padding: 1.4rem;
  background: color-mix(in srgb, var(--color-accent-700) 7%, var(--color-bg));
  border: 1px solid color-mix(in srgb, var(--color-accent-700) 22%, transparent);
}
.hub-visual--workspace .hub-line { max-width: 100%; }
.feature-refresh-illustration {
  border: 1px solid color-mix(in srgb, var(--color-accent-700) 25%, transparent);
  border-radius: 18px; padding: 2rem; background: color-mix(in srgb, var(--color-accent-700) 6%, var(--color-bg));
}
.feature-refresh-illustration h2 { margin-top: 0; }
.feature-refresh-illustration p { line-height: 1.7; }
.feature-refresh-illustration ul { margin: 1rem 0 0; padding-left: 1.25rem; line-height: 1.9; }
@media (max-width: 760px) {
  .mega-nav--features .mega-nav-menu { max-height: min(70vh, 640px); }
  .hero-layout--compact .hero-feature-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Integraties/Integrations replaced the shorter "Apps" trigger, which moved the
   second and third trigger. Point each menu lip at its own trigger again
   (trigger centres measured at desktop width with the self-hosted fonts). */
html[lang="nl"] .site-nav .mega-nav--integrations .mega-nav-menu::before { left: 166px; }
html[lang="nl"] .site-nav .mega-nav--learning .mega-nav-menu::before { left: 273px; }
html[lang="en"] .site-nav .mega-nav--integrations .mega-nav-menu::before { left: 170px; }
html[lang="en"] .site-nav .mega-nav--learning .mega-nav-menu::before { left: 281px; }
.mega-nav-route-mark--agents svg, .mega-nav-route-mark--providers svg { display: block; }

/* A product-launch link belongs near the hero, without competing with conversion CTAs. */
.hero-memory-launch { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 13px; line-height: 1.45; }
.hero-memory-launch > span { padding: 4px 9px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent); background: color-mix(in srgb, var(--color-accent) 10%, transparent); color: var(--color-accent); font-size: 11px; font-weight: 800; }
.hero-memory-launch a { color: var(--color-text); font-weight: 750; text-decoration: none; text-underline-offset: 3px; }
.hero-memory-launch a:hover, .hero-memory-launch a:focus-visible { color: var(--color-accent); text-decoration: underline; }