:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.page{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem}.hero{text-align:center;background:linear-gradient(130deg,#1d4ed8,#0891b2);color:#fff;padding:3rem 1.5rem;border-radius:1rem}.badge{font-weight:600;margin:0;letter-spacing:.03em}.hero h1{margin:.8rem 0;font-size:clamp(2rem,5vw,3rem)}.cta-row{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{text-decoration:none;border:1px solid #e2e8f0;color:#fff;padding:.65rem 1rem;border-radius:.5rem;font-weight:600}.btn.primary{background:#0f172a;border-color:#0f172a}.card-grid{margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}footer{margin-top:2rem;text-align:center;color:#475569}