.mousebrain-3d{touch-action:pan-y;width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}.mousebrain-3d canvas{width:100%;height:100%;display:block}.hero-lockup.mid-observation .tech-mouse{width:100%;height:100%;inset:0;transform:none}.mousebrain-3d[data-unavailable=true]:after{content:"3D view requires WebGL. Enable hardware acceleration to view the mouse. Scanner remains available below.";color:#85efd1;text-align:center;position:absolute;inset:30% 10%}@media (max-width:720px){.mousebrain-3d{min-height:360px}}
.cinematic-walkthrough{background:#06100f;border-radius:26px;width:min(100% - 32px,1480px);margin:54px auto;padding:clamp(22px,3vw,46px);overflow:hidden}.cinematic-head{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}.cinematic-head>div:first-child>span,.cinematic-scene small{color:#85efd1;font:600 11px var(--font-sans);letter-spacing:.02em}.cinematic-head h2{color:#e5ecea;max-width:880px;font:400 clamp(30px,4vw,58px)/.98 var(--font-serif),Georgia,serif;letter-spacing:-.04em;margin:8px 0 0}.cinematic-controls{gap:8px;display:flex}.cinematic-controls button{color:#c4d1ce;font:600 12px var(--font-sans);cursor:pointer;background:#0a1514;border:1px solid #28423e;border-radius:999px;padding:10px 16px}.cinematic-stage{background:radial-gradient(circle at 50% 40%,#0c201c,#020707 67%);border:1px solid #18322d;border-radius:22px;height:clamp(450px,50vw,650px);position:relative;overflow:hidden}.cinematic-chrome{z-index:5;color:#71847f;font:500 10px var(--font-sans);border-bottom:1px solid #142522;grid-template-columns:1fr auto 1fr;align-items:center;padding:17px 20px;display:grid;position:absolute;inset:0 0 auto}.cinematic-chrome b{color:#d4dfdc;font-size:12px}.cinematic-chrome span:last-child{text-align:right}.cinematic-scene{place-items:center;padding:clamp(20px,5vw,72px);animation:.7s both cinematic-in;display:grid;position:absolute;inset:52px 0 42px}.demo-scanner{width:min(780px,90%)}.demo-scanner small{margin-bottom:12px;display:block}.demo-scanner code{color:#d7e7e3;min-height:88px;font:500 clamp(13px,2vw,23px) var(--font-mono);white-space:nowrap;background:#020606;border:1px solid #24463f;border-radius:17px;align-items:center;padding:0 24px;display:flex;overflow:hidden}.demo-scanner code i{background:#85efd1;width:2px;height:26px;margin-left:4px;animation:.65s step-end infinite cinematic-blink}.demo-scanner>span{color:#6d827d;margin-top:12px;font-size:12px;display:block}.resolve-scene{align-items:center;gap:clamp(36px,10vw,150px);display:flex}.resolve-scene>button{color:#04100d;font:700 17px var(--font-sans);background:#85efd1;border:0;border-radius:16px;padding:22px 34px;box-shadow:0 0 45px #85efd133}.resolve-ring{text-align:center;border:1px solid #387163;border-radius:50%;place-items:center;width:220px;height:220px;display:grid}.resolve-ring b,.resolve-ring small{display:block}.resolve-ring small{color:#789089}.token-scene,.pixel-scene{justify-content:center;align-items:center;gap:clamp(24px,6vw,90px);width:min(950px,100%);display:flex}.demo-token{color:#85efd1;width:clamp(130px,20vw,220px);height:clamp(130px,20vw,220px);font:700 clamp(30px,6vw,72px) var(--font-sans);background:#102b25;border-radius:26%;flex:none;place-items:center;display:grid;overflow:hidden}.demo-token img{object-fit:cover;width:100%;height:100%}.token-scene h3,.reaction-scene h3,.share-scene h3{color:#fff;font:400 clamp(42px,7vw,92px)/.86 var(--font-serif),Georgia,serif;letter-spacing:-.05em;margin:8px 0}.token-scene>div:last-child>b{color:#85efd1}.metric-strip{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.metric-strip span{border:1px solid #18352f;border-radius:10px;min-width:120px;padding:10px}.metric-strip small,.metric-strip strong{display:block}.metric-strip strong{color:#d0dcd9;margin-top:4px;font-size:12px}.pixel-scene{flex-wrap:wrap}.pixel-frame{aspect-ratio:16/9;background:#020505;grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(16,1fr);gap:2px;width:min(500px,50vw);padding:10px;display:grid;position:relative}.pixel-frame i{background:#85efd1;animation:1.4s ease-in-out infinite cinematic-pixel}.pixel-frame i:nth-child(3n){background:#69aefe}.pixel-frame i:nth-child(7n){background:#e9b955}.pixel-frame b{color:#b4c4c0;background:#020505;padding:5px;position:absolute;bottom:8px;right:10px}.pixel-scene p{color:#82948f;text-align:center;width:100%}.signal-scene,.cortex-scene{width:100%;height:100%;position:relative}.signal-scene svg{width:100%;height:100%;position:absolute;inset:0}.signal-scene path{fill:none;stroke:url(#signal);stroke-width:2px;stroke-dasharray:12 18;animation:1.4s linear infinite cinematic-signal}.pixel-source,.cortex-target{z-index:2;color:#bed0cb;font:600 12px var(--font-sans);background:#07120f;border:1px solid #32695c;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pixel-source{width:100px;height:70px;left:0}.cortex-target{border-radius:50%;width:145px;height:145px;right:0}.neuron-field{position:absolute;inset:0}.neuron-field i{background:#5a7770;border-radius:50%;width:4px;height:4px;animation:.72s ease-in-out infinite cinematic-neuron;position:absolute}.neuron-field i.major{background:#85efd1;width:8px;height:8px;box-shadow:0 0 18px #85efd1}.cortex-readout{background:#020707e8;border:1px solid #285247;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cortex-readout strong{font-size:46px}.cortex-readout b{color:#85efd1;margin-top:12px}.decision-scene{width:min(760px,100%)}.decision-scene>div{color:#7c908b;grid-template-columns:90px 1fr 48px;align-items:center;gap:14px;margin:17px 0;display:grid}.decision-scene>div>i{background:#142824;border-radius:10px;height:9px;overflow:hidden}.decision-scene>div>i b{width:var(--score);height:100%;animation:cinematic-score 1.2s var(--delay) ease both;background:#5c8077;display:block}.decision-scene .winner{color:#85efd1}.decision-scene .winner>i b{background:#85efd1}.reaction-scene{justify-content:center;align-items:center;gap:clamp(35px,8vw,120px);width:100%;height:100%;display:flex;position:relative}.demo-mouse{width:330px;height:170px;animation:2s ease-in-out infinite cinematic-mouse;position:relative}.demo-mouse span{background:linear-gradient(150deg,#d6cebf,#80786f);border-radius:60% 42% 45% 55%;width:185px;height:105px;position:absolute;top:38px;left:76px}.demo-mouse span:after{content:"";background:#b6aa9e;border-radius:50%;width:66px;height:55px;position:absolute;top:30px;right:-28px}.demo-mouse i{background:#b9a99d;width:94px;height:6px;position:absolute;top:82px;left:3px}.reaction-scene p{color:#80928d;max-width:360px}.replay-scene{width:min(840px,100%)}.replay-scene dl{grid-template-columns:1fr 1fr;margin:16px 0;display:grid}.replay-scene dl div{border-bottom:1px solid #1b302c;min-width:0;padding:17px}.replay-scene dt{color:#71837f}.replay-scene dd{color:#d1ddda;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;overflow:hidden}.verified-seal{color:#85efd1}.share-scene{text-align:center}.share-orbit{color:#85efd1;border:1px solid #387163;border-radius:50%;place-items:center;width:110px;height:110px;margin:auto;font-size:34px;display:grid}.share-orbit i{font-style:normal}.share-scene a{color:#03100d;background:#85efd1;border-radius:999px;margin-top:15px;padding:13px 20px;font-weight:700;display:inline-block}.cinematic-time{z-index:5;color:#687c77;grid-template-columns:32px 1fr 32px;align-items:center;gap:10px;font-size:9px;display:grid;position:absolute;bottom:14px;left:20px;right:20px}.cinematic-time>div{background:#162824;height:3px}.cinematic-time i{background:#85efd1;height:100%;display:block}.cinematic-timeline{grid-template-columns:repeat(10,1fr);gap:7px;margin-top:16px;display:grid}.cinematic-timeline>div{color:#586c67;padding-top:10px;font-size:9px;position:relative}.cinematic-timeline>div:before{content:"";background:#172a26;height:2px;position:absolute;inset:0 0 auto}.cinematic-timeline i{background:#405852;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px}.cinematic-timeline .done:before,.cinematic-timeline .active:before,.cinematic-timeline .done i,.cinematic-timeline .active i{background:#85efd1}.cinematic-disclosure{color:#657873;text-align:center;margin:20px 0 0;font-size:10px}@keyframes cinematic-in{0%{opacity:0;transform:translate(4%)scale(1.03)}to{opacity:1;transform:none}}@keyframes cinematic-blink{50%{opacity:0}}@keyframes cinematic-pixel{50%{opacity:.3;transform:scale(.82)}}@keyframes cinematic-signal{to{stroke-dashoffset:-60px}}@keyframes cinematic-neuron{0%,75%,to{opacity:.15;transform:scale(.7)}82%{opacity:1;transform:scale(2)}}@keyframes cinematic-score{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes cinematic-mouse{50%{transform:translate(18px)}}@media (max-width:680px){.cinematic-walkthrough{width:calc(100% - 16px);padding:18px 10px}.cinematic-head{flex-direction:column;align-items:flex-start}.cinematic-head h2{font-size:31px}.cinematic-controls{width:100%}.cinematic-controls button{flex:1}.cinematic-stage{height:520px}.cinematic-chrome{grid-template-columns:1fr auto;padding:14px 12px}.cinematic-chrome span:last-child{display:none}.cinematic-scene{padding:22px 14px;inset:48px 0 38px}.resolve-scene,.token-scene,.reaction-scene{flex-direction:column;align-items:flex-start}.resolve-ring{width:175px;height:175px}.pixel-frame{width:100%}.signal-scene .pixel-source{width:70px}.signal-scene .cortex-target{width:100px;height:100px}.decision-scene>div{grid-template-columns:70px 1fr 38px;gap:8px}.demo-mouse{transform-origin:0;transform:scale(.78)}.replay-scene dl{grid-template-columns:1fr}.replay-scene dl div{padding:11px}.cinematic-timeline{gap:3px}.cinematic-timeline span{display:none}.cinematic-timeline .active span{display:block;position:absolute;top:13px}}