:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#111a18;color:#f0f4ed;--muted:#9daea5;--line:#30403a;--accent:#d5f6a0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.top,main,footer{width:min(1160px,calc(100% - 64px));margin:auto}.top{min-height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650}.brand .muted{font-size:12px;font-weight:400;margin-left:10px}.mark{color:var(--accent);font-size:28px;font-weight:800}.muted{color:var(--muted)}.connection{font-size:11px;color:var(--muted);text-align:right}.connection.ok{color:var(--accent)}.connection.error{color:#f2b2a0}.hero{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 16px 62px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--muted)}h1{font-size:clamp(76px,12vw,152px);line-height:1.05;letter-spacing:-7px;font-weight:550;color:var(--accent);margin:25px 0 19px}.hero p{font-size:15px;line-height:1.8;color:#b9c8bd;margin:0}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:27px}.hero-actions>span{font-size:12px;color:var(--muted)}button{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #43544b;border-radius:8px;background:#27372e;color:#e7f1e4;padding:13px 16px;font-size:12px;font-weight:600;min-height:43px}button:hover{background:#344b3b;border-color:#78945f}.primary{background:var(--accent);color:#25371e;border-color:var(--accent);min-width:164px}.primary:hover{background:#e1ffb5;color:#25371e}.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#1a2621;border:1px solid var(--line);border-radius:13px;padding:23px;min-width:0;display:flex;flex-direction:column;transition:border-color .2s}.card.passed{border-color:#6d8853}.card.failed{border-color:#b47a69}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.number{font-size:9px;letter-spacing:1px;color:#95ab9b}.badge{font-size:9px;padding:5px 7px;border-radius:5px;background:#2c3b33;color:#b1c0b5;white-space:nowrap}.passed .badge{background:#34482b;color:#d5f6a0}.failed .badge{background:#51372f;color:#f5baaa}h2{font-size:18px;font-weight:550;letter-spacing:-.3px;margin:26px 0 10px}.card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 18px;min-height:41px}output{display:block;font:12px/1.7 Consolas,monospace;color:#d6e7d6;min-height:50px;margin:5px 0 18px;overflow-wrap:anywhere;white-space:pre-wrap}.card button{margin-top:auto;width:100%}input{background:#111c16;border:1px solid #3e5143;border-radius:6px;padding:10px;color:#eef4e9;font-size:12px;width:100%;min-width:0}.numbers{display:flex;align-items:center;gap:10px}.numbers label{min-width:0;flex:1}.note{display:flex;gap:13px;margin:28px 0 45px;align-items:flex-start}.note p{font-size:11px;color:var(--muted);margin:0;line-height:1.8;max-width:750px}.note-dot{height:6px;width:6px;border-radius:100%;background:#8caa72;flex-shrink:0;margin-top:7px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;font-size:10px;color:#b4c4b8}footer #environment{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:450px}}@media(max-width:560px){.top,main,footer{width:calc(100% - 36px)}.top{min-height:78px;flex-wrap:wrap;padding:16px 0;gap:10px}.brand{font-size:17px}.brand .muted{font-size:10px;margin-left:0}.connection{font-size:10px}.hero{min-height:400px;padding:42px 0}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{letter-spacing:-4px;margin:27px 0 22px}.hero p{font-size:13px}.hero-actions{gap:14px}.hero-actions>span{font-size:10px}.checks{grid-template-columns:1fr}.card{padding:22px}.card p{min-height:0}.desktop-break{display:none}footer{flex-direction:column;gap:10px}.note{margin-bottom:30px}}