.is-hidden{display:none!important}.tester-photo>img,.receiver-image>img,.photo-grid figure>div>img{position:absolute;inset:0;width:100%;height:100%}.screen-tab:not(.active){cursor:pointer}.reference-copy h3{margin:20px 0 8px}.reference-copy p,.reference-copy li{color:var(--muted);font-size:14px;line-height:1.55}.reference-copy ul,.reference-copy ol{padding-left:20px}.reference-copy .photo-grid{margin-top:16px}
:root{--ink:#12191c;--muted:#667176;--blue:#2494d0;--lime:#c8f24c;--paper:#f3f1eb;--line:#d9ddd9}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.app-shell{min-height:100svh;overflow:hidden}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);max-width:1120px;margin:auto}.eyebrow{margin:0 0 4px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#54828e}.topbar h1{margin:0;font-size:18px;letter-spacing:-.03em}.topbar h1 span{font-weight:400;color:var(--muted)}.menu-button{width:46px;height:46px;border:0;border-radius:50%;background:var(--ink);display:grid;place-content:center;gap:4px;cursor:pointer}.menu-button i{display:block;width:19px;height:2px;background:white;border-radius:2px}.hero{max-width:1050px;margin:0 auto;padding:34px 18px 10px;display:grid;gap:18px}.intro{padding:0 6px}.status{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}.status b{width:7px;height:7px;border-radius:50%;background:#59b961;box-shadow:0 0 0 4px #59b96122}.intro h2{font-size:clamp(38px,10vw,66px);line-height:.92;letter-spacing:-.065em;margin:17px 0}.intro>p:last-child{color:var(--muted);font-size:15px;line-height:1.55;max-width:390px}.tester-wrap{width:100%;max-width:510px;margin:auto}.tester-photo{position:relative;aspect-ratio:520/1086;border-radius:25px;overflow:hidden}.tester-photo>img{object-fit:contain}.screen-hotspots{position:absolute;inset:0}.hotspot{position:absolute;border:1px solid transparent;background:transparent;cursor:pointer}.hotspot.cable{left:16.8%;top:16.4%;width:31%;height:17%}.hotspot.scan{left:48.4%;top:16.4%;width:31.4%;height:17%}.hotspot.flash{left:16.8%;top:33.8%;width:31%;height:17%}.hotspot.length{left:48.4%;top:33.8%;width:31.4%;height:17%}.hotspot span{position:absolute;inset:3px;display:grid;place-content:end center;padding:6px;border-radius:5px;color:transparent;font-size:10px;font-weight:800;transition:.18s}.hotspot:hover span,.hotspot:focus-visible span{color:white;background:#0c1119aa;border:2px solid var(--lime);outline:none}.tap-hint{text-align:center;font-size:12px;color:var(--muted);letter-spacing:.06em}.tap-hint span{color:var(--blue);font-size:20px}.screen-switcher{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px 18px 42px;max-width:640px;margin:auto}.screen-tab{display:flex;align-items:center;text-align:left;gap:12px;padding:14px;border:1px solid var(--line);background:transparent;border-radius:15px;color:var(--ink)}.screen-tab b{font-size:24px}.screen-tab span{font-size:13px;font-weight:700}.screen-tab small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.screen-tab.active{background:var(--ink);color:white}.screen-tab.active small{color:#b4c0c4}.upcoming{cursor:pointer}.overlay{position:fixed;inset:0;z-index:10;background:#081114a8;backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;width:100%;max-width:720px;max-height:92svh;overflow:auto;background:#faf9f5;border-radius:28px 28px 0 0;padding:34px 22px 40px;animation:rise .25s ease-out}@keyframes rise{from{transform:translateY(30px);opacity:.5}}.close{border:0;background:#e2e5e1;color:var(--ink);font-size:25px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-content:center}.sheet>.close{position:absolute;right:20px;top:20px}.sheet h2,.menu-panel h2{font-size:36px;letter-spacing:-.05em;margin:4px 0}.lead{color:var(--muted);margin:0 0 22px}.port-callout{display:grid;grid-template-columns:52px 1fr;gap:12px;background:#dff3fc;border:1px solid #bcdfea;border-radius:14px;padding:15px}.port-callout span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#27728c}.port-callout p{margin:0;font-size:14px;line-height:1.45}.guide-sheet ol{padding:0;margin:22px 0;list-style:none}.guide-sheet li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}.guide-sheet li>b{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:var(--ink);color:white;font-size:12px}.tip{background:#eef7d3;border-left:4px solid #8cab31;padding:15px 17px;margin-top:18px}.tip b{font-size:13px}.tip p{font-size:13px;line-height:1.5;color:#526031;margin:5px 0 0}.menu-overlay{justify-content:flex-end}.menu-panel{height:100%;width:min(88%,420px);background:#11191c;color:white;padding:26px 20px;animation:slide .25s ease-out}@keyframes slide{from{transform:translateX(30px);opacity:.5}}.menu-head{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 3px 30px}.menu-head .close{background:#263136;color:white}.menu-list button{width:100%;display:grid;grid-template-columns:37px 1fr 20px;gap:8px;align-items:center;text-align:left;background:transparent;color:white;border:0;border-top:1px solid #344044;padding:18px 3px;cursor:pointer}.menu-list button>b{color:var(--lime);font-size:11px}.menu-list button>span{font-size:17px;font-weight:700}.menu-list small{display:block;color:#91a0a5;font-size:11px;font-weight:400;margin-top:4px}.menu-list button>i{font-size:19px;font-style:normal}.menu-foot{position:absolute;bottom:20px;color:#718087;font-size:11px;letter-spacing:.08em}.reference h2{margin-bottom:24px}.photo-grid{display:grid;gap:12px}.photo-grid figure{margin:0;display:grid;grid-template-columns:120px 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.photo-grid figure>div{position:relative;min-height:110px;background:#edf0ec}.photo-grid img{object-fit:contain}.photo-grid figcaption{padding:14px;display:flex;flex-direction:column;justify-content:center}.photo-grid figcaption b{font-size:14px}.photo-grid figcaption span{font-size:12px;color:var(--muted);line-height:1.45;margin-top:5px}.orientation{padding:16px;border:1px solid var(--line);background:white}.orientation p{margin:5px 0 0;font-size:13px;color:var(--muted)}.wires{margin:18px 0}.wires>div{display:grid;grid-template-columns:25px 32px 1fr;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13px}.wires i{height:22px;border-radius:4px;border:1px solid #bbb}.wo{background:linear-gradient(90deg,#fff 50%,#ee7623 50%)}.o{background:#ee7623}.wg{background:linear-gradient(90deg,#fff 50%,#43a047 50%)}.g{background:#43a047}.b{background:#2375d8}.wb{background:linear-gradient(90deg,#fff 50%,#2375d8 50%)}.wbr{background:linear-gradient(90deg,#fff 50%,#845136 50%)}.br{background:#845136}.receiver-layout{display:grid;gap:17px}.receiver-image{height:310px;position:relative;border-radius:18px;overflow:hidden}.receiver-image img{object-fit:contain}.info-cards{display:grid;gap:9px}.info-cards article,.stack article{border:1px solid var(--line);background:white;padding:15px}.info-cards p,.stack p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.stack{display:grid;gap:10px}.stack article{display:grid;grid-template-columns:48px 1fr;gap:13px}.stack article>span{width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--lime);display:grid;place-content:center;font-weight:800}.faq details{border-top:1px solid var(--line);padding:16px 4px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:13px;line-height:1.5}.empty-state{text-align:center;padding:45px 15px}.empty-state>b{display:inline-grid;place-content:center;width:72px;height:72px;border-radius:22px;background:var(--ink);color:var(--lime);font-size:28px}.empty-state h3{font-size:24px;margin:20px 0 8px}.empty-state p{color:var(--muted);line-height:1.55}.next-ref{width:100%;border:0;background:var(--ink);color:white;border-radius:13px;padding:15px;margin-top:24px;text-align:left;font-weight:700;cursor:pointer}.next-ref span{float:right;color:var(--lime)}
@media(min-width:760px){.topbar{height:94px}.hero{grid-template-columns:.8fr 1.2fr;align-items:center;padding:48px 30px 20px}.intro{align-self:start;padding-top:70px}.tester-wrap{max-width:500px}.screen-switcher{padding-bottom:55px}.sheet{border-radius:28px;margin-bottom:20px;max-height:88svh}.overlay{align-items:center}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid figure{grid-template-columns:1fr}.photo-grid figure>div{height:170px}.receiver-layout{grid-template-columns:230px 1fr}.receiver-image{height:470px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tester-photo.screen-two{aspect-ratio:520/1086}.screen-two-hotspots .hotspot.qc{left:16.7%;top:15.6%;width:31.1%;height:16.8%}.screen-two-hotspots .hotspot.speed{left:48.6%;top:15.6%;width:30.6%;height:16.8%}.screen-two-hotspots .hotspot.poe{left:16.7%;top:32.9%;width:31.1%;height:16.3%}.screen-two-hotspots .hotspot.setting{left:48.6%;top:32.9%;width:30.6%;height:16.3%}