/* ── RESPONSIVE ── */

/* ── Scroll-triggered animations ── */

/* Hero grid visuals */

/* HOW-IT-WORKS STEP CARDS */
.hiw-step{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .22s,border-color .22s,transform .22s}
.hiw-step:hover{box-shadow:0 10px 36px rgba(13,115,119,.09);transform:translateY(-3px);border-color:var(--teal)}
.hiw-step-top{display:flex;align-items:center;gap:12px}
.hiw-step-icon{width:48px;height:48px;background:var(--teal-pale);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal)}
.hiw-step-meta{display:flex;flex-direction:column;gap:2px}
.hiw-step-num{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.hiw-step h4{font-size:15px;font-weight:600;color:var(--dark);margin:0}
.hiw-step p{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0}

/* ── Newsletter modal ── */