.nav{--nav-h:72px;--nav-h-compact:56px;--nav-dur:.7s;--nav-reveal-dur:.5s;--nav-reveal-delay:.12s;--nav-reveal-step:35ms;z-index:40;height:var(--nav-h);pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:sticky;top:0}.nav:before{content:"";background:rgba(var(--bg-rgb), .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;transition:opacity var(--nav-dur) var(--ease-out);position:absolute;inset:0}.nav.is-compact:before{opacity:0}.nav-inner{pointer-events:auto;width:min(var(--content-max), 100%);height:var(--nav-h);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-6);transition:width var(--nav-dur) var(--ease-out), height var(--nav-dur) var(--ease-out), padding var(--nav-dur) var(--ease-out), transform var(--nav-dur) var(--ease-out), border-radius var(--nav-dur) var(--ease-out);border-radius:0;margin:0 auto;display:flex;position:relative;transform:translateY(0)}.nav-inner:before{content:"";z-index:-1;border-radius:inherit;background:rgba(var(--bg-raised-rgb), .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-lift);opacity:0;transition:opacity var(--nav-dur) var(--ease-out);position:absolute;inset:0}.nav.is-compact .nav-inner{width:min(var(--nav-compact-w,640px), 100% - var(--space-8));height:var(--nav-h-compact);padding:0 var(--space-2) 0 var(--space-4);border-radius:var(--radius-pill);transform:translateY(var(--space-3))}.nav.is-compact .nav-inner:before{opacity:1}.nav-left{align-items:center;gap:var(--space-8);min-width:0;transition:gap var(--nav-dur) var(--ease-out);display:flex}.nav.is-compact .nav-left{gap:var(--space-6)}.nav-brand{color:var(--ink);flex:none;align-items:center;display:flex}.nav-brand .logo-mark{width:24px;height:34px;transition:height var(--nav-dur) var(--ease-out)}.nav.is-compact .nav-brand .logo-mark{height:26px}.nav-wordmark{max-width:88px;padding-left:var(--space-2);transition:max-width var(--nav-dur) var(--ease-out), padding-left var(--nav-dur) var(--ease-out);display:block;overflow:hidden}.nav-wordmark .logo-wordmark-letter{opacity:1;filter:blur();transition:opacity var(--nav-reveal-dur) var(--ease-out), filter var(--nav-reveal-dur) var(--ease-out);transition-delay:calc(var(--nav-reveal-delay) + var(--i) * var(--nav-reveal-step))}.nav.is-compact .nav-wordmark{max-width:0;padding-left:0}.nav.is-compact .nav-wordmark .logo-wordmark-letter{opacity:0;filter:blur(8px);transition-delay:0s;transition-duration:var(--dur-fast)}.nav-links{align-items:center;gap:var(--space-8);transition:gap var(--nav-dur) var(--ease-out);display:flex}.nav.is-compact .nav-links{gap:var(--space-6)}.navlink{font-size:var(--type-small);font-weight:var(--weight-regular);color:var(--muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.navlink:hover,.navlink:focus-visible,.navlink[aria-current=page]{color:var(--ink)}.nav .nav-cta{border-radius:var(--radius-pill)}.nav-right{align-items:center;gap:var(--space-3);flex:none;display:flex}@media (width<=640px){.nav-links{display:none}.nav.is-compact .nav-inner{padding:0 var(--space-2) 0 var(--space-4);transform:translateY(var(--space-2))}}@media (prefers-reduced-motion:reduce){.nav:before,.nav-inner,.nav-inner:before,.nav-left,.nav-brand .logo-mark,.nav-wordmark,.nav-wordmark .logo-wordmark-letter,.nav-links,.navlink{transition:none}}
