:root{--bg:#f6f8fb;--surface:#fff;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--accent:#2563eb;--accent-soft:#dbeafe;--warn-bg:#fef9c3;--warn-border:#fde047}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--surface:#111a2e;--text:#e6edf7;--muted:#9fb0c8;--border:#22304a;--accent:#6ea0ff;--accent-soft:#18284a;--warn-bg:#3a3210;--warn-border:#7a6a1c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}.page{max-width:64rem;margin:0 auto;padding:1.25rem 1rem 2rem}.header{padding:.5rem 0 1.5rem}.brand{color:var(--accent);font-size:1.125rem;font-weight:700}.hero{padding:1.5rem 0 2rem}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:0 0 1rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2.25rem,7vw,3.5rem);line-height:1.1}.lead{color:var(--muted);margin:0 0 1.25rem;font-size:clamp(1.0625rem,2.5vw,1.375rem)}.notice{border:1px solid var(--warn-border);background:var(--warn-bg);border-radius:.5rem;max-width:40rem;margin:0;padding:.75rem 1rem;font-size:.9375rem}.grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:40rem){.grid{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1.25rem}.card h2{margin:0 0 .5rem;font-size:1.0625rem}.card p{color:var(--muted);margin:0 0 .75rem;font-size:.9375rem}.tag{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.footer{border-top:1px solid var(--border);color:var(--muted);margin-top:2.5rem;padding-top:1rem;font-size:.875rem}