:root{--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font-sans);color:#e8f0ef;font-synthesis:none;background:#0b1017}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{background:#0b1017}.shell{background:radial-gradient(circle at 78% 10%,#16343a 0,#0b1017 36%);flex-direction:column;min-height:100vh;display:flex}.topbar,.test-topbar{border-bottom:1px solid #26343b;justify-content:space-between;align-items:center;height:74px;padding:0 5.5%;display:flex}.brand{letter-spacing:.16em;align-items:center;gap:11px;font-size:13px;font-weight:700;display:flex}.brand-name{font:600 24px var(--font-sans);letter-spacing:-.05em;color:#eff8f5;line-height:1}.brand-name span{color:#73e0ce}.brand small{color:#66818a;font:10px var(--font-mono);letter-spacing:.08em;margin-left:6px}.brand-mark{border:1.5px solid #73e0ce;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:relative;transform:rotate(-25deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:#73e0ce;width:13px;height:1.5px;display:block;position:absolute}.brand-mark:before{transform:translateY(-5px)rotate(26deg)}.brand-mark:after{transform:translateY(5px)rotate(-26deg)}.brand-mark span{border-radius:50%;width:5px;height:5px;transform:rotate(25deg)}.topbar-meta,.footer,.test-footer{color:#779099;font:11px var(--font-mono);letter-spacing:.06em}.topbar-meta{align-items:center;gap:10px;display:flex}.version{color:#536b73;border-left:1px solid #33444b;padding-left:14px}.status-dot,.live-dot{background:#5c6b70;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.online,.live-dot{background:#70dec9;box-shadow:0 0 10px #70dec9}.home-content{flex:1;width:min(930px,89%);margin:0 auto;padding:94px 0 48px}.eyebrow,.section-label{font:11px var(--font-mono);letter-spacing:.16em;color:#71bcb5}.home-content h1{letter-spacing:-.07em;color:#eff8f5;margin:21px 0;font-size:clamp(44px,7vw,76px);line-height:.98}.home-content h1 em{color:#73dfcf;font-style:normal}.hero-copy{color:#91a6a9;max-width:480px;margin-bottom:52px;font-size:16px;line-height:1.65}.connection-card{background:#111c23;border:1px solid #2b424a;box-shadow:0 20px 80px #0003}.card-heading{border-bottom:1px solid #263840;justify-content:space-between;align-items:start;padding:25px 29px 18px;display:flex}.card-heading h2,.test-row h2{margin:8px 0 0;font-size:20px}.connection-pill{color:#799097;font:10px var(--font-mono);text-transform:uppercase;border:1px solid #3a5056;padding:7px 10px}.connection-pill.ready{color:#7ae0cf;border-color:#418c80}.connection-body{align-items:center;gap:22px;padding:24px 29px;display:flex}.signal-visual{place-items:center;width:58px;height:58px;display:grid;position:relative}.signal-ring{border:1px solid #3d6d71;border-radius:50%;position:absolute}.ring-one{inset:4px}.ring-two{inset:13px}.signal-core{color:#74e1d1;font-size:24px}.connection-info{flex-direction:column;flex:1;gap:5px;display:flex}.connection-info strong{font-size:15px}.connection-info span{color:#7f969a;font-size:12px}.connection-info .protocol{font:10px var(--font-mono);color:#537079;margin-top:4px}.button{color:#d9f4ed;font:11px var(--font-mono);letter-spacing:.05em;cursor:pointer;background:#172a30;border:0;padding:13px 16px;transition:all .2s}.button span{color:#70dfce;margin-left:15px}.button.primary{color:#0c2828;background:#73dfcf}.button.primary span{color:#0b5451}.button.danger{color:#e79b9b;background:0 0;border:1px solid #884f55}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button:disabled{opacity:.35;cursor:not-allowed}.stream-note{color:#d1a878;font:11px var(--font-mono);border-top:1px solid #263840;padding:13px 29px}.stream-note span{margin-right:8px}.stream-note.good{color:#71dfc9}.test-row{border-bottom:1px solid #263840;justify-content:space-between;align-items:center;margin-top:49px;padding-bottom:24px;display:flex}.test-row p{color:#71888d;margin:7px 0;font-size:13px}.test-button{background:0 0;border:1px solid #31515a}.locked-note{font:11px var(--font-mono);color:#71878d;margin:14px 0 0}.locked-note code{color:#9fd3c7}.metrics-strip{background:#263840;border:1px solid #263840;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;display:grid}.metric{background:#101a21;padding:18px}.metric span{font:10px var(--font-mono);color:#617a81;margin-bottom:12px;display:block}.metric strong{font:15px var(--font-mono);color:#cce5df}.footer{border-top:1px solid #26343b;justify-content:space-between;padding:20px 5.5%;display:flex}.test-shell{background:#0b1017;flex-direction:column;height:100vh;display:flex}.test-topbar{height:64px;padding:0 24px}.back-button,.disconnect-link{color:#8ea6a9;font:12px var(--font-mono);cursor:pointer;background:0 0;border:0}.back-button>.test-product{color:#edf8f5;letter-spacing:.12em;margin-left:0;font-weight:500}.back-button{align-items:center;gap:12px;display:inline-flex}.test-brand{align-items:center;gap:8px;display:inline-flex}.test-brand .brand-mark{width:24px;height:24px}.test-brand .brand-mark:before,.test-brand .brand-mark:after{width:10px}.test-brand .brand-mark span{width:4px;height:4px}.test-brand .brand-name{font:600 20px var(--font-sans);letter-spacing:-.04em;color:#edf8f5}.test-brand .brand-name span{color:#73e0ce}.test-title{font:12px var(--font-mono);letter-spacing:.08em}.test-title small{color:#70dfce;margin-left:9px;font-size:9px}.test-layout{flex:1;grid-template-columns:minmax(0,1fr) 294px;min-height:0;display:grid}.motion-stage{background:#0b1017;border-right:1px solid #26343b;min-height:300px;position:relative}.motion-stage canvas{width:100%;height:100%;display:block}.stage-toolbar,.stage-overlay{color:#658087;font:10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;left:20px;right:20px}.stage-toolbar{top:19px}.stage-toolbar span:last-child{color:#70dfce}.stage-overlay{bottom:17px}.telemetry{background:#101a21;overflow:auto}.panel{border-bottom:1px solid #2b3d43;padding:18px 18px 19px}.panel h3{font:10px var(--font-mono);letter-spacing:.13em;color:#70bdb6;margin:0 0 15px}.data-row{color:#758c92;font:11px var(--font-mono);justify-content:space-between;align-items:center;margin:10px 0;display:flex}.data-row strong{color:#d3e2df;font-weight:400}.data-row strong.accent{color:#7ae0cf}.select-wrap{height:31px;display:block;position:relative}.select-wrap select{appearance:none;color:#d5e7e2;width:100%;height:100%;font:11px var(--font-mono);background:#16262d;border:1px solid #355059;padding:0 9px}.select-wrap span{color:#73dfcf;position:absolute;top:7px;right:10px}.range{accent-color:#70dfce;width:100%}.empty-graph{color:#506b72;height:60px;font:10px var(--font-mono);background:repeating-linear-gradient(0deg,#0000 0 19px,#1d3239 20px),repeating-linear-gradient(90deg,#0000 0 30px,#1d3239 31px);border:1px solid #253c42;place-items:center;display:grid}.test-footer{border-top:1px solid #26343b;justify-content:space-between;align-items:center;height:61px;padding:0 24px;display:flex}.test-footer>div{gap:22px;display:flex}.footer-state{color:#75dece}.footer-button{padding:9px 12px}.disconnect-link{color:#e19b9b}@media (width<=760px){.home-content{padding-top:54px}.connection-body,.test-row{flex-direction:column;align-items:flex-start}.connection-body .button{width:100%}.metrics-strip{grid-template-columns:repeat(2,1fr)}.test-layout{grid-template-columns:1fr}.telemetry{max-height:48vh}.motion-stage{border-right:0;min-height:48vh}.test-title{display:none}.test-footer>div{gap:8px;font-size:9px}}.test-layout{grid-template-columns:minmax(0,1fr) 260px 320px;overflow:hidden}.motion-stage{justify-content:center;align-items:center;display:flex;overflow:hidden}.motion-stage .scene-canvas{aspect-ratio:4/3;width:min(92%,133.33vh - 166.663px);height:auto;image-rendering:pixelated;border:1px solid #38575b;box-shadow:0 0 0 8px #0d161b,0 0 0 9px #20383d}.telemetry{min-width:0}.control-select{color:#758c92;font:10px var(--font-mono);margin:0 0 12px;display:block}.control-select>span:first-child{margin-bottom:5px;display:block}.control-select .select-wrap{display:block}.control-actions{gap:7px;margin-top:17px;display:flex}.control-actions .button{flex:1;padding:10px 8px}.plot-column{background:#0d161c;border-left:1px solid #26343b;padding:12px;overflow:auto}.plot-panel{background:#101b22;border:1px solid #294149;margin-bottom:10px;padding:10px}.plot-title{color:#739099;font:9px var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.plot-title>span:last-child{font-size:8px}.plot-title i{border-radius:50%;width:6px;height:6px;margin:0 4px 0 8px;display:inline-block}.legend-ground{background:#70dfce}.legend-measured{background:#d39a67}.plot-svg{background:repeating-linear-gradient(0deg,#0000 0 19px,#1b3037 20px),repeating-linear-gradient(90deg,#0000 0 39px,#1b3037 40px);width:100%;height:78px;display:block}.plot-zero{stroke:#37545b;stroke-width:.7px;stroke-dasharray:2 2}.plot-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.plot-line.ground{stroke:#70dfce}.plot-line.measured{stroke:#d39a67}.run-result{color:#70888e;font:10px var(--font-mono)}.run-result.pass{color:#70dfce}.run-result.warning{color:#e6bc7d}.run-result.fail{color:#e59a9a}@media (width<=1100px){.test-layout{grid-template-columns:minmax(0,1fr) 260px}.plot-column{border-top:1px solid #26343b;border-left:0;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.plot-panel{margin:0}}@media (width<=760px){.test-layout{flex-direction:column;display:flex;overflow:auto}.motion-stage{flex:none;min-height:44vh}.telemetry{max-height:none}.plot-column{display:block}.plot-panel{margin-bottom:10px}.test-footer{flex-wrap:wrap;gap:10px;height:auto;min-height:61px;padding:12px 16px}.run-result{order:3;width:100%}}.quality-histogram{border-bottom:1px solid #294149;align-items:end;gap:4px;height:44px;margin-top:14px;padding:4px 0;display:flex}.hist-bin{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:3px;height:100%;display:flex}.hist-bar{opacity:.8;background:#70dfce;width:100%;min-height:1px}.hist-bin span{font:8px var(--font-mono);color:#5b747b}.summary-card{background:#11272a;border:1px solid #3c6565;margin-bottom:10px;padding:13px;position:relative;overflow:hidden}.summary-caption{width:100%;font:9px var(--font-mono);color:#75a4a0;letter-spacing:.1em;border-top:1px solid;margin:14px 0 12px;padding-top:8px;display:block}.summary-status{font:18px var(--font-mono);font-weight:500}.summary-status.pass{color:#70dfce}.summary-status.warning{color:#e6bc7d}.summary-status.fail{color:#e59a9a}.summary-card .data-row{margin:8px 0}.data-row strong.tone-good{color:#70dfce}.data-row strong.tone-warn{color:#e6bc7d}.data-row strong.tone-bad{color:#e59a9a}.summary-card .summary-status{color:#cfe4df;font-size:16px}.number-field{color:#758c92;font:10px var(--font-mono);margin:0 0 12px;display:block}.number-field>span:first-child{margin-bottom:5px;display:block}.number-input-wrap{background:#16262d;border:1px solid #355059;align-items:center;height:31px;display:flex}.number-input-wrap input{color:#d5e7e2;width:100%;height:100%;font:11px var(--font-mono);background:0 0;border:0;outline:0;padding:0 9px}.number-input-wrap b{color:#73dfcf;padding-right:9px;font-weight:400}.legal-links{white-space:nowrap;gap:14px;display:flex}.legal-links a{color:#8ea6a9;text-decoration:none}.legal-links a:hover{color:#75dece}.test-footer-actions{align-items:center;gap:18px!important}.lab-notice{color:#89a5a8;font:10px var(--font-mono);background:#101f25;border:1px solid #35575b;flex-direction:column;gap:5px;padding:12px 14px;line-height:1.5;display:flex}.lab-notice strong{color:#9ed8ce;letter-spacing:.08em;font-weight:500}.test-lab-notice{margin:12px}.summary-lab-notice{margin:10px 0 12px}.guidance-bar{white-space:pre-line;min-height:42px;font:11px var(--font-mono);letter-spacing:.04em;border-bottom:1px solid #26343b;align-items:center;gap:10px;padding:0 24px;display:flex}.guidance-bar.warning{color:#ff9292;background:#21171b;border-bottom-color:#5a303c}.guidance-bar.ready{color:#78c7ff;background:#111d2a;border-bottom-color:#2e4f6b}.guidance-indicator{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}@media (width<=760px){.guidance-bar{min-height:48px;padding:8px 16px;line-height:1.45}}.summary-empty{color:#ff9292;font:11px var(--font-mono);background:#21171b;border:1px solid #5a303c;margin:18px 0;padding:14px;line-height:1.5}.protocol-diagnostics{color:#779099;font:10px var(--font-mono);background:#0e181e;border:1px solid #263840;margin-top:18px}.protocol-diagnostics summary{cursor:pointer;letter-spacing:.08em;padding:14px 18px}.protocol-diagnostics>div{border-top:1px solid #263840;grid-template-columns:repeat(3,1fr);display:grid}.protocol-diagnostics .metric{min-width:0}.home-faq{border-top:1px solid #263840;margin-top:58px;padding-top:44px}.home-faq-layout{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:72px;display:grid}.home-faq-heading h2{color:#eff8f5;letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.03}.home-faq-heading h2 em{color:#73dfcf;font-style:normal}.home-faq-list{border-top:1px solid #263840;min-width:0}.home-faq-item{border-bottom:1px solid #263840}.home-faq-item button{color:#dceae7;width:100%;font:500 15px var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.home-faq-item button:hover,.home-faq-item button:focus-visible{color:#eff8f5}.home-faq-item button:focus-visible{outline-offset:5px;outline:1px solid #73dfcf}.home-faq-item button svg{color:#73dfcf;flex:0 0 18px;width:18px;height:18px;transition:transform .2s}.home-faq-item.open button svg{transform:rotate(180deg)}.home-faq-answer{color:#82999d;max-width:600px;margin:-3px 36px 23px 0;font-size:14px;line-height:1.7}@media (width<=700px){.protocol-diagnostics>div{grid-template-columns:repeat(2,1fr)}.home-faq{margin-top:44px;padding-top:36px}.home-faq-layout{grid-template-columns:1fr;gap:34px}}.brand-link{color:inherit;text-decoration:none}.test-navigation{align-items:center;gap:12px;display:inline-flex}.metric-tooltip-anchor{cursor:help;text-underline-offset:3px;outline:none;align-items:baseline;gap:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}.metric-tooltip-anchor sup{color:#fff;font-size:8px}.metric-tooltip{z-index:30;box-sizing:border-box;color:#fff;width:auto;font:10px/1.5 var(--font-mono);letter-spacing:0;opacity:0;pointer-events:none;visibility:hidden;background:#000000bf;border:1px solid #ffffff73;padding:10px 11px;transition:opacity .12s,transform .12s;position:absolute;inset:auto 0 calc(100% + 7px);transform:translateY(-3px);box-shadow:0 10px 30px #0006}.data-row.has-metric-tooltip:focus-within .metric-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.data-row.has-metric-tooltip:has(.metric-tooltip-anchor:hover) .metric-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.data-row.has-metric-tooltip{position:relative}
