/* Shared navigation: compact decision paths, one clear signup action. */
.funnel-header{position:relative;z-index:50;gap:28px}
.funnel-header .desktop-navigation{display:flex;gap:27px;font-size:.875rem;line-height:1.5;margin-left:auto}
.funnel-header .nav-group{position:static}
.funnel-header .nav-group>summary{padding:12px 0;min-height:44px;gap:7px}
.funnel-header .nav-group>summary::after{width:6px;height:6px;transition:transform .15s}
.funnel-header .nav-pricing{min-height:44px;display:flex;align-items:center}
.funnel-header .nav-group[data-current]>summary{color:var(--purple)}
.funnel-header .header-actions{gap:22px;margin-left:12px}
.funnel-header .button-small{white-space:nowrap;font-size:.875rem;padding-inline:17px}
.funnel-header .menu-toggle{display:none}
.funnel-header .nav-popover{left:auto;right:0;top:calc(100% - 1px);width:min(740px,100%);min-width:0;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 10px 16px -10px #21152d22,0 25px 55px -16px #21152d33;overflow:hidden}
.funnel-header .nav-audiences .nav-popover{width:min(710px,100%)}
.nav-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.nav-panel-column{min-width:0;padding:25px 22px 23px}
.nav-panel-tinted{background:var(--lilac);border-left:1px solid var(--line)}
.nav-eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.04em;color:var(--muted);margin:0 8px 12px;font-weight:550}
.nav-popover a.nav-item{display:flex;align-items:flex-start;gap:11px;padding:12px 9px;border-radius:7px;text-decoration:none;min-height:65px;transition:background .15s,color .15s}
.nav-item>span:not(.brand-mark):not(.nav-item-arrow){display:flex;flex-direction:column;gap:5px;min-width:0}
.nav-item strong{font-size:.9375rem;font-weight:550;line-height:1.4;color:var(--ink)}
.nav-item>span>span{font-size:.8125rem;line-height:1.55;color:var(--muted)}
.nav-item .nav-item-arrow{margin-left:auto;padding-left:5px;font-size:.875rem;color:var(--purple);line-height:1.5}
.nav-item .brand-mark{width:33px;height:33px;flex-basis:33px;padding:5px;border-radius:7px;margin-top:2px}
.nav-popover a.nav-item:hover{background:var(--paper)}
.nav-popover a.nav-item:hover strong{color:var(--purple)}
.nav-popover a.nav-item:focus-visible{outline:2px solid var(--purple);outline-offset:-2px;background:var(--paper)}
.nav-popover a[aria-current=page] strong{text-decoration:underline;text-underline-offset:5px;color:var(--purple)}
.nav-popover a.nav-item[aria-current=page]{text-decoration:none}
.nav-popover .nav-item:has(.brand-mark) strong{text-decoration:underline;text-underline-offset:4px}
.nav-popover .nav-inline-link{display:flex;align-items:center;gap:12px;margin:8px 9px 0;padding:9px 0;min-height:44px;color:var(--purple);font-size:.875rem;text-decoration:underline;text-underline-offset:5px;font-weight:550}
.nav-panel-note{font-size:.8125rem;line-height:1.65;color:var(--muted);margin:9px 9px 0;max-width:36ch}
.nav-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 22px;padding:13px 29px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.5}
.nav-panel-footer>span{color:var(--muted)}
.nav-popover .nav-panel-footer>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;color:var(--purple);font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.nav-group[open] .nav-popover{animation:nav-reveal .16s ease-out}
.funnel-mobile-navigation{z-index:49;width:100%;margin:0;padding:0 24px 18px;max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:12px;background:var(--surface)}
.funnel-mobile-navigation .nav-group{position:static;border-top:1px solid var(--line)}
.funnel-mobile-navigation .nav-group>summary{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:15px 0;font-size:1rem;list-style:none}
.funnel-mobile-navigation .nav-popover{position:static;inset:auto;min-width:0;width:100%;padding:0;margin:0 0 15px;border:1px solid var(--line);border-radius:9px;box-shadow:none}
.funnel-mobile-navigation .nav-panel-column{padding:19px 17px}
.funnel-mobile-navigation .nav-popover a.nav-item{padding:12px 8px}
.funnel-mobile-navigation .nav-pricing{font-size:1rem;padding:15px 0;min-height:55px;border-top:1px solid var(--line)}
.funnel-mobile-navigation .nav-inline-link{padding:10px 0}
.funnel-mobile-navigation .nav-panel-footer{padding:12px 25px;flex-wrap:wrap;gap:2px 15px}
.funnel-mobile-navigation .nav-panel-footer>a{padding:7px 0}
.nav-mobile-utilities{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:7px}
.funnel-mobile-navigation .nav-mobile-utilities>a{font-size:.875rem;min-height:44px}
@keyframes nav-reveal{from{opacity:.7;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:961px){.funnel-mobile-navigation{display:none!important}}
@media(max-width:1100px) and (min-width:961px){.funnel-header{gap:20px}.funnel-header .desktop-navigation{gap:21px}.funnel-header .header-actions{gap:17px;margin-left:0}.funnel-header .brand,.funnel-header .brand img{width:135px;flex-basis:135px}}
@media(max-width:960px){.funnel-header .desktop-navigation{display:none}.funnel-header .header-actions{margin-left:auto;gap:18px}.funnel-header .menu-toggle{display:block}.funnel-header{gap:15px}.funnel-header .button-small{font-size:.8125rem;padding-inline:13px}.funnel-mobile-navigation .nav-group[data-current]>summary{color:var(--purple)}}
@media(max-width:620px){.funnel-mobile-navigation{padding-inline:18px}.funnel-mobile-navigation .nav-panel-grid{grid-template-columns:1fr}.funnel-mobile-navigation .nav-panel-tinted{border-left:0;border-top:1px solid var(--line)}.funnel-mobile-navigation .nav-panel-column{padding:16px 12px}.funnel-mobile-navigation .nav-panel-footer{padding:12px 20px}.funnel-header .header-actions{gap:13px}.funnel-header .button-small{padding-inline:11px}.nav-panel-note{max-width:none}.funnel-mobile-navigation .nav-popover a.nav-item{min-height:65px}}
@media(max-width:360px){.funnel-header .brand,.funnel-header .brand img{width:94px;flex-basis:94px}.funnel-header .header-actions{gap:9px}.funnel-header .button-small{font-size:.75rem;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.nav-group[open] .nav-popover{animation:none}.funnel-header .nav-group>summary::after,.nav-item{transition:none}}
@media print{.funnel-header,.funnel-mobile-navigation{display:none!important}}
