:root{--primary:#00E887;--dark:#0A0F14;--muted:#E6E9EE;--muted2:#F6F8FB}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--dark);background:#fff;line-height:1.5}
.section{padding:clamp(28px,6vw,80px) 16px;max-width:1100px;margin:auto}
h1,h2{font-family:'Space Grotesk',Inter,system-ui;letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(32px,5vw,54px);margin:0 0 8px}
h2{font-weight:700;font-size:clamp(26px,4vw,40px);margin:0 0 12px}
p{margin:0 0 12px}
.button{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--dark);text-decoration:none}
.button--primary{background:var(--primary);border-color:var(--primary);color:#062a1a;font-weight:600}
.grid{display:grid;gap:16px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.grid--3{grid-template-columns:1fr}.grid--2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--muted);border-radius:14px;padding:18px}
.input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px}
.foot{color:#64748b;font-size:12px;margin-top:8px}