:root{--bg: #0b0c0f;--bg-soft: #0f1218;--text: #e7e9ef;--text-dim: #b7bed1;--brand: #86a2ff;--brand-strong: #4466ff;--card: #0f1117;--border: #232737;--ok: #3ddc97;--warn: #ffcf66;--shadow-1: 0 1px 2px rgba(0, 0, 0, .25);--shadow-2: 0 8px 24px color-mix(in oklab, var(--brand), transparent 85%);--radius: 14px;--accent-grad: linear-gradient(135deg, var(--brand), var(--ok));--accent-soft: color-mix(in oklab, var(--brand), transparent 80%);--gutter: clamp(16px, 3.5vw, 24px)}:root[data-theme=light]{--bg: #f7f8fb;--bg-soft: #ffffff;--text: #0f1423;--text-dim: #475575;--brand: #365cff;--brand-strong: #2341ff;--card: #ffffff;--border: #e6e8f0;--ok: #0faa75;--warn: #b26b00;--shadow-1: 0 1px 2px rgba(15, 20, 35, .06);--shadow-2: 0 16px 40px rgba(54, 92, 255, .15);--accent-grad: linear-gradient(135deg, var(--brand), var(--ok));--accent-soft: color-mix(in oklab, var(--brand), transparent 85%)}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 600px at 80% -10%,color-mix(in oklab,var(--brand),transparent 88%),transparent),radial-gradient(800px 400px at -10% 10%,color-mix(in oklab,var(--ok),transparent 92%),transparent),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}header.nav{position:sticky;top:0;z-index:40;backdrop-filter:saturate(180%) blur(8px);background:linear-gradient(to bottom,color-mix(in oklab,var(--bg),transparent 15%),transparent),color-mix(in oklab,var(--bg),transparent 40%);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}header.nav .container{padding-left:calc(var(--gutter) + env(safe-area-inset-left));padding-right:calc(var(--gutter) + env(safe-area-inset-right))}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.1px}.brand .dot{display:none}.brand .logo-dots{width:28px;height:auto;filter:drop-shadow(0 2px 8px color-mix(in oklab,var(--brand),transparent 75%));transform:translateZ(0);transition:transform .25s ease}.brand .logo-lockup,.brand .logo-lockup-dark{height:22px;display:none}:root[data-theme=light] .brand .logo-lockup{display:block}:root[data-theme=dark] .brand .logo-lockup-dark{display:block}.brand .logo-dots,.brand span{display:none}.brand:hover .logo-dots{transform:translateY(-1px)}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.brand .logo-dots.bob{animation:bob 3.5s ease-in-out infinite}.nav-links{display:flex;gap:1rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding:.62rem .95rem;border-radius:.7rem;box-shadow:var(--shadow-1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{border-color:color-mix(in oklab,var(--brand),var(--border) 50%);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,color-mix(in oklab,var(--brand),white 10%),var(--brand-strong));color:#fff;border-color:transparent;box-shadow:var(--shadow-2)}.btn.ghost{background:transparent}.grid{display:grid;gap:1rem}.section{padding:4rem 0}.section.muted{position:relative;overflow:hidden}.section.muted:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background:radial-gradient(600px 280px at 20% 10%,color-mix(in oklab,var(--brand),transparent 90%),transparent),radial-gradient(600px 280px at 90% 0%,color-mix(in oklab,var(--ok),transparent 90%),transparent);mask:linear-gradient(to bottom,black,black 60%,transparent 95%)}.section.dark{background:linear-gradient(0deg,color-mix(in oklab,var(--bg-soft),transparent 10%),transparent),var(--bg-soft);border-block:1px solid var(--border)}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:1rem}.card.hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card.hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:color-mix(in oklab,var(--brand),var(--border) 60%)}.surface{background:linear-gradient(180deg,color-mix(in oklab,var(--card),transparent 8%),var(--card));border:1px solid var(--border);border-radius:var(--radius)}.eyebrow{color:var(--text-dim);font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .55rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(var(--bg-soft),var(--bg-soft)) padding-box,var(--accent-grad) border-box;color:var(--text-dim);font-size:.85rem;box-shadow:0 1px 0 var(--shadow-1)}.accent-bar{width:64px;height:4px;border-radius:8px;background:var(--accent-grad);box-shadow:0 0 18px var(--accent-soft)}.surface.accent,.card.accent{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--accent-grad) border-box}.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;margin-right:.45rem;border-radius:999px;background:var(--accent-grad);box-shadow:0 0 8px var(--accent-soft)}.splash{position:absolute;pointer-events:none;border-radius:40px;filter:blur(24px);opacity:.55}.splash.tl{inset:-30px auto auto -30px;width:160px;height:160px;background:radial-gradient(closest-side,color-mix(in oklab,var(--brand),transparent 35%),transparent)}.splash.br{inset:auto -40px -40px auto;width:180px;height:180px;background:radial-gradient(closest-side,color-mix(in oklab,var(--ok),transparent 35%),transparent)}.footer{border-top:1px solid var(--border);padding:2.5rem 0;color:var(--text-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.video-placeholder{border:2px dashed var(--border);border-radius:1rem;aspect-ratio:16/9;display:grid;place-items:center;color:var(--text-dim);background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--bg-soft),transparent 20%) 0 8px,transparent 8px 16px)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);border:1px solid var(--border);padding:.1rem .35rem;border-radius:.4rem}@media(max-width:1024px){.container{grid-template-columns:1fr!important;gap:1.1rem!important}}@media(max-width:768px){.nav-inner{flex-wrap:wrap;gap:.6rem}.nav-links{flex-wrap:wrap;width:100%;gap:.6rem;justify-content:flex-start}.section{padding:3rem 0}pre{white-space:pre-wrap;word-break:break-word}img,iframe,video{max-width:100%;height:auto}}@media(max-width:640px){:root{--gutter: .9rem}.section{padding:2.5rem 0}.nav-links{gap:.5rem}}.cookie-banner{position:fixed;inset:auto 1rem 1rem;z-index:60;display:none}.cookie-banner .inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.9rem 1rem}.cookie-banner.show{display:block}