*{box-sizing:border-box}body{margin:0;background:#091723;color:#edf7fa;font:16px/1.55 system-ui,Segoe UI,sans-serif}a{color:#62dbe0}header{background:#102633;border-bottom:1px solid #34505d}nav,main,footer>div{max-width:1150px;margin:auto;padding:1rem 1.3rem}nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;color:#d9edf2;font-size:.91rem}.brand{font-weight:850;font-size:1.3rem;margin-right:auto}.brand span{color:#48d4d9}main{padding-top:2rem;padding-bottom:4rem}h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;line-height:1.1;margin:.4rem 0}h2{font-size:1.5rem;margin:.2rem 0}h3{margin:.2rem 0}p,li{color:#b9cbd4}.intro{max-width:740px;margin-bottom:2rem}.eyebrow{color:#6bdae0;text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card,.panel{background:#122b38;border:1px solid #355461;border-radius:16px;padding:1.4rem}.card:hover{border-color:#5bd5dc}.card a{color:inherit;text-decoration:none}.card b{color:#70e0e2;font-size:1.8rem}.tool{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}button{font:inherit;font-weight:700;border:0;border-radius:9px;background:#35c2cc;color:#06212a;padding:.7rem 1rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.alt{background:#315263;color:#effcff}select{width:100%;background:#0c1d28;color:white;border:1px solid #50707d;border-radius:8px;padding:.7rem;font:inherit}label{display:block;margin:.7rem 0}.status{background:#091d28;border-radius:8px;padding:.8rem;min-height:3rem;color:#a9e1e5}.visual{width:100%;height:110px;background:#091d28;border-radius:8px}video{width:100%;max-height:400px;background:#091d28;border-radius:8px;transform:scaleX(-1)}.testarea{min-height:200px;background:#091d28;border:1px dashed #557684;border-radius:12px;display:grid;place-items:center;text-align:center;padding:1rem;font-size:1.4rem;touch-action:none}.testarea:focus{outline:2px solid #61d9dc}.stats{display:flex;gap:.7rem;flex-wrap:wrap}.stats p{background:#091d28;border-radius:8px;padding:.6rem 1rem;min-width:115px}.stats strong{display:block;color:white;font-size:1.3rem}.article{max-width:800px;margin-top:2rem}.small{font-size:.9rem}footer{border-top:1px solid #355461}footer a{margin-right:1rem}.hidden{display:none}@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.tool{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}}
/* Instrument-panel visual system */
:root{color-scheme:dark}body{background:#081620;color:#f2f8fa}header{background:#0c1d28;border-bottom:1px solid #28424f}nav{padding-block:1.1rem;gap:1.25rem}nav .brand{font-size:1.45rem;letter-spacing:-.065em}nav a:not(.brand){font-weight:600;color:#c6d8dd}nav a:hover{color:#61e0e3}main{padding-top:2.5rem}.homehero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;align-items:center;padding:2.2rem 0 3.5rem}.hero-copy h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.03;margin:1rem 0 1.3rem;letter-spacing:-.065em}.hero-copy h1 em{font-style:normal;color:#59d9de}.hero-copy>p{font-size:1.18rem;max-width:510px;margin-bottom:1.8rem}.hero-button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;background:#45ccd4;color:#09202a;text-decoration:none;padding:.9rem 1.15rem;border-radius:10px;font-weight:800}.hero-button:hover{background:#7ae2e5}.hero-fine{font-size:.86rem;color:#90a9b2;margin-top:1rem}.hero-display{min-height:370px;border:1px solid #426573;border-radius:22px;padding:1.3rem;background:radial-gradient(circle at 50% 42%,#174653 0,#102c39 42%,#0a202b 75%);box-shadow:0 24px 60px #020d15a8,inset 0 0 0 7px #0d2632;display:flex;flex-direction:column;justify-content:space-between}.display-top,.display-bottom{display:flex;justify-content:space-between;color:#80adb8;letter-spacing:.17em;font-size:.74rem;font-weight:800}.display-core{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem}.display-ring{height:125px;width:125px;display:grid;place-items:center;border-radius:50%;border:2px solid #3bd4da;box-shadow:0 0 0 10px #32c8d51c,0 0 35px #36d4db42,inset 0 0 25px #32c8d529;color:#6de6e7;font-size:3.6rem;margin-bottom:.7rem}.display-core strong{letter-spacing:.2em;font-size:.9rem}.display-core small{color:#81aeb7;letter-spacing:.12em}.display-bars{height:44px;display:flex;justify-content:center;align-items:center;gap:6px}.display-bars i{width:7px;height:35%;background:#43cdd3;border-radius:8px;box-shadow:0 0 10px #43cdd355}.display-bars i:nth-child(3n){height:75%}.display-bars i:nth-child(4n){height:52%}.display-bars i:nth-child(7){height:100%}.tests-section{margin:0 0 3rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.25rem}.section-heading>span{color:#89acb6;font-size:.8rem;letter-spacing:.15em;font-weight:700}.section-heading h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.045em}.grid{gap:1rem}.card{min-height:220px;padding:0;border-color:#315260;background:#112b38;transition:transform .18s,border-color .18s,background .18s}.card:hover{transform:translateY(-3px);background:#173544;border-color:#67d8dc}.card a{display:flex;flex-direction:column;height:100%;padding:1.25rem}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.2rem}.card-head b{display:grid;place-items:center;width:48px;height:48px;background:#204d57;border-radius:11px;color:#7be4e4;font-size:1.5rem}.card-head>span{color:#92bbc4}.card h3{font-size:1.16rem}.card p{margin:.3rem 0 1.2rem;font-size:.92rem}.card-action{margin-top:auto;font-size:.85rem;color:#6fe0e2;font-weight:750}.guide-strip{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#12303b;border:1px solid #375a65;border-radius:18px;padding:1.6rem 2rem}.guide-strip p{margin:.2rem 0 0}.guide-strip a{white-space:nowrap;font-weight:750}.intro{border-left:4px solid #4bd1d7;padding-left:1.2rem;margin:1rem 0 2.2rem}.intro h1{font-size:clamp(2.3rem,4vw,3.6rem)}.panel{background:#112b38}.tool>.panel:first-child{border-top:3px solid #47cfd5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b4eff0;outline-offset:3px}@media(max-width:850px){.homehero{grid-template-columns:1fr}.hero-display{min-height:300px}.guide-strip{align-items:start;flex-direction:column}}@media(max-width:550px){main{padding-top:1rem}.homehero{padding:1rem 0 2.5rem}.hero-copy h1{font-size:2.9rem}.hero-display{min-height:265px}.display-ring{height:85px;width:85px;font-size:2.5rem}.guide-strip{padding:1.3rem}.guide-strip a{white-space:normal}.section-heading>span{display:none}}
.article section{margin:1.5rem 0;border-top:1px solid #355461;padding-top:1.2rem}.article section:first-of-type{border-top:0}.article h2{font-size:1.32rem}.related{display:grid;gap:.6rem}.related a{display:block;background:#142f3b;border:1px solid #375763;border-radius:8px;padding:.7rem;text-decoration:none}.related a:hover{border-color:#63d6dc}
.picks{margin-top:2.5rem}.picks-intro{max-width:780px}.picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}.pick{background:#102734;border:1px solid #34515f;border-radius:12px;padding:1rem 1.15rem}.pick-header{display:flex;align-items:baseline;gap:.7rem}.pick-number{color:#6de0e2;font-size:.82rem;font-weight:800;letter-spacing:.08em}.pick h3{font-size:1.08rem;margin:0}.pick-tag{display:inline-block;color:#90dfe1;font-size:.79rem;font-weight:750;margin:.35rem 0}.pick p{font-size:.9rem;margin:.35rem 0}.pick .tradeoff{color:#9eb8c4}.pick a{font-size:.88rem;font-weight:700}.picks-disclosure{border-top:1px solid #355461;margin-top:1.4rem;padding-top:1rem;font-size:.9rem}@media(max-width:680px){.picks-grid{grid-template-columns:1fr}}