*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#061326;color:#d7f3ff;font:16px/1.6 system-ui,sans-serif}a{color:#55d6ff;text-underline-offset:4px}header,main{max-width:1180px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;border-bottom:1px solid #183954;letter-spacing:.14em;font-size:12px}header a{text-decoration:none;font-weight:800}header span{color:#849eae}.hero{padding:44px 0 38px;max-width:760px}.eyebrow{color:#55d6ff;font-size:13px;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(48px,7vw,84px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px}h2{font-size:23px;letter-spacing:-.02em}h2 span{color:#55d6ff;font-size:13px;vertical-align:middle;margin-right:16px}.intro{font-size:20px;color:#9bb9cc;max-width:610px}.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#0b2138;border:1px solid #204966;border-radius:16px;padding:20px;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.card:hover{border-color:#55d6ff}.card[aria-pressed=true]{border:2px solid #55d6ff;background:#10314e;padding:19px;box-shadow:0 0 0 3px #55d6ff19}.card img{width:100%;height:165px;object-fit:contain;border-radius:9px;background:#f3f6f8;padding:10px}.card h3{font-size:20px;line-height:1.25;margin:18px 0 7px}.card .subtitle{font-size:14px;color:#9bb9cc}.badge{display:block;color:#a4c6db;font-size:12px;margin-top:14px}.install{margin:42px 0;padding:26px 32px;border:1px solid #204966;background:#081c30;border-radius:16px}select{background:#10314e;border:1px solid #426a85;border-radius:7px;color:#d7f3ff;font:inherit;padding:9px;margin-left:12px}.ack{display:flex;align-items:flex-start;gap:10px;max-width:720px;font-size:14px;margin:22px 0}.ack input{margin-top:6px;accent-color:#55d6ff}.primary,.secondary{background:#55d6ff;color:#061326;border:0;border-radius:9px;padding:14px 22px;font:700 16px system-ui;cursor:pointer;text-decoration:none;display:inline-block}.primary:hover,.secondary:hover{background:#9ce8ff}li{padding:6px 0;color:#a4c6db}strong{color:#d7f3ff}ol{padding-left:22px;max-width:870px}.muted{color:#849eae;font-size:13px}.sd{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border-top:1px solid #204966;padding:18px 0 36px}.sd p{max-width:760px;color:#a4c6db}code{color:#d7f3ff;background:#10314e;border-radius:4px;padding:3px 6px;font-size:13px}footer{border-top:1px solid #204966;color:#849eae;font-size:13px;padding:20px 0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b9f1ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:780px){header,main{padding:20px}.boards{grid-template-columns:1fr}.card img{height:180px}.hero{padding:20px 0}.install{padding:20px}.sd{grid-template-columns:1fr;gap:8px}select{display:block;margin:8px 0 0;width:100%}}
.manufacturer{margin:20px 0 32px}.manufacturer>h3{color:#55d6ff;font-size:18px;letter-spacing:.05em}.revision{color:#9bb9cc;font-size:14px;max-width:900px}.manufacturer .boards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.manufacturer .card{max-width:360px}@media(max-width:780px){.manufacturer .card{max-width:none}.manufacturer .boards{grid-template-columns:1fr}}

#device-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#device-ip{font:inherit;padding:12px;background:#102c40;color:#dcecf4;border:1px solid #466174;border-radius:7px;width:200px}