.tech-demo{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(300px,1.15fr);gap:30px;align-items:center;margin:0 0 6px;padding:clamp(22px,4vw,42px);background:radial-gradient(ellipse at 78% 45%,color-mix(in srgb,var(--maker) 14%,transparent),transparent 55%),#141923;border:1px solid color-mix(in srgb,var(--maker) 32%,transparent);overflow:hidden}
.demo-copy h2{max-width:620px;margin:10px 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.03em}
.demo-copy>p:not(.detail-label){max-width:560px;color:#aeb7c3;font-size:12px;line-height:1.8}
.demo-copy ol{display:grid;gap:9px;margin:20px 0;padding:0;list-style:none}
.demo-copy li{display:flex;align-items:flex-start;gap:10px;color:#d0d6de;font-size:11px;line-height:1.55}
.demo-copy li b{flex:0 0 24px;color:var(--maker);font:500 9px 'DM Mono',monospace}
.demo-toggle{padding:9px 12px;border:1px solid color-mix(in srgb,var(--maker) 55%,transparent);background:transparent;color:var(--maker);font:500 9px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer}
.demo-toggle:hover,.demo-toggle:focus-visible{background:color-mix(in srgb,var(--maker) 13%,transparent);outline:2px solid var(--maker);outline-offset:2px}
.demo-stage{min-height:245px;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,#1b2230,#121721);border:1px solid #ffffff13}
.demo-art{display:block;width:100%;max-height:290px;overflow:visible}
.demo-art path,.demo-art rect,.demo-art circle,.demo-art ellipse{vector-effect:non-scaling-stroke}
.d-line,.d-lane,.d-dash,.d-orbit,.d-cable,.d-signal,.d-signal2,.d-axle>path,.d-spoke,.d-wing,.d-transition,.d-arrow,.d-belt,.d-belt-line,.d-lift-rail,.d-deploy,.d-separation,.d-rotor-line{fill:none;stroke:color-mix(in srgb,var(--maker) 76%,#dce6ef);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.d-line.faint,.d-belt-line{stroke:#ffffff30;stroke-width:1}
.d-road,.d-pack,.d-charger,.d-car-line,.d-carrier>path:first-child,.d-chassis>path,.d-ink-car>path:first-child,.d-fuselage,.d-part>path:first-child,.d-pod>path:first-child{fill:#222d3a;stroke:var(--maker);stroke-width:2}
.d-glass,.d-window{fill:#71bbc7;fill-opacity:.58;stroke:#b6e9e7;stroke-width:1.5}
.d-lamp,.d-thrust,.d-charge,.d-dot,.d-power{fill:#ffcf72;stroke:#ffcf72}
.d-cell{fill:color-mix(in srgb,var(--maker) 54%,#17212e);stroke:color-mix(in srgb,var(--maker) 90%,white);stroke-width:1;animation:cellGlow 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*.13s)}
.d-charge{animation:energyFlow 2.1s ease-in-out infinite}.d-charge.delay{animation-delay:.68s}.d-charge.delay2{animation-delay:1.36s}
.d-earth{fill:#193c50;stroke:#68d6d2;stroke-width:2}.d-grid{fill:none;stroke:#68d6d277;stroke-width:1}.d-orbit{stroke-dasharray:4 7}.d-satellite{fill:#f4c877;stroke:#f4c877;transform-origin:260px 132px;animation:satelliteOrbit 7s linear infinite}.d-signal{stroke-dasharray:5 8;animation:signalFlow 2s linear infinite}
.d-car path:first-child,.d-carrier path:first-child,.d-ink-car path:first-child{fill:#263849}.d-car{transform-origin:260px 160px;animation:carLift 3s ease-in-out infinite}.d-lift{animation:carLift 2.6s cubic-bezier(.3,.7,.3,1) infinite}.d-thrust{stroke-width:4;stroke-dasharray:7 6;animation:thrustPulse .7s linear infinite}.d-window,.d-door{stroke:#9bd9d7;stroke-width:1.5}.d-door{fill:none}.d-drone{transform-origin:260px 92px;animation:droneRise 3.4s ease-in-out infinite}.d-rotors circle{fill:none;stroke:#f3cf83;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:rotorSpin .4s linear infinite}.d-rotors path{fill:none;stroke:#f3cf83;stroke-width:2}.d-deploy{stroke-dasharray:5 6;animation:signalFlow 1.6s linear infinite}
.d-detection rect{fill:#f7cf7520;stroke:#f7cf75;stroke-width:1.5;stroke-dasharray:4 4}.d-route{fill:none;stroke:#61e8d8;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 11;animation:routeFlow 2s linear infinite}.d-scan{fill:none;stroke:#58edda;stroke-width:2;stroke-dasharray:4 7;transform-origin:260px 151px;animation:scanPulse 2s ease-out infinite}
.d-pod{transform-origin:260px 112px;animation:podSeparate 4s ease-in-out infinite}.d-separation{stroke-dasharray:4 6;animation:signalFlow 1.5s linear infinite}.d-ink-car{fill:#76838f}.d-ink-wipe{stroke:#f7cf75;stroke-width:3;stroke-dasharray:5 6;animation:inkSweep 3.8s ease-in-out infinite}.d-ink-grid{fill:none;stroke:#ffffff35;stroke-width:1}.d-wheel,.d-wheel-inner{fill:none;stroke:#f1f4f6;stroke-width:3}.d-wheel{transform-box:fill-box;transform-origin:center;animation:wheelTurn 2s ease-in-out infinite}.d-wheel-inner{stroke:#58edda;stroke-width:2}.d-spoke{stroke-width:4;transform-origin:130px 115px;animation:steeringTurn 2.6s ease-in-out infinite}.d-axle circle{fill:#253441;stroke:#ffcf72;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:wheelTurn 2s ease-in-out infinite}.d-wing{fill:#263849}.d-fuselage{fill:#2b3947}.d-air{fill:none;stroke:#91dbe0;stroke-width:1.5;stroke-dasharray:4 8;animation:signalFlow 1.4s linear infinite}.d-svg-text{fill:#93a6b5;font:9px 'DM Mono',monospace;letter-spacing:1.3px;text-anchor:middle}.d-belt{fill:none;stroke:#5a6c7d;stroke-width:12}.d-belt-line{stroke-dasharray:3 11;animation:signalFlow 1s linear infinite}.d-part{fill:#263849;stroke:#58edda;stroke-width:2}.part-a{animation:partMoveA 5s ease-in-out infinite}.part-b{animation:partMoveB 5s ease-in-out infinite}.d-part-line{fill:none;stroke:#b5dadd;stroke-width:2}.d-check{fill:none;stroke:#f7cf75;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:checkMark 2.4s ease-in-out infinite}.d-pack-move rect{fill:#58edda;stroke:#d8fff9;stroke-width:2;animation:packMove 3.5s ease-in-out infinite}.d-lift-rail{stroke:#718394;stroke-width:3}.d-arrow{fill:none;stroke:#f7cf75;stroke-width:2}
.is-paused *{animation-play-state:paused!important}
.research-section{padding:30px 0;border-top:1px solid #ffffff17}.research-section h2{max-width:820px;margin:9px 0 14px;color:#f5f2eb;font-size:clamp(21px,2.6vw,29px);line-height:1.2}.research-section>p:last-child{max-width:860px;margin:0;color:#aeb7c3;font-size:13px;line-height:1.9}
@keyframes cellGlow{0%,100%{opacity:.48}50%{opacity:1;filter:brightness(1.6)}}
@keyframes energyFlow{0%{transform:translateX(-32px);opacity:0}20%{opacity:1}85%{opacity:1}100%{transform:translateX(126px);opacity:0}}
@keyframes satelliteOrbit{to{transform:rotate(360deg)}}
@keyframes signalFlow{to{stroke-dashoffset:-28}}
@keyframes carLift{0%,100%{transform:translateY(3px)}48%,65%{transform:translateY(-20px)}}
@keyframes thrustPulse{to{stroke-dashoffset:-26}}
@keyframes droneRise{0%,18%,100%{transform:translateY(20px)}55%,78%{transform:translateY(-35px)}}
@keyframes rotorSpin{to{transform:rotate(360deg)}}
@keyframes routeFlow{to{stroke-dashoffset:-38}}
@keyframes scanPulse{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@keyframes podSeparate{0%,18%,100%{transform:translateY(15px)}52%,75%{transform:translateY(-25px)}}
@keyframes inkSweep{0%,10%{transform:translateX(-125px)}50%,65%{transform:translateX(125px)}100%{transform:translateX(-125px)}}
@keyframes wheelTurn{50%{transform:rotate(28deg)}}
@keyframes steeringTurn{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}
@keyframes partMoveA{0%,100%{transform:translateX(-12px)}50%{transform:translateX(35px)}}
@keyframes partMoveB{0%,100%{transform:translateX(14px)}50%{transform:translateX(-28px)}}
@keyframes checkMark{0%,20%{stroke-dashoffset:60;opacity:.2}55%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-60;opacity:.2}}
@keyframes packMove{0%,15%{transform:translateY(0)}45%,68%{transform:translateY(20px)}100%{transform:translateY(0)}}
@media(max-width:760px){.tech-demo{grid-template-columns:1fr;gap:18px;padding:21px 17px}.demo-stage{min-height:190px;padding:8px}.demo-copy>p:not(.detail-label){font-size:11px}.research-section{padding:23px 0}.research-section>p:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tech-demo:not(.motion-opt-in) *{animation:none!important}.tech-demo:not(.motion-opt-in) .d-charge{opacity:1}}