:root{--bg:#f7f8f6;--card:#fff;--ink:#16201b;--mute:#5b6660;--line:#dfe5e1;--brand:#0f5132;--brand2:#198754;
--ok:#198754;--warn:#b7791f;--fail:#c0392b;--radius:14px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f1412;--card:#161d1a;--ink:#e7ece9;--mute:#9aa7a0;--line:#26302b;
--brand:#3fbf7f;--brand2:#62d59b;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--brand)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.top{border-bottom:1px solid var(--line);background:var(--card)}
.top .row{min-height:64px}
.logo{font-weight:600;text-decoration:none;color:var(--ink);display:flex;gap:8px;align-items:center}
.logo b{color:var(--brand)}
.dot{width:12px;height:12px;border-radius:50%;background:var(--brand2);display:inline-block}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--mute)}nav a:hover{color:var(--ink)}
main{padding:40px 0 64px}
h1{font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}
h2{font-size:1.4rem;margin:2em 0 .6em}
.lead{font-size:1.15rem;color:var(--mute);max-width:640px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
form.check{display:flex;gap:10px;margin:28px 0 8px;flex-wrap:wrap}
input[type=text],input[type=email],input[type=url]{flex:1 1 280px;min-width:0;font:inherit;padding:14px 16px;border-radius:10px;
border:1px solid var(--line);background:var(--card);color:var(--ink)}
button,.btn{font:inherit;font-weight:600;padding:14px 22px;border-radius:10px;border:0;background:var(--brand);color:#fff;
cursor:pointer;text-decoration:none;display:inline-block}
button:disabled{opacity:.6;cursor:wait}
.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}
.small{font-size:.88rem;color:var(--mute)}
.score{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.ring{--p:0;--c:var(--ok);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
background:conic-gradient(var(--c) calc(var(--p)*1%),var(--line) 0)}
.ring span{width:76px;height:76px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:1.6rem;font-weight:700}
ul.findings{list-style:none;padding:0;margin:0}
ul.findings li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
ul.findings .d{color:var(--mute);font-size:.92rem;word-break:break-word}
.s-ok{color:var(--ok)}.s-warn{color:var(--warn)}.s-fail{color:var(--fail)}.s-na{color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.price{font-size:2.2rem;font-weight:700}
.error{color:var(--fail);margin-top:10px}
.foot{border-top:1px solid var(--line);padding:24px 0;color:var(--mute);font-size:.92rem}
.legal h2{font-size:1.15rem;margin-top:1.6em}
table.mon{width:100%;border-collapse:collapse}table.mon td,table.mon th{padding:8px;border-top:1px solid var(--line);text-align:left}
.tablewrap{overflow-x:auto}
.guide h1{margin-top:8px}.guide table{border-collapse:collapse;width:100%;margin:16px 0}
.guide th,.guide td{border-top:1px solid var(--line);padding:8px;text-align:left}.guide td:last-child{text-align:right}