.wbs3d{height:330px;position:relative;perspective:900px;transform-style:preserve-3d;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 43%,rgba(213,161,55,.18),transparent 34%),linear-gradient(155deg,#0a2740,#143f61 58%,#0a2034)}.wbs3d__floor{position:absolute;inset:44% -20% -35%;transform:rotateX(68deg);background-image:linear-gradient(rgba(130,186,220,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(130,186,220,.15) 1px,transparent 1px);background-size:30px 30px;animation:wbs-floor 9s linear infinite}.wbs3d__orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(235,190,94,.45);border-radius:50%;transform-style:preserve-3d}.wbs3d__orbit--a{width:360px;height:140px;margin:-70px 0 0 -180px;transform:rotateX(68deg) rotateZ(8deg);animation:wbs-orbit 13s linear infinite}.wbs3d__orbit--b{width:260px;height:96px;margin:-48px 0 0 -130px;transform:rotateX(71deg) rotateZ(-18deg);animation:wbs-orbit 9s linear infinite reverse}.wbs3d__beam{position:absolute;left:12%;right:12%;top:48%;height:3px;background:linear-gradient(90deg,transparent,#d8a43e,#fff,#d8a43e,transparent);box-shadow:0 0 18px #e6b94f;transform:rotateY(-11deg)}.wbs3d__tower{position:absolute;left:8%;bottom:68px;width:60px;height:180px;transform:rotateY(18deg)}.wbs3d__tower:before,.wbs3d__tower:after{content:"";position:absolute;bottom:0;width:4px;height:165px;background:#dfeafa;transform-origin:bottom}.wbs3d__tower:before{left:18px;transform:skewX(-10deg)}.wbs3d__tower:after{right:18px;transform:skewX(10deg)}.wbs3d__tower i{position:absolute;left:8px;width:44px;height:2px;background:#8fb4cc}.wbs3d__tower i:nth-child(1){bottom:40px}.wbs3d__tower i:nth-child(2){bottom:85px}.wbs3d__tower i:nth-child(3){bottom:130px}.wbs3d__node{position:absolute;top:43%;width:94px;height:72px;margin-top:-36px;border:1px solid rgba(255,255,255,.6);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(175,199,216,.72));color:#102d45;box-shadow:0 18px 34px rgba(0,0,0,.35),inset 0 0 12px #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotateY(-13deg) translateZ(25px);animation:wbs-float 4s ease-in-out infinite}.wbs3d__node span{font-size:9px;letter-spacing:.12em}.wbs3d__outside{left:28%}.wbs3d__booster{left:50%;margin-left:-47px;transform:translateZ(70px);animation-delay:.5s;background:linear-gradient(145deg,#f8cf77,#b67818)}.wbs3d__inside{right:23%;animation-delay:1s}.wbs3d__devices{position:absolute;right:5%;top:40%;display:flex;gap:7px;transform:rotateY(-18deg)}.wbs3d__devices i{width:18px;height:34px;border:2px solid #fff;border-radius:4px;box-shadow:0 0 15px rgba(255,255,255,.45)}.wbs3d__pulse{position:absolute;top:47%;width:9px;height:9px;border-radius:50%;background:#fff4bd;box-shadow:0 0 18px 5px #dba537;animation:wbs-pulse 4.2s linear infinite}.wbs3d__pulse.p2{animation-delay:1.4s}.wbs3d__pulse.p3{animation-delay:2.8s}@keyframes wbs-pulse{0%{left:14%;opacity:0}10%,90%{opacity:1}100%{left:92%;opacity:0}}@keyframes wbs-float{50%{margin-top:-44px;box-shadow:0 25px 40px rgba(0,0,0,.45),inset 0 0 12px #fff}}@keyframes wbs-orbit{to{transform:rotateX(68deg) rotateZ(368deg)}}@keyframes wbs-floor{to{background-position:0 30px,30px 0}}@media(max-width:700px){.wbs3d{height:250px}.wbs3d__node{width:70px;height:56px}.wbs3d__outside{left:22%}.wbs3d__inside{right:16%}.wbs3d__tower{transform:scale(.75);transform-origin:bottom left}.wbs3d__devices{display:none}}@media
