:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6fb;--foreground:#111827;--surface:#fff;--border:#d7deea;--muted:#5b6475;--accent:#1d4ed8}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:linear-gradient(180deg,#f8faff 0%,var(--background)100%);color:var(--foreground);font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}main{gap:24px;max-width:920px;margin:0 auto;padding:48px 20px 72px;display:grid}.hero{border:1px solid var(--border);background:#ffffffeb;border-radius:24px;gap:16px;padding:28px;display:grid;box-shadow:0 18px 40px #0f172a14}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.hero p,.card p,.list li{color:var(--muted);line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:22px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.list{margin:0;padding-left:18px}.code{color:#1e3a8a;background:#e7eefc;border-radius:999px;padding:2px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.92rem;display:inline-block}@media (max-width:720px){main{padding:28px 16px 40px}.hero,.card{padding:20px}}