:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui;background:#081122;color:#eaf0f8}a{color:#65ddec;text-underline-offset:4px}header{max-width:1050px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-weight:700;text-decoration:none;color:#fff}main{max-width:900px;margin:auto;padding:25px 24px 50px}h1{font-size:clamp(32px,6vw,52px);line-height:1.15;margin:12px 0}h2{font-size:24px;line-height:1.3;margin-top:0}.eyebrow{color:#62d6ea;letter-spacing:.15em;font-size:13px;font-weight:700}.intro{font-size:19px;color:#bccadf}section{margin:26px 0;padding:28px;background:#121e32;border:1px solid #263650;border-radius:20px}label{display:block;font-weight:650;margin:18px 0 8px}input,select{width:100%;padding:13px;border:1px solid #536b8c;background:#0b1527;color:#fff;border-radius:10px;font:inherit}button{margin-top:20px;padding:13px 20px;border:0;background:#64d8e7;color:#06212c;font:inherit;font-weight:700;border-radius:10px;cursor:pointer}.note{font-size:14px;color:#b8c8df}#device-results{list-style:none;padding:0}#device-results li{padding:12px 0;border-bottom:1px solid #2b3d59}#device-results small{display:block;color:#b8c8df}li{margin:9px 0}footer{display:grid;gap:18px;margin-top:35px}nav{display:flex;flex-wrap:wrap;gap:20px}:focus-visible{outline:3px solid #c6a2ff;outline-offset:3px}@media(max-width:520px){header{align-items:flex-start;font-size:14px;padding:18px;flex-wrap:wrap}main{padding:16px}section{padding:20px}}