:root{--bg:#f7f9fc;--ink:#152033;--muted:#617087;--card:#fff;--line:#dfe6ef;--accent:#3157d5;--accent2:#eaf0ff;--good:#16784a;--warn:#9a6500;--bad:#a83b3b;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max);margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:1.2rem;letter-spacing:-.03em;color:var(--ink)}.navlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:.94rem}
main{padding:46px 0 70px}.hero{max-width:780px;margin:0 auto 34px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.05;letter-spacing:-.055em;margin:10px 0 16px}h2{font-size:1.55rem;letter-spacing:-.025em;margin-top:0}h3{margin-bottom:6px}.lead{font-size:1.08rem;color:var(--muted);max-width:720px;margin:0 auto}
.tool{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 28px rgba(20,40,80,.06);max-width:820px;margin:0 auto 30px}
label{display:block;font-weight:750;margin-bottom:8px}textarea,input,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:14px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:190px;resize:vertical}button,.button{border:0;border-radius:11px;padding:12px 17px;font-weight:800;font:inherit;cursor:pointer;display:inline-block}.primary{background:var(--accent);color:#fff}.secondary{background:var(--accent2);color:var(--accent)}button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:3px solid #b9c9ff;outline-offset:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.result{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.scoreline{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.score{font-size:4rem;line-height:1;font-weight:900;letter-spacing:-.06em}.status{font-weight:850}.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.meter{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fbfcfe}.meter b{display:block;font-size:1.25rem}.bar{height:8px;border-radius:99px;background:#e6ebf2;margin-top:8px;overflow:hidden}.fill{height:100%;background:var(--accent);border-radius:99px}.note{background:#f5f7fa;border-left:4px solid var(--accent);padding:14px 16px;border-radius:8px}.small{font-size:.9rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.section{margin:46px 0}.article{max-width:820px;margin:auto}.article p,.article li{color:#344156}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--muted)}footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--accent2);color:var(--accent);font-size:.78rem;font-weight:800}.checks{display:grid;gap:9px;margin:15px 0}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{font-size:.9rem;color:var(--muted);margin-top:14px}
@media(max-width:720px){.nav{align-items:flex-start;padding:12px 0;flex-direction:column}.navlinks{gap:12px}.meters,.grid,.two{grid-template-columns:1fr 1fr}.tool{padding:18px}main{padding-top:32px}}
@media(max-width:480px){.meters,.grid,.two{grid-template-columns:1fr}.score{font-size:3.3rem}.wrap{padding:0 15px}}