/* Explicit grid priorities override the frozen Webflow auto-fit rule. */
/* Crawlable product navigation, rendered once for the desktop and mobile menu. */
html[data-ovl-ds] [data-ovl-feature-menu] { background: #fff; border: 1px solid #e5dfea; border-radius: 24px; padding: 28px; box-shadow: 0 22px 50px #31203912; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-content-left { display: grid; grid-template-columns: 2.15fr 1fr 1fr !important; gap: 30px !important; width: 100%; padding: 0; background: transparent; color: #27222b; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column { min-width: 0; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column:first-child .navbar5_dropdown-link-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 5px; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column > .margin-bottom { margin-bottom: 16px; }
html[data-ovl-ds] [data-ovl-feature-menu] .with-link { font-size: 10px; letter-spacing: .07em; color: #6e547c; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-link { padding: 12px 10px; gap: 10px; border-radius: 12px; margin: 0; width: 100%; align-items: flex-start; color: #27222b; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-link:hover, html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-link[aria-current='page'] { background: #f3eafb; color: #74239c; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-link:focus-visible { outline: 2px solid #9933cc; outline-offset: 2px; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_icon-wrapper { width: 28px; flex: 0 0 28px; color: #9933cc; }
html[data-ovl-ds] [data-ovl-feature-menu] .menu-icon { width: 28px; height: 28px; object-fit: contain; }
html[data-ovl-ds] [data-ovl-feature-menu] .text-weight-semibold { font-size: 13px; line-height: 1.55; font-weight: 500; }
html[data-ovl-ds] [data-ovl-feature-menu] p.text-size-small { font-size: 10px; line-height: 1.6; margin-top: 4px; color: #69616e; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column:not(:first-child) .navbar5_dropdown-link-list { gap: 0; }
html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column:not(:first-child) p { display: none; }
@media (max-width: 991px) {
 html[data-ovl-ds] [data-ovl-feature-menu] { padding: 20px 14px; border-radius: 18px; box-shadow: none; }
 html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-content-left { grid-template-columns: 1fr 1fr !important; gap: 24px 15px !important; }
 html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column:first-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
 html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-content-left { grid-template-columns: 1fr !important; }
 html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-column:first-child .navbar5_dropdown-link-list { grid-template-columns: 1fr; }
 html[data-ovl-ds] [data-ovl-feature-menu] .navbar5_dropdown-link { padding: 10px 8px; }
 html[data-ovl-ds] [data-ovl-feature-menu] .text-weight-semibold { font-size: 14px; }
 html[data-ovl-ds] [data-ovl-feature-menu] p.text-size-small { font-size: 11px; }
}



/* Translated text remains in normal flow beneath the illustrative portraits. */
html:not([lang="en"]) .feature-story :is(h1,h2,h3) { overflow-wrap: anywhere; hyphens: manual; }
html:not([lang="en"]) .feature-story .fs-button { max-width: 100%; white-space: normal; text-align: center; }
html:not([lang="en"]) .feature-story .fs-phone-stage { height: auto; min-height: 625px; padding-top: 138px; }
html:not([lang="en"]) .feature-story .fs-cascade { position: relative; top: auto; left: auto; }
html:not([lang="en"]) .feature-story .fs-cascade-step > div { min-width: 0; }
html:not([lang="en"]) .feature-story .fs-found-card { position: relative; top: auto; left: auto; right: auto; margin: 12px 12px 0 84px; }
html:not([lang="en"]) .feature-story .fs-phone-stage .fs-demo-controls { position: relative; top: auto; bottom: auto; margin-top: 18px; }
html:not([lang="en"]) .feature-story .fs-human-stage figcaption { position: relative; bottom: auto; margin-top: 16px; }
html:not([lang="en"]) .feature-story .fs-signal-human { height: auto; min-height: 635px; padding-top: 160px; }
html:not([lang="en"]) .feature-story .fs-human-event { position: relative; top: auto; left: auto; }
html:not([lang="en"]) .feature-story .fs-person-connector { position: relative; top: auto; left: auto; margin: 24px 0 20px 30px; }
html:not([lang="en"]) .feature-story .fs-human-message { position: relative; top: auto; left: auto; right: auto; margin: 0 5px 0 55px; }
html:not([lang="en"]) .feature-story .suite-visual { height: auto; min-height: 535px; padding-top: 220px; }
html:not([lang="en"]) .feature-story .suite-demo { position: relative; bottom: auto; left: auto; }
html:not([lang="en"]) .feature-story .suite-visual figcaption { position: relative; bottom: auto; margin-top: 14px; }
html[lang="fr"] .feature-story.fs-warm-story .fs-final::before { content: 'bonjour.'; }
html[lang="de"] .feature-story.fs-warm-story .fs-final::before { content: 'hallo.'; }
html[lang="es"] .feature-story.fs-warm-story .fs-final::before { content: 'hola.'; }
html[lang="it"] .feature-story.fs-warm-story .fs-final::before { content: 'ciao.'; }
html[lang="nl"] .feature-story.fs-warm-story .fs-final::before { content: 'hallo.'; }
@media (max-width: 760px) {
 html:not([lang="en"]) .feature-story .fs-phone-stage { min-height: 585px; padding-top: 125px; }
 html:not([lang="en"]) .feature-story .fs-found-card { margin-left: 40px; margin-right: 0; }
 html:not([lang="en"]) .feature-story .fs-signal-human { padding-top: 188px; }
 html:not([lang="en"]) .feature-story .fs-person-connector { margin-left: 8px; }
 html:not([lang="en"]) .feature-story .fs-human-message { margin-left: 22px; margin-right: 0; }
 html:not([lang="en"]) .feature-story .suite-visual { padding-top: 260px; }
}

/* One native scroll surface. Webflow's animated dropdown heights otherwise
   clip long menus and keep moving their scroll bounds during a gesture. */
@media (max-width: 991px) {
 html[data-ovl-ds]:has(.navbar5_menu-button.w--open) { overflow: hidden; }
 html[data-ovl-ds] .navbar5_component:has([data-ovl-feature-menu]) .w-nav-overlay {
  position: fixed !important; inset: 0 !important; width: 100% !important;
  height: 100dvh !important; overflow: visible; pointer-events: none;
 }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) {
  position: absolute !important; inset: 80px 12px 12px !important;
  width: auto !important; min-width: 0 !important; max-width: none !important;
  height: auto !important; max-height: none !important; margin: 0 !important;
  overflow-x: hidden !important; overflow-y: auto !important;
  overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch;
  touch-action: pan-y pinch-zoom; pointer-events: auto;
  transition: none !important; transform: none !important;
  padding-bottom: max(24px, env(safe-area-inset-bottom));
  scrollbar-width: thin;
 }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) :is(.navbar5_menu-left, .navbar5_menu-right, .button-group-navbar) {
  height: auto !important; min-height: 0 !important; flex: none !important;
 }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) .button-group-navbar { gap: 16px; }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) .navbar5_dropdown-list {
  position: static !important; inset: auto !important; width: 100% !important;
  max-height: none !important; overflow: visible !important;
  transform: none !important; transition: none !important;
 }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) .navbar5_dropdown-list:not(.w--open) { display: none !important; }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) .navbar5_dropdown-list.w--open { display: block !important; height: auto !important; }
 html[data-ovl-ds] .navbar5_menu:has([data-ovl-feature-menu]) .navbar5_dropdown-content {
  width: 100% !important; min-width: 0 !important; height: auto !important;
  max-height: none !important; overflow: visible !important;
  transform: none !important; transition: none !important;
 }
}