/* Scam Check holding page. Black Ember palette: charcoal #1C1613, ember #B34E08 (light) / #F06B2A (dark).
   Every text colour pair meets WCAG AA (4.5:1) in both themes. No web fonts, no images beyond the icon. */
:root{--bg:#FAF7F4;--ink:#1C1613;--muted:#5E5651;--card:#FFFFFF;--line:#E7E0DA;--ember:#B34E08;--on-ember:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--bg:#141110;--ink:#F3EEEA;--muted:#B5ABA4;--card:#1E1916;--line:#2E2723;--ember:#F06B2A;--on-ember:#141110}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--ember)}
.wrap{max-width:720px;margin:0 auto;padding:0 16px}
.top{background:#1C1613;color:#F3EEEA}
.top .wrap{padding-top:14px;padding-bottom:14px}
.brand{margin:0;font-weight:700;display:flex;align-items:center;gap:10px}
.brand .by{font-weight:400;color:#C9BFB8}
.hero{padding:40px 0 8px}
.badge{display:inline-block;margin:0 0 12px;padding:3px 10px;border:1px solid var(--ember);color:var(--ember);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
h1{font-size:clamp(30px,7vw,44px);line-height:1.1;margin:0 0 14px;letter-spacing:-.5px}
.lead{font-size:18px;color:var(--muted);margin:0 0 28px}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:12px}
.steps li{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 18px 18px 64px}
.steps li::before{content:counter(s);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--ember);color:var(--on-ember);font-weight:700;font-size:15px;display:grid;place-items:center}
.steps h2{font-size:18px;line-height:1.3;margin:3px 0 6px}
.steps p{margin:0;color:var(--muted)}
.steps strong{color:var(--ink)}
q{font-style:italic}
.note{margin:28px 0 8px;padding:18px;border-left:4px solid var(--ember);background:var(--card);border-radius:0 12px 12px 0}
.note h2{font-size:16px;margin:0 0 6px}
.note p{margin:0;color:var(--muted)}
.foot{padding-top:28px;padding-bottom:40px;color:var(--muted);font-size:14px}
@media (max-width:420px){.steps li{padding:16px 16px 16px 58px}.steps li::before{left:14px;top:16px}}