*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(160deg,#f0fdfa 0%,#ecfeff 50%,#f8fafc 100%);color:#0f172a;min-height:100vh}
.hero{max-width:860px;margin:0 auto;padding:72px 24px 48px;text-align:center}
.badge{display:inline-block;background:#ccfbf1;color:#0f766e;font-weight:600;font-size:13px;padding:6px 14px;border-radius:999px;letter-spacing:.3px}
h1{font-size:clamp(34px,6vw,56px);margin:18px 0 10px;font-weight:800;letter-spacing:-1px}
.lead{font-size:18px;color:#475569;max-width:620px;margin:0 auto 40px;line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;text-align:left}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.card span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0f766e;color:#fff;font-weight:700;margin-bottom:10px}
.card strong{display:block;margin-bottom:6px}
.card p{margin:0;color:#64748b;font-size:14px;line-height:1.5}