:root{--nav-h:72px}
/* Keep auth CTA out of view until the fast-path session check resolves */
html:not(.auth-ready) .site-nav__cta,
html:not(.auth-ready) .nav__cta,
html:not(.auth-ready) .footer a[href*="login"],
html:not(.auth-ready) .footer a[href*="signup"]{visibility:hidden}
.site-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;min-height:var(--nav-h);display:flex;align-items:center;background:rgba(5,6,6,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12;color:#eee8e2;font:500 clamp(14px,1.1vw,20px)/1.6 Inter,system-ui,sans-serif;transition:transform .45s,background .3s;transform:translateZ(0);will-change:transform}
.site-nav,.site-nav *{box-sizing:border-box}
.site-nav.hide{transform:translateY(-100%)}
.site-nav a{color:inherit;text-decoration:none;touch-action:manipulation}
.site-nav a:focus-visible{outline:2px solid #f00646;outline-offset:3px;border-radius:4px}
.site-nav__in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;width:100%;margin-inline:auto;padding-inline:clamp(16px,3vw,96px)}
.site-nav__brand{display:inline-flex;align-items:center;justify-self:start;gap:6px;font-size:clamp(20px,1.6vw,30px);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.site-nav__mark{display:block;width:.8em;height:1.34em;fill:#f00646;transform:translateY(-1px);filter:drop-shadow(0 0 6px #f0064673);transition:transform .5s}
.site-nav__brand:hover .site-nav__mark{transform:rotate(-14deg) translateY(-2px)}
.site-nav__links{display:flex;align-items:center;gap:4px;justify-self:center;white-space:nowrap}
.site-nav__links a{display:flex;align-items:center;justify-content:center;position:relative;min-height:44px;padding:7px 10px;border-radius:8px;color:#b4b0ac;transition:color .25s}
.site-nav__links a::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;background:#f00646;transform:scaleX(0);transform-origin:0 50%;transition:transform .35s}
.site-nav__links a:hover,.site-nav__links a[aria-current=page]{color:#eee8e2}
.site-nav__links a:hover::after,.site-nav__links a[aria-current=page]::after{transform:scaleX(1)}
.site-nav__tos{position:relative;margin:0;border:0;padding:0}
.site-nav__tos>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 10px;border-radius:8px;list-style:none;color:#b4b0ac;font:inherit;cursor:pointer;touch-action:manipulation;user-select:none}
.site-nav__tos>summary::-webkit-details-marker{display:none}
.site-nav__tos>summary::marker{content:""}
.site-nav__tos>summary:hover,.site-nav__tos[open]>summary,.site-nav__tos--active>summary{color:#eee8e2}
.site-nav__tos>summary:focus-visible{outline:2px solid #f00646;outline-offset:3px}
.site-nav__chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.site-nav__tos[open] .site-nav__chevron{transform:translateY(2px) rotate(225deg)}
.site-nav__dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:80;min-width:210px;padding:6px;border:1px solid #ffffff25;border-radius:12px;background:#101011;box-shadow:0 16px 40px #0008;white-space:nowrap}
.site-nav__dropdown a{justify-content:flex-start;padding:10px 14px;font-size:14px;line-height:1.5}
.site-nav__dropdown a:hover,.site-nav__dropdown a:focus-visible,.site-nav__dropdown a[aria-current=page]{background:#ffffff08;color:#eee8e2}
.site-nav__dropdown a::after{display:none}
.site-nav:focus-within,.site-nav:has(.site-nav__tos[open]){transform:none}
.site-nav__cta{display:flex;align-items:center;gap:14px;justify-self:end}
.site-nav .site-nav__login{display:flex;align-items:center;min-height:44px;padding:7px 4px;color:#b4b0ac}
.site-nav .site-nav__login:hover{color:#eee8e2}
.site-nav .site-nav__signup{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:999px;background:#eee8e2;color:#050606;font-weight:600;line-height:1;white-space:nowrap;transition:transform .35s,box-shadow .35s}
.site-nav__signup:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px #eee8e280}
@media(max-width:980px){:root{--nav-h:112px}.site-nav__in{grid-template-columns:1fr auto;gap:4px 18px;padding-block:8px}.site-nav__links{grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:center}.site-nav__cta{grid-column:2;grid-row:1}}
@media(max-width:540px){:root{--nav-h:196px}.site-nav__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;text-align:center;white-space:normal}.site-nav__links a{font-size:14px;line-height:1.25;padding-inline:4px}}
@media(max-width:540px){.site-nav__tos{grid-column:1/-1;justify-self:center}.site-nav__tos>summary{min-width:96px;font-size:14px;line-height:1.25}.site-nav__dropdown{left:50%;right:auto;transform:translateX(-50%);width:min(240px,calc(100vw - 32px));min-width:0;text-align:left}.site-nav__dropdown a{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.site-nav,.site-nav *,.site-nav *::after{transition:none}}
@media print{.site-nav{display:none}}

/* Shared page entrances */
.site-fade{opacity:0;transform:translateY(8px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--fade-delay,0ms)}
.site-fade.site-fade-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.site-fade{opacity:1;transform:none;transition:none}}
