:root{color-scheme:dark;--bg:#0b0d11;--bg-2:#0e1116;--panel:#14171d;--border:#262b33;--text:#e8eaef;--text-dim:#9098a8;--dim:#5c6474;--accent:#00d9f5;--accent-contrast:#062024;--accent-soft:#00d9f51f;--pill:#191c22;--pill-border:#2c313b;--well:#07080b;--risk:#ff9d42;--ok:#4fdb9a;--err:#ff6b6b;--gold:#ffb000;--mono:ui-monospace, "SF Mono", Consolas, Menlo, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max:1160px}body.site{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body.site *,body.site :before,body.site :after{box-sizing:border-box}body.site a{color:var(--accent);text-decoration:none}body.site a:hover{text-decoration:underline}html:has(body.site){scroll-behavior:smooth;scroll-padding-top:72px}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.skip{z-index:100;background:var(--accent);border-radius:6px;padding:6px 12px;position:absolute;top:8px;left:-999px;color:var(--accent-contrast)!important}.skip:focus{left:8px}.site-head{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0d11e0;position:sticky;top:0}.site-head .wrap{height:60px}.head-row{align-items:center;gap:22px;height:100%;display:flex}.brand{flex:none;align-items:center;display:flex}.brand img{width:auto;height:22px;display:block}.site-nav{flex:1;gap:20px;display:flex}.site-nav a{font-size:14px;font-weight:500;color:var(--text-dim)!important;text-decoration:none!important}.site-nav a:hover,.site-nav a[aria-current]{color:var(--text)!important}.site-nav a[aria-current]{box-shadow:0 2px 0 var(--accent);padding-bottom:2px}.btn{font:600 14px/1.2 var(--sans);border:1px solid var(--pill-border);background:var(--pill);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;color:var(--text)!important;text-decoration:none!important}.btn:hover{border-color:var(--accent);color:var(--accent)!important}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)!important}.btn-primary:hover{filter:brightness(1.08);color:var(--accent-contrast)!important}.btn-lg{border-radius:12px;padding:13px 24px;font-size:15px}.menu{margin-left:auto;display:none;position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:200px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #00000080}.menu-list a{border-radius:8px;padding:8px 12px;font-size:15px;color:var(--text-dim)!important}.menu-list a:hover{background:var(--pill);color:var(--text)!important;text-decoration:none!important}.hero{padding:72px 0 40px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 70% 40%,#00d9f529,#0000 60%);height:640px;position:absolute;inset:-40% -10% auto}.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;display:grid;position:relative}.eyebrow{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.hero h1{letter-spacing:-.8px;margin:12px 0 18px;font-size:clamp(34px,5vw,54px);line-height:1.08}.hero h1 em{background:linear-gradient(90deg, var(--accent), #7ef0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{color:var(--text-dim);max-width:520px;margin:0 0 28px;font-size:18px}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cta-note{font:12.5px var(--mono);color:var(--dim);margin-top:14px}.devices{padding-bottom:40px;position:relative}.devices .f-phone{width:34%;position:absolute;bottom:0;right:-8px}section.band{border-top:1px solid var(--border);padding:72px 0}section.band.alt{background:var(--bg-2)}.section-head{max-width:680px;margin-bottom:36px}.section-head h2{letter-spacing:-.4px;margin:8px 0 12px;font-size:clamp(26px,3.2vw,36px);line-height:1.15}.section-head p{color:var(--text-dim);margin:0;font-size:16.5px}.compat{border-top:1px solid var(--border);font:12.5px var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;padding:22px 24px;display:flex}.compat b{color:var(--text-dim);font-weight:600}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fcard{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.fcard:hover{border-color:#00d9f573;transform:translateY(-2px)}.fcard h3{margin:0;font-size:17px}.fcard p{color:var(--text-dim);margin:0;font-size:14.5px}.fcard .more{margin-top:auto;font-size:13.5px;font-weight:600}.fviz{background:var(--well);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:16px;height:92px;display:flex;position:relative;overflow:hidden}.fviz .viz-txt{font:11px/1.6 var(--mono);color:var(--text-dim)}.steps{counter-reset:st;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px 20px 20px;position:relative}.step:before{counter-increment:st;content:counter(st);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font:700 15px var(--sans);border:1px solid #00d9f566;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.step h3{margin:0 0 6px;font-size:17px}.step p{color:var(--text-dim);margin:0 0 10px;font-size:14.5px}.showcase{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.showcase.flip>:first-child{order:2}.showcase h2{letter-spacing:-.3px;margin:8px 0 18px;font-size:clamp(24px,3vw,32px);line-height:1.2}.showcase>div>p{color:var(--text-dim);font-size:15.5px}.points{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.points li{grid-template-columns:26px 1fr;gap:12px;display:grid}.points .n{background:var(--accent);width:24px;height:24px;color:var(--accent-contrast);font:700 12px var(--sans);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:flex}.points .d{background:var(--accent);border-radius:50%;width:8px;height:8px;margin:9px 0 0 8px}.points b{display:block}.points span{color:var(--text-dim);font-size:14.5px}.levels{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.level{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:22px}.level .tag{font:600 11px var(--mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.level h3{margin:6px 0 8px;font-size:17px}.level p{color:var(--text-dim);margin:0 0 12px;font-size:14.5px}.level ul{color:var(--text-dim);margin:0;padding-left:18px;font-size:14px}.cta-band{text-align:center;border-top:1px solid var(--border);background:radial-gradient(at 50% 0,#00d9f51f,#0000 60%);padding:80px 0}.cta-band h2{letter-spacing:-.4px;margin:0 0 12px;font-size:clamp(28px,3.6vw,40px)}.cta-band p{color:var(--text-dim);max-width:560px;margin:0 auto 26px;font-size:17px}.page-hero{padding:64px 0 24px;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#00d9f51f,#0000 60%);height:520px;position:absolute;inset:-60% -10% auto}.page-hero h1{letter-spacing:-.6px;margin:10px 0 14px;font-size:clamp(32px,4.4vw,48px);line-height:1.1;position:relative}.page-hero .lede{max-width:640px;position:relative}.jump{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.jump a{font:12.5px var(--mono);border:1px solid var(--pill-border);background:var(--pill);border-radius:99px;padding:5px 12px;color:var(--text-dim)!important}.jump a:hover{border-color:var(--accent);color:var(--accent)!important;text-decoration:none!important}.site-foot{border-top:1px solid var(--border);background:#08090c;padding:44px 0 30px;font-size:14px}.foot-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:24px;display:grid}.foot-grid img{width:auto;height:20px;margin-bottom:12px;display:block}.foot-grid p{color:var(--dim);max-width:260px;margin:0}.foot-grid h4{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.foot-grid a{padding:3px 0;display:block;color:var(--text-dim)!important}.foot-grid a:hover{color:var(--text)!important}.foot-legal{border-top:1px solid var(--border);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:30px;padding-top:18px;font-size:12.5px;display:flex}.foot-legal a{color:var(--text-dim)!important}@media (width<=900px){.hero .wrap,.showcase{grid-template-columns:1fr}.showcase.flip>:first-child{order:0}.features,.steps,.levels,.foot-grid{grid-template-columns:1fr 1fr}.site-head .site-nav{display:none}.menu{display:block}}@media (width<=600px){.wrap{padding:0 16px}.features,.steps,.levels{grid-template-columns:1fr}.hero{padding-top:44px}.devices .f-phone{width:40%;right:-4px}.site-head .head-cta{display:none}.foot-grid{grid-template-columns:1fr}}:root{--u:1px}.screen{width:100%;position:relative;container-type:inline-size}.screen .scr{--u:calc(100cqw / var(--dw,560))}.f-browser{border:1px solid var(--border);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #00000073}.f-browser-bar{border-bottom:1px solid var(--border);background:#15181d;align-items:center;gap:6px;padding:8px 12px;display:flex}.f-browser-bar i{background:#2f3540;border-radius:50%;flex:none;width:9px;height:9px}.f-browser-bar .url{background:var(--well);border:1px solid var(--border);min-width:0;font:11px var(--mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;margin-left:10px;padding:3px 10px;overflow:hidden}.f-laptop .lid{background:#1b1f26;border:1px solid #2f3540;border-radius:14px 14px 4px 4px;padding:12px 12px 14px;box-shadow:0 30px 80px #0000008c,inset 0 0 0 1px #ffffff08}.f-laptop .lid .screen{border-radius:4px;overflow:hidden}.f-laptop .base{background:linear-gradient(#2a2f38,#15181d);border-radius:0 0 14px 14px;height:14px;margin:0 -4%;position:relative}.f-laptop .base:after{content:"";background:#0f1115;border-radius:0 0 6px 6px;height:5px;position:absolute;top:0;left:42%;right:42%}.f-phone{background:#15181d;border:1px solid #2f3540;border-radius:26px;padding:10px 8px;box-shadow:0 24px 60px #0009}.f-phone .notch{background:#0b0d11;border-radius:4px;width:30%;height:5px;margin:0 auto 8px}.f-phone .screen{border-radius:16px;overflow:hidden}.shot{position:relative}.callout{background:var(--accent);width:22px;height:22px;color:var(--accent-contrast);font:700 12px/1 var(--sans);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin:-11px 0 0 -11px;display:flex;position:absolute;box-shadow:0 0 0 3px #00d9f540,0 3px 10px #00000080}.figure{margin:1.25rem 0 .5rem}.figure figcaption{font:12.5px var(--mono);color:var(--dim);text-align:center;margin-top:10px}@media (width<=600px){.callout{width:18px;height:18px;margin:-9px 0 0 -9px;font-size:10.5px}}.scr{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:calc(10 * var(--u));text-align:left;line-height:1.35;overflow:hidden}.scr *{box-sizing:border-box}.scr-head{padding:calc(7 * var(--u)) 0 calc(5 * var(--u));text-align:center;border-bottom:1px solid var(--border);letter-spacing:calc(2 * var(--u));font-weight:800;font-size:calc(11 * var(--u));background:#000}.scr-head b{color:var(--accent)}.scr-nav{gap:calc(4 * var(--u));padding:calc(6 * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.scr-nav span{font:calc(7 * var(--u)) var(--mono);padding:calc(3 * var(--u)) calc(7 * var(--u));background:var(--pill);border:1px solid var(--pill-border);color:var(--text-dim);border-radius:99px}.scr-nav span.on{border-color:var(--accent);color:var(--accent);background:#0a3f49}.scr-body{margin:0 calc(8 * var(--u)) calc(8 * var(--u));background:var(--panel);border:1px solid var(--border);border-radius:calc(8 * var(--u));padding:calc(9 * var(--u)) calc(10 * var(--u))}.scr-well{background:var(--well);border:1px solid var(--border);border-radius:calc(6 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u))}.scr-h1{font-size:calc(11.5 * var(--u));font-weight:600}.scr-h2{font-size:calc(10 * var(--u));margin-bottom:calc(3 * var(--u));font-weight:700}.scr-sub{font:calc(7.5 * var(--u)) var(--mono);color:var(--text-dim);margin-bottom:calc(7 * var(--u))}.scr-row{align-items:center;gap:calc(5 * var(--u));margin-bottom:calc(6 * var(--u));flex-wrap:wrap;display:flex}.scr-row .grow{flex:1}.scr-pill{font:calc(7 * var(--u)) var(--mono);padding:calc(2 * var(--u)) calc(7 * var(--u));border:1px solid var(--pill-border);color:var(--text-dim);background:var(--pill);white-space:nowrap;border-radius:99px}.scr-pill.live{color:var(--ok);border-color:#4fdb9a66}.scr-pill.accent{color:var(--accent);border-color:var(--accent)}.scr-pill.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:700}.scr-pill.danger{color:var(--err);border-color:var(--err);background:0 0}.scr-pill.warn{color:var(--risk);border-color:#ff9d4280}.scr-seg{border:1px solid var(--pill-border);border-radius:calc(6 * var(--u));display:inline-flex;overflow:hidden}.scr-seg span{font-size:calc(8 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));color:var(--text-dim);background:var(--pill);white-space:nowrap;font-weight:600}.scr-seg span+span{border-left:1px solid var(--pill-border)}.scr-seg span.on{color:var(--accent);background:#0a3f49}.scr-field{grid-template-columns:calc(52 * var(--u)) 1fr;gap:calc(6 * var(--u));margin:calc(4 * var(--u)) 0;align-items:center;display:grid}.scr-field>.l{font:calc(7 * var(--u)) var(--mono);color:var(--dim)}.scr-box{background:var(--pill);border:1px solid var(--pill-border);border-radius:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u));font-size:calc(8 * var(--u));display:block}.scr-sec{border:1px solid var(--pill-border);border-radius:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));margin-top:calc(6 * var(--u))}.scr-sec.primary{border-color:#00d9f573}.scr-sec>.t{font-size:calc(8 * var(--u));font-weight:700}.scr-badge{margin-left:calc(3 * var(--u));font:calc(6 * var(--u)) var(--mono);background:var(--accent);color:var(--accent-contrast);border-radius:calc(3 * var(--u));padding:0 calc(4 * var(--u))}.scr-summary{font-size:calc(7.5 * var(--u));color:var(--text-dim);border:1px solid var(--border);border-radius:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u));margin-bottom:calc(4 * var(--u))}.scr-summary b{color:var(--text)}.scr-swatches{flex-wrap:wrap;align-items:center;display:inline-flex}.scr-swatches i{width:calc(11 * var(--u));height:calc(11 * var(--u));border-radius:calc(3 * var(--u));margin-right:calc(3 * var(--u));vertical-align:middle;display:block}.scr-swatches i.on{outline:calc(1.5 * var(--u)) solid #fff}.scr-check{align-items:center;gap:calc(5 * var(--u));font-size:calc(8 * var(--u));margin:calc(4 * var(--u)) 0;color:var(--text);display:flex}.scr-check i{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:calc(2 * var(--u));border:1px solid var(--pill-border);background:var(--pill);flex:none;position:relative}.scr-check.on i{background:var(--accent);border-color:var(--accent)}.scr-check.switch i{width:calc(16 * var(--u));border-radius:99px}.scr-check.switch i:after{content:"";top:calc(1 * var(--u));left:calc(1 * var(--u));width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--dim);border-radius:50%;position:absolute}.scr-check.switch.on i:after{left:auto;right:calc(1 * var(--u));background:var(--accent-contrast)}.chip{font-size:calc(7 * var(--u));padding:calc(1 * var(--u)) calc(6 * var(--u));border:1px solid var(--pill-border);color:var(--text-dim);margin:calc(2 * var(--u)) calc(2 * var(--u)) 0 0;white-space:nowrap;border-radius:99px;display:inline-block}.chip.on{color:var(--ok);border-color:#4fdb9a73}.chip.warn{color:var(--risk);border-color:#ff9d4280}.pad{gap:calc(4 * var(--u));grid-template-columns:repeat(5,1fr);display:grid}.pad.compact{gap:calc(3 * var(--u))}.tile{border-radius:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(5 * var(--u));min-height:calc(36 * var(--u));color:#fff;font-weight:700;font-size:calc(8.5 * var(--u));text-shadow:0 1px 2px #00000080;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.pad.compact .tile{min-height:calc(24 * var(--u));font-size:calc(7 * var(--u))}.tile small{font:calc(6.5 * var(--u)) var(--mono);opacity:.8;font-weight:400}.tile .l2{opacity:.9;font-size:.8em;font-weight:500}.tile.dark{color:#000;text-shadow:none}.tile.empty{border:1px dashed var(--pill-border);color:var(--dim);text-shadow:none;font-weight:400;background:var(--pill)!important}.tile.on{box-shadow:0 0 0 calc(2 * var(--u)) var(--gold), 0 0 calc(10 * var(--u)) #ffb0008c}.tile.sel{box-shadow:0 0 0 calc(2 * var(--u)) var(--accent)}.tile .tag{top:calc(3 * var(--u));right:calc(3 * var(--u));font:calc(5.5 * var(--u)) var(--mono);color:#fff;border-radius:calc(2 * var(--u));padding:0 calc(3 * var(--u));background:#00000073;position:absolute}.leds-well{background:var(--well);border:1px solid var(--border);border-radius:calc(6 * var(--u));padding:calc(6 * var(--u));justify-content:center;align-items:center;gap:calc(10 * var(--u));flex-wrap:wrap;display:flex}.ring{flex:none;position:relative}.ring-px{position:absolute;inset:0}.ring i,.strip i,.matrix i{border-radius:50%;display:block}.ring i{position:absolute;top:50%;left:50%}.ring.spin .ring-px{animation:dfx-spin var(--spin,6s) linear infinite}.strip{gap:calc(3 * var(--u));display:flex}.matrix{gap:calc(3 * var(--u));flex-direction:column;align-items:center;display:flex}.matrix .row{gap:calc(3 * var(--u));display:flex}.ledcard{background:var(--panel);border:1px solid var(--border);border-radius:calc(8 * var(--u));padding:calc(7 * var(--u)) calc(8 * var(--u))}.tl{grid-template-columns:calc(54 * var(--u)) 1fr;border:1px solid var(--border);border-radius:calc(6 * var(--u));background:var(--well);display:grid;overflow:hidden}.tl>div{border-bottom:1px solid var(--border);height:calc(30 * var(--u));position:relative}.tl>div:nth-last-child(-n+2){border-bottom:0}.tl .lab{font-size:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(6 * var(--u));border-right:1px solid var(--border);white-space:nowrap;font-weight:600;overflow:hidden}.tl .lab small{font:calc(6.5 * var(--u)) var(--mono);color:var(--dim);font-weight:400;display:block}.tl>.ruler{height:calc(16 * var(--u));font:calc(6.5 * var(--u)) var(--mono);color:var(--dim)}.tl .ruler span.s{top:calc(3 * var(--u));position:absolute}.tl svg{width:100%;height:100%;position:absolute;inset:0}.clip{top:calc(6 * var(--u));height:calc(18 * var(--u));border-radius:calc(4 * var(--u));font:calc(6.5 * var(--u)) var(--mono);color:var(--text);padding:calc(2 * var(--u)) calc(4 * var(--u));white-space:nowrap;background:#00d9f538;border:1px solid #00d9f599;position:absolute;overflow:hidden}.lightblk{top:calc(7 * var(--u));height:calc(16 * var(--u));border-radius:calc(3 * var(--u));font:calc(6.5 * var(--u)) var(--mono);color:#fff;padding:calc(2 * var(--u)) calc(4 * var(--u));white-space:nowrap;position:absolute;overflow:hidden}.playhead{width:calc(2 * var(--u));background:var(--risk);top:0;bottom:0;left:var(--at,38%);position:absolute}.tl.play .playhead{animation:dfx-play var(--dur,6s) linear infinite}.gauge,.dial{margin:0 auto;display:block}@keyframes dfx-spin{to{transform:rotate(360deg)}}@keyframes dfx-play{0%{left:0%}to{left:100%}}@media (prefers-reduced-motion:reduce){.ring.spin .ring-px,.tl.play .playhead{animation:none}}