/* CSS 3D scene: no external renderer or asset downloads. */
#pgc .hero{perspective:1400px;isolation:isolate;overflow:hidden}
#pgc .hero:before{animation:grid-drift 22s linear infinite}
#pgc .hero .world-map-panel{position:relative;background:radial-gradient(ellipse at 50% 24%,#324c2444,transparent 65%),linear-gradient(135deg,#14221f,#0b1418);box-shadow:0 35px 90px #0008,inset 0 1px #b1f34b22;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s ease-out;will-change:transform}
#pgc .cloud-scene{position:relative;height:295px;display:grid;place-items:center;perspective:950px;isolation:isolate;pointer-events:none;overflow:hidden}
#pgc .scene-label{position:absolute;top:12px;left:0;font:9px Consolas,monospace;letter-spacing:2px;color:#a5bfaa}
#pgc .scene-floor{position:absolute;width:280px;height:230px;bottom:-70px;transform:rotateX(68deg) rotateZ(-25deg);background:repeating-linear-gradient(0deg,transparent 0 28px,#b1f34b22 29px 30px),repeating-linear-gradient(90deg,transparent 0 28px,#b1f34b22 29px 30px);border:1px solid #b1f34b55;box-shadow:0 0 60px #9cff1520;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}
#pgc .server-orbit{position:absolute;width:300px;height:135px;border:1px solid #b1f34b45;border-radius:50%;transform:rotateX(58deg) rotateZ(-25deg);box-shadow:0 0 24px #b1f34b15}
#pgc .server-orbit:after{content:'';position:absolute;inset:-12px;border:1px dashed #b1f34b25;border-radius:50%}
#pgc .tower-float{transform-style:preserve-3d;animation:tower-float 7s ease-in-out infinite}
#pgc .tower{position:relative;width:155px;height:190px;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(-30deg) rotateZ(2deg)}
#pgc .tower-face{position:absolute;inset:0;border:1px solid #789e50;backface-visibility:hidden}
#pgc .tower-front{transform:translateZ(50px);background:linear-gradient(135deg,#293d30,#0c1716);border-radius:9px;padding:14px 10px;box-shadow:inset 0 0 28px #b1f34b0a}
#pgc .tower-front>b{display:block;color:#bcf86b;font:11px Consolas,monospace;letter-spacing:3px;margin-bottom:12px}
#pgc .tower-unit{display:flex;align-items:center;justify-content:space-between;background:#071110;border:1px solid #3a5038;border-radius:4px;height:32px;padding:7px;margin:6px 0;box-shadow:0 3px 0 #0006}
#pgc .tower-unit:before{content:'';width:70px;height:13px;background:repeating-linear-gradient(90deg,#4d6544 0 2px,transparent 2px 5px)}
#pgc .tower-unit:after{content:'';width:5px;height:5px;border-radius:50%;background:#b1f34b;box-shadow:0 0 9px #b1f34b;animation:led-glow 3s ease-in-out infinite alternate}
#pgc .tower-unit:nth-child(3):after{animation-delay:1s}
#pgc .tower-front>small{display:block;color:#8da68e;font:8px Consolas,monospace;letter-spacing:1px;margin-top:11px}
#pgc .tower-back{transform:rotateY(180deg) translateZ(50px);background:#14231c}
#pgc .tower-left,#pgc .tower-right{width:100px;inset:0 auto 0 27.5px;background:repeating-linear-gradient(0deg,#15251e 0 13px,#263c29 14px 15px)}
#pgc .tower-left{transform:rotateY(-90deg) translateZ(77.5px)}
#pgc .tower-right{transform:rotateY(90deg) translateZ(77.5px)}
#pgc .tower-top,#pgc .tower-bottom{height:100px;inset:45px 0 auto;background:linear-gradient(135deg,#6a8b48,#213622)}
#pgc .tower-top{transform:rotateX(90deg) translateZ(95px);display:grid;place-items:center;color:#c4ff68;font:bold 19px Consolas,monospace;text-shadow:0 0 15px #b1f34b}
#pgc .tower-bottom{transform:rotateX(-90deg) translateZ(95px)}
#pgc .scene-chip{position:absolute;color:#b6d59b;font:9px Consolas,monospace;letter-spacing:1px;background:#132019e6;border:1px solid #52723d;padding:8px 11px;border-radius:6px;box-shadow:0 10px 22px #0004;animation:chip-float 6s ease-in-out infinite}
#pgc .scene-chip-a{left:3%;top:95px}#pgc .scene-chip-b{right:0;bottom:40px;animation-delay:-3s}
#pgc .hero .world-map-svg{margin-top:6px;max-height:200px}
#pgc .service,#pgc .vps-price-card,#pgc .license-card{transition:transform .35s ease,box-shadow .35s ease;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px))}
@media(hover:hover) and (pointer:fine){#pgc .service:hover,#pgc .vps-price-card:hover,#pgc .license-card:hover{--lift:-7px;box-shadow:0 24px 45px #1422161a}#pgc .service .icon{transition:transform .4s}#pgc .service:hover .icon{transform:translateY(-7px) rotate(-5deg)}}
.motion-pending{opacity:1}.motion-ready{animation:section-arrive .75s cubic-bezier(.2,.7,.2,1) both}
@keyframes tower-float{0%,100%{transform:translateY(0) rotateZ(-1deg)}50%{transform:translateY(-13px) rotateZ(1deg)}}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes led-glow{from{opacity:.5}to{opacity:1}}
@keyframes grid-drift{from{background-position:0 0}to{background-position:65px 65px}}
@keyframes section-arrive{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@media(max-width:640px){#pgc .cloud-scene{height:265px}#pgc .scene-chip{font-size:8px;padding:7px}#pgc .scene-chip-a{left:0;top:70px}#pgc .scene-chip-b{bottom:20px}#pgc .hero .world-map-panel{will-change:auto}}
@media(prefers-reduced-motion:reduce){#pgc .hero:before,#pgc .tower-float,#pgc .scene-chip,#pgc .tower-unit:after,.motion-ready{animation:none!important}.motion-pending{opacity:1;transform:none}#pgc .hero .world-map-panel,#pgc .service,#pgc .vps-price-card,#pgc .license-card{transform:none!important;transition:none!important}}