.motion-banner{background:#101919;background-image:radial-gradient(ellipse at 62% 36%,#34494a 0,transparent 54%),linear-gradient(125deg,#10201e,#11191b);isolation:isolate;min-height:470px}.motion-banner:after{display:none}.motion-banner .visual-label{font-size:9px;color:#b7c7c5;letter-spacing:2px}.motion-stage{position:absolute;inset:48px 0 112px;perspective:900px;overflow:hidden}.motion-banner img.motion-fob{position:absolute;left:0;top:-16%;width:100%;height:132%;object-fit:contain;z-index:3;filter:drop-shadow(0 24px 24px #0008);animation:fob-float 8s ease-in-out infinite;transform-origin:center}.motion-halo{position:absolute;width:270px;height:270px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:#83ccba14;border:1px solid #b4e9e92b;box-shadow:0 0 85px #8cf3d315,inset 0 0 60px #83f5d111}.motion-halo:after{content:"";position:absolute;inset:35px;border:1px dashed #b5e6dc2c;border-radius:50%;animation:orbit 28s linear infinite}.signal{position:absolute;width:200px;height:200px;border:1px solid #b3e2d577;border-radius:50%;left:50%;top:48%;z-index:1;animation:signal 8s ease-out infinite}.signal-two{animation-delay:1.1s}.scan-line{position:absolute;z-index:4;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#ed8c60,transparent);box-shadow:0 0 16px #ee8957;animation:scan 8s ease-in-out infinite;pointer-events:none}.motion-tag{position:absolute;bottom:0;left:30px;font:8px/1.4 system-ui,sans-serif;letter-spacing:2px;color:#93aaa5;z-index:5}.motion-banner .visual-bottom{z-index:6}.motion-banner .visual-bottom strong{font-size:25px;letter-spacing:-.5px}.motion-banner .visual-bottom span{font-size:10px}.motion-toggle{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid #677a72;background:#ffffff08;color:#e8ede5;cursor:pointer;font-size:16px;display:none}.js .motion-toggle{display:block}.motion-toggle:hover{background:#ffffff18}.motion-banner.paused *{animation-play-state:paused!important}@keyframes fob-float{0%,100%{transform:translateY(4px) rotate(-13deg) rotateY(-12deg)}50%{transform:translateY(-10px) rotate(-7deg) rotateY(13deg)}}@keyframes signal{0%,28%{transform:translate(-50%,-50%) scale(.75);opacity:0}35%{opacity:.6}65%,100%{transform:translate(-50%,-50%) scale(1.65);opacity:0}}@keyframes scan{0%,15%{top:8%;opacity:0}25%{opacity:.8}65%{top:85%;opacity:.8}78%,100%{top:85%;opacity:0}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:900px){.motion-banner{min-height:370px}.motion-stage{inset:42px 0 105px}.motion-banner img.motion-fob{width:100%;height:132%;left:0;top:-16%}}@media(max-width:580px){.motion-banner{min-height:340px;padding:25px}.motion-banner .visual-bottom strong{font-size:23px}.motion-halo{width:215px;height:215px}.motion-tag{left:25px;font-size:7px}.motion-stage{inset:42px 0 108px}}@media(prefers-reduced-motion:reduce){.motion-banner *{animation:none!important}.signal,.scan-line{display:none}.motion-toggle{display:none!important}.motion-banner img.motion-fob{transform:rotate(-10deg)}}
.motion-tag{display:none}
.motion-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;z-index:3}
.motion-slide.is-active{opacity:1;visibility:visible}
.motion-banner .programmer-slide img.motion-fob{width:94%;height:100%;left:3%;top:0;animation-name:programmer-float;filter:drop-shadow(0 15px 16px #0007)}
.motion-banner .key-pile-slide img.motion-fob{width:94%;height:100%;left:3%;top:0;animation-name:programmer-float;filter:drop-shadow(0 16px 18px #0007)}
.motion-pagination{position:absolute;right:32px;bottom:92px;display:flex;gap:6px;z-index:7}
.slide-dot{position:relative;width:22px;height:24px;border:0;background:transparent;cursor:pointer;padding:0}
.slide-dot:after{content:"";position:absolute;left:2px;right:2px;top:10px;height:3px;border-radius:3px;background:#8ca39a66;transition:background .3s}
.slide-dot.is-active:after{background:#e8672f}
.slide-dot:focus-visible,.motion-toggle:focus-visible{outline:2px solid #e8672f;outline-offset:3px}
.data-dots{position:absolute;left:35%;right:30%;top:48%;height:4px;z-index:5;transform:rotate(-4deg);pointer-events:none}
.data-dots i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffb37b;box-shadow:0 0 8px #ed8c60;animation:data-flow 2.4s linear infinite}
.data-dots i:nth-child(2){animation-delay:.8s}.data-dots i:nth-child(3){animation-delay:1.6s}
@keyframes programmer-float{0%,100%{transform:translateY(3px) rotate(-2deg) rotateY(-6deg)}50%{transform:translateY(-5px) rotate(1deg) rotateY(6deg)}}
@keyframes data-flow{0%{left:0;opacity:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.data-dots{display:none}.motion-slide{transition:none}.motion-banner .programmer-slide img.motion-fob{transform:none}}