/* Approved cinematic China–Russia hero; all controls and text remain native HTML. */
.home-cinematic header.site-header{background:#04172c;border-bottom:1px solid #ffffff12;color:#fff;gap:16px;padding-block:18px}.home-cinematic .brand>b{background:#1599d4;color:#fff}.home-cinematic .brand small{color:#9bb2c6}.home-cinematic .site-nav a{background:#ffffff06;border-color:#48647d;color:#d7e7f4;border-radius:6px;font-weight:500}.home-cinematic .site-nav a:hover,.home-cinematic .site-nav a[aria-current=page]{background:#153b58;border-color:#32c6ec;color:#fff}.home-cinematic .headCta{background:#123b58;border:1px solid #2c6d90;border-radius:6px;color:#daf8ff}.home-cinematic .site-nav a:focus-visible{outline-color:#39d2f6}
.cinematic-hero{--hero-x:0px;--hero-y:0px;position:relative;min-height:760px;min-height:max(700px,calc(100svh - 110px));padding:90px 6vw 108px;overflow:hidden;isolation:isolate;background:#03162c;color:#fff}.cinematic-hero::before{display:none}.hero-media{position:absolute;inset:-14px;z-index:-4;transform:translate3d(var(--hero-x),var(--hero-y),0) scale(1.025);transition:transform .8s cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:opacity .65s ease;display:block}.hero-scene-auto{opacity:0}.cinematic-hero[data-mode=auto] .hero-scene-auto{opacity:1}.cinematic-hero[data-mode=auto] .hero-scene-cargo{opacity:0}.hero-shade{position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(90deg,#021325ad 0%,#03182d72 34%,#0214250a 65%),linear-gradient(0deg,#03142888,transparent 24%)}.hero-flow{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.7}.hero-flow path{fill:none;stroke:url(#hero-line-gradient);vector-effect:non-scaling-stroke}.hero-flow-base{stroke-width:1;opacity:.4}.hero-flow-pulse{stroke-width:2;stroke-dasharray:110 1700;filter:drop-shadow(0 0 7px #35d9ff);animation:hero-road-flow 8s linear infinite}.hero-content{position:relative;z-index:1;max-width:665px}.cinematic-hero .kicker{color:#b5d9e9;font-size:11px;font-weight:500;letter-spacing:.22em;margin:0 0 25px}.cinematic-hero h1{font-size:clamp(52px,5.9vw,94px);line-height:1.01;letter-spacing:-.055em;font-weight:500;margin:0 0 28px;text-shadow:0 3px 24px #00132638}.cinematic-hero h1 em{color:#45d6f1;font-style:normal;white-space:nowrap}.hero-mode-switch{display:inline-flex;gap:3px;background:#02162c99;border:1px solid #8cb7d33d;border-radius:999px;padding:5px;backdrop-filter:blur(12px);margin-bottom:22px}.hero-mode-switch[hidden],.hero-motion[hidden]{display:none}.hero-mode-switch button{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:43px;padding:9px 20px;border-radius:999px;cursor:pointer;background:transparent;color:#b9cddd;font:600 14px/1.3 Arial,sans-serif;transition:background .25s,color .25s,box-shadow .25s}.hero-mode-switch svg{width:20px;height:20px}.hero-mode-switch button[aria-selected=true]{color:#032239;background:#43d8f2;box-shadow:0 0 24px #3ed9f52b}.hero-mode-switch button:hover{color:#fff}.hero-mode-switch button[aria-selected=true]:hover{color:#032239}.hero-mode-panel{min-height:190px;outline-offset:8px}.hero-mode-label{font-size:10px;font-weight:600;letter-spacing:.16em;color:#91bdd6;margin:0 0 10px}.hero-description{max-width:490px;font-size:16px;line-height:1.7;color:#d8e9f6;margin:0;text-shadow:0 2px 12px #00142770}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.hero-primary{display:inline-flex;justify-content:space-between;min-width:218px;gap:22px;border-radius:5px;background:#44d7f2;color:#042237;box-shadow:0 6px 28px #3ed1ed15;min-height:54px;font-size:14px;transition:background .25s,transform .25s,box-shadow .25s}.hero-primary:hover{background:#83e8fa;transform:translateY(-2px);box-shadow:0 10px 32px #3ed1ed30}.hero-primary span{font-size:22px}.hero-secondary{display:inline-flex;gap:12px;align-items:center;color:#d4e9f7;font-size:13px;padding:12px 0}.hero-secondary:hover{color:#5bddf6}.hero-services{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px;color:#a9c6da;font-size:11px;letter-spacing:.01em}.hero-services a{padding-block:6px}.hero-services a:hover{color:#fff;text-decoration:underline}.hero-services>span{opacity:.5}.hero-scroll{position:absolute;left:50%;bottom:23px;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateX(-50%);font-size:10px;color:#b8d4e4;letter-spacing:.025em}.hero-scroll-mouse{width:17px;height:27px;border:1px solid #a6d5e9;border-radius:12px;display:grid;justify-content:center;padding-top:5px}.hero-scroll-mouse i{display:block;width:2px;height:5px;background:#a9e9f8;border-radius:2px;animation:hero-scroll-hint 2s ease-in-out infinite}.hero-scroll>span:last-child{font-size:20px;line-height:1}.hero-motion{position:absolute;right:6vw;bottom:28px;display:flex;gap:8px;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #84b7d13d;border-radius:5px;background:#03162d88;color:#adcadc;font:11px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.hero-motion:hover{color:#fff;border-color:#4bcfeb}.cinematic-hero.is-paused .hero-flow-pulse,.cinematic-hero.is-paused .hero-scroll-mouse i{animation-play-state:paused}.cinematic-hero.is-paused .hero-media{transform:none;transition:none}.cinematic-hero a:focus-visible,.cinematic-hero button:focus-visible{outline:3px solid #64e4fb;outline-offset:5px}.cinematic-hero:not(.is-in-view) .hero-flow-pulse,.cinematic-hero:not(.is-in-view) .hero-scroll-mouse i{animation-play-state:paused}@keyframes hero-road-flow{to{stroke-dashoffset:-1810}}@keyframes hero-scroll-hint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
@media(min-width:1180px){.home-cinematic header.site-header{flex-wrap:nowrap;min-height:88px;padding-block:16px}.home-cinematic .site-header .site-nav{order:initial;flex-basis:auto;margin-left:auto;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.home-cinematic .site-nav a{font-size:12px;padding:8px 9px;border:0;background:transparent;white-space:nowrap}.home-cinematic .site-header .headCta{margin-left:10px;font-size:12px;padding:12px;white-space:nowrap}.home-cinematic .brand small{font-size:8px}.home-cinematic .brand strong{font-size:15px}.cinematic-hero{padding-top:95px}}
@media(min-width:1600px){.cinematic-hero{padding-top:125px;min-height:820px}.hero-content{max-width:790px}.hero-description{font-size:18px;max-width:535px}}
@media(max-width:1179px){.cinematic-hero{min-height:730px;padding-top:65px}.cinematic-hero h1{font-size:clamp(50px,6.3vw,72px)}.hero-content{max-width:570px}.hero-description{max-width:420px;font-size:15px}.hero-shade{background:linear-gradient(90deg,#021325dd,#03182d80 48%,#02142510),linear-gradient(0deg,#031428aa,transparent 32%)}.hero-scene{object-position:57% center}}
@media(max-width:700px){.home-cinematic header.site-header{padding:15px 20px}.home-cinematic .site-header .site-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;gap:7px;padding-bottom:4px;scrollbar-width:thin}.home-cinematic .site-nav a{flex-shrink:0;min-height:36px;padding:8px 11px;font-size:11px;white-space:nowrap}.home-cinematic .site-nav a:last-child{grid-column:auto}.home-cinematic .brand small{font-size:7px}.home-cinematic .brand strong{font-size:14px}.cinematic-hero{min-height:0;padding:35px 22px 330px}.hero-content{max-width:none}.cinematic-hero .kicker{font-size:9px;letter-spacing:.12em;margin-bottom:21px}.cinematic-hero h1{font-size:clamp(39px,9.5vw,64px);letter-spacing:-.05em;margin-bottom:23px;line-height:1.04}.hero-mode-switch{margin-bottom:20px}.hero-mode-switch button{min-height:41px;font-size:13px;padding:8px 17px}.hero-description{font-size:14px;line-height:1.65;max-width:470px}.hero-mode-panel{min-height:215px}.hero-mode-label{font-size:9px}.hero-actions{gap:10px 22px;margin-top:20px}.hero-primary{min-height:49px;min-width:204px;font-size:13px}.hero-secondary{font-size:12px}.hero-services{margin-top:22px;font-size:10px;gap:9px}.hero-media{inset:auto -4px 0;height:340px;transform:none;transition:none;will-change:auto}.hero-scene{object-fit:cover;object-position:85% 100%}.hero-shade{background:linear-gradient(180deg,#03162c 0%,#03162c 53%,#03162c05 77%,#03162c22 100%)}.hero-flow{top:auto;height:350px;bottom:0;opacity:.4}.hero-scroll{left:22px;bottom:19px;transform:none;align-items:flex-start}.hero-scroll-mouse{display:none}.hero-scroll>span:last-child{display:none}.hero-motion{right:22px;bottom:17px}.hero-services a{max-width:100%}}
@media(max-width:370px){.cinematic-hero{padding-inline:18px}.cinematic-hero h1{font-size:37px}.hero-actions{gap:4px 18px}.hero-services{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-flow-pulse,.hero-scroll-mouse i{animation:none}.hero-media{transform:none!important;transition:none;will-change:auto}.hero-scene,.hero-primary,.hero-mode-switch button{transition:none}.hero-primary:hover{transform:none}.hero-motion{display:none}}
@media(min-width:701px) and (max-width:1000px){.cinematic-hero{min-height:0;padding-top:45px;padding-bottom:420px}.hero-content{max-width:630px}.hero-description{max-width:520px}.hero-media{inset:auto -8px 0;height:450px;transform:none;will-change:auto}.hero-scene{object-position:center bottom}.hero-shade{background:linear-gradient(180deg,#03162c 0%,#03162c 37%,#03162c10 68%,#03162c55 100%)}.hero-flow{top:auto;bottom:0;height:460px}.hero-scroll{left:6vw;transform:none;align-items:flex-start}.hero-scroll-mouse{display:none}}
@media(max-width:700px){.home-cinematic .site-header .site-nav{flex-wrap:wrap;overflow:visible;padding-bottom:0;gap:6px}.home-cinematic .site-nav a{min-height:34px}}

/* Approved single sky route and wet-road tire spray, aligned to the hero image. */
.hero-fx{position:absolute;z-index:2;pointer-events:none;overflow:visible;mix-blend-mode:screen}
.hero-fx use,.hero-fx path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-flow{display:none}
.sky-bed{stroke:#55dcff;stroke-width:1.4;opacity:.8}.sky-bed-glow{stroke:#21beff;stroke-width:6;filter:url(#fx-soft);opacity:.3}.sky-route-dots{fill:#b1f6ff;filter:drop-shadow(0 0 4px #40dfff)}
.sky-energy{stroke:#52deff;stroke-dasharray:75 1075;stroke-dashoffset:-1000;animation:sky-current 6s linear infinite}
.sky-halo{stroke-width:17;filter:url(#fx-halo);opacity:.7}.sky-soft{stroke-width:6;filter:url(#fx-soft);opacity:.9}.sky-core{stroke:#e1ffff;stroke-width:1.9}
.fx-node{animation:node-flash 6s ease-out infinite;animation-delay:var(--delay);opacity:.12;transform-box:fill-box;transform-origin:center}
.node-halo{fill:#39dfff;filter:url(#fx-halo)}.node-core{fill:#eaffff}.node-ring{fill:none;stroke:#a5f4ff;stroke-width:1;opacity:.6}
@keyframes sky-current{0%{stroke-dashoffset:-1000;opacity:0}7%{opacity:1}87%{opacity:1}100%{stroke-dashoffset:160;opacity:0}}
@keyframes node-flash{0%,80%,100%{opacity:.1;transform:scale(.75)}5%{opacity:.95;transform:scale(1.15)}15%{opacity:.3;transform:scale(1.5)}30%{opacity:.1;transform:scale(.9)}}
/* Tire spray, not road light streaks: a feathered water wake behind the rear axle. */
.water-wake{opacity:.94}
.wake-cloud{fill:#d3e4eb;filter:none;opacity:0;animation:water-cloud 3s linear infinite}
.wake-droplet{opacity:0;animation:water-droplet 3s linear infinite;filter:none}
.hero-fx .wake-droplet path{stroke:#d5edf6;fill:none;stroke-linecap:round}
.wake-ground{fill:#d3e4eb;filter:none;opacity:0;animation:water-ground 3s linear infinite}
@keyframes water-cloud{0%{transform:translate(0,0) scale(.25);opacity:0}12%{opacity:.95}35%{opacity:.75}75%{opacity:.3}100%{transform:translate(var(--wake-x),var(--wake-y)) scale(2.6,2.3);opacity:0}}
@keyframes water-droplet{0%{transform:translate(0,0);opacity:0}9%{opacity:.8}45%{opacity:.5;transform:translate(calc(var(--wake-x)*.53),var(--wake-lift))}100%{transform:translate(var(--wake-x),var(--wake-fall));opacity:0}}
@keyframes water-ground{0%{transform:translate(0,0) scale(.25,1);opacity:0}18%{opacity:.24}70%{opacity:.08}100%{transform:translate(-180px,-25px) scale(2.4,1.7);opacity:0}}

.cinematic-hero .hero-fx{visibility:hidden}.cinematic-hero .hero-fx.is-fitted{visibility:visible}
.cinematic-hero.is-paused .hero-fx *,.cinematic-hero:not(.is-in-view) .hero-fx *{animation-play-state:paused}
/* The shared route stays visible in both modes; JS positions the water wake at the active vehicle. */
@media(prefers-reduced-motion:reduce){.hero-fx *{animation:none!important}.hero-fx .sky-energy,.hero-fx .fx-node,.hero-fx .water-wake{display:none}}