/* ─── header: five items means it can breathe ─── */
nav.top{ padding:1.6rem 2rem; }
@media (min-width:1100px){
  nav.top{ padding:1.75rem 3rem; }
}
.logo-nav{ height:56px; }
@media (min-width:1100px){
  .logo-nav{ height:62px; }
}
.nav-links{ gap:2.4rem; font-size:1.02rem; }
@media (min-width:960px) and (max-width:1379px){
  .nav-links{ gap:1.6rem; font-size:0.96rem; }
  .nav-dd-trigger{ font-size:0.96rem; }
  nav.top{ padding:1.45rem 1.75rem !important; }
}
.nav-links > a, .nav-dd-trigger{ font-size:inherit; font-weight:600 !important; padding:0.7rem 0; white-space:nowrap; }
.nav-dd-trigger .chev{ width:15px !important; height:15px !important; }
.nav-cta-group{ gap:0.85rem; }
.nav-cta-group .cta{ font-size:1rem; font-weight:800; padding:1.05rem 2.1rem; border-radius:999px; }
.nav-cta-group .cta-ghost{ padding:1rem 1.6rem; font-weight:700; }
@media (max-width:1099px){
  .nav-cta-group .cta{ font-size:0.94rem; padding:0.9rem 1.5rem; }
  .nav-cta-group .cta-ghost{ display:none; }
}
/* the mega panel sits below a taller bar */
.nav-dd-menu{ padding:2.4rem clamp(1.5rem,4vw,3rem) 2.6rem; }
.nav-dd-menu .mi-t{ font-size:1.02rem !important; }
/* content clears the taller fixed header */
.pagehead{ padding-top:clamp(9rem,14vw,12rem); }
/* the page-label chip beside the logo is clutter; no competitor shows one */
.page-label{ display:none; }
/* secondary section headings should not run at hero scale */
.faq .sec-head h2, .faq h2{ font-size:clamp(1.9rem,3.2vw,2.7rem); line-height:1.08; }
/* ─── dropdowns: close the dead zone and forgive diagonal movement ───
   The trigger sits inside the header's padding, so there was a ~28px gap
   between it and the panel where neither element was hovered. */
.nav-dd-trigger{ position:relative; }
.nav-dd-trigger::after{ content:''; position:absolute; left:-1.25rem; right:-1.25rem; top:100%; height:3rem; pointer-events:auto; }
/* the old full-width bridge is no longer needed and sat over the page */
.nav-dd::after{ display:none; }
/* opening is instant;closing waits, so you can move the mouse diagonally */
.nav-dd-menu{ transition:opacity .16s ease, visibility .16s ease, transform .22s var(--ease-out); transition-delay:.32s; }
.nav-dd:hover .nav-dd-menu, .nav-dd.open .nav-dd-menu{ transition-delay:0s !important; }
/* a bigger, more forgiving target inside the panel itself */
.nav-dd-menu a{ padding:0.85rem 0.9rem; }
/* the bridge only exists while the group is open, so it never blocks the page */
.nav-dd:hover .nav-dd-trigger::after, .nav-dd.open .nav-dd-trigger::after{ pointer-events:auto; }
/* ─── dropdowns are driven by JS intent, not raw :hover ─────────── */
.nav-dd:hover .nav-dd-menu{ opacity:0; visibility:hidden; pointer-events:none; }
.nav-dd.open > .nav-dd-menu{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) !important; }
.nav-dd-menu{ transition:opacity .16s ease, visibility .16s ease, transform .2s var(--ease-out) !important; transition-delay:0s !important; }
.nav-dd.open .nav-dd-trigger{ color:var(--cream); }
.nav-dd.open .nav-dd-trigger .chev{ transform:rotate(180deg); }
.nav-dd-trigger::after{ pointer-events:none; }
.nav-dd.open .nav-dd-trigger::after{ pointer-events:auto; }