:root{
  --bg:#fbfaf7;--bg2:#f3f1ea;--ink:#17202a;--muted:#5b6670;--line:#e4e1d8;
  --brand:#0b5fff;--brand-ink:#083fb0;--good:#15803d;--good-bg:#ecfdf3;--info:#1d4ed8;--info-bg:#eef4ff;--warn:#b45309;--warn-bg:#fff7ed;
  --radius:16px;--shadow:0 10px 30px rgba(23,32,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,var(--bg) 40%,var(--bg2) 100%);min-height:100vh}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;margin:.2em 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(30px,5vw,46px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:20px}
p{margin:.4em 0 1em}
.muted{color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--muted)}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink)}
.logo span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;font-size:15px}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nav ul a{color:var(--ink);font-weight:500}
.nav .call{background:var(--ink);color:#fff;padding:9px 14px;border-radius:999px;font-weight:600;white-space:nowrap}
.nav .call:hover{text-decoration:none;background:#000}
@media(max-width:760px){.nav ul{display:none}}

/* hero */
.hero{padding:56px 0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:32px}}
.hero .lead{font-size:19px;color:var(--muted);max-width:520px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}
.chip::before{content:"✓ ";color:var(--good)}

/* checker card */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.checker-card h3{margin-top:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.grid2{grid-template-columns:1fr}}
label{display:block;font-size:13px;font-weight:600;margin:10px 0 5px;color:#2b3640}
input,select{width:100%;padding:12px 13px;border:1px solid #cfd4db;border-radius:11px;font:inherit;background:#fff}
input:focus,select:focus{outline:2px solid var(--brand);border-color:var(--brand)}
.btn{display:inline-block;padding:13px 20px;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer;font:inherit;text-align:center}
.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-ink);text-decoration:none}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--bg2);text-decoration:none}
.btn.block{width:100%;margin-top:14px}
.fine{font-size:12px;color:var(--muted)}

/* result */
.result{margin-top:16px}
.result.good{border-color:#b7e4c7;background:var(--good-bg)}
.result.info{border-color:#bfd2ff;background:var(--info-bg)}
.result.warn{border-color:#fed7aa;background:var(--warn-bg)}
.result ul{padding-left:20px;margin:8px 0 14px}
.result li{margin:6px 0}
.ctas{display:flex;flex-direction:column;gap:8px}
.ok{color:var(--good);font-weight:600}
#lead-box{margin-top:14px}

/* sections */
section{padding:48px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.step .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;margin-bottom:10px}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:700px){.tiles{grid-template-columns:1fr}}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .15s,box-shadow .15s;color:var(--ink);display:block}
.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
.tile h3{margin-top:0}
.tile .more{color:var(--brand);font-weight:600}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat b{display:block;font-size:30px;color:var(--brand)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
.faq summary{font-weight:700;cursor:pointer}
.prose{max-width:760px}
.prose h2{margin-top:1.6em}
.prose table{width:100%;border-collapse:collapse;margin:1em 0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.prose th{background:var(--bg2)}
.callout{background:var(--info-bg);border:1px solid #bfd2ff;border-radius:12px;padding:16px 18px;margin:1.2em 0}
.cta-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta-band h2{margin:0;color:#fff}
.cta-band .btn.primary{background:#fff;color:var(--ink)}

/* footer */
footer{border-top:1px solid var(--line);padding:36px 0 28px;color:var(--muted);font-size:14px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}
footer h4{margin:0 0 10px;color:var(--ink)}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:6px 0}
footer a{color:var(--muted)}
.disclaimer{margin-top:24px;font-size:12px;line-height:1.5}