.scene-bot{position:absolute;display:block;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(12px 15px 8px #070a2770) drop-shadow(0 0 18px color-mix(in srgb,var(--scene-a) 42%,transparent));backface-visibility:hidden}
.scene-build .scene-window{left:30%;z-index:2}
.scene-bot-build{left:7%;bottom:12%;width:34%;z-index:4;animation:bot-build 3.8s ease-in-out infinite}
.scene-secure .scene-code-backdrop{left:39%;top:21%;width:52%;height:47%;z-index:1;opacity:.72;transform:rotateY(-16deg) rotateX(7deg)}
.scene-secure .scene-code-backdrop .code-line{height:6px;margin-top:10px;background:linear-gradient(90deg,#72b4e2,#9f8de8);box-shadow:0 0 12px #8e9bf044}
.scene-bot-secure{left:10%;bottom:12%;width:32%;z-index:5;animation:bot-forge 3.5s ease-in-out infinite}
.scene-secure .shield-rings{left:45%;top:17%;width:40%;z-index:3}
.scene-secure .shield-shape{left:53%;top:28%;width:25%;height:42%;z-index:6;animation:shield-form 3.5s ease-in-out infinite}
.forge-beam{position:absolute;left:35%;top:55%;width:27%;height:4px;z-index:6;transform:rotate(-17deg);transform-origin:left;background:linear-gradient(90deg,transparent,#a5f3f5,#7ae7ef,transparent);border-radius:8px;filter:drop-shadow(0 0 8px #88e5f5);animation:forge-link 3.5s ease-in-out infinite}
.scene-secure .threat-one{left:auto;right:8%;top:20%}.scene-secure .threat-two{right:5%;top:48%}.scene-secure .threat-three{left:auto;right:18%;bottom:18%}
.delivery-carrier{position:absolute;left:8%;top:27%;width:59%;height:55%;z-index:5;transform-style:preserve-3d;animation:bot-deliver 5.2s ease-in-out infinite}
.scene-bot-ship{left:0;bottom:0;width:53%;z-index:2;transform:rotateY(-9deg)}
.scene-ship .delivery-carrier .delivery-box{left:36%;top:35%;width:35%;height:auto;aspect-ratio:1;z-index:3;font-size:clamp(22px,3vw,40px);animation:package-float 1.9s ease-in-out infinite}
.scene-ship .delivery-trail{left:15%;top:66%;width:55%;opacity:.45}
.scene-ship .destination{right:11%;top:27%;animation:destination-pulse 2.6s ease-in-out infinite}
@keyframes bot-build{0%,100%{transform:perspective(600px) translateY(0) rotateY(-10deg) rotate(-3deg)}50%{transform:perspective(600px) translateY(-12px) rotateY(5deg) rotate(3deg)}}
@keyframes bot-forge{0%,100%{transform:perspective(600px) translateY(4px) rotateY(-7deg) rotate(-5deg)}50%{transform:perspective(600px) translateY(-9px) rotateY(8deg) rotate(6deg)}}
@keyframes shield-form{0%,100%{opacity:.75;transform:translateY(5px) rotateY(-15deg) scale(.86)}48%,62%{opacity:1;transform:translateY(-6px) rotateY(8deg) scale(1.06)}}
@keyframes forge-link{0%,100%{opacity:.12;scale:.2 1}45%,65%{opacity:1;scale:1 1}}
@keyframes bot-deliver{0%,12%,100%{transform:perspective(700px) translateX(-9%) translateY(4px) rotateY(-9deg)}58%,82%{transform:perspective(700px) translateX(39%) translateY(-12px) rotateY(8deg)}}
@keyframes package-float{50%{transform:translateY(-8px) rotate(-8deg) skewY(-8deg)}}
@media(max-width:600px){.scene-bot-build{width:36%;left:5%}.scene-bot-secure{width:35%;left:7%}.delivery-carrier{width:64%;left:5%}}
@media(prefers-reduced-motion:reduce){.scene-bot-build,.scene-bot-secure,.scene-secure .shield-shape,.forge-beam,.delivery-carrier,.scene-ship .delivery-carrier .delivery-box{animation:none!important}.scene-bot-build,.scene-bot-secure,.delivery-carrier{transform:none}}