:root{--bg:#090c0b;--text:#f3f4f1;--muted:#9ba6a1;--accent:#71d5a8;--accent-ink:#06130d;--surface:#0f1412;--surface-2:#151b18;--line:#f3f4f114;--line-strong:#f3f4f124;--glow:#71d5a824;--gutter:clamp(1.25rem, 4vw, 2.5rem);--radius:1.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:100%/1.55 Segoe UI Variable Text,Segoe UI,Inter,system-ui,-apple-system,sans-serif;overflow-x:clip}h1,h2,h3,p,ul,blockquote{margin:0}h1,h2,h3{text-wrap:balance;font-family:Segoe UI Variable Display,Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-weight:600}h1{letter-spacing:-.035em;font-size:clamp(2.6rem,7.4vw,5.75rem);line-height:1.02}h2{letter-spacing:-.028em;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.06}h3{letter-spacing:-.012em;font-size:1.3125rem;line-height:1.25}p{text-wrap:pretty}a{color:inherit}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.5rem}::selection{background:#71d5a84d}.hidden{visibility:hidden}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.8125rem;font-weight:600}.lede{color:var(--muted);max-width:38rem;font-size:clamp(1.0625rem,1.6vw,1.25rem)}.link{color:var(--accent);align-items:center;gap:.4em;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.link span{transition:transform .3s var(--ease-out)}.link:hover span{transform:translateY(3px)}.button{--skirt-h:.3rem;margin-bottom:var(--skirt-h);color:var(--accent-ink);text-shadow:0 1px #ffffff4d;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -.6rem .9rem -.6rem #06130d40, 0 var(--skirt-h) 0 #2f5b47, 0 calc(var(--skirt-h) + .7rem) 1.5rem -.7rem #71d5a82e;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), filter .16s ease;background:linear-gradient(#8ee0bc,#62c598);border:1px solid #4a8b6d;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.6rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.06);transform:translateY(-1px)}.button:active{transform:translateY(calc(var(--skirt-h) - 1px));transition-duration:80ms;box-shadow:inset 0 1px #ffffff8c,inset 0 -.6rem .9rem -.6rem #06130d40,0 1px #2f5b47,0 .4rem .8rem -.5rem #71d5a826}.button-small{--skirt-h:.16rem;box-shadow:inset 0 1px 0 #ffffff8c, 0 var(--skirt-h) 0 #2f5b47;margin-bottom:0;padding:.5rem 1rem;font-size:.9375rem}.button-small:active{box-shadow:inset 0 1px #ffffff8c,0 1px #2f5b47}.swap-label{justify-items:center;display:inline-grid}.swap-label>span{white-space:nowrap;grid-area:1/1;align-items:center;gap:.55em;display:inline-flex}.key{--face-1:#3d4240;--face-2:#303533;--skirt:#171a19;--edge:#262a28;--shine:#ffffff29;border:1px solid var(--edge);background:linear-gradient(var(--face-1), var(--face-2));min-width:2.4em;height:2.4em;box-shadow:inset 0 1px 0 var(--shine), 0 .26em 0 var(--skirt), 0 .42em 0 #0000003d;color:var(--text);white-space:nowrap;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background .12s ease, color .12s ease;border-radius:.5em;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.26em;padding:0 .65em;font:600 .875rem/1 Segoe UI,Segoe UI Symbol,Inter,system-ui,sans-serif;display:inline-flex}.key small{color:var(--muted);margin-top:.3em;font-size:.62em;font-weight:500}.key[data-on]{--face-1:#84dbb5;--face-2:#6bca9f;--skirt:#366650;--edge:#4a8b6d;--shine:#ffffff6e;color:var(--accent-ink);box-shadow:inset 0 1px 0 var(--shine), 0 .16em 0 var(--skirt), 0 .3em 0 #0000003d;transform:translateY(.1em)}.key[data-on] small{color:#06130db3}.cap{align-items:stretch;width:6.6em;height:4.4em;padding:0}.cap-in{text-align:left;grid-template-columns:1fr auto;align-content:space-between;width:100%;height:100%;padding:.6em .7em .65em;display:grid}.cap-win{color:var(--muted);font-size:.78em;font-weight:500}.cap-glyph{font-size:1.25em;line-height:.8}.cap-name{grid-column:1/-1;font-size:.95em}.cap[data-on] .cap-win{color:#06130db3}.kb{background:#050706;border-radius:1em;align-items:flex-end;gap:.5em;padding:.9em 1em .75em;font-size:clamp(.66rem,2.5vw,.8125rem);display:inline-flex;box-shadow:inset 0 2px 6px #0009,0 1px #ffffff0d}.kb>i{color:var(--muted);margin:0 .2em 1.9em;font-style:normal}.kb-main{flex-direction:column;gap:.5em;display:flex}.kb-row,.kb-keys{gap:.5em;display:flex}.kb .key{font-size:1em}.kb-keys .key{width:2.9em;height:3.83em;font-size:1.15em}.kb .kb-shift{width:8.6em}.kb .kb-space{width:8em;height:4.4em;-webkit-mask-image:linear-gradient(90deg,#000 30%,#0000);mask-image:linear-gradient(90deg,#000 30%,#0000)}.kb-big{align-items:flex-start;width:100%;max-width:34rem;padding:1.4em 1.5em 1em;font-size:clamp(.66rem,2.4vw,1rem)}.kb-col{flex-direction:column;align-items:center;gap:.7em;display:flex}.kb-col small{color:var(--muted);font-size:.8em;transition:opacity .25s,color .25s}.kb-col small[data-on]{color:var(--accent)}.kb-big .cap{overflow:hidden}.kb-big .kb-space{flex:1;width:auto;min-width:3em;-webkit-mask-image:none;mask-image:none}@media (width<=30rem){.kb:not(.kb-big){flex-wrap:wrap;justify-content:center}.kb:not(.kb-big)>i{display:none}.cap{width:5.2em}.kb .kb-shift{width:7em}.kb:not(.kb-big) .kb-space{width:3.5em}}.combo{align-items:center;gap:.4rem;display:inline-flex}.combo i,.panic-keys i{color:var(--muted);font-style:normal}.emblem{flex:none;display:inline-block;position:relative}.emblem img{-webkit-user-select:none;user-select:none;width:100%;height:100%}.emblem-lit{opacity:0;transition:opacity .5s;position:absolute;inset:0}.emblem:hover .emblem-lit,.nav-brand:hover .emblem-lit{opacity:1}.nav{z-index:10;-webkit-backdrop-filter:blur(22px)saturate(170%);border:1px solid var(--line);border-top-color:var(--line-strong);background:#0f14129e;border-radius:999px;align-items:center;gap:1rem;width:min(100% - 1.5rem,46rem);padding:.5rem .5rem .5rem .9rem;display:flex;position:fixed;top:.75rem;left:50%;translate:-50%;box-shadow:0 12px 40px -12px #000000b3}.nav-brand{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.nav nav{gap:1.5rem;margin-left:auto;margin-right:.5rem;display:flex}.nav nav a{letter-spacing:.005em;color:#f3f4f1c7;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s}.nav nav a:hover{color:var(--text)}@media (width<=40rem){.nav nav{display:none}.nav .button{margin-left:auto}}.hero{text-align:center;padding:clamp(7rem, 14vh, 10rem) var(--gutter) 0;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:clip}@media (width<=34rem){.hero h1 br{display:none}}.dither{width:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0 0 auto}.dither-hero{height:min(52rem,100%);-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.dither-card{height:100%}.hero>:not(.dither,dialog){position:relative}.hero-emblem{filter:drop-shadow(0 24px 40px #0009);margin-bottom:1.25rem}.hero h1{margin-top:1rem}.hero-line{color:var(--muted);margin-top:1.5rem;font-size:clamp(1.125rem,2.2vw,1.5rem)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-top:2.25rem;display:flex}.hero-note{color:var(--muted);margin-top:1.25rem;font-size:.9375rem}.intro{perspective:1400px;width:min(100%,68rem);margin-top:clamp(3.5rem,8vw,6rem);position:relative}.intro-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(closest-side,#71d5a838,#0000);position:absolute;inset:8% -6% -10%}.intro-frame{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line-strong);transform-origin:50% 100%;will-change:transform;border-radius:clamp(.9rem,2vw,1.5rem);position:relative;overflow:hidden;box-shadow:0 40px 120px -30px #000000e6}.intro-frame video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.intro-watch{letter-spacing:.005em;white-space:nowrap;-webkit-backdrop-filter:blur(18px)saturate(170%);border:1px solid var(--line-strong);transition:transform .2s var(--ease-out);background:#090c0b99;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem 1.1rem .45rem .45rem;font-weight:600;display:inline-flex;position:absolute;bottom:clamp(.75rem,2.5vw,1.5rem);left:50%;translate:-50%;box-shadow:0 10px 30px -10px #000c}.intro-watch span{width:2.25rem;height:2.25rem;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;padding-left:.1rem;display:grid}.intro-watch:hover{transform:scale(1.03)}.intro-watch:active{transition-duration:.1s;transform:scale(.97)}.intro-dialog{border:1px solid var(--line-strong);opacity:0;width:min(92vw,72rem,150vh);transition:opacity .25s ease, scale .35s var(--ease-out), overlay .35s allow-discrete, display .35s allow-discrete;background:#000;border-radius:clamp(.75rem,2vw,1.25rem);padding:0;overflow:hidden;scale:.94;box-shadow:0 40px 120px -20px #000}.intro-dialog[open]{opacity:1;scale:1}@starting-style{.intro-dialog[open]{opacity:0;scale:.94}}.intro-dialog::backdrop{-webkit-backdrop-filter:blur(10px);background:#040605bf}.intro-dialog video,.intro-dialog iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.hook{padding:clamp(6rem, 16vw, 12rem) var(--gutter)}.hook blockquote{max-width:56rem;margin-inline:auto}.hook p{letter-spacing:-.025em;text-wrap:balance;font-family:Segoe UI Variable Display,Segoe UI,Inter,system-ui,sans-serif;font-size:clamp(1.75rem,4.4vw,3.25rem);font-weight:600;line-height:1.16}.winwin{color:#e45e47;transition:background-size .25s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/100% .06em no-repeat;text-decoration:none}.winwin:hover{background-size:100% .12em}.section{max-width:72rem;padding:clamp(4rem, 9vw, 7.5rem) var(--gutter);margin-inline:auto}.heading{margin-bottom:clamp(2.5rem,5vw,4rem)}.heading h2{max-width:24ch;margin-top:.9rem}.heading .lede{margin-top:1.25rem}.heading-center{text-align:center}.heading-center .lede{margin-inline:auto}.heading-chapter h2{letter-spacing:-.032em;font-size:clamp(2.4rem,6vw,4.5rem)}.heading-chapter .kicker{background:#71d5a814;border:1px solid #71d5a859;border-radius:999px;padding:.45rem .9rem;display:inline-block}.heading-chapter h2{margin-top:1.5rem}.band{isolation:isolate;transform-origin:50% 0;background:#0a0e0d;border-radius:clamp(1.75rem,4vw,3rem);width:min(100% - 1.5rem,88rem);margin:clamp(4rem,10vw,8rem) auto;padding-block:clamp(1rem,4vw,3rem);position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0f,0 2px 4px #00000080,0 30px 60px -20px #000000e6,0 80px 160px -40px #71d5a829}.band>.dither{z-index:-1}.band .section{padding-inline:clamp(1rem,3vw,2.5rem)}.band .card,.band .mouse{background:#111815;border-color:#f3f4f11a;box-shadow:0 20px 40px -20px #000000b3}.band .stage{background:#0a0f0d}.band .heading h2,.band .heading .lede,.band .person{text-shadow:0 2px 16px #0a0e0d}.band .heading .lede,.band .person p{color:#b9c2bd}.heading-center h2{max-width:26ch;margin-inline:auto}.halves{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem;display:grid}.half{border-radius:var(--radius);background:linear-gradient(170deg, var(--surface-2), var(--surface) 60%);border:1px solid var(--line);padding:clamp(1.75rem,3.5vw,2.75rem)}.half h3{letter-spacing:-.02em;margin-top:.75rem;font-size:clamp(1.5rem,2.6vw,2rem)}.half-combo{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1.1rem;min-height:2.9rem;margin:1.75rem 0;display:flex}.half ul{color:var(--muted);margin-bottom:1.75rem;padding:0;list-style:none}.half li{border-top:1px solid var(--line);padding:.7rem 0}.grid{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.card-text{padding:clamp(1.5rem,2.6vw,2rem)}.card-text h3{margin:.6rem 0}.card-text .kicker{font-size:.75rem}.card-text p:last-child{color:var(--muted)}.card-text h3:first-child{margin-top:0}.stage{border-bottom:1px solid var(--line);background:radial-gradient(70% 90% at 50% 0,#71d5a812,#0000),#0b0f0d;place-items:center;min-height:15rem;padding:2rem 1.25rem;display:grid}:is(.card-wide,.span-6:has(.stage)){grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.span-6 .stage{border-bottom:0;border-right:1px solid var(--line);height:100%}.card-wide{margin-bottom:1.25rem}@media (width<=56rem){.span-2,.span-3,.span-4{grid-column:span 6}:is(.card-wide,.span-6:has(.stage)){grid-template-columns:1fr}.span-6 .stage{border-right:0;border-bottom:1px solid var(--line)}}@media (width>=56rem) and (width<=68rem){.span-2{grid-column:span 3}.span-2:last-child{grid-column:span 6}}.demo{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.demo-keys{gap:.5rem;display:flex}.swap{border-right:1px solid var(--line);background:radial-gradient(70% 90% at 50% 0,#71d5a812,#0000),#0b0f0d;flex-direction:column;align-items:center;gap:1.75rem;height:100%;padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2.5rem);display:flex}@media (width<=56rem){.swap{border-right:0;border-bottom:1px solid var(--line)}}.switch{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;align-items:center;gap:.75rem;padding:.4rem .9rem .4rem .4rem;font-weight:600;display:inline-flex}.switch-track{background:#2a322e;border-radius:999px;width:2.75rem;height:1.5rem;padding:.125rem;transition:background .2s;display:block}.switch-track[data-on]{background:var(--accent)}.switch-thumb{background:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:block;box-shadow:0 1px 3px #0006}.switch:active .switch-thumb{scale:1.15 .95}.swap-note{text-align:center;max-width:26rem;min-height:3.1em;color:var(--muted);font-size:.9375rem}.jump-line{white-space:nowrap;font-size:clamp(.875rem,2.6vw,1.5rem);font-weight:500;line-height:1.6;position:relative}.jump-line [data-word]{white-space:pre;position:relative}.jump-caret,.jump-selection{position:absolute;top:.1em;bottom:.1em;left:0}.jump-caret{background:var(--accent);border-radius:1px;width:2px;margin-left:-1px}.jump-selection{background:#71d5a847;border-radius:.2em}.browser{border:1px solid var(--line-strong);background:#060908;border-radius:.9rem;width:min(100%,23rem);overflow:hidden;box-shadow:0 20px 50px -20px #000c}.browser-tabs{gap:.15rem;padding:.4rem .4rem 0;display:flex}.browser-tab{text-align:center;color:var(--muted);flex:1;padding:.45rem .5rem .5rem;font-size:.8125rem;transition:color .2s;position:relative}.browser-tab b{z-index:1;font-weight:500;position:relative}.browser-tab[data-on]{color:var(--text)}.browser-tab-on{background:var(--surface-2);box-shadow:inset 0 2px 0 var(--accent);border-radius:.55rem .55rem 0 0;position:absolute;inset:0}.browser-page{background:var(--surface-2);flex-direction:column;gap:.55rem;padding:1.1rem 1.1rem 1.3rem;display:flex;position:relative}.browser-page b{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.browser-page span{background:#f3f4f114;border-radius:.25rem;height:.5rem}.browser-page span:nth-of-type(2){width:82%}.browser-page span:nth-of-type(3){width:55%}#switching .stage{min-height:21rem}.wins{width:12.5rem;height:8rem;margin:1.5rem 2.75rem 0 0;position:relative}.win{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);filter:brightness(.7);border-radius:.8rem;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;font-size:.8125rem;font-weight:600;line-height:1.5rem;transition:color .25s,border-color .25s,filter .25s;display:flex;position:absolute;inset:0;box-shadow:0 14px 30px -14px #000000e6}.win[data-front]{color:var(--text);filter:none;border-color:#71d5a880}.win .win-app{--h:205;width:1.5rem;font-size:.75rem}.apps{border:1px solid var(--line);border-top-color:var(--line-strong);background:#ffffff0d;border-radius:1.25rem;gap:.35rem;padding:.6rem;display:flex}.app{padding:.35rem;position:relative}.app-icon{aspect-ratio:1;color:#ffffffe6;background:linear-gradient(160deg, hsl(var(--h) 35% 42%), hsl(var(--h) 40% 24%));border-radius:28%;place-items:center;width:clamp(2.1rem,5vw,2.75rem);font-weight:600;display:grid;position:relative;box-shadow:inset 0 1px #fff3}.app[data-app="0"]{--h:205}.app[data-app="1"]{--h:265}.app[data-app="2"]{--h:155}.app[data-app="3"]{--h:345}.app[data-app="4"]{--h:40}.app-ring{background:#ffffff1f;border-radius:.8rem;position:absolute;inset:0}.apps-wrap{flex-direction:column;align-items:center;gap:.6rem;display:flex}.apps-name{color:var(--muted);font-size:.875rem}.swaps{gap:.6rem;max-width:26rem}.swaps-head,.swap-row{grid-template-columns:1fr minmax(2rem,5rem) 5.5rem;align-items:center;width:100%;display:grid}.swaps-head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-template-columns:1fr auto;margin-bottom:.4rem;font-size:.75rem}.swap-row{opacity:.6;transition:opacity .3s}.swap-row[data-on]{opacity:1}.swap-wire{background:var(--line-strong);height:1px;margin-inline:.75rem;position:relative}.swap-wire span{background:var(--accent);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}.swap-row[data-on] .swap-wire span{animation:wire .55s var(--ease-out) .12s both}@keyframes wire{0%{opacity:0;left:0}20%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}.swap-out{justify-self:end}.swap-row[data-on] .swap-out{transition-delay:.45s}.breath{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:1rem;gap:1rem;padding:.5rem}.scope{place-items:center;width:7rem;height:7rem;display:grid}.scope-zoom,.scope-sway{place-items:center;display:grid}.scope-sway{--sway:9px;transition:--sway .4s;animation:2.6s ease-in-out infinite sway}.breath[data-held] .scope-sway{--sway:1px}@property --sway{syntax:"<length>";inherits:false;initial-value:9px}@keyframes sway{0%,to{transform:translate(calc(var(--sway) * -1), calc(var(--sway) * .4))}25%{transform:translate(calc(var(--sway) * .3), calc(var(--sway) * -1))}50%{transform:translate(var(--sway), calc(var(--sway) * .2))}75%{transform:translate(calc(var(--sway) * -.2), var(--sway))}}.scope-ring,.scope-dot{border-radius:50%;grid-area:1/1}.scope-ring{background:linear-gradient(var(--line-strong), var(--line-strong)) center / 1px 100% no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) center / 100% 1px no-repeat;border:1.5px solid #f3f4f180;width:4.5rem;height:4.5rem;transition:border-color .2s}.breath[data-held] .scope-ring{border-color:var(--accent)}.scope-dot{background:var(--accent);width:6px;height:6px}.breath-read{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9375rem}.breath-read b{color:var(--text);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.breath-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.8125rem;font-weight:600}.mute-windows{width:11rem;height:6.5rem;position:relative}.mute-window{border:1px solid var(--line-strong);background:var(--surface-2);width:8rem;height:5rem;color:var(--muted);transition:transform .5s var(--ease-out), filter .5s ease, color .3s ease, border-color .3s ease;border-radius:.7rem;padding:.55rem .75rem;font-size:.8125rem;font-weight:600;position:absolute}.mute-game{z-index:2;color:var(--text);border-color:#71d5a880;top:0;left:0}.mute-browser{z-index:1;filter:brightness(.7);justify-content:flex-end;align-items:flex-end;display:flex;bottom:0;right:0}.mute[data-muted] .mute-game{z-index:1;filter:brightness(.7);color:var(--muted);border-color:var(--line-strong);transform:scale(.94)}.mute[data-muted] .mute-browser{z-index:2;filter:none;color:var(--text);border-color:#71d5a880;transform:scale(1.04)}.mute-state{color:var(--muted);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.mute-state svg{color:var(--accent);transition:color .3s}.mute[data-muted] .mute-state svg{color:var(--muted)}.wave,.mute-x{transition:opacity .25s}.wave[data-off],.mute-x:not([data-on]){opacity:0}.mouse{border-radius:var(--radius);background:radial-gradient(60% 50% at 50% 0%, #71d5a812, transparent), var(--surface);border:1px solid var(--line);flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2.5rem);display:flex}.mouse-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.mouse-bar>span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:.4rem;font-size:.75rem;font-weight:600}.mouse-bar .key{cursor:pointer;height:2.75em;padding:0 1em}.mouse-bar .key:active{transform:translateY(.14em)}.mouse-note{text-align:center;max-width:30rem;min-height:3.1em;color:var(--muted);margin-top:1.25rem}.mouse-fig{grid-template-columns:1fr minmax(0,31rem) 1fr;width:100%;max-width:62rem;margin-top:1rem;display:grid}.mouse-fig svg{width:100%;height:auto;display:block;overflow:visible}.mouse-labels{margin:0;padding:0;list-style:none;position:relative}.mouse-labels li{white-space:nowrap;align-items:center;gap:.75rem;display:flex;position:absolute;translate:0 -50%}.mouse-labels-l li{right:.75rem}.mouse-labels-r li{flex-direction:row-reverse;left:.75rem}.mouse-name{color:var(--muted);font-size:.9375rem;transition:color .2s}.mouse-labels li[data-on] .mouse-name{color:var(--text)}.mouse-bind{justify-content:center;min-width:2.75rem;display:inline-flex;position:relative}.mouse-none{color:#9ba6a18c;font-size:.8125rem}.mouse-n{display:none}.m-shell{stroke:#f3f4f138;stroke-width:1.5px}.m-seam,.m-ridge{fill:none;stroke:#f3f4f112;stroke-width:1.5px;stroke-linecap:round}.m-ridge{stroke:#00000073;stroke-width:2px}.m-well{fill:#070a09}.m-b{fill:url(#m-btn);stroke:#f3f4f129;stroke-width:1.25px;transition:fill .25s,stroke .25s}.m-main{fill:#242d29}.m-b[data-on]{fill:#23463a;stroke:#71d5a8b3}.m-b[data-held]{fill:var(--accent);stroke:var(--accent)}.m-tilt{fill:none;stroke:var(--muted);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}.m-tilt[data-on]{stroke:var(--accent)}.m-lead{fill:none;stroke:#f3f4f129;stroke-width:1px;transition:stroke .25s}.m-dot{fill:var(--muted);stroke:#0b0f0d;stroke-width:1.5px;transition:fill .25s}g[data-on]>.m-lead{stroke:#71d5a880}g[data-on]>.m-dot{fill:var(--accent)}.m-num{display:none}.m-num circle{fill:#0b0f0d;stroke:var(--muted);stroke-width:1.25px}g[data-on]>.m-num circle{stroke:var(--accent)}.m-num text{fill:var(--text);text-anchor:middle;font:600 11px Segoe UI,system-ui,sans-serif}@media (width<=52rem){.mouse-fig{grid-template-columns:1fr 1fr;gap:0 1.25rem}.mouse-fig svg{grid-area:1/1/auto/-1;max-width:22rem;margin:0 auto 1.5rem}.m-lead,.m-dot{display:none}.m-num{display:block}.mouse-labels li,.mouse-labels-r li{white-space:normal;border-top:1px solid var(--line);flex-direction:row;gap:.5rem;padding:.45rem 0;position:static;translate:none}.mouse-name{flex:1;font-size:.8125rem;line-height:1.25}.mouse-n{width:1.1rem;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;display:block}}@media (width<=30rem){.mouse-fig{grid-template-columns:1fr}}.mouse-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,5vw,3.5rem);display:grid}.people{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1.5rem,4vw,3rem);display:grid}.person{border-top:1px solid var(--line-strong);padding-top:1.5rem}.person-n{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;display:block}.person h3{margin:.75rem 0}.person p{color:var(--muted)}.trust{grid-template-columns:1fr 1.25fr;gap:1.25rem;display:grid}@media (width<=56rem){.trust{grid-template-columns:1fr}}.panic{border-radius:var(--radius);background:radial-gradient(90% 70% at 50% 0%, #71d5a81a, transparent), var(--surface);border:1px solid var(--line);padding:clamp(1.75rem,3.5vw,2.75rem)}.panic-keys{flex-wrap:wrap;align-items:center;gap:.6rem;margin:2rem 0;font-size:clamp(1.1rem,2.4vw,1.4rem);display:flex}.panic-keys .key{font-size:1em}.panic h3{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.5rem,2.6vw,2rem)}.panic p:last-child{color:var(--muted)}.points{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.25rem;display:grid}.point{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:1.5rem}.point h3{margin-bottom:.5rem;font-size:1.125rem}.point p{color:var(--muted)}.faq-list{max-width:46rem;margin-inline:auto}details{border-top:1px solid var(--line-strong);interpolate-size:allow-keywords}details:last-child{border-bottom:1px solid var(--line-strong)}summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 0;font-size:1.1875rem;font-weight:600;list-style:none;transition:color .15s;display:flex}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}summary span{flex:none;width:1rem;height:1rem;position:relative}summary span:before,summary span:after{content:"";width:100%;height:1.5px;transition:rotate .35s var(--ease-out);background:currentColor;position:absolute;top:50%;left:0}summary span:after{rotate:90deg}details[open] summary span:after{rotate:0deg}details::details-content{opacity:0;block-size:0;transition:block-size .4s var(--ease-out), opacity .3s ease, content-visibility .4s allow-discrete;overflow:clip}details[open]::details-content{opacity:1;block-size:auto}details p{max-width:40rem;color:var(--muted);padding-bottom:1.5rem}.final{text-align:center;padding:clamp(5rem, 12vw, 9rem) var(--gutter) clamp(6rem, 12vw, 9rem);flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}.final-emblem{aspect-ratio:1;filter:drop-shadow(0 30px 50px #0009);margin-bottom:2.5rem;width:clamp(9rem,22vw,13.75rem)!important;height:auto!important}.final>*{position:relative}.final .lede{margin:1.25rem auto 0}.footer{max-width:72rem;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-inline:auto;font-size:.9375rem;display:flex}.footer a,.footer b{color:var(--text);font-weight:600}.footer a{-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.25em}.footer a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scope-sway,.swap-row[data-on] .swap-wire span{animation:none}.key,.mute-window,.button,.link span{transition-property:color,border-color,opacity,filter}}@media (prefers-reduced-transparency:reduce){.nav{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--muted:#c9d1cd;--line:#f3f4f14d;--line-strong:#f3f4f180}.nav{background:var(--bg);-webkit-backdrop-filter:none}}