:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08111f;color:#edf2f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#11203b 0,#08111f 55%)}a{color:#fff;text-decoration:none}.page{min-height:100vh;padding:48px 20px 64px}.hero,.card{max-width:1120px;margin:0 auto 24px;background:#09101ed1;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 80px #0000004d}.hero{padding:40px}.pill{display:inline-block;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,#0f172a);color:#e2e8f0;font-size:14px;margin-bottom:16px}h1{font-size:clamp(42px,8vw,72px);margin:0 0 12px}.tagline{font-size:22px;color:#dbeafe;margin:0 0 14px;max-width:720px}.overview{font-size:18px;line-height:1.7;color:#bfd3ea;max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions a{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#1d4ed8);font-weight:700}.grid{max-width:1120px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{padding:28px}.card h2{margin-top:0}ul{padding-left:20px;line-height:1.7;color:#dbe7f5}.code-card pre{overflow:auto;background:#020817;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.code-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.code-header span{color:#94a3b8;font-size:14px}@media(max-width:640px){.hero,.card{border-radius:18px}.hero{padding:28px}.page{padding:24px 14px 42px}.tagline{font-size:18px}.overview{font-size:16px}}