:root{--bg:#0f172a;--fg:#e2e8f0;--accent:#38bdf8}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}
.hero{padding:4rem 1.5rem;text-align:center}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:0}
.cta{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:var(--accent);color:#04263a;border-radius:.5rem;text-decoration:none;font-weight:600}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1.5rem;max-width:960px;margin:0 auto}
.card{background:#1e293b;border-radius:.75rem;padding:1.5rem}
footer{text-align:center;padding:2rem;color:#94a3b8}