.nav{position:sticky;top:0;z-index:100;padding-top:max(14px,env(safe-area-inset-top));background:rgba(255,255,255,.94);border-bottom:1px solid rgba(219,228,240,.8);box-shadow:0 6px 22px rgba(20,33,61,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:min-height .2s ease,padding .2s ease,box-shadow .2s ease}
.nav.nav-compact{min-height:58px;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:7px;box-shadow:0 5px 16px rgba(20,33,61,.09)}
.nav nav a{position:relative;padding:8px 0}.nav nav a[aria-current="page"]{color:var(--blue);font-weight:750}.nav nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--blue)}
.menu-toggle{display:none;margin-left:auto;width:42px;height:38px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}.menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:var(--ink)}
.menu-toggle span{transition:transform .18s ease,opacity .18s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.header-cta{padding:9px 14px;border-radius:9px;background:var(--blue);color:#fff!important;font-weight:700}.skip-link{position:fixed;left:16px;top:8px;z-index:200;transform:translateY(-150%);padding:9px 13px;border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 6px 20px rgba(20,33,61,.18)}.skip-link:focus{transform:translateY(0)}
main>section[id],footer[id]{scroll-margin-top:92px}
@media(max-width:760px){.nav{top:0;padding-top:max(14px,env(safe-area-inset-top))}.menu-toggle{display:block}.header-cta{margin-left:0;padding:8px 11px}.nav .login{display:none}.nav nav{display:none;order:4;width:100%;margin:0;padding:8px 0 2px;flex-direction:column;gap:2px;overflow:visible}.nav nav.open{display:flex}.nav nav a{padding:9px 4px}.nav nav a[aria-current="page"]::after{right:auto;width:30px}main>section[id],footer[id]{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav,.product-demo,article{transition:none!important}}