:root{color:#eafcff;font-synthesis:none;--cyan:#41edf5;--lime:#b7fb37;--amber:#ffb31a;--line:#183247;--panel:#09131f;--muted:#86a2b4;background:#050912;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eafcff;background:radial-gradient(circle at 80% 8%,#0b2b3b 0,#0000 28rem),#050912;min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#1a415033 1px,#0000 1px),linear-gradient(90deg,#1a415033 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}button,a{font:inherit}.skip-link{z-index:1000;border:1px solid var(--cyan);color:#eafcff;letter-spacing:.05em;background:#041019;border-radius:8px;padding:10px 14px;font:800 .76rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none;transition:transform .12s;position:fixed;top:10px;left:14px;transform:translateY(-160%);box-shadow:0 8px 30px #0009}.skip-link:focus{outline:2px solid var(--lime);outline-offset:2px;transform:translateY(0)}button{cursor:pointer}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#050912e8;border-bottom:1px solid #173044;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:.06em;align-items:center;gap:12px;font:600 19px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none;display:flex}.brand b{color:var(--cyan)}.brand-mark{border:1px solid var(--cyan);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#0b2531;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg{width:20px;color:var(--cyan)}nav{gap:34px;display:flex}nav a{color:#8facbd;letter-spacing:.14em;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none}nav a:hover{color:var(--cyan)}.system{letter-spacing:.12em;color:#a7c0cc;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.system i,.connection i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%;margin-right:8px;display:inline-block}.menu{color:#fff;background:0 0;border:0;display:none}.hero{min-height:630px;padding:100px clamp(20px,7vw,110px) 70px;position:relative;overflow:hidden}.hero:after{content:"GCL";letter-spacing:-.12em;color:#0000;-webkit-text-stroke:1px #24415755;z-index:-1;font:700 min(31vw,450px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:10px;right:-4vw}.eyebrow{letter-spacing:.18em;color:var(--cyan);gap:24px;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.eyebrow em{color:#708b9b;border-left:1px solid #2c4454;padding-left:24px;font-style:normal}.hero h1{letter-spacing:-.055em;text-transform:uppercase;max-width:1040px;margin:32px 0;font:700 clamp(58px,9vw,128px)/.82 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hero h1 span{color:#0000;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 16px #41edf533)}.hero>p{color:#9bb2c1;max-width:610px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:34px;margin-top:36px;display:flex}.primary{background:var(--lime);color:#08100c;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:0;align-items:center;gap:14px;padding:17px 22px 17px 26px;font:700 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.primary:hover{filter:brightness(1.1);box-shadow:0 0 32px #b7fb3722}.primary svg{width:17px}.hero-actions>span{letter-spacing:.05em;color:#bdd0d8;font:500 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hero-actions>span svg{float:left;width:20px;color:var(--cyan);margin-right:10px}.hero-actions small{color:#667f8e}.telemetry{color:#5d7888;letter-spacing:.1em;gap:32px;font:500 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:absolute;bottom:40px;right:7vw}.telemetry b{color:#b5ccd7;margin-left:7px}.tester{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background:linear-gradient(135deg,#0b1825,#07111b);border:1px solid #23445a;margin:0 clamp(20px,5vw,76px);box-shadow:0 24px 80px #0008,0 0 80px #27ddea0b}.panel-head{border-bottom:1px solid #1a374a;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.kicker{color:var(--cyan);letter-spacing:.14em;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.panel-head h2,.section-title h2,.method h2{margin:6px 0 0;font:600 clamp(26px,4vw,42px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.connection{letter-spacing:.1em;color:#718d9c;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.connection i{box-shadow:none;background:#617684}.connection.active{color:#c9f896}.connection.active i{background:var(--lime);box-shadow:0 0 12px var(--lime)}.connect-note{border-left:3px solid var(--amber);background:#0c2230;align-items:center;gap:15px;margin:22px 30px 0;padding:16px 20px;display:flex}.connect-note svg{color:var(--amber)}.connect-note strong,.connect-note span{display:block}.connect-note span{color:#8fa7b5;margin-top:4px;font-size:13px}.scan-grid{grid-template-columns:1fr 280px;display:grid}.scopes{grid-template-columns:1fr 1fr;gap:42px;padding:46px;display:grid}.stick-wrap{width:100%;max-width:330px;margin:auto}.scope{aspect-ratio:1;background:radial-gradient(circle,#0d2935 0,#07131e 69%);border:1px solid #1d5366;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #000,0 0 25px #41edf50d}.ring{border:1px solid #1a4a5b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.r1{border-color:#b7fb3755;width:65%;height:65%}.r2{width:28%;height:28%}.cross{background:#1c4555;position:absolute}.cross.h{height:1px;top:50%;left:4%;right:4%}.cross.v{width:1px;top:4%;bottom:4%;left:50%}.scope b{background:var(--cyan);width:16px;height:16px;box-shadow:0 0 16px var(--cyan);z-index:2;border-radius:50%;transition:left 30ms linear,top 30ms linear;position:absolute;transform:translate(-50%,-50%)}.sweep{background:conic-gradient(from 0deg,transparent 0 82%,#41edf51f 96%,transparent);border-radius:50%;animation:4s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{to{transform:rotate(360deg)}}.scope-meta{letter-spacing:.08em;color:#89a6b5;justify-content:space-between;margin-top:15px;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.scope-meta strong{color:var(--lime)}.scope-meta strong.warn{color:var(--amber)}.scan-grid aside{border-left:1px solid #19384b;flex-direction:column;padding:40px 28px;display:flex}.metric>span{letter-spacing:.13em;color:#7693a3;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.metric>strong{color:var(--lime);margin:8px 0;font:700 62px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.metric>strong.amber{color:var(--amber)}.metric>strong.danger{color:#ff5470}.metric small{font-size:22px}.metric em{letter-spacing:.1em;color:#a3b9c4;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.coords{border-top:1px solid #1a374a;border-bottom:1px solid #1a374a;gap:12px;margin:25px 0;padding:18px 0;display:grid}.coords span{color:#6f8d9c;letter-spacing:.1em;justify-content:space-between;font:500 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.coords b{color:#d7edf3}.calibrate{color:#bcd2db;letter-spacing:.08em;background:0 0;border:1px solid #2a4a5d;margin-top:auto;padding:13px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.calibrate:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.calibrate:disabled{opacity:.35;cursor:not-allowed}.lab-section{padding:110px clamp(20px,5vw,76px)}.section-title{text-align:center;margin-bottom:48px}.section-title>span{color:var(--cyan);letter-spacing:.16em;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.labs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.labs article{background:#08121d;border:1px solid #162d3e;min-height:210px;padding:25px;transition:all .2s;position:relative}.labs article:hover{border-color:#31566c;transform:translateY(-4px)}.labs article.live{background:linear-gradient(135deg,#0b2230,#09141e);border-color:#2d6273}.lab-icon{width:42px;height:42px;color:var(--cyan);background:#0a1c29;border:1px solid #22485c;place-items:center;display:grid}.lab-icon svg{width:21px}.lab-status{letter-spacing:.12em;color:#607e8e;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:27px;right:23px}.live .lab-status{color:var(--lime)}.labs h3{margin:23px 0 8px;font:600 20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.labs p{color:#7e99a8;max-width:250px;margin:0;font-size:14px;line-height:1.5}.arrow{color:#416173;width:18px;position:absolute;bottom:20px;right:20px}.method{border-top:2px solid var(--cyan);background:#08131e;grid-template-columns:.8fr 1.4fr;gap:70px;margin:0 clamp(20px,5vw,76px) 100px;padding:55px;display:grid}.method-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.method-grid p{margin:0}.method-grid b,.method-grid strong,.method-grid span{display:block}.method-grid b{color:var(--cyan);margin-bottom:22px;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.method-grid strong{margin-bottom:10px;font:600 16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.method-grid span{color:#7794a4;font-size:13px;line-height:1.55}footer{color:#658291;border-top:1px solid #153043;justify-content:space-between;align-items:center;padding:34px clamp(20px,5vw,76px);font-size:12px;display:flex}footer .brand{font-size:15px}footer .brand-mark{width:30px;height:30px}footer .brand-mark svg{width:16px}@media (width<=850px){header{height:66px}.system{display:none}.menu{display:block}nav{background:#07111d;border-bottom:1px solid #1c3b4d;flex-direction:column;padding:25px;display:none;position:absolute;top:66px;left:0;right:0}nav.open{display:flex}.hero{min-height:650px;padding-top:70px}.hero h1{font-size:clamp(53px,17vw,88px)}.hero-actions{flex-direction:column;align-items:flex-start}.telemetry{gap:18px;left:20px;right:auto}.scan-grid{grid-template-columns:1fr}.scopes{gap:22px;padding:35px 24px}.scan-grid aside{border-top:1px solid #19384b;border-left:0}.labs{grid-template-columns:1fr 1fr}.method{grid-template-columns:1fr;gap:35px;padding:35px}footer{flex-wrap:wrap;gap:22px}footer p{order:3;width:100%}}@media (width<=540px){.brand{font-size:16px}.hero{padding-left:20px;padding-right:20px}.hero h1{-webkit-text-stroke-width:1px}.eyebrow em{display:none}.hero>p{font-size:16px}.telemetry{display:none}.panel-head{align-items:flex-start;gap:18px;padding:20px}.connection{font-size:9px}.connect-note{margin:15px 15px 0}.scopes{grid-template-columns:1fr;max-width:300px;margin:auto}.scan-grid aside{padding:30px 22px}.labs{grid-template-columns:1fr}.lab-section{padding-top:85px}.method{margin-bottom:70px;padding:26px 22px}.method-grid{grid-template-columns:1fr}.method-grid p{grid-template-columns:35px 1fr;display:grid}.method-grid b{grid-row:1/3}.method-grid span{grid-column:2}.tester{margin:0 12px}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sweep{animation:none}.labs article{transition:none}}:is(a,button,input,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.test-tabs{border-bottom:1px solid #19384b;padding:0 30px;display:flex;overflow-x:auto}.test-tabs button{white-space:nowrap;color:#718e9d;letter-spacing:.08em;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 18px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.test-tabs button:hover{color:#cbe3ea}.test-tabs button[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan);background:#0c1d29}.diagnostic-view{min-height:470px;padding:42px}.diagnostic-view h3{margin:8px 0 12px;font:600 30px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.diagnostic-view p{color:#8fa8b6;max-width:590px;line-height:1.65}.deadzone-stage{grid-template-columns:minmax(280px,390px) 1fr;align-items:center;gap:60px;max-width:950px;margin:auto;display:grid}.deadzone-stage input{width:100%;accent-color:var(--lime);margin-top:25px}.range-labels{color:#5f7c8c;justify-content:space-between;font:500 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.verdict{color:#819cab;letter-spacing:.1em;background:#0a1823;border:1px solid #28485b;margin-top:28px;padding:14px 16px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.verdict.active{border-color:var(--amber);color:var(--amber)}.input-layout{grid-template-columns:1fr 310px;gap:45px;display:grid}.button-map{grid-template-columns:repeat(8,1fr);gap:9px;margin-top:25px;display:grid}.button-map div{aspect-ratio:1;color:#71909f;background:#091924;border:1px solid #23475a;place-items:center;min-width:54px;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:all 80ms;display:grid}.button-map div b{color:#4d6a78;font-size:9px;display:block}.button-map div.pressed{color:#07110b;border-color:var(--lime);background:#b7fb37;box-shadow:0 0 22px #b7fb3744}.button-map div.pressed b{color:#28420b}.trigger-panel{border-left:1px solid #1b3a4d;padding-left:35px}.trigger-panel label{grid-template-columns:30px 1fr 40px;align-items:center;gap:10px;margin:24px 0;font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.trigger-panel progress{width:100%;height:12px;accent-color:var(--cyan)}.trigger-panel b{color:var(--cyan)}.polling-view{grid-template-columns:340px 1fr;align-items:center;gap:60px;max-width:960px;margin:auto;display:grid}.polling-gauge{aspect-ratio:1;text-align:center;background:radial-gradient(circle,#0e2b38,#07131e 68%);border:1px solid #26546a;border-radius:50%;place-content:center;display:grid;box-shadow:inset 0 0 50px #000,0 0 35px #41edf50e}.polling-gauge svg{color:var(--cyan);margin:auto}.polling-gauge strong{color:var(--cyan);font:700 80px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.polling-gauge span{letter-spacing:.12em;color:#7895a3;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.poll-bars{align-items:end;gap:5px;height:90px;margin-top:25px;display:flex}.poll-bars i{background:linear-gradient(var(--cyan),#174b5c);flex:1;min-height:8px;transition:height .12s}@media (width<=850px){.deadzone-stage,.polling-view,.input-layout{grid-template-columns:1fr}.trigger-panel{border-top:1px solid #1b3a4d;border-left:0;padding:25px 0 0}.button-map{grid-template-columns:repeat(4,1fr)}.polling-gauge{width:min(100%,300px);margin:auto}}@media (width<=540px){.test-tabs{padding:0 10px}.test-tabs button{padding:14px 12px}.diagnostic-view{padding:30px 20px}.deadzone-stage,.polling-view{gap:30px}.button-map div{min-width:0}.polling-gauge strong{font-size:64px}}.guide{padding:110px clamp(20px,7vw,110px) 20px}.guide-intro{grid-template-columns:.8fr 1.2fr;gap:15px 70px;max-width:1100px;display:grid}.guide-intro .kicker{grid-column:1/-1}.guide-intro h2{margin:0;font:600 clamp(32px,5vw,54px)/1.05 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-intro p{color:#89a4b3;margin:0;font-size:16px;line-height:1.75}.guide-grid{background:#173247;border:1px solid #173247;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;display:grid}.guide-grid article{background:#07111c;padding:34px}.guide-grid b{color:var(--cyan);letter-spacing:.14em;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-grid h3{margin:22px 0 12px;font:600 21px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-grid p,.faq p{color:#7f9aa9;font-size:14px;line-height:1.7}.troubleshoot{border-left:2px solid var(--amber);background:linear-gradient(135deg,#0b1d28,#08121c);grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:70px;padding:40px;display:grid}.troubleshoot h2,.faq h2{margin:8px 0;font:600 clamp(28px,4vw,40px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.troubleshoot ol{grid-template-columns:1fr 1fr;gap:25px;margin:0;padding:0;list-style:none;display:grid}.troubleshoot li{border-top:1px solid #234152;padding-top:16px}.troubleshoot li b,.troubleshoot li span{display:block}.troubleshoot li b{color:#e5f8fb;margin-bottom:7px;font:600 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.troubleshoot li span{color:#7894a3;font-size:13px;line-height:1.55}.faq{max-width:900px;margin:90px auto}.faq>h2{margin-bottom:30px}.faq details{border-top:1px solid #1b3a4c;padding:20px 0}.faq details:last-child{border-bottom:1px solid #1b3a4c}.faq summary{cursor:pointer;color:#c9dce3;font:600 16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;list-style-position:outside}.faq summary:hover{color:var(--cyan)}.faq details p{max-width:760px;margin:14px 0 0}@media (width<=850px){.guide-intro,.troubleshoot,.guide-grid{grid-template-columns:1fr}.troubleshoot{gap:25px}}@media (width<=540px){.guide{padding-top:80px}.troubleshoot{padding:28px 22px}.troubleshoot ol{grid-template-columns:1fr}.guide-grid article{padding:27px 22px}}.lab-card{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer;background:#08121d;border:1px solid #162d3e;min-height:210px;padding:25px;transition:all .2s;position:relative}.lab-card:hover:not(:disabled){border-color:#31566c;transform:translateY(-4px)}.lab-card.live{background:linear-gradient(135deg,#0b2230,#09141e);border-color:#2d6273}.lab-card:disabled{cursor:not-allowed;opacity:.72}.lab-card h3{margin:23px 0 8px;font:600 20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.lab-card p{color:#7e99a8;max-width:250px;margin:0;font-size:14px;line-height:1.5}.keyboard-view{min-height:500px;padding:34px 34px 42px}.keyboard-stats{background:#1a3a4d;border:1px solid #1a3a4d;grid-template-columns:repeat(3,1fr) auto;gap:1px;margin-bottom:28px;display:grid}.keyboard-stats span,.keyboard-stats button{color:#7693a3;letter-spacing:.1em;background:#091722;border:0;padding:15px 18px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.keyboard-stats b{color:var(--cyan);margin-top:5px;font-size:18px;display:block}.keyboard-stats button{color:#b6ccd5}.keyboard-stats button:hover{color:var(--cyan);background:#0e2633}.keyboard-board{background:#050b12;border:1px solid #1d3d50;padding:24px;box-shadow:inset 0 0 35px #000}.key-row{gap:7px;margin-bottom:7px;display:flex}.key-row:last-child{margin:0}.key-row>div{color:#76909e;background:linear-gradient(#132432,#0b1721);border:1px solid #28485b;border-bottom-width:3px;border-radius:4px;flex:1;place-items:center;min-width:42px;height:47px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:all 60ms;display:grid;position:relative}.key-row>div.wide{flex:1.6}.key-row>div.space{flex:7}.key-row>div.tested i{background:var(--lime);width:5px;height:5px;box-shadow:0 0 7px var(--lime);border-radius:50%;position:absolute;top:5px;right:5px}.key-row>div.down{border-color:var(--cyan);color:#fff;background:#174052;border-bottom-width:1px;transform:translateY(2px);box-shadow:0 0 18px #41edf52b}.key-history{grid-template-columns:180px 1fr;align-items:center;gap:20px;margin-top:24px;display:grid}.key-history>div{gap:7px;display:flex;overflow:hidden}.key-history b{text-align:center;min-width:42px;color:var(--cyan);background:#0d2532;border:1px solid #235067;padding:10px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.key-history em{color:#668493;font-size:13px}.keyboard-note{color:#658291;margin:22px 0 0;font-size:12px}@media (width<=850px){.keyboard-view{overflow-x:auto}.keyboard-board{min-width:760px}.keyboard-stats,.key-history{min-width:650px}}.mouse-view{grid-template-columns:1.2fr .8fr;min-height:520px;display:grid}.mouse-stage{background:radial-gradient(circle,#0c2b38 0,#07111b 58%);border-right:1px solid #1b3b4d;place-items:center;padding:50px;display:grid;position:relative;overflow:hidden}.mouse-shell{z-index:2;background:#091924;border:2px solid #3b7186;border-radius:92px 92px 74px 74px;grid-template-columns:1fr 42px 1fr;width:190px;height:285px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #000,0 0 40px #41edf515}.mouse-shell button{color:#668999;background:#102b38;border:0;border-bottom:1px solid #31566a;height:112px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mouse-shell button+button{border-left:1px solid #31566a}.mouse-shell button span{border:1px solid var(--cyan);border-radius:8px;width:12px;height:36px;margin:auto;display:block}.mouse-shell>i{background:var(--lime);width:8px;height:8px;box-shadow:0 0 14px var(--lime);border-radius:50%;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.cursor-scope{border:1px solid #1b4051;position:absolute;inset:25px}.cursor-scope>span{border:2px solid var(--cyan);width:18px;height:18px;box-shadow:0 0 17px var(--cyan);z-index:3;border-radius:50%;transition:left 35ms linear,top 35ms linear;position:absolute;transform:translate(-50%,-50%)}.cursor-grid{opacity:.35;background-image:linear-gradient(#1a4150 1px,#0000 1px),linear-gradient(90deg,#1a4150 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0}.mouse-data{padding:48px 35px}.mouse-data h3{color:var(--cyan);margin:9px 0 24px;font:700 56px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mouse-data h3 small{color:#7694a3;font-size:13px}.mouse-metrics{background:#17364a;border:1px solid #17364a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.mouse-metrics p{background:#091722;margin:0;padding:15px}.mouse-metrics span,.mouse-metrics b{display:block}.mouse-metrics span{letter-spacing:.1em;color:#668594;font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mouse-metrics b{color:#d7ebf0;margin-top:6px;font:600 18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mouse-data>.calibrate{width:100%;margin-top:24px}.mouse-data>p{color:#6e8998;font-size:12px;line-height:1.55}@media (width<=850px){.mouse-view{grid-template-columns:1fr}.mouse-stage{border-bottom:1px solid #1b3b4d;border-right:0;min-height:430px}}@media (width<=540px){.mouse-stage{min-height:380px;padding:30px}.mouse-shell{width:150px;height:230px}.mouse-shell button{height:90px}.mouse-data{padding:32px 20px}.mouse-data h3{font-size:45px}}.display-view{grid-template-columns:1.2fr .8fr;min-height:560px;display:grid}.display-stage{border-right:1px solid #1b3b4d;min-height:560px;position:relative;overflow:hidden}.pattern-label{color:#a9c2cc;letter-spacing:.1em;z-index:3;background:#050912cc;padding:7px 10px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:16px;left:18px}.display-stage:fullscreen{border:0;width:100vw;height:100vh}.display-stage:fullscreen .exit-full{display:block}.exit-full{z-index:4;color:#fff;letter-spacing:.08em;background:#050912cc;border:1px solid #4b6776;padding:11px 14px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:none;position:absolute;top:18px;right:18px}.pattern-black{background:#000}.pattern-white{background:#fff}.pattern-red{background:red}.pattern-green{background:#0f0}.pattern-blue{background:#00f}.pattern-gray{background:#7f7f7f}.pattern-gradient{background:linear-gradient(90deg,#000 0%,#fff 50%,#000 100%)}.pattern-sharpness{background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.display-controls{padding:42px 34px}.display-controls h3{margin:8px 0 10px;font:600 28px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.display-controls>div>p,.display-controls>small{color:#7894a3;font-size:13px;line-height:1.6}.pattern-buttons{grid-template-columns:repeat(2,1fr);gap:7px;margin:25px 0;display:grid}.pattern-buttons button{color:#7894a3;text-transform:uppercase;letter-spacing:.08em;background:#091722;border:1px solid #203f51;align-items:center;gap:10px;padding:10px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.pattern-buttons button.active{color:var(--cyan);border-color:var(--cyan);background:#0d2733}.swatch{border:1px solid #466171;width:22px;height:22px}.swatch.black{background:#000}.swatch.white{background:#fff}.swatch.red{background:red}.swatch.green{background:#0f0}.swatch.blue{background:#00f}.swatch.gray{background:#7f7f7f}.swatch.gradient{background:linear-gradient(90deg,#000,#fff)}.swatch.sharpness{background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 50%/6px 6px}.screen-info{background:#17364a;border:1px solid #17364a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.screen-info p{background:#091722;margin:0;padding:12px}.screen-info span,.screen-info b{display:block}.screen-info span{color:#617e8e;letter-spacing:.1em;font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.screen-info b{color:#d6e9ee;margin-top:5px;font:600 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.full-button{justify-content:center;width:100%;margin:24px 0 13px}.full-button svg{width:16px}@media (width<=850px){.display-view{grid-template-columns:1fr}.display-stage{border-bottom:1px solid #1b3b4d;border-right:0;min-height:430px}}@media (width<=540px){.display-stage{min-height:340px}.display-controls{padding:32px 20px}}.audio-view{grid-template-columns:1.05fr .95fr;min-height:560px;display:grid}.audio-visual{background:radial-gradient(circle,#0b2d3a,#07111b 62%);border-right:1px solid #1b3b4d;grid-template-columns:140px 1fr 140px;align-items:center;gap:28px;padding:45px;display:grid;position:relative;overflow:hidden}.speaker{aspect-ratio:1;text-align:center;color:#5f7e8e;background:#091924;border:1px solid #31596d;border-radius:50%;place-content:center;display:grid;box-shadow:inset 0 0 35px #000}.speaker svg{width:40px;height:40px;margin:auto}.speaker span{letter-spacing:.14em;margin-top:8px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.speaker.active{border-color:var(--cyan);color:var(--cyan);animation:.8s ease-in-out infinite alternate pulse-speaker;box-shadow:inset 0 0 35px #000,0 0 35px #41edf533}@keyframes pulse-speaker{to{transform:scale(1.05)}}.waveform{align-items:center;gap:4px;height:170px;display:flex}.waveform i{background:linear-gradient(var(--cyan),#1d5669);flex:1;min-width:3px;transition:height .15s}.audio-controls{padding:42px 34px}.audio-controls h3{margin:8px 0 10px;font:600 29px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.audio-controls>div>p{color:#7b96a5;font-size:13px;line-height:1.6}.volume-control{margin:24px 0;display:block}.volume-control span{color:#6e8a99;letter-spacing:.1em;justify-content:space-between;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.volume-control b{color:var(--cyan)}.volume-control input{width:100%;accent-color:var(--lime);margin-top:13px}.channel-buttons{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.channel-buttons button,.stop-audio{color:#a9c0ca;letter-spacing:.07em;background:#0c202c;border:1px solid #295064;padding:13px 8px;font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.channel-buttons button:hover{border-color:var(--cyan);color:var(--cyan)}.frequency-buttons{grid-template-columns:repeat(6,1fr);gap:5px;margin:18px 0;display:grid}.frequency-buttons button{color:#7693a2;background:#091722;border:1px solid #203f51;padding:13px 4px}.frequency-buttons button.active{border-color:var(--lime);color:var(--lime)}.frequency-buttons b,.frequency-buttons span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.frequency-buttons b{font-size:15px}.frequency-buttons span{margin-top:3px;font-size:8px}.stop-audio{color:#ff7890;border-color:#814558;width:100%}.stop-audio:disabled{opacity:.35;cursor:not-allowed}.audio-warning{border-left:2px solid var(--amber);background:#201b11;grid-template-columns:100px 1fr;gap:14px;margin-top:20px;padding:14px;display:grid}.audio-warning b{color:var(--amber);letter-spacing:.08em;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.audio-warning span{color:#9d9070;font-size:11px;line-height:1.5}@media (width<=950px){.audio-view{grid-template-columns:1fr}.audio-visual{border-bottom:1px solid #1b3b4d;border-right:0;min-height:380px}}@media (width<=540px){.audio-visual{grid-template-columns:80px 1fr 80px;gap:12px;min-height:300px;padding:30px 18px}.waveform{height:120px}.speaker svg{width:28px}.audio-controls{padding:32px 20px}.frequency-buttons{grid-template-columns:repeat(3,1fr)}.channel-buttons,.audio-warning{grid-template-columns:1fr}}.camera-view{grid-template-columns:1.15fr .85fr;min-height:560px;display:grid}.camera-preview{background:#02060a;border-right:1px solid #1b3b4d;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-placeholder{text-align:center;background:radial-gradient(circle,#0c2935,#050b12 66%);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.camera-placeholder.hidden{display:none}.camera-placeholder svg{color:#315c70;width:58px;height:58px;margin-bottom:20px}.camera-placeholder strong{letter-spacing:.1em;color:#a9c2cc;font:600 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.camera-placeholder span{color:#688696;margin-top:8px;font-size:13px}.focus-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#41edf52b 33.3% 33.5%,#0000 33.6% 66.2%,#41edf52b 66.3% 66.5%,#0000 66.6%),linear-gradient(#0000 33.2%,#41edf52b 33.3% 33.5%,#0000 33.6% 66.2%,#41edf52b 66.3% 66.5%,#0000 66.6%);border:1px solid #41edf549;position:absolute;inset:9%}.media-controls{padding:42px 34px}.media-controls h3{margin:8px 0 10px;font:600 28px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.media-controls>p,.media-controls>small{color:#7894a3;font-size:13px;line-height:1.6}.media-device-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.media-device-grid label{gap:7px;display:grid}.media-device-grid label>span{letter-spacing:.1em;color:#638090;font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.media-device-grid select{color:#d6e9ee;background:#06121d;border:1px solid #244b60;border-radius:4px;width:100%;min-width:0;padding:10px}.media-device-grid select:disabled{opacity:.55}.media-info{background:#17364a;border:1px solid #17364a;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;display:grid}.media-info p{background:#091722;margin:0;padding:14px}.media-info span,.media-info b{display:block}.media-info span{letter-spacing:.1em;color:#638090;font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.media-info b{color:#d6e9ee;margin-top:5px;font:600 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.media-info p.wide{grid-column:1/-1}.mic-meter{background:#071018;border:1px solid #244557;height:18px;margin:18px 0 24px;position:relative;overflow:visible}.mic-meter span{background:linear-gradient(90deg,var(--lime),var(--cyan),var(--amber));height:100%;transition:width 80ms;display:block}.mic-meter i{background:#fff;width:2px;height:26px;transition:left 80ms;position:absolute;top:-5px;box-shadow:0 0 8px #fff}.media-start{justify-content:center;width:100%;margin-bottom:14px}.stop-media{color:#ff7e93;letter-spacing:.08em;background:#281018;border:1px solid #9a4154;width:100%;margin-bottom:14px;padding:15px;font:600 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.media-controls>small{display:block}@media (width<=900px){.camera-view{grid-template-columns:1fr}.camera-preview{border-bottom:1px solid #1b3b4d;border-right:0;min-height:440px}}@media (width<=540px){.camera-preview{min-height:320px}.media-controls{padding:32px 20px}.media-device-grid,.media-info{grid-template-columns:1fr}.media-info p.wide{grid-column:auto}}body[data-lab] .tester{margin-top:42px}.tool-links{flex-wrap:wrap;justify-content:center;gap:8px;padding:70px clamp(20px,5vw,76px) 0;display:flex}.tool-links a{color:#87a3b2;letter-spacing:.08em;text-transform:uppercase;background:#081722;border:1px solid #23475a;padding:10px 14px;font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none}.tool-links a:hover{border-color:var(--cyan);color:var(--cyan)}body[data-lab] .tool-links{padding-top:48px}@supports (content-visibility:auto){.lab-section{content-visibility:auto;contain-intrinsic-size:auto 900px}.method{content-visibility:auto;contain-intrinsic-size:auto 430px}}.guide-directory{background:linear-gradient(145deg,#081824,#06111b);border:1px solid #183b50;margin:90px clamp(20px,5vw,76px) 0;padding:42px;position:relative;overflow:hidden}.guide-directory:before{content:"GUIDES";letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px #21435766;pointer-events:none;font:800 92px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:-34px;right:-12px}.guide-directory-head{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:end;gap:40px;margin-bottom:30px;display:grid;position:relative}.guide-directory-head h2{max-width:700px;margin:7px 0 0;font:600 clamp(27px,3.6vw,40px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-directory-head>p{color:#8ca6b5;max-width:680px;margin:0;line-height:1.65}.guide-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.guide-directory-card{color:#dff5fb;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);background:#06131e;border:1px solid #17384b;min-height:190px;padding:19px 18px 46px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;position:relative}.guide-directory-card:hover{background:#08202c;border-color:#35dce9;transform:translateY(-3px)}.guide-directory-card>span{color:var(--cyan);letter-spacing:.12em;margin-bottom:22px;font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.guide-directory-card>strong{margin-bottom:10px;font:650 16px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.guide-directory-card>small{color:#7898a8;font-size:12px;line-height:1.55;display:block}.guide-directory-card svg{color:#4f7384;width:17px;position:absolute;bottom:15px;right:16px}.guide-directory-card:hover svg{color:var(--lime)}@media (width<=1050px){.guide-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.guide-directory{margin-top:70px;padding:28px 18px}.guide-directory-head{grid-template-columns:1fr;gap:18px}.guide-directory-grid{grid-template-columns:1fr}.guide-directory-card{min-height:155px}.guide-directory:before{font-size:64px;top:-23px}}@media (prefers-reduced-motion:reduce){.guide-directory-card{transition:none}}