:root{--bg:#141413;--bg-raise:#1b1b19;--panel:#20201d;--panel-2:#26261f;--ink:#faf9f5;--muted:#b0aea5;--faint:#7d7c74;--line:#faf9f517;--accent:#d97757;--accent-deep:#b85a3d;--green:#788c5d;--blue:#6a9bcc;--amber:#e0b15c;--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", "Noto Sans SC", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--radius:14px;--max-w:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(52rem 30rem at 82% -8%,#d9775721,#0000 62%),radial-gradient(44rem 28rem at -8% 24%,#6a9bcc14,#0000 60%),radial-gradient(38rem 26rem at 60% 110%,#788c5d17,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}::selection{background:var(--accent);color:#141413}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);background:#141413b8;position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;gap:28px;height:60px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.logo svg{width:26px;height:26px}.logo .ver{font-family:var(--font-mono);color:var(--accent);border:1px solid #d9775773;border-radius:999px;margin-left:2px;padding:1px 7px;font-size:11px;font-weight:400}.nav-links{align-items:center;gap:22px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .18s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--accent);transition:transform .18s var(--ease-out), filter .18s;border-radius:9px;padding:7px 16px;font-weight:700;color:#191512!important}.nav-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.hero{padding:148px 0 96px;position:relative;overflow:clip}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.kicker{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);background:#20201d99;border-radius:999px;align-items:center;gap:10px;margin-bottom:26px;padding:5px 14px;font-size:12.5px;display:inline-flex}.kicker .dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 22px;font-size:clamp(38px,5.4vw,62px);font-weight:900;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--muted);max-width:46ch;margin:0 0 34px;font-size:17px}.hero-sub code{font-family:var(--font-mono);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.88em}.dl-row{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.btn{transition:transform .16s var(--ease-out), background .16s, border-color .16s;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#191512}.btn-primary:hover{background:#e2825f}.btn-ghost{color:var(--ink);border-color:var(--line);background:#20201d8c}.btn-ghost:hover{background:var(--panel-2);border-color:#faf9f540}.hero-note{color:var(--faint);font-size:13px}.hero-note a{color:var(--blue);text-decoration:none}.mirror{border:1px solid var(--line);background:linear-gradient(160deg,#26261fbf,#141413e6);border-radius:22px;grid-template-columns:118px 1fr;align-items:center;gap:34px;padding:30px;display:grid;position:relative;box-shadow:0 30px 80px -40px #000000e6}.mirror:before{content:"USB / TCP-IP";font-family:var(--font-mono);letter-spacing:.14em;color:var(--faint);font-size:10.5px;position:absolute;top:14px;right:18px}.phone{background:#0c0d0c;border:2px solid #3a3a35;border-radius:16px;width:104px;height:208px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 12px 30px -14px #000}.phone:after{content:"";z-index:3;background:#2b2c29;border-radius:99px;width:30px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.desktop{background:#0c0d0c;border:1px solid #3a3a35;border-radius:10px;position:relative;overflow:visible;box-shadow:0 18px 44px -18px #000000d9}.desktop-bar{background:var(--panel-2);border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;align-items:center;gap:6px;height:24px;padding:0 10px;display:flex}.desktop-bar i{background:#48483f;border-radius:50%;width:8px;height:8px}.desktop-bar i:first-child{background:var(--accent)}.desktop-bar i:nth-child(2){background:var(--amber)}.desktop-bar i:nth-child(3){background:var(--green)}.desktop-bar span{font-family:var(--font-mono);color:var(--faint);margin-left:auto;font-size:10px}.screen-viewport{background:#0c0d0c;position:relative;overflow:hidden}.phone .screen-viewport{width:100%;height:100%}.desktop .screen-viewport{aspect-ratio:208/190;border-radius:0 0 9px 9px}.stream{will-change:transform;animation:9s linear infinite stream;position:absolute;top:0;left:0;right:0}.desktop .stream{animation-delay:-9.045s}@keyframes stream{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.tile{border-radius:8px;align-items:center;gap:7px;margin:5.5% 7%;padding:7px 9px;display:flex}.tile b{border-radius:6px;flex:none;width:22px;height:22px}.tile .bar{border-radius:99px;flex:1;height:6px}.tile .bar+.bar{flex:.55}.latency-chip{font-family:var(--font-mono);color:var(--bg);background:var(--accent);white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:11px;animation:2.4s ease-in-out infinite chip-pulse;position:absolute;bottom:-13px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px -6px #d97757b3}@keyframes chip-pulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.mirror-caption{font-family:var(--font-mono);color:var(--faint);text-align:center;letter-spacing:.08em;grid-column:1/-1;font-size:11px}section.block{border-top:1px solid var(--line);padding:84px 0}.sec-head{max-width:62ch;margin-bottom:44px}.sec-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:12px}.sec-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.15}.sec-desc{color:var(--muted);margin:0;font-size:15.5px}.bento{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.cw{display:flex}.cw>.cell{flex:1}.cw-s2{grid-column:span 2}.cw-s3{grid-column:span 3}.cw-fps{grid-area:span 2/span 2}.cell{border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s var(--ease-out), border-color .25s;background:linear-gradient(170deg,#20201dd9,#171715d9);padding:22px 24px;position:relative;overflow:hidden}.cell:hover{border-color:#d9775766;transform:translateY(-3px)}.cell h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:18px}.cell p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.cell .num{font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1;display:block}.cell .num small{color:var(--faint);margin-left:4px;font-size:.38em;font-weight:500}.cell-fps{flex-direction:column;justify-content:space-between;display:flex}.fps-meter{align-items:flex-end;gap:5px;height:74px;margin-top:22px;display:flex}.fps-meter i{background:linear-gradient(180deg, var(--accent), #d9775740);transform-origin:bottom;will-change:transform;border-radius:3px 3px 0 0;flex:1;animation:1.4s ease-in-out infinite eq}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.cell-cmd code{font-family:var(--font-mono);color:var(--green);border:1px solid var(--line);white-space:nowrap;background:#0c0d0ccc;border-radius:8px;margin-top:14px;padding:9px 12px;font-size:12.5px;display:block;overflow-x:auto}.caps{grid-template-columns:repeat(2,1fr);gap:0 40px;display:grid}.caps a{border-bottom:1px solid var(--line);transition:padding-left .2s var(--ease-out), color .2s;align-items:baseline;gap:14px;padding:15px 4px;text-decoration:none;display:flex}.caps a:hover{color:var(--accent);padding-left:12px}.caps .idx{font-family:var(--font-mono);color:var(--faint);flex:none;font-size:11px}.caps .name{flex:none;min-width:9em;font-size:15px;font-weight:700}.caps .note{color:var(--muted);font-size:13px}.pre-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:#1b1b19b3;padding:22px 24px}.step .n{font-family:var(--font-mono);color:var(--accent);margin-bottom:10px;font-size:11px;display:block}.step h3{font-size:16px;font-family:var(--font-display);margin:0 0 8px}.step p{color:var(--muted);margin:0;font-size:13.5px}.step p code,.callout code{font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:.88em}.callout{border:1px solid #e0b15c59;border-left:3px solid var(--amber);color:var(--muted);background:#e0b15c0f;border-radius:10px;gap:16px;padding:18px 22px;font-size:14px;display:flex}.callout .icon{color:var(--amber);font-family:var(--font-mono);flex:none;font-weight:600}.callout p{margin:0 0 8px}.callout p:last-child{margin:0}.tips{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tip{border:1px solid var(--line);border-radius:var(--radius);background:#20201d99;padding:20px 22px}.tip kbd{font-family:var(--font-mono);color:var(--ink);background:linear-gradient(#34342e,#24241f);border:1px solid #45453d;border-bottom-width:3px;border-radius:7px;margin:0 2px 12px;padding:3px 9px;font-size:12.5px;display:inline-block}.tip b{font-family:var(--font-mono);color:var(--accent);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.tip p{color:var(--muted);margin:0;font-size:13px}.term{background:#0e0f0e;border:1px solid #3a3a35;border-radius:14px;overflow:hidden;box-shadow:0 40px 90px -50px #000}.term-tabs{background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.term-tabs::-webkit-scrollbar{display:none}.term-tabs button{font-family:var(--font-body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:13px;transition:color .15s,border-color .15s}.term-tabs button:hover{color:var(--ink)}.term-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:#d9775712}.term-body{min-height:190px;padding:24px 26px 20px}.term-desc{color:var(--muted);margin:0 0 16px;font-size:13.5px}.term-desc b{color:var(--ink)}.term-line{font-family:var(--font-mono);align-items:baseline;gap:10px;margin-bottom:8px;font-size:13.5px;line-height:1.7;display:flex}.term-line .prompt{color:var(--green);-webkit-user-select:none;user-select:none}.term-line .cmd{color:var(--ink);overflow-wrap:anywhere}.term-line .cmd .flag{color:var(--amber)}.term-line .comment{color:var(--faint);font-style:italic}.term-foot{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--faint);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.copy-btn{font-family:var(--font-body);color:var(--ink);background:var(--panel-2);cursor:pointer;transition:transform .14s var(--ease-out), background .14s;border:1px solid #45453d;border-radius:8px;padding:5px 14px;font-size:12.5px;font-weight:700}.copy-btn:hover{background:#32322b}.copy-btn:active{transform:scale(.95)}.copy-btn[data-copied=true]{background:var(--green);border-color:var(--green);color:#141413}.docs{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.doc-card{border:1px solid var(--line);transition:transform .2s var(--ease-out), border-color .2s, background .2s;background:#1b1b19a6;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.doc-card:hover{background:var(--panel);border-color:#d9775773;transform:translateY(-2px)}.doc-card .file{font-family:var(--font-mono);color:var(--faint);font-size:10.5px}.res-cols{grid-template-columns:repeat(3,1fr);gap:44px;display:grid}.res-col h3{font-family:var(--font-display);margin:0 0 6px;font-size:16px}.res-col>p{color:var(--faint);margin:0 0 16px;font-size:13px}.res-col ul{margin:0;padding:0;list-style:none}.res-col li{border-top:1px solid var(--line)}.res-col a{color:var(--muted);transition:color .15s, padding-left .2s var(--ease-out);padding:10px 2px;font-size:14px;text-decoration:none;display:block}.res-col a:hover{color:var(--accent);padding-left:8px}.donate-box{background:linear-gradient(140deg,#d977571a,#14141366 55%);border:1px solid #d9775759;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;margin-top:56px;padding:34px 38px;display:flex}.donate-box h3{font-family:var(--font-display);margin:0 0 8px;font-size:21px}.donate-box p{color:var(--muted);max-width:52ch;margin:0;font-size:14px}footer{border-top:1px solid var(--line);color:var(--faint);padding:44px 0 56px;font-size:13px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.foot-grid pre{font-family:var(--font-mono);color:var(--faint);white-space:pre-wrap;max-width:52ch;margin:0;font-size:10.5px;line-height:1.6}.foot-links{gap:18px;display:flex}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--accent)}.safety{color:var(--muted);background:#d9775712;border:1px solid #d9775766;border-radius:12px;gap:12px;margin-top:30px;padding:14px 18px;font-size:13.5px;display:flex}.safety b{color:var(--ink)}.safety .warn-icon{color:var(--amber);font-family:var(--font-mono);flex:none}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:48px}.mirror{margin-top:8px}.bento{grid-template-columns:repeat(2,1fr)}.cw-s2,.cw-s3{grid-column:auto}.cw-fps{grid-area:auto/span 2}.caps,.pre-steps{grid-template-columns:1fr}.tips,.docs{grid-template-columns:repeat(2,1fr)}.res-cols{grid-template-columns:1fr;gap:28px}.nav-links a:not(.nav-cta){display:none}}@media (width<=560px){.hero{padding-top:118px}.bento{grid-template-columns:1fr}.cw-fps{grid-column:auto}.tips,.docs{grid-template-columns:1fr}.wrap{padding:0 16px}section.block{padding:60px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}