@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;650;800&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@500;700&display=swap");:root{--bg:oklch(0.14 0.005 240);--surface:oklch(0.17 0.005 240);--surface-elevated:oklch(0.21 0.005 240);--text:oklch(0.98 0.003 90);--muted:oklch(0.72 0.004 240);--border:oklch(0.27 0.005 240);--accent:oklch(0.88 0.14 95);--critical:oklch(0.64 0.21 25);--positive:oklch(0.72 0.12 145)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 10%,color-mix(in oklch,var(--accent),transparent 82%),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:16rem 1fr}.nav{border-right:1px solid var(--border);padding:1.5rem;background:color-mix(in oklch,var(--surface),transparent 10%);position:-webkit-sticky;position:sticky;top:0;height:100vh}.logo{font-family:Space Grotesk;font-size:1.25rem;letter-spacing:.08em}.nav a{display:block;color:var(--muted);text-decoration:none;padding:.7rem 0}.nav a:hover{color:var(--text)}.main{padding:2rem}.card{border:1px solid var(--border);background:color-mix(in oklch,var(--surface-elevated),transparent 8%);border-radius:1.25rem;padding:1.25rem;box-shadow:0 20px 80px rgba(0,0,0,.25)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1rem;gap:1rem}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font:600 .75rem JetBrains Mono}.hero{font-family:Space Grotesk;font-size:clamp(2.5rem,7vw,7rem);line-height:.9;margin:1rem 0}.muted{color:var(--muted)}.button{border:1px solid var(--accent);background:var(--accent);color:#111;padding:.9rem 1rem;font-weight:800;display:inline-block;text-decoration:none}.button,.rail{border-radius:999px}.rail{height:.5rem;background:var(--border);overflow:hidden}.fill{height:100%;background:var(--accent);width:var(--w,50%)}@media (max-width:900px){.shell{grid-template-columns:1fr}.nav{position:relative;height:auto}.span-4,.span-6,.span-8{grid-column:span 12}}