/* The photograph fills the first viewport; the content sits over it. */
.home-page .header{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:30;border-color:#f5fff42e;color:#f5fff2}
.home-page .header .brand,.home-page .header .theme-toggle,.home-page .header .language-control{color:#f5fff2}
.home-page .header .language-control,.home-page .header .theme-toggle,.home-page .header .menu-toggle{border-color:#f5fff44d;background:#0c211b35;backdrop-filter:blur(8px)}
.home-page .header .menu-toggle>span{background:#f5fff2}
.home-page .mobile-nav{z-index:35;max-height:calc(100svh - 78px);overflow-y:auto}
.home-page .hero{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:0;overflow:hidden;background:#1a2c23;color:#f5fff2}
.home-page .hero-intro{position:relative;z-index:10;padding-top:clamp(116px,13svh,148px);padding-bottom:0;pointer-events:none}
.home-page .hero-intro button,.home-page .hero-intro a{pointer-events:auto}
.home-page .hero h1>span{color:#f5fff2}
.home-page #hero-title>span:not([data-i18n]){color:#d4f77c}
.home-page .heading-arrow{color:#d4f77c}
.home-page .hero .eyebrow{color:#e7f4e1}
.home-page .hero-copy .muted{color:#e1e9df}
.home-page .hero .button-dark{background:#d4f77c;color:#183c32}
.home-page .hero .button-icon{background:#effbd2;color:#183c32}
.home-page .scene-wrap{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;transform:translate3d(0,var(--hero-parallax-y,0px),0);will-change:transform}
.home-page .truck-scene{position:absolute;inset:0;width:100%;height:100%!important;overflow:hidden}
.home-page .truck-composite{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;mask-image:none;-webkit-mask-image:none;animation:none;transform:none}
.home-page .truck-canvas{position:absolute;left:0;top:0;width:100%;height:100%}
.home-page .hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.home-page .truck-image.truck-closed{inset:0;width:100%;height:100%;object-fit:cover;transform:none}
.home-page .truck-image.truck-open{left:8.87%;top:17.91%;width:83.48%;height:auto;transform:none;clip-path:inset(32.13% 2.99% 44.43% 20.57%)}
.home-page .truck-composite::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#071711d9 0%,#071711ad 23%,#0717113d 45%,transparent 67%,#07171178 100%)}
.home-page .trailer-brand{left:49%;top:52.5%;color:#315346;opacity:.86}
.home-page .is-open .trailer-brand{opacity:0}
.home-page .trailer-brand>span{font-size:clamp(24px,3.2vw,55px)}
.home-page .trailer-hotspot{left:26.04%;top:44.73%;width:63.8%;height:20.7%}
.home-page .cargo-trigger{top:37%;right:7%;color:#183c32}
.home-page .scan-icon{display:flex;align-items:center;justify-content:center;line-height:0;background:#d4f77cbd;border-color:#71896a}
.home-page .scan-icon svg{display:block;width:16px;height:16px;flex:none}
.home-page .scene-caption,.home-page .scene-coordinate{display:none}
.home-page .cargo-details{top:48%;left:37%;right:11%}
.home-page .hero-foot{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:10;margin:0;border-color:#f5fff43d;padding-top:18px;padding-bottom:20px;color:#edf7e8}
.home-page .hero-foot>a,.home-page .hero-foot>a>span{color:#edf7e8}
.home-page .hero-foot i{background:#d5e6ca}
@media(max-width:1050px){.home-page .hero-intro{padding-top:130px}.home-page .hero h1{font-size:6.6vw}.home-page .hero-copy{width:225px}}
@media(max-width:650px){
  .home-page .hero-intro{padding-top:115px}
  .home-page .hero h1{font-size:11.3vw;letter-spacing:-2.5px}
  .home-page .hero-copy{width:auto;margin-top:23px;grid-template-columns:1fr auto;gap:12px}
  .home-page .hero-copy .muted{font-size:11px;line-height:1.8}
  .home-page .truck-image.truck-open{left:8.42%;top:41.32%;width:84.10%}
  .home-page .trailer-hotspot{left:25.72%;top:51.46%;width:64.28%;height:7.825%}
  .home-page .trailer-brand{left:57.86%;top:55.3725%;width:max-content;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}
  .home-page .trailer-brand>span{font-size:clamp(15px,4.5vw,25px)}
  .home-page .trailer-brand small{font-size:3px;margin-left:0}
  .home-page .hero-foot{padding-top:15px;padding-bottom:18px}
  .home-page .cargo-details{top:47%;left:22%;right:5%}
  .home-page .cargo-label{font-size:8px;padding:8px}
  .home-page .cargo-example{font-size:7px}
  html:lang(uz) .home-page .hero h1{font-size:10vw}
  html:lang(en) .home-page .hero h1{font-size:11.3vw}
}
@media(max-height:650px) and (min-width:651px){
  .home-page .header{height:76px}
  .home-page .hero-intro{padding-top:99px}
  .home-page .hero h1{font-size:clamp(42px,5.5vw,72px)}
  .home-page .hero-copy>p:first-child{font-size:15px;margin-bottom:10px}
  .home-page .hero-copy .muted{font-size:11px;margin-bottom:14px}
  .home-page .hero .eyebrow{margin-bottom:15px}
  .home-page .hero-foot{padding-block:12px}
}
@media(max-height:700px) and (max-width:650px){
  .home-page .hero-intro{padding-top:100px}
  .home-page .hero-heading .eyebrow{margin-bottom:17px}
  .home-page .hero-copy{margin-top:18px}
  .home-page .hero-copy .muted{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.home-page .scene-wrap{transform:none;will-change:auto}}