:root{
  --ink:#0e1116; --paper:#f7f5f2; --urgent:#d93a1f;
  --calm:#1f5f8b; --muted:#5b6470; --line:#e2ded8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  background:var(--paper); color:var(--ink);
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header{padding:28px 0;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.logo span{color:var(--urgent)}
.tag{font-size:.8rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}

.taps{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:16px auto 0}
.tap{display:block;border:none;border-radius:16px;cursor:pointer;font-family:inherit;font-weight:700;color:#fff}
@media(max-width:560px){.taps{grid-template-columns:1fr}}

.band{margin-top:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.band .wrap{padding:52px 24px}
.band h2{font-size:1.6rem;letter-spacing:-.02em;text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}
.step h3{font-size:1.15rem;letter-spacing:-.01em}
.step p{margin-top:8px;color:var(--muted);font-size:.98rem}
@media(max-width:700px){.steps{grid-template-columns:1fr}}

.responders{background:var(--ink);color:#fff;padding:60px 0}
.responders h2{font-size:1.7rem;letter-spacing:-.02em}
.ghost{display:inline-block;margin-top:22px;padding:15px 26px;border-radius:12px;border:1px solid #4a545f;color:#fff;text-decoration:none;font-weight:600}
.ghost:hover{background:#1b2129}

footer{padding:34px 0;text-align:center;color:var(--muted);font-size:.86rem}
.fine{font-size:.85rem}
/* ---- v6: center the three how-it-works steps ---- */
.step{text-align:center}
.step h3{text-align:center}
.step p{text-align:center}


#rsp-overlay{display:none;position:fixed;inset:0;background:rgba(6,4,20,.82);z-index:50;align-items:center;justify-content:center;padding:24px}
.rsp-card{background:#16112b;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;max-width:420px;width:100%;text-align:center}
.rsp-card h3{margin:0 0 10px;font-size:1.4rem}
.rsp-card p{margin:0 0 18px;opacity:.85}
.rsp-btn{background:#f5b53f;color:#1a1200;border:0;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700;cursor:pointer}
#rsp-gsi{display:flex;justify-content:center;margin-top:8px}