:root{--bg:#fafaf9;--fg:#0c0a09;--muted:#57534e;--card:#fff;--line:#e7e5e4;--accent:#4f46e5;--accent-fg:#fff;--pass:#16a34a;--warn:#d97706;--fail:#dc2626;--code:#f5f5f4}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--fg:#fafaf9;--muted:#a8a29e;--card:#1c1917;--line:#292524;--accent:#818cf8;--accent-fg:#0c0a09;--code:#171412}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}nav.top{justify-content:space-between;align-items:center;padding:18px 0;display:flex}nav.top .logo{letter-spacing:-.02em;font-size:19px;font-weight:800;text-decoration:none}nav.top .logo span{color:var(--accent)}nav.top .links{color:var(--muted);gap:18px;font-size:14px;display:flex}nav.top .links a{text-decoration:none}.hero{text-align:center;padding:64px 0 40px}.hero h1{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(34px,6vw,60px);line-height:1.05}.hero h1 em{color:var(--accent);font-style:normal}.hero p.sub{color:var(--muted);max-width:680px;margin:0 auto 30px;font-size:clamp(16px,2.2vw,20px)}form.scan{gap:8px;max-width:620px;margin:0 auto;display:flex}form.scan input{border:1px solid var(--line);background:var(--card);min-width:0;color:var(--fg);border-radius:12px;flex:1;padding:14px 16px;font-size:17px}.btn{background:var(--accent);color:var(--accent-fg);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:650;text-decoration:none;display:inline-block}.btn.ghost{border:1px solid var(--line);color:var(--fg);background:0 0}.btn:disabled{opacity:.6;cursor:wait}.small{color:var(--muted);font-size:13px}section{border-top:1px solid var(--line);padding:56px 0}section h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,3.5vw,36px)}section p.lead{color:var(--muted);max-width:720px;margin:0 0 28px;font-size:17px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin:0 0 8px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:15px}.price{letter-spacing:-.02em;margin:6px 0 12px;font-size:36px;font-weight:800}.price small{color:var(--muted);font-size:15px;font-weight:500}.card ul{color:var(--muted);margin:0 0 18px;padding-left:18px;font-size:15px}.card.featured{border:2px solid var(--accent)}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}pre{background:var(--code);border:1px solid var(--line);white-space:pre;border-radius:12px;margin:0;padding:14px;overflow-x:auto}.report{text-align:left;margin-top:36px}.scorebox{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.ring{border-radius:50%;flex:none;place-items:center;width:132px;height:132px;display:grid}.ring div{background:var(--card);text-align:center;border-radius:50%;place-items:center;width:106px;height:106px;display:grid}.ring b{font-size:38px;line-height:1;display:block}.bars{flex:1;gap:10px;min-width:240px;display:grid}.bar{font-size:14px}.bar .track{background:var(--line);border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.bar .fill{border-radius:99px;height:100%}.check{border-bottom:1px solid var(--line);grid-template-columns:22px 1fr;gap:10px;padding:14px 0;display:grid}.check:last-child{border-bottom:0}.dot{border-radius:50%;width:12px;height:12px;margin-top:6px}.check .t{font-weight:650}.check .d{color:var(--muted);font-size:14px}.check .f{margin-top:4px;font-size:14px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tabs button{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:99px;padding:6px 12px;font-size:14px}.tabs button.on{background:var(--fg);color:var(--bg)}.err{color:var(--fail);margin-top:16px}.cta{background:var(--accent);color:var(--accent-fg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px;display:flex}.cta .btn{background:var(--accent-fg);color:var(--accent)}footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0 60px;font-size:14px}details{border-bottom:1px solid var(--line);padding:14px 0}details summary{cursor:pointer;font-weight:650}details p{color:var(--muted);margin:8px 0 0}@media (max-width:560px){form.scan{flex-direction:column}.hide-sm{display:none}}.report pre{max-width:100%}pre{min-width:0}@media (max-width:560px){nav.top .links{gap:12px;font-size:13px}}
