:root{--bg:#fff;--fg:#0f172a;--muted:#475569;--card:#f8fafc;--border:#e2e8f0;--accent:#0f766e}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e2e8f0;--muted:#94a3b8;--card:#111a2e;--border:#1e293b;--accent:#2dd4bf}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:24px 16px 48px}.brand{color:var(--accent);font-size:1.125rem;font-weight:700}.hero{text-align:center;padding:64px 0 40px}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-block}h1{max-width:760px;margin:20px auto 16px;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.2}.lead{color:var(--muted);max-width:620px;margin:0 auto;font-size:1.125rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card h2{margin:8px 0 4px;font-size:1.125rem}.card p{color:var(--muted);margin:0}.icon{font-size:1.75rem}.foot{text-align:center;color:var(--muted);margin-top:56px;font-size:.875rem}