html,body{height:auto;min-height:100%;background:#f5f6fa}body{overflow-x:hidden}.scroll-container{width:100%;height:auto;overflow:clip}.scroll-container>.Pixso-canvas-0_1{width:1440px;height:6918px;transform-origin:top left}.Pixso-canvas-0_1>.Pixso-frame-151_1{width:1440px;min-width:1440px;height:6918px}/* Clip after mirroring the truck. The exported mask was mirrored with the image. */
.Pixso-group-151_644{overflow:hidden;border-radius:24px;isolation:isolate}
.Pixso-rectangle-151_649{-webkit-mask-image:none;mask-image:none;background-image:url('../image/67beb02cbdec9b35c33e408992d7b2eb4204aaf2.png');background-size:cover}
/* The new globe is projected from 3D points; text and counters stay in front. */
.Pixso-group-151_3{overflow:hidden}
.Pixso-rectangle-151_7.live-globe{left:0;top:257px;width:1440px;height:470px;background:none;-webkit-mask-image:none;mask-image:none;opacity:1;pointer-events:none}
/* Match the projected sphere (center 720,950; radius 945) so only its rim fades. */
.live-globe canvas{display:block;width:1440px;height:470px;-webkit-mask-image:radial-gradient(circle 945px at 720px 950px,#000 90%,rgba(0,0,0,.85) 94%,rgba(0,0,0,.35) 98%,transparent 100%);mask-image:radial-gradient(circle 945px at 720px 950px,#000 90%,rgba(0,0,0,.85) 94%,rgba(0,0,0,.35) 98%,transparent 100%)}
.globe-pause{position:absolute;right:22px;bottom:18px;z-index:5;border:1px solid #d8d6f3;border-radius:20px;padding:7px 14px;background:#ffffffe6;color:#766cc2;font:12px sans-serif;cursor:pointer}.globe-pause:focus-visible{outline:2px solid #6738ff;outline-offset:3px}
.count-digit{display:inline-block;overflow:hidden;vertical-align:bottom;width:.65em;text-align:center;line-height:1.2}.count-digit>span{display:block}.count-demo{position:absolute;right:38px;top:12px;z-index:3;font:10px sans-serif;color:#89869a;border:0;background:transparent;cursor:pointer;padding:4px}.count-demo:focus-visible{outline:2px solid #6738ff}
.count-digit{height:1.2em;line-height:1.2em}.count-reel>span{display:block;height:1.2em;line-height:1.2em}

/* Videos contain their own campaign copy. Navigation remains above the banner. */
.banner-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.banner-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.banner-media video.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.banner-media video{transition:none}}

.banner-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Individual translate preserves exported centering and the truck's mirrored transform. */
.scroll-pending{opacity:0;translate:0 28px}
@media(prefers-reduced-motion:reduce),(max-width:760px){.scroll-pending{opacity:1;translate:none}}

.stat-rolling{line-height:1.15}
.stat-digit{display:inline-block;overflow:hidden;height:1.15em;line-height:1.15em;vertical-align:top;text-align:center}
.stat-reel,.stat-reel>span{display:block}
.stat-reel>span{height:1.15em;line-height:1.15em}

/* Clip the rotated decorative texture in its unrotated image panel. */
.Pixso-group-151_532{overflow:hidden;border-radius:19px;isolation:isolate}
.Pixso-rectangle-151_535{-webkit-mask-image:none;mask-image:none;background-image:url('../image/22bb5c804afb1bb3d78b6e5aabf1c0f8e693b6d0.png');background-size:cover;pointer-events:none}
/* Recenter the rotated source so the texture covers the full panel. */
.Pixso-rectangle-151_535{left:-40px}

/* Keep a 100px design-space gap after the enterprise section (ends at 4340). */
.Pixso-group-151_414{top:4440px}
.Pixso-group-151_439{top:5421px}
.Pixso-group-151_470{top:5907px}

/* Quiet depth and image feedback; transforms exported by Pixso stay intact. */
.motion-card{border-radius:24px;transition:translate .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}
.motion-news-title{transition:color .3s ease}
.motion-news-image{transition:background-size .8s cubic-bezier(.22,1,.36,1);background-size:100% 100%,0 0}
.motion-button{border-radius:24px;transition:scale .25s ease,box-shadow .3s ease,background-color .3s ease}
.motion-shortcut{transition:translate .3s ease,filter .3s ease}
.motion-nav{transition:opacity .25s ease}
.motion-nav::after{content:'';position:absolute;left:15%;right:15%;bottom:-7px;height:2px;border-radius:2px;background:currentColor;scale:0 1;transform-origin:center;transition:scale .3s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-card:hover{translate:0 -5px;box-shadow:0 18px 40px -20px #42367540}
 .motion-news:hover .motion-news-title{color:#6738ff}
 .motion-news:hover .motion-news-image{background-size:105% 105%,0 0}
 .motion-button:hover{scale:1.035;box-shadow:0 7px 20px -8px #6738ff65;background-color:#6738ff12}
 .motion-button:active{scale:.98}
 .motion-shortcut:hover{translate:0 -3px;filter:drop-shadow(0 4px 5px #6738ff20)}
 .motion-nav:hover::after{scale:1 1}
}
@media(prefers-reduced-motion:reduce){
 .motion-card,.motion-news-title,.motion-news-image,.motion-button,.motion-shortcut,.motion-nav,.motion-nav::after{transition:none}
}

/* The card is the stationary mask; artwork may move safely inside it. */
.Pixso-group-151_626{overflow:hidden;border-radius:24px;isolation:isolate}
.Pixso-rectangle-151_629{-webkit-mask-image:none;mask-image:none;background-image:url('../image/ccebab94e8bc94341dbfd72d6175224608329da1.png')}
.motion-media{pointer-events:none;transition:translate .85s cubic-bezier(.22,1,.36,1),scale .85s cubic-bezier(.22,1,.36,1);transform-origin:center}
.media-pending{opacity:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (min-width:761px){
 .Pixso-frame-151_531:hover .Pixso-rectangle-151_536{translate:-8px -6px;scale:1.025}
 .Pixso-group-151_626:hover .Pixso-rectangle-151_629{translate:-3px -8px;scale:1.025}
 .Pixso-group-151_644:hover .Pixso-rectangle-151_649{translate:-9px -3px;scale:1.025}
}
@media(prefers-reduced-motion:reduce),(max-width:760px){
 .motion-media{transition:none}
 .media-pending{opacity:1}
}

/* Small supporting details respond after the primary artwork. */
.Pixso-rectangle-151_628,.Pixso-rectangle-151_646{transition:filter .7s ease}
.Pixso-group-151_108,.Pixso-group-151_117,.Pixso-group-151_124,.Pixso-group-151_131{transition:rotate .45s ease,scale .45s ease}
.Pixso-vector-151_540,.Pixso-vector-151_548{transition:scale .4s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .Pixso-group-151_626:hover .Pixso-rectangle-151_628,
 .Pixso-group-151_644:hover .Pixso-rectangle-151_646{filter:brightness(1.045)}
 .motion-shortcut:hover .Pixso-group-151_108,
 .motion-shortcut:hover .Pixso-group-151_117,
 .motion-shortcut:hover .Pixso-group-151_124,
 .motion-shortcut:hover .Pixso-group-151_131{rotate:-6deg;scale:1.08}
 .Pixso-group-151_538:hover .Pixso-vector-151_540,
 .Pixso-group-151_545:hover .Pixso-vector-151_548{scale:1.12}
}
@media(prefers-reduced-motion:reduce){
 .Pixso-rectangle-151_628,.Pixso-rectangle-151_646,
 .Pixso-group-151_108,.Pixso-group-151_117,.Pixso-group-151_124,.Pixso-group-151_131,
 .Pixso-vector-151_540,.Pixso-vector-151_548{transition:none}
}

/* Keep the exported masks still while the artwork moves underneath them. */
.Pixso-rectangle-151_373,.Pixso-rectangle-153_2{background-image:none;pointer-events:none}
.Pixso-rectangle-151_373::before,.Pixso-rectangle-153_2::before{
 content:'';position:absolute;inset:0;background-position:center;background-size:cover;
 transition:translate 1s cubic-bezier(.22,1,.36,1),scale 1s cubic-bezier(.22,1,.36,1);
}
.Pixso-rectangle-151_373::before{background-image:url('../image/361e8ef434e6e7563f0fa2e0bf6acba7b9841110.png')}
.Pixso-rectangle-153_2::before{background-image:url('../image/e034297818bcd74938d27cc045c65cd3f319e44f.png')}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (min-width:761px){
 .Pixso-frame-151_371:hover .Pixso-rectangle-151_373::before{scale:1.04;translate:-10px 0}
 .Pixso-group-151_671:hover .Pixso-rectangle-153_2::before{scale:1.05;translate:0 -6px}
}
@media(prefers-reduced-motion:reduce),(max-width:760px){
 .Pixso-rectangle-151_373::before,.Pixso-rectangle-153_2::before{transition:none}
}
