:root{--ink:#101214;--muted:#666d75;--line:#e4e7ea;--soft:#f6f7f8;--accent:#6f57ff;--accent2:#4932db;--good:#18794e;--goodbg:#edf8f2;--warn:#9a6700;--warnbg:#fff7df;--neutral:#59636e;--neutralbg:#f0f2f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.brand{display:flex;align-items:center;gap:10px;font-weight:760;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--ink);color:white;font-size:15px}.nav nav{display:flex;gap:28px}.nav nav a,footer a{font-size:14px;color:var(--muted);text-decoration:none}.nav nav a:hover,footer a:hover{color:var(--ink)}.hero{padding:104px 0 90px;text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:16px}.hero h1{font-size:clamp(48px,7.3vw,88px);line-height:.97;letter-spacing:-.065em;margin:0 auto 28px;max-width:960px}.hero h1 span{color:#858b92}.lead{font-size:20px;color:var(--muted);max-width:720px;margin:0 auto 36px}.scanner{display:flex;gap:10px;margin:0 auto;max-width:720px;padding:8px;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 40px rgba(16,18,20,.08);background:#fff}.input-shell{flex:1;display:flex;align-items:center;padding:0 6px 0 14px;min-width:0}.protocol{color:#a0a5ab;font-size:17px}.input-shell input{border:0;outline:0;font:inherit;font-size:17px;width:100%;padding:14px 4px;background:transparent;color:var(--ink)}.scanner button{border:0;border-radius:11px;background:var(--ink);color:white;font-weight:720;padding:0 20px;font-size:15px;cursor:pointer;white-space:nowrap}.scanner button:hover{background:#272b2f}.scanner button:disabled{opacity:.55;cursor:wait}.microcopy{display:flex;justify-content:center;gap:25px;color:#8c9298;font-size:13px;margin-top:18px}.checks{padding:92px 0 110px;border-top:1px solid var(--line)}.section-intro{max-width:670px}.section-intro h2,.principle h2,.report h2,.loading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.05em;line-height:1.04;margin:0 0 18px}.section-intro p,.principle p{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.feature-grid article{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.feature-grid article span{font-size:12px;font-weight:800;color:var(--accent)}.feature-grid h3{font-size:20px;margin:34px 0 8px;letter-spacing:-.025em}.feature-grid p{color:var(--muted);font-size:15px;margin:0}.principle{background:var(--ink);color:white}.principle-inner{padding:86px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.principle .eyebrow{color:#a99bff}.principle p{color:#adb2b7;margin:0}.principle p b{color:white}.loading{padding:88px 0 100px;text-align:center;border-top:1px solid var(--line)}.loader{width:38px;height:38px;border:3px solid #e5e7e9;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 24px}.loading h2{font-size:36px}.loading p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.report{padding:68px 0 100px;border-top:1px solid var(--line)}.report-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.report-head h2{font-size:44px;margin-bottom:8px}.report-head p{margin:0;color:var(--muted)}.secondary{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 14px;font-weight:700;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0}.summary-card{border-radius:16px;padding:24px;display:flex;flex-direction:column}.summary-card b{font-size:36px;letter-spacing:-.04em}.summary-card span{font-size:14px}.summary-card.good{background:var(--goodbg);color:var(--good)}.summary-card.warn{background:var(--warnbg);color:var(--warn)}.summary-card.neutral{background:var(--neutralbg);color:var(--neutral)}.category{margin-top:38px}.category h3{font-size:15px;margin:0 0 12px;color:#4c535a}.result{display:grid;grid-template-columns:160px 1fr 28px;gap:16px;align-items:start;padding:19px 0;border-top:1px solid var(--line)}.status{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;display:inline-block;width:max-content}.status.pass{background:var(--goodbg);color:var(--good)}.status.attention{background:var(--warnbg);color:var(--warn)}.status.unknown{background:var(--neutralbg);color:var(--neutral)}.result h4{font-size:16px;margin:1px 0 4px}.result p{margin:0;color:var(--muted);font-size:14px}.fix{display:none;margin-top:10px!important;color:#4c535a!important}.result.open .fix{display:block}.toggle{border:0;background:none;font-size:19px;color:#888;cursor:pointer}.disclaimer{font-size:12px;color:#92979c;margin-top:40px}.hidden{display:none!important}.error-box{max-width:720px;margin:20px auto 0;border:1px solid #f0c7c7;background:#fff4f4;color:#8b2e2e;padding:13px 16px;border-radius:11px;text-align:left;font-size:14px}footer{min-height:130px;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}footer>div:nth-child(2){display:flex;gap:20px}footer p{font-size:13px;color:#9aa0a6}@media(max-width:760px){.wrap{width:min(100% - 28px,1120px)}.nav{height:68px}.nav nav a:first-child{display:none}.hero{padding:76px 0 68px}.hero h1{font-size:51px}.lead{font-size:17px}.scanner{flex-direction:column;padding:7px}.scanner button{height:52px}.microcopy{gap:10px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr}.principle-inner{grid-template-columns:1fr;gap:15px}.report-head{align-items:start;flex-direction:column}.summary-grid{grid-template-columns:1fr}.result{grid-template-columns:1fr 28px}.result .status{grid-column:1}.result>div:nth-child(2){grid-column:1}.result .toggle{grid-column:2;grid-row:1/3}footer{grid-template-columns:1fr;padding:35px 0;gap:18px}footer>div:nth-child(2){flex-wrap:wrap}.nav nav{gap:12px}.nav nav a{font-size:12px}}
.report-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button-link{display:inline-flex;align-items:center;text-decoration:none}.report h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;margin:.35rem 0 .6rem}@media(max-width:760px){.report-actions{justify-content:flex-start}}
