/* Homepage-only logistics scene. SVG geometry stays stable across UI languages. */
.public-site.page-home .hub-scene{position:relative;isolation:isolate;min-width:0;width:100%;margin:0;border:1px solid #8bd9e13d;border-radius:26px;background:radial-gradient(ellipse at 70% 12%,#317b882b,transparent 63%),linear-gradient(155deg,#123e54,#0b263a 85%);box-shadow:inset 0 1px #d9faff17,0 24px 55px #021c3038;overflow:hidden;text-align:start;color:#edfaff}
.hub-scene::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#84c8da06 1px,transparent 1px),linear-gradient(90deg,#84c8da06 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 80%)}
.hub-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 26px 0;min-width:0}
.hub-scene-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.6;color:#8bd8d6}
.hub-scene-heading strong{display:block;margin-top:7px;font-size:17px;line-height:1.5;font-weight:650;color:#f0f9fc;overflow-wrap:anywhere}
.hub-motion-toggle{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #9bdae033;border-radius:50%;background:#c4f5ff0a;color:#bfdee6;cursor:pointer;transition:background .2s,border-color .2s}
.hub-motion-toggle[hidden]{display:none}.hub-motion-toggle:hover{background:#c4f5ff1a;border-color:#9bdae088}.hub-motion-toggle:focus-visible{outline:2px solid #ffd089;outline-offset:4px}.hub-motion-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hub-motion-toggle .hub-play-icon{display:none}.hub-scene[data-paused="true"] .hub-pause-icon{display:none}.hub-scene[data-paused="true"] .hub-play-icon{display:block}
.hub-scene-window{position:relative;padding:0 3px;margin:3px 0 0;overflow:hidden;aspect-ratio:8/5}
.hub-scene .hub-illustration{display:block;width:100%;height:auto;max-width:none;overflow:visible;direction:ltr;transform-origin:50% 55%;animation:hub-camera 20s ease-in-out infinite}
.hub-flight-path{fill:none;stroke:#8ac8d4;stroke-width:1;stroke-dasharray:3 8;opacity:.35}
.hub-flight-glow{fill:none;stroke:#b6f0f5;stroke-width:2;stroke-dasharray:45 500;stroke-linecap:round;animation:hub-flight-trace 10s linear infinite;opacity:.8}
.hub-ground-route{fill:none;stroke:#a7e8df;stroke-width:1.3;stroke-opacity:.22}
.hub-ground-flow{fill:none;stroke:#80e7d4;stroke-width:2.5;stroke-dasharray:26 270;stroke-linecap:round;animation:hub-ground-trace 7s linear infinite}
.hub-aircraft{animation:hub-aircraft-flight 12s ease-in-out infinite}.hub-aircraft-beacon{animation:hub-beacon 3s ease-in-out infinite}.hub-door-beacon{animation:hub-beacon 4s ease-in-out infinite}
.hub-parcel{animation:hub-parcel-travel 6s linear infinite}.hub-parcel-second{animation-delay:-3s}
.hub-truck{animation:hub-truck-drive 14s ease-in-out infinite}.hub-ship{animation:hub-ship-sail 8s ease-in-out infinite}.hub-crane-load{animation:hub-crane-lift 8s ease-in-out infinite}.hub-water{animation:hub-water-drift 8s ease-in-out infinite}
.hub-destination-ring{transform-box:fill-box;transform-origin:center;animation:hub-destination-pulse 4s ease-out infinite}
.hub-scene-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 26px 25px;padding-top:18px;border-top:1px solid #bce3ee20}
.hub-scene-stage{position:relative;min-width:0;padding-bottom:13px}.hub-scene-stage span{display:block;font-size:10px;line-height:1.5;font-weight:650;color:#9dbac9;letter-spacing:.04em}.hub-scene-stage strong{display:block;margin-top:6px;font-size:13px;line-height:1.45;font-weight:650;color:#e8f7ff;overflow-wrap:anywhere}.hub-scene-stage i{position:absolute;inset-inline:0;bottom:0;height:2px;background:#a3d8e21b;border-radius:3px;overflow:hidden}.hub-scene-stage i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#74ddd2,#ffd28b);transform:scaleX(0);transform-origin:left;animation:hub-stage-progress 18s ease-in-out infinite}.hub-scene-stage:nth-child(2) i::after{animation-delay:6s}.hub-scene-stage:nth-child(3) i::after{animation-delay:12s}
.hub-scene[data-motion-running="false"] *, .hub-scene[data-motion-running="false"] *::after{animation-play-state:paused!important}
@keyframes hub-camera{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(0,-3px) scale(1.025)}}
@keyframes hub-aircraft-flight{0%,100%{transform:translate(-22px,7px)}50%{transform:translate(28px,-9px)}}
@keyframes hub-flight-trace{from{stroke-dashoffset:545}to{stroke-dashoffset:0}}
@keyframes hub-ground-trace{from{stroke-dashoffset:296}to{stroke-dashoffset:0}}
@keyframes hub-beacon{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes hub-parcel-travel{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(62px,28px)}}
@keyframes hub-truck-drive{0%,15%,100%{transform:translate(-13px,6px)}50%,65%{transform:translate(15px,-7px)}}
@keyframes hub-ship-sail{0%,100%{transform:translate(-3px,0)}50%{transform:translate(5px,-3px)}}
@keyframes hub-crane-lift{0%,20%,100%{transform:translateY(0)}50%,70%{transform:translateY(-19px)}}
@keyframes hub-water-drift{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(-9px);opacity:1}}
@keyframes hub-destination-pulse{0%{transform:scale(.6);opacity:.7}85%,100%{transform:scale(1.5);opacity:0}}
@keyframes hub-stage-progress{0%{transform:scaleX(0);opacity:1}30%,32%{transform:scaleX(1);opacity:1}33%,100%{transform:scaleX(1);opacity:.12}}
@media(max-width:1100px){.hub-scene-heading{padding:20px 19px 0}.hub-scene-heading strong{font-size:15px}.hub-scene-stages{margin:0 19px 20px;gap:10px}.hub-scene-stage strong{font-size:12px}}
@media(max-width:800px){.public-site.page-home .hub-scene{max-width:580px;margin:12px auto 0}.hub-scene-heading strong{font-size:17px}}
@media(max-width:400px){.hub-scene-heading{padding:18px 15px 0;gap:9px}.hub-scene-heading strong{font-size:15px}.hub-scene-eyebrow{font-size:9px;letter-spacing:.09em}.hub-scene-stages{margin:0 15px 19px;gap:9px;padding-top:14px}.hub-scene-stage span{font-size:9px}.hub-scene-stage strong{font-size:11px}.hub-motion-toggle{width:30px;height:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.hub-scene *, .hub-scene *::after{animation:none!important;transition:none!important}.hub-motion-toggle{display:none}.hub-parcel-second{display:none}.hub-parcel{opacity:1;transform:translate(30px,14px)}.hub-destination-ring{opacity:.4}.hub-scene-stage i::after{transform:scaleX(1);opacity:.4}}