/* One desktop navigation contract, shared by both existing header structures. */
@media(min-width:1024px){
html body :is(#nav.nav,.site-header){position:fixed;z-index:100;top:14px;left:clamp(18px,4.2vw,56px);right:clamp(18px,4.2vw,56px);width:auto;max-width:none;height:auto;margin:0 auto;padding:0;transform:none;color:#0a2540;font-family:"Host Grotesk",sans-serif;pointer-events:auto}
html body :is(#nav.nav .nav__bar,.site-header){display:flex;align-items:center;gap:22px;width:auto;max-width:none;min-height:78px;margin:0;padding:14px 24px;border:1px solid #cfd7df66;border-radius:999px;background:#ffffffed;box-shadow:none;backdrop-filter:blur(14px) saturate(1.3)}
html body .site-header{max-width:none;margin:0 auto}
html body :is(#nav .nav__brand,.site-header .brand){display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;margin:0;padding:0;color:#0a2540;text-decoration:none}
html body :is(#nav .nav__mark,.site-header .brand img){display:block;width:48px;height:48px;max-width:none;flex:none;object-fit:contain}
html body :is(#nav .nav__word,.site-header .home-brand-name){font:800 16px/.95 "Host Grotesk",sans-serif;letter-spacing:-.025em;color:#0a2540}
html body :is(#nav .nav__links,.site-header .primary-nav){display:flex;align-items:center;flex:0 0 auto;gap:8px;margin:0 0 0 auto;padding:0;list-style:none}
html body :is(#nav .nav__links li){margin:0;padding:0;list-style:none}
html body :is(#nav .nav__links a,.site-header .primary-nav>a:not(.mobile-nav-cta)){position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:12px 14px;border:0;border-radius:999px;background:none;box-shadow:none;color:#0a2540;font:500 14px/1.25 "Host Grotesk",sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap}
html body :is(#nav .nav__links a,.site-header .primary-nav>a):hover{background:#fcf0f6}
html body :is(#nav .nav__links a,.site-header .primary-nav>a)[aria-current=page]{background:#f2eaff;color:#49367b}
html body :is(#nav .nav__links a,.site-header .primary-nav>a)[aria-current=page]::after{content:"";position:absolute;left:25%;right:25%;bottom:5px;width:auto;height:3px;border:0;border-radius:3px;background:#a77be8;transform:none}
html body :is(#nav .nav__cta,.site-header>.header-cta){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px;margin:0;padding:12px 26px;border:1px solid #b46b13;border-radius:999px;background:linear-gradient(120deg,#ffba53,#ffcf74);color:#0a2540;font:600 15px/1.3 "Host Grotesk",sans-serif;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;box-shadow:none}
html body :is(#nav .nav__toggle,.site-header .mobile-menu-toggle,.site-header .mobile-nav-cta){display:none}
}
@media(min-width:1024px) and (max-width:1199px){
html body :is(#nav.nav,.site-header){left:18px;right:18px}
html body :is(#nav.nav .nav__bar,.site-header){gap:14px;padding-inline:18px}
html body :is(#nav .nav__links,.site-header .primary-nav){gap:3px}
html body :is(#nav .nav__links a,.site-header .primary-nav>a:not(.mobile-nav-cta)){padding-inline:9px;font-size:13px}
html body :is(#nav .nav__cta,.site-header>.header-cta){font-size:14px;padding-inline:22px}
}
/* Reserved arrow space keeps the button width stable through hover and focus. */
html body a.bnc-action{position:relative;overflow:hidden;isolation:isolate;text-decoration:none}
html body a.bnc-action .bnc-action__label{display:block;position:relative;translate:0 0;transform:none;transition:translate .3s cubic-bezier(.2,.7,.2,1)!important}
html body a.bnc-action .bnc-action__arrow{position:absolute;right:10px;top:50%;display:block;width:18px;height:18px;margin:0;padding:0;opacity:0;transform:translate(-8px,-50%);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.7,.2,1)!important}
html body a.bnc-action .bnc-action__arrow svg{display:block;width:18px;height:18px}
html body a.bnc-action:is(:hover,:focus-visible) .bnc-action__label{translate:-8px 0}
html body a.bnc-action:is(:hover,:focus-visible) .bnc-action__arrow{opacity:1;transform:translate(0,-50%)}
html body a.bnc-action::before,html body a.bnc-action::after{content:none}
html body a.bnc-action:focus-visible{outline:3px solid #635bff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html body a.bnc-action .bnc-action__label,html body a.bnc-action .bnc-action__arrow{transition:none!important}}

@media(max-width:1023px){html body #nav.nav .nav__bar{border:1px solid #cfd7df66;border-radius:999px;background:#ffffffed}}
@media(min-width:1024px){html body[data-page="calculator"] #nav.nav{max-width:none;width:auto}}