@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-0SbvWzVy.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-S69mFOY_.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-B7Rq4K4l.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-eHWw8XUM.woff) format("woff")}:root{color-scheme:dark;--ink-950: #07110f;--ink-900: #0b1916;--ink-850: #10231f;--glass: rgba(20, 46, 40, .76);--line: #41665c;--paper: #f4fff9;--mist: #b8cdc5;--mint: #7fffc4;--mint-ink: #062016;--violet: #c7a8ff;--amber: #ffd38b;--coral: #ff9c91;--success: #9ef4bd;--focus: #fff0a7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;background:var(--ink-950);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink-950);color:var(--paper);font-size:16px;line-height:1.55}button,input,select{font:inherit}a{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--paper);color:var(--ink-950);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 48px,1280px);height:76px;margin-inline:auto;border-bottom:1px solid rgba(184,205,197,.2)}.site-header.compact{position:static}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;color:var(--paper);font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.02em}.brand-wave{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--mint);border-radius:50%;color:var(--mint);font-size:25px;box-shadow:inset 0 0 14px #7fffc421}.site-header nav,footer nav{display:flex;align-items:center;gap:28px}.site-header nav a,footer nav a{color:var(--mist);font-size:14px;font-weight:600;text-decoration:none}.site-header nav a:hover,footer nav a:hover{color:var(--mint)}.network-state{justify-self:end;display:flex;align-items:center;gap:8px;color:var(--mist);font-size:13px}.network-state span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint)}.network-state.is-offline{color:var(--amber)}.network-state.is-offline span{background:var(--amber);box-shadow:none}main{overflow:clip}.hero{position:relative;display:grid;align-content:end;min-height:780px;padding:160px max(24px,calc((100vw - 1180px)/2)) 46px;isolation:isolate}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#07110ffa,#07110fd1 38%,#07110f29 73%),linear-gradient(0deg,var(--ink-950),transparent 40%)}.hero-art{position:absolute;z-index:-2;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{align-self:center;width:min(650px,59vw);margin-bottom:86px}.eyebrow{margin:0 0 16px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{padding:5px 9px;border:1px solid rgba(127,255,196,.4);border-radius:99px;background:#07110f8f}h1,h2,h3{margin-top:0;font-family:Space Grotesk,sans-serif;line-height:1.03;letter-spacing:-.045em}h1{max-width:760px;margin-bottom:24px;font-size:clamp(42px,7vw,76px)}h1 em{color:var(--mint);font-style:normal;text-shadow:0 0 28px rgba(127,255,196,.18)}h2{margin-bottom:16px;font-size:clamp(34px,5vw,56px)}h3{margin-bottom:8px;font-size:21px;letter-spacing:-.02em}.lede{max-width:64ch;margin:0;color:#d2e5dd;font-size:clamp(18px,2vw,21px);line-height:1.55}.hero .lede{max-width:56ch}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid transparent;border-radius:4px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:active{transform:translateY(2px)}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:var(--mint);color:var(--mint-ink);box-shadow:0 8px 32px #7fffc421}.button.primary:hover{background:#a3ffd3}.button.secondary{border-color:var(--line);background:#0b1916b8;color:var(--paper)}.button.secondary:hover{border-color:var(--mint)}.compact-button{min-height:44px;padding:8px 14px;font-size:14px}.text-link,.back-link{color:var(--paper);font-weight:700;text-underline-offset:5px}.signal-key{display:grid;grid-template-columns:auto minmax(28px,1fr) auto minmax(28px,1fr) auto;align-items:center;gap:16px;padding-top:26px;border-top:1px solid rgba(184,205,197,.24);color:var(--mist);font-size:13px;letter-spacing:.04em}.signal-key span{white-space:nowrap}.signal-key b{margin-right:8px;color:var(--mint);font-variant-numeric:tabular-nums}.signal-key i{display:block;height:1px;background:linear-gradient(90deg,var(--line),var(--mint),var(--line))}.studio-section,.mapping-section,.play-section,.connect-section,.limits{padding:112px max(24px,calc((100vw - 1180px)/2))}.mapping-section,.play-section,.connect-section,.limits{content-visibility:auto;contain-intrinsic-size:900px}.section-intro{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.7fr);column-gap:64px;margin-bottom:48px}.section-intro .eyebrow{grid-column:1 / -1}.section-intro h2{margin-bottom:0}.section-intro>p:last-child{align-self:end;max-width:55ch;margin:0;color:var(--mist)}.studio-section{background:radial-gradient(circle at 10% 30%,rgba(51,94,81,.2),transparent 34%),var(--ink-950)}.studio-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px;align-items:stretch}.glass-panel{border:1px solid rgba(127,255,196,.18);border-radius:8px;background:linear-gradient(135deg,#18332cdb,#0a1915bd);box-shadow:inset 0 1px #f4fff91a,0 24px 60px #00000029;backdrop-filter:blur(16px)}.listen-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.panel-heading h3{margin:5px 0 0}.step-tag{color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.privacy-chip,.sample-count,.output-badge{padding:5px 9px;border:1px solid var(--line);border-radius:99px;color:var(--mist);font-size:12px;white-space:nowrap}.listen-visual{position:relative;min-height:310px;margin-block:24px;border:1px solid #294b42;overflow:hidden;background:#0a1714}#pitch-canvas{display:block;width:100%;height:220px}.pitch-readout{position:absolute;inset:24px auto auto 24px;display:flex;flex-direction:column;pointer-events:none}.pitch-readout>span{color:var(--mist);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.pitch-readout strong{margin:3px 0;font-family:Space Grotesk,sans-serif;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.pitch-readout small{color:var(--mist);font-size:14px}.level-track{position:absolute;right:20px;bottom:20px;left:20px;height:5px;overflow:hidden;background:#29483f}.level-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--mint),var(--amber));transition:transform 80ms linear}.listen-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px}.mic-dot{width:9px;height:9px;border:2px solid currentColor;border-radius:50%}.is-live .mic-dot{border-color:var(--mint-ink);background:var(--coral)}.status-message{min-height:24px;margin:14px 0 0;color:var(--mist);font-size:14px}.calibrate-panel{padding:24px 0 0 24px;border-top:1px solid var(--line)}.calibrate-panel .panel-heading{padding-right:24px}.sample-list{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.sample-item{--sample-progress: 0%;position:relative;display:grid;grid-template-columns:38px minmax(120px,1fr) auto auto;align-items:center;gap:12px;min-height:104px;padding:14px 24px 14px 0;border-bottom:1px solid var(--line);overflow:hidden}.sample-item:after{content:"";position:absolute;inset:auto 0 0;width:var(--sample-progress);height:2px;background:var(--mint);transition:width 80ms linear}.sample-number{color:#89a59b;font:600 12px Space Grotesk,sans-serif}.sample-item div{display:flex;flex-direction:column}.sample-item div span{color:var(--mist);font-size:13px}.sample-item output{color:var(--mist);font:600 13px Space Grotesk,sans-serif;font-variant-numeric:tabular-nums}.sample-item.is-ready output{color:var(--success)}.sample-button,.test-buttons button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--paper);font-size:13px;font-weight:700;cursor:pointer}.sample-button:hover,.test-buttons button:hover{border-color:var(--mint);background:#7fffc414}.sample-button:disabled{opacity:.6}.calibrate-panel>.status-message{margin-right:24px}.mapping-section{background:#0a1513;border-block:1px solid rgba(127,255,196,.1)}.mapping-layout{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.mapping-head,.mapping-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1fr) 80px;gap:16px;align-items:center}.mapping-head{padding:0 16px 10px;color:#93afa5;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mapping-row{min-height:72px;padding:10px 16px;border-top:1px solid #28463e;transition:background .18s ease}.mapping-row.is-active{background:#7fffc412}.mapping-row label{display:flex;align-items:center;gap:12px;font-weight:700}.gesture-mark{display:block;width:20px;height:20px;border:2px solid var(--mint);border-radius:50%}.gesture-mark.high{border-radius:3px;transform:rotate(45deg) scale(.8);border-color:var(--violet)}.gesture-mark.held{width:24px;height:9px;border-radius:99px;border-color:var(--amber)}.gesture-mark.onset{width:0;height:0;border:8px solid transparent;border-left:14px solid var(--paper);border-radius:0}.gesture-mark.silence{border-color:var(--line);background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--line) 3px,var(--line) 4px)}select,input[type=url]{width:100%;min-height:44px;border:1px solid var(--line);border-radius:3px;background:var(--ink-950);color:var(--paper);padding:8px 12px}.action-light{position:relative;padding-left:13px;color:var(--mist);font-size:12px}.action-light:before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:#5f7d74}.mapping-row.is-active .action-light{color:var(--mint)}.mapping-row.is-active .action-light:before{background:var(--mint);box-shadow:0 0 8px var(--mint)}.tuning-panel{display:grid;gap:10px;padding:24px}.tuning-panel label{display:flex;justify-content:space-between;margin-top:12px;color:var(--mist);font-size:13px}.tuning-panel output{color:var(--paper);font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:30px;accent-color:var(--mint);cursor:pointer}.text-button{justify-self:start;min-height:44px;margin-top:10px;padding:0;border:0;background:transparent;color:var(--coral);font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.test-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding:20px 24px;border:1px dashed var(--line)}.test-strip h3{margin:3px 0 0}.test-buttons{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.test-buttons button:active{background:var(--mint);color:var(--mint-ink);transform:translateY(2px)}.play-section{position:relative}.play-section:before{content:"";position:absolute;z-index:-1;width:600px;height:600px;right:-220px;top:80px;border:1px solid rgba(199,168,255,.16);border-radius:50%;box-shadow:inset 0 0 100px #c7a8ff0a}.game-shell{width:min(100%,940px);margin:auto;border:1px solid #365b51;background:#091512;box-shadow:0 38px 90px #00000047}.game-toolbar,.game-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.game-toolbar{border-bottom:1px solid var(--line);color:var(--mist);font-size:13px}.game-toolbar>span:first-child{display:flex;align-items:center;gap:8px;color:var(--paper)}.live-light{width:8px;height:8px;border-radius:50%;background:var(--mint)}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.game-footer{border-top:1px solid var(--line)}.game-footer p{margin:0;color:var(--mist)}.game-footer>div{display:flex;flex-shrink:0;gap:8px}.recognition{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:baseline;width:min(100%,940px);margin:20px auto 0;color:var(--mist);font-size:14px}.recognition strong{color:var(--mint);font:600 28px Space Grotesk,sans-serif}.recognition p{margin:0}kbd{display:inline-block;min-width:28px;padding:2px 7px;border:1px solid var(--line);border-bottom-width:3px;border-radius:3px;background:var(--ink-900);font-size:13px;text-align:center}.connect-section{background:linear-gradient(180deg,#0b1815,#07110f)}.connect-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.state-panel,.socket-panel{min-width:0;padding:24px}.output-badge.is-active{border-color:var(--mint);color:var(--mint)}pre{max-width:100%;overflow:auto;margin:20px 0;padding:16px;border:1px solid #28483f;background:#06100e;color:#c9f6de;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.socket-panel{border-top:1px solid var(--line)}.socket-panel>p{color:var(--mist)}.socket-panel label{display:block;margin:20px 0 7px;font-size:13px;font-weight:700}.socket-input{display:grid;grid-template-columns:1fr auto;gap:8px}details{margin-top:20px}summary{min-height:44px;color:var(--mist);font-weight:700;cursor:pointer}details pre{margin-top:8px}.limits{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;padding-top:80px;padding-bottom:100px}.limits h2{font-size:clamp(32px,4vw,48px)}.limits ul{margin:0;padding:0;list-style:none}.limits li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.limits li span{color:var(--mist)}footer{border-top:1px solid #28463e;background:#050d0b}.footer-inner{display:grid;grid-template-columns:1fr 1.3fr auto;gap:32px;align-items:center;width:min(100% - 48px,1180px);margin:auto;padding:48px 0}.footer-inner p{margin:0;color:var(--mist);font-size:14px}.footer-inner .fine-print{grid-column:2 / -1;color:#829b92;font-size:12px}.legal-shell{width:min(100% - 48px,800px);min-height:70vh;margin:auto;padding:100px 0;overflow:visible}.legal-shell .back-link{display:inline-block;margin-bottom:64px}.legal-shell h1{font-size:clamp(42px,7vw,68px)}.legal-shell h2{margin:48px 0 10px;font-size:28px}.legal-shell p:not(.eyebrow){max-width:70ch;color:var(--mist)}.legal-shell .lede{color:var(--paper)}.fine-print{color:#829b92;font-size:12px}@media(max-width:860px){.site-header{grid-template-columns:1fr auto}.site-header>nav{display:none}.hero{min-height:720px}.hero-copy{width:min(650px,82vw)}.hero:after{background:linear-gradient(90deg,#07110ff5,#07110f8a),linear-gradient(0deg,var(--ink-950),transparent 44%)}.section-intro,.studio-grid,.mapping-layout,.connect-grid,.limits{grid-template-columns:1fr}.section-intro{row-gap:12px}.mapping-layout,.limits{gap:32px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner .fine-print{grid-column:1 / -1}}@media(max-width:560px){.site-header{width:min(100% - 32px,1280px);height:68px}.network-state{font-size:0}.network-state span{width:9px;height:9px}.hero{min-height:700px;padding:120px 20px 28px}.hero-art img{object-position:60% center;opacity:.78}.hero-copy{width:100%;margin-bottom:54px}.hero-actions{align-items:stretch;flex-direction:column;gap:14px}.hero-actions .button{width:100%}.hero-actions .text-link{text-align:center}.signal-key{grid-template-columns:1fr;gap:7px}.signal-key i{display:none}.studio-section,.mapping-section,.play-section,.connect-section,.limits{padding:80px 20px}.section-intro{margin-bottom:32px}.listen-panel{padding:16px}.panel-heading{flex-direction:column;gap:8px}.listen-actions .button{width:100%}.calibrate-panel{padding-left:0}.calibrate-panel .panel-heading,.calibrate-panel>.status-message{padding-inline:16px;margin-right:0}.sample-item{grid-template-columns:30px 1fr auto;padding:16px}.sample-item .sample-number{grid-row:1 / 3}.sample-item output{text-align:right}.sample-button{grid-column:2 / -1;width:100%}.mapping-head{display:none}.mapping-row{grid-template-columns:1fr 78px;gap:8px;padding:16px 0}.mapping-row select{grid-column:1 / -1;grid-row:2}.mapping-row .action-light{grid-column:2;grid-row:1;justify-self:end}.test-strip{align-items:stretch;flex-direction:column}.test-buttons{display:grid;grid-template-columns:1fr 1fr}.game-footer{align-items:stretch;flex-direction:column}.game-footer>div{display:grid;grid-template-columns:1fr 1fr}.recognition{grid-template-columns:1fr auto}.recognition p{grid-column:1 / -1}.socket-input{grid-template-columns:1fr}.limits li{grid-template-columns:1fr;gap:4px}.footer-inner{grid-template-columns:1fr;width:min(100% - 40px,1180px)}.footer-inner .fine-print{grid-column:auto}.footer-inner nav{flex-wrap:wrap}.legal-shell{width:min(100% - 40px,800px);padding:72px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}