.robot-scene{position:relative;width:min(800px,100%);margin:28px auto 0;isolation:isolate}.robot-art{display:block;width:100%;height:auto;overflow:visible}.robot-float{animation:robot-hover 5s ease-in-out infinite;will-change:transform}.robot-left{animation-delay:-1.8s}.robot-right{animation-delay:-3.2s}.robot-eyes{animation:robot-blink 6.5s infinite;transform-box:fill-box;transform-origin:center}.robot-core{animation:robot-core-glow 3s ease-in-out infinite}.robot-wave{transform-box:fill-box;transform-origin:50% 10%;animation:robot-wave 7s ease-in-out infinite}.robot-link{animation:robot-link-flow 12s linear infinite}.robot-motion-toggle{display:block;margin:0 auto;padding:9px 14px;border:1px solid #3b4b3d;border-radius:6px;color:#a3b8b0;background:#10131d;font:11px 'Space Grotesk',sans-serif;min-height:36px}.robot-motion-toggle:hover{color:#00ff88;border-color:#00ff88}.robot-scene.is-paused *{animation-play-state:paused!important}
@keyframes robot-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes robot-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@keyframes robot-core-glow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes robot-wave{0%,70%,100%{transform:rotate(0)}78%,90%{transform:rotate(-35deg)}84%,96%{transform:rotate(-12deg)}}
@keyframes robot-link-flow{to{stroke-dashoffset:-168}}
@media(max-width:640px){.robot-scene{width:calc(100% + 24px);max-width:calc(100% + 24px);margin-top:20px}.robot-motion-toggle{min-height:44px}.robot-art text{font-size:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.robot-scene *{animation:none!important}.robot-motion-toggle{display:none}}
.robot-instruction{color:#b9cacb;font-size:13px;margin:0 0 12px}.robot-stage{position:relative;padding-bottom:30px}.robot-stage .robot-art>g:last-child{display:none}.robot-control{position:absolute;display:block;min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:24px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}.robot-control-left{left:12%;top:29%;width:21%;bottom:15%}.robot-control-main{left:36%;top:2%;width:28%;bottom:15%}.robot-control-right{left:67%;top:29%;width:21%;bottom:15%}.robot-control>span{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font:12px 'Space Grotesk',sans-serif;color:#b9cacb;padding:10px 4px}.robot-control:hover,.robot-control:focus-visible{background:#00ff8809;border-color:#00ff8860;box-shadow:0 0 30px #00ff8810}.robot-control-left:hover{border-color:#dbb8ff80;background:#dbb8ff09}.robot-control:hover>span,.robot-control.is-selected>span{color:#00ff88}.robot-control:active{background:#00ff8820;opacity:1}.robot-feedback{min-height:36px;margin:8px 0 4px;color:#a3b8b0;font-size:12px;line-height:18px}
@media(max-width:640px){header .text-headline-md{font-size:15px!important}.robot-control>span{font-size:9px;letter-spacing:-.2px}.robot-instruction{font-size:12px}.robot-stage{padding-bottom:24px}.robot-control-left{left:9%;width:25%}.robot-control-right{left:66%;width:25%}.robot-feedback{padding-inline:12px;min-height:42px}.robot-control{border-radius:14px}}
.robot-scene.is-offscreen *, .robot-scene.is-background *{animation-play-state:paused!important}

.hero-visual .robot-scene{text-align:center}
.drone-orbit{transform-box:fill-box;transform-origin:center;animation:drone-orbit 28s linear infinite}.drone-thrust{animation:robot-core-glow 2s ease-in-out infinite}.drone-wing{transform-box:fill-box;transform-origin:center;animation:drone-wing 5s ease-in-out infinite}
@keyframes drone-orbit{to{transform:rotate(360deg)}}
@keyframes drone-wing{50%{transform:scaleY(.92)}}
.motion-stopped .robot-scene *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.drone-orbit,.drone-thrust,.drone-wing{animation:none!important}}