:root{--bg:#3b82f6;--panel:rgba(255,255,255,0.08);--panel-border:rgba(255,255,255,0.16);--text:#f8fafc;--muted:rgba(248,250,252,0.72);--primary:#0f172a;--accent:#10b981}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 28%,transparent),transparent 28%),linear-gradient(180deg,var(--primary) 0,var(--bg) 62%);color:var(--text);font-family:Plus Jakarta Sans,Inter,sans-serif}a{color:inherit;text-decoration:none}main{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:32px 0 72px}.hero,.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.hero{padding:32px}.hero h1{font-size:clamp(2.5rem,5vw,4.75rem);line-height:.95;margin:0;max-width:12ch}.hero p{color:var(--muted);max-width:56ch;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hero-actions a,.hero-actions button{border-radius:999px;border:0;padding:.9rem 1.2rem;font-weight:600;cursor:pointer}.hero-actions .primary{background:linear-gradient(135deg,var(--accent),#ffffff);color:#0f172a}.hero-actions .secondary{background:transparent;color:var(--text);border:1px solid var(--panel-border)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section{margin-top:24px}.panel{padding:24px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;margin-bottom:12px}.kicker,.muted{color:var(--muted)}.code-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--panel-border);padding:.35rem .75rem;font-size:.85rem;margin-right:8px;margin-bottom:8px}.code-pill,pre{font-family:JetBrains Mono,monospace}pre{white-space:pre-wrap;font-size:.9rem;line-height:1.5;color:#e2e8f0}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}main{width:min(100vw - 20px,1120px);padding-top:20px}.hero{padding:24px}}