*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1}.navwrap{z-index:50;width:auto;position:fixed;top:18px;left:50%;transform:translate(-50%)}.navwrap .nav-pill{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:.5px solid var(--hairline);border-radius:var(--r-pill);align-items:center;gap:2px;padding:6px 10px;display:flex}.navwrap .nav-pill .brand{border-right:.5px solid var(--hairline);flex-shrink:0;align-items:center;margin-right:6px;padding-right:14px;text-decoration:none;display:flex}.navwrap .nav-pill .brand .brand-logo{width:auto;height:24px;display:block}.navwrap .nav-pill .brand .brand-logo--light{display:none}.navwrap .nav-pill .nav-links{flex:1;align-items:center;gap:2px;display:flex}.navwrap .nav-pill .link{color:var(--ink-soft);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:400;text-decoration:none;transition:color .18s,background .18s;display:inline-flex}.navwrap .nav-pill .link:hover{color:var(--ink);background:#ffffff0a}.navwrap .nav-pill .link.is-soon{color:var(--ink-dim);cursor:default}.navwrap .nav-pill .link.is-soon:hover{color:var(--ink-dim);background:0 0}.navwrap .nav-pill .link .soon-tag{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--warm-ink);opacity:.8;border-radius:var(--r-pill);border:.5px solid var(--warm-soft);padding:1px 6px;font-size:9.5px}.navwrap .nav-pill .cta{color:var(--matte);background:var(--ink);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:7px;margin-left:6px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.navwrap .nav-pill .cta:hover{background:#fff;transform:translateY(-.5px)}.navwrap .nav-pill .cta svg{width:11px;height:11px}@media (max-width:960px){.navwrap .nav-pill .nav-links{display:none}}.nav-menu-btn{display:none}.nav-menu{background:color-mix(in srgb, var(--matte-2) 94%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:.5px solid var(--hairline);border-radius:var(--r-lg);flex-direction:column;gap:2px;padding:8px;animation:.18s slideUp;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-menu .menu-link{color:var(--ink-soft);border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:400;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav-menu .menu-link:hover{color:var(--ink);background:#ffffff0d}.nav-menu .menu-link.is-soon{color:var(--ink-dim);cursor:default}.nav-menu .menu-link.is-soon:hover{color:var(--ink-dim);background:0 0}.nav-menu .menu-link .soon-tag{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--warm-ink);opacity:.8;border-radius:var(--r-pill);border:.5px solid var(--warm-soft);padding:1px 6px;font-size:9.5px}.nav-menu .menu-link__icon{width:20px;color:var(--ink-dim);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-menu-backdrop{z-index:49;position:fixed;inset:0}@media (max-width:960px){.nav-menu-btn{width:34px;height:34px;color:var(--ink);border:.5px solid var(--hairline);border-radius:var(--r-pill);cursor:pointer;background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.nav-menu-btn:hover{border-color:var(--hairline-strong);background:#ffffff17}}