/* Prime Pluse 3D motion layer — pure CSS/JS, no database dependencies */
.hero-3d{overflow:hidden;perspective:1200px;isolation:isolate;background-color:#0b0e30}
.hero-3d .hero-inner{position:relative;z-index:6}
.hero-grid-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 75% 38%,rgba(107,53,213,.36),transparent 25%),radial-gradient(circle at 58% 65%,rgba(255,106,33,.16),transparent 22%);animation:glowPulse 6s ease-in-out infinite;z-index:0}
.hero-grid-glow:after{content:"";position:absolute;inset:35% -10% -30%;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateX(62deg) translateY(70px) scale(1.4);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 85%,transparent)}
.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:1;pointer-events:none}.orbit-a{width:700px;height:260px;right:-70px;top:80px;transform:rotate(-16deg);animation:orbitSpin 18s linear infinite}.orbit-b{width:520px;height:190px;right:20px;top:180px;transform:rotate(21deg);animation:orbitSpin 13s linear infinite reverse}
.hero-3d-scene{position:absolute;right:3%;top:45px;width:min(570px,48vw);height:500px;z-index:4;transform-style:preserve-3d;transition:transform .18s ease-out;pointer-events:none}
.cargo-card{position:absolute;transform-style:preserve-3d;backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.24);box-shadow:0 35px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.2);color:#fff}
.cargo-main{width:350px;height:235px;right:45px;top:110px;border-radius:24px;padding:22px;transform:rotateY(-18deg) rotateX(8deg) rotateZ(2deg);animation:floatMain 5s ease-in-out infinite}
.cargo-top,.cargo-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px}.cargo-top b{color:#ff8a50}.cargo-box{height:135px;position:relative;margin-top:10px;display:grid;place-items:center;background:linear-gradient(145deg,#d6d2c9,#9b978f);clip-path:polygon(13% 14%,87% 3%,98% 78%,22% 96%,2% 28%);box-shadow:inset -22px -15px 25px rgba(0,0,0,.18),inset 10px 10px 22px rgba(255,255,255,.35);transform:translateZ(35px) rotate(-3deg)}
.box-tape{position:absolute;left:46%;top:0;width:13%;height:100%;background:rgba(95,67,40,.28);transform:skewY(3deg)}.box-label{position:relative;z-index:2;background:#fff;color:#11143f;padding:8px 12px;font-weight:900;font-size:23px;line-height:.8;transform:translateZ(15px) rotate(-2deg);box-shadow:7px 9px 0 rgba(17,20,63,.2)}.box-label small{font-size:6px;letter-spacing:2px}.cargo-bottom{margin-top:10px}.cargo-bottom strong{font-size:16px;color:#bca8ff}
.cargo-small{width:170px;height:92px;border-radius:17px;padding:15px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px}.cargo-small b{font-size:11px;letter-spacing:.8px}.cargo-small small{font-size:9px;color:#cbd0e8}.mini-icon{font-size:20px;color:#ff8a50;position:absolute;right:13px;top:10px}.card-air{left:10px;top:85px;transform:translateZ(70px) rotateY(17deg) rotateZ(-5deg);animation:floatAir 4.5s ease-in-out infinite}.card-road{right:0;bottom:40px;transform:translateZ(95px) rotateY(-12deg) rotateZ(4deg);animation:floatRoad 5.3s ease-in-out infinite}
.float-pin{position:absolute;background:#fff;color:#171928;font-size:9px;font-weight:800;letter-spacing:.8px;padding:8px 11px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.22);animation:pinFloat 4s ease-in-out infinite}.pin-a{right:385px;top:55px}.pin-b{right:8px;top:315px;animation-delay:1.2s}
.route-line{position:absolute;inset:35px 0 0 0;border:2px dashed rgba(255,255,255,.18);border-left:0;border-bottom:0;border-radius:50%;transform:rotate(-13deg);opacity:.8}.route-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ff6a21;box-shadow:0 0 0 7px rgba(255,106,33,.13),0 0 22px #ff6a21}.dot-one{right:8%;top:5%}.dot-two{left:24%;top:45%}.dot-three{right:20%;bottom:8%}
.hero-track{transform:translateZ(80px);transition:transform .25s ease,box-shadow .25s ease}.hero-track:hover{transform:translateZ(100px) rotateX(1deg);box-shadow:0 28px 70px rgba(0,0,0,.3)}.track-glass-icon{float:right;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ff9a69);color:#fff;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 20px rgba(255,106,33,.28)}
.service-card,.trust-card,.info-card,.track-box,.history{transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.service-card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);box-shadow:0 25px 55px rgba(24,26,50,.14)}.service-icon{transform:translateZ(18px);transition:transform .3s}.service-card:hover .service-icon{transform:translateZ(28px) rotate(-7deg) scale(1.08)}
.photo-card{transform-style:preserve-3d;box-shadow:20px 25px 70px rgba(17,20,63,.18);transition:transform .5s}.photo-card:hover{transform:rotateY(-5deg) rotateX(2deg) translateY(-5px)}.floating-stat{transform:translateZ(35px)}
.reveal-3d{opacity:0;transform:translateY(35px) rotateX(8deg);transform-origin:50% 100%;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal-3d.is-visible{opacity:1;transform:none}
@keyframes floatMain{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes floatAir{0%,100%{translate:0 0}50%{translate:-8px -16px}}@keyframes floatRoad{0%,100%{translate:0 0}50%{translate:7px -12px}}@keyframes pinFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbitSpin{0%{rotate:0deg}100%{rotate:360deg}}@keyframes glowPulse{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:1000px){.hero-3d-scene{right:-80px;opacity:.72;transform:scale(.85)}.hero-copy{max-width:560px}.hero-track{z-index:8}}
@media(max-width:760px){.hero-3d-scene{width:500px;height:400px;right:-210px;top:30px;opacity:.42;transform:scale(.72)}.hero-grid-glow:after{display:none}.hero-inner{z-index:7}.hero-copy{max-width:100%;text-shadow:0 2px 15px rgba(0,0,0,.3)}.hero-track{backdrop-filter:blur(8px);background:rgba(255,255,255,.97)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-3d-scene{transform:none!important}}

/* Device-safe 3D sizing */
.hero-3d-scene{max-width:570px;max-height:500px}.cargo-main,.cargo-small{will-change:transform}.route-line{pointer-events:none}
@media(max-width:1100px){.hero-3d-scene{right:-50px;width:500px;transform:scale(.9)}}
@media(max-width:760px){.hero-3d-scene{right:-235px;width:510px;top:12px;opacity:.30;transform:scale(.68)}.hero-orbit{opacity:.55}.hero-grid-glow{opacity:.8}.float-pin{font-size:8px;padding:6px 8px}.pin-a{right:330px}.pin-b{right:20px}}
@media(max-width:480px){.hero-3d-scene{right:-285px;top:0;transform:scale(.58);opacity:.22}.hero-orbit{display:none}}