:root{color-scheme:dark;--bg:#0b1118;--panel:#101c27;--line:#233746;--text:#edf5fa;--muted:#9cafbe;--cyan:#6de1ee;--green:#a5e8c5;--amber:#f3cd8a;--red:#ff9ca5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 88% 12%,#12333b66,transparent 34%),var(--bg);color:var(--text);line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.page{max-width:1140px;margin:auto;padding:26px 44px 22px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1.4px}.brand img{border-radius:10px}.brand-dot{color:var(--cyan)}.pill,.test-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:6px 11px;color:var(--muted);font-size:11px;letter-spacing:.25px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.status-dot.neutral{background:#637b8c}.status-dot.warn{background:var(--amber)}.status-dot.fail{background:var(--red)}.status-dot.running{background:var(--cyan)}.hero{display:grid;grid-template-columns:1.38fr 1fr;align-items:center;gap:40px;padding:62px 0 48px}.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:750}h1{font-size:clamp(42px,6vw,66px);font-weight:650;letter-spacing:-3.4px;line-height:1.08;margin:0 0 22px}h1 span{color:var(--cyan)}.intro{font-size:16px;color:#b6c5d0;max-width:470px;margin:0 0 26px;line-height:1.7}.actions,.test-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:45px;border:1px solid transparent;padding:11px 16px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.button.primary{background:var(--cyan);color:#09232d}.button.primary:hover:not(:disabled){background:#9aebf3}.button.secondary{background:#11222d;border-color:#2b4556;color:#e2eef5}.button.secondary:hover:not(:disabled){background:#1a3441;border-color:#587f91}.button.subtle{background:transparent;border-color:#2b4556;color:var(--muted)}.button.subtle:hover:not(:disabled){color:var(--text);border-color:#6a8a9c}.button.small{min-height:38px;padding:8px 12px;font-size:11px}.hint{font-size:11px;color:var(--muted);line-height:1.65;margin:11px 0 0}.install-help{margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:9px;max-width:470px;font-size:12px;background:var(--panel)}.install-help p{color:var(--muted);margin:8px 0 0}.record-art{width:100%;aspect-ratio:1;position:relative;max-width:350px;justify-self:end;border-radius:50%;background:radial-gradient(circle,#123541 0 14%,#112c35 15% 17%,transparent 18% 23%,#0b1118 24% 25%,transparent 26%),repeating-radial-gradient(circle at 50% 50%,#173343 0 1px,#0d1a25 2px 5px);box-shadow:0 0 70px #2bc4de08;transform:rotate(-18deg)}.record-ring{position:absolute;border:7px solid transparent;border-radius:50%;transform:rotate(-35deg)}.ring-outer{inset:13px;border-top-color:#64d6e9;border-right-color:#22464e}.ring-mid{inset:44px;transform:rotate(55deg);border-top-color:#cd85bf;border-right-color:#543e60}.ring-inner{inset:76px;transform:rotate(125deg);border-top-color:#a4d99e;border-right-color:#35584f}.record-center{position:absolute;inset:115px;border:1px solid #3b6572;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0e222d}.record-center span{font-size:46px;color:var(--cyan);font-style:italic;font-weight:700;transform:rotate(18deg);margin-top:-8px}.record-center i{position:absolute;width:7px;height:7px;border-radius:50%;background:#a0cbd3;bottom:18px}.record-label{position:absolute;left:0;right:0;text-align:center;bottom:-22px;color:#68848f;letter-spacing:2px;font-size:8px;transform:rotate(18deg)}.test-card{background:linear-gradient(115deg,#13232e,#0f1b26);padding:28px 30px;border:1px solid #2d4555;border-radius:17px;box-shadow:0 15px 50px #00000013}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading .eyebrow{margin-bottom:7px;font-size:9px}h2{font-size:25px;letter-spacing:-.7px;margin:0;font-weight:600}.test-badge{font-size:10px;border-color:#385346;color:#bbe5ca;padding:6px 10px}.section-copy{color:#aebfcd;font-size:13px;max-width:650px;margin:13px 0 20px}.test-summary{display:flex;align-items:center;gap:9px;margin-top:25px;padding:13px 0 15px;font-size:12px;min-height:50px}.test-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding:20px 0 22px;gap:24px}.test-grid>div{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:8px;color:#88a0b2;letter-spacing:1.5px}.test-grid strong{font-size:15px;font-weight:600}.metric-note{font-size:10px;color:#839cab}.device-report{border-top:1px solid var(--line);padding-top:16px}.device-report summary{font-size:12px;font-weight:600;cursor:pointer}.device-report summary span{font-size:10px;font-weight:400;color:#829ba9;margin-left:10px}.report-intro{font-size:11px;color:var(--muted);max-width:700px;margin:18px 0}.test-results{display:grid;gap:8px;margin-bottom:14px}.test-row{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:11px;padding:10px 12px;border-radius:7px;background:#0b1620}.test-row-label{font-weight:650;color:#c0d1dd}.test-row-state{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.test-row[data-state=pass] .test-row-state{color:var(--green)}.test-row[data-state=fail] .test-row-state{color:var(--red)}.test-row[data-state=warn] .test-row-state{color:var(--amber)}.test-row-message{color:#a8bdcb;overflow-wrap:anywhere}.device-report pre{max-height:260px;overflow:auto;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:#08131c;padding:13px;border-radius:8px;color:#92b6c9}#copy-status{margin-left:10px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;margin:34px 0 38px}.note-number{font-size:10px;color:#648d9c;font-variant-numeric:tabular-nums}h3{font-size:13px;font-weight:600;letter-spacing:-.1px;margin:9px 0 7px}.notes p{font-size:11px;color:#90a7b7;margin:0;line-height:1.8}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#6f899b;border-top:1px solid #1c2c38;padding-top:21px}footer a{text-decoration:none;color:#9ab6c7}.footer-divider{padding:0 8px;color:#304d5e}.notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;border:1px solid #4d6551;border-radius:10px;background:#15271e;padding:15px 20px;font-size:12px}.notice p{font-size:11px;color:#b2c8ba;margin:4px 0 0}.noscript{padding:18px;color:var(--amber)}
@media(max-width:760px){.page{padding:22px 24px}.hero{grid-template-columns:1fr;padding:43px 0 31px;gap:24px}.record-art{display:none}h1{font-size:54px;letter-spacing:-2.8px}.intro{max-width:490px;font-size:15px}.test-card{padding:22px}.section-heading{gap:10px}.test-badge{font-size:9px}.notes{gap:22px;margin:28px 0}.section-copy{font-size:12px}.test-grid{gap:16px}.test-grid strong{font-size:13px}.record-label{display:none}}
@media(max-width:480px){.page{padding:18px 18px 24px}.brand{font-size:24px}.brand img{width:32px;height:32px}.pill{font-size:9px;padding:5px 8px}.hero{padding-top:37px}h1{font-size:47px;letter-spacing:-2.6px}.eyebrow{font-size:9px}.intro{font-size:14px}.actions{align-items:stretch;flex-direction:column}.actions .button{justify-content:space-between;min-height:47px}.test-card{padding:20px 17px;border-radius:13px}.section-heading{align-items:flex-start;flex-direction:column}.test-badge{padding:4px 8px}.test-actions{gap:8px}.test-actions .button{flex:1 1 auto;min-height:45px;gap:9px;padding:10px 12px;font-size:11px}.test-actions .button.subtle{flex:0 0 auto;min-height:38px}.test-grid{gap:11px}.metric-label{font-size:7px;letter-spacing:.7px}.metric-note{font-size:9px}.test-grid strong{font-size:12px}.test-summary{font-size:11px}.device-report summary span{margin-left:4px;font-size:9px}.test-row{grid-template-columns:85px 1fr;gap:10px}.notes{grid-template-columns:1fr;gap:20px}.notes>div{display:grid;grid-template-columns:26px 1fr;gap:0 10px}.note-number{grid-row:1 / 3;padding-top:10px}.notes p{max-width:360px}footer{align-items:flex-start;font-size:9px}.notice{align-items:flex-start;flex-direction:column}.notice .button{align-self:stretch}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
