.hero{height:790px;position:relative;isolation:isolate;overflow:hidden;color:white;background:radial-gradient(ellipse at 70% 72%,#193e69 0,transparent 55%),linear-gradient(115deg,#07172f,#0c2548 70%,#0e2d55)}
.hero-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}
.hero-topline{display:flex;justify-content:space-between;padding-top:28px;font-size:11px;letter-spacing:.2em;color:#adc5e1}
.hero-topline i{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--sky);margin-right:9px;vertical-align:middle}
.hero-copy{position:relative;display:flex;justify-content:space-between;z-index:2;padding-top:48px;pointer-events:none}
.hero-heading{pointer-events:auto}
.hero .eyebrow{font-size:11px;color:#96bcec;margin-bottom:18px}
.hero h1{font-size:clamp(50px,5.8vw,84px);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin-bottom:22px}
.hero-word{display:inline-block}
.hero .soft{color:#a9cfff}
.hero-heading>p{font-size:16px;color:#cbd9ec;line-height:1.6;margin-bottom:24px}
.hero .button{font-size:14px;padding:14px 24px}
.hero .button.secondary{border-color:#7e96b4;background:#0c2447}
.hero-side-note{width:170px;padding-top:22px;text-align:right;color:#aec6e3}
.hero-side-note>span{font-size:10px;letter-spacing:.13em}
.hero-side-note p{font-size:14px;margin-top:18px}
.hero-side-note svg{width:48px;height:48px;opacity:.55}
.hero-scene{position:absolute;bottom:-31px;left:0;width:100%;pointer-events:none;z-index:1}
.hero-scene>svg{width:100%;height:auto;max-width:none;display:block}
.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;gap:25px;z-index:3}
.intro-status{font-size:10px;letter-spacing:.18em;color:#9bb9db}
.skip-intro{background:transparent;border:1px solid #7b99bb;color:#e3efff;font-size:12px;min-height:36px;padding:7px 14px;border-radius:30px;display:flex;gap:25px}
.hero-explore{margin-left:auto;font-size:12px;color:#bbcee6;display:flex;gap:25px;align-items:center}
.hero-explore span{font-size:20px}
.intro-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;transform-origin:left;background:var(--sky);opacity:.55;z-index:5}
.speed-streaks{opacity:0}
.hero.is-lite .particles,.hero.is-lite .hero-grain{display:none}
.hero.is-lite .light-cones{opacity:.15}
.hero .truck-rig{transform-origin:50% 77%}
.hero .wheel-spin{transform-box:view-box;transform-origin:0 0}
.hero.is-intro .hero-side-note{opacity:1}
@media(min-width:1600px){.hero{height:870px}
.hero-scene{max-width:1700px;left:50%;transform:translateX(-50%);bottom:-45px}
.hero-copy{padding-top:70px}
}
@media(max-width:1100px){.hero{height:740px}
.hero-copy{padding-top:50px}
.hero h1{font-size:64px}
.hero-scene{bottom:0;width:120%;left:-10%}
.hero-side-note{width:130px}
.hero-heading>p{max-width:430px;font-size:15px;line-height:1.6;margin-bottom:20px}
.hero .eyebrow{margin-bottom:14px}
.hero h1{margin-bottom:18px}
}
@media(max-width:768px){.hero{height:735px}
.hero h1{font-size:58px}
.hero-side-note{display:none}
.hero-scene{width:145%;left:-22.5%;bottom:24px}
.hero-copy{padding-top:48px}
.hero-topline{font-size:10px}
.hero-bottom{bottom:24px}
}
@media(max-width:600px){.hero{height:724px}
.hero h1{font-size:clamp(40px,10.2vw,59px);line-height:1.17;letter-spacing:-.055em;margin-bottom:23px}
.hero-copy{padding-top:47px}
.hero .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:20px}
.hero-heading>p{font-size:16px;line-height:1.6;margin-bottom:26px;max-width:340px}
.hero-heading>p .desktop-br{display:none}
.hero-topline{font-size:10px;letter-spacing:.12em;padding-top:22px}
.hero-scene{width:155%;left:-27.5%;bottom:48px}
.hero .button{font-size:14px;padding:14px 20px;gap:14px;min-height:50px}
.hero-bottom{bottom:21px;gap:12px}
.intro-status{display:none}
.skip-intro{font-size:12px;gap:10px;padding:8px 14px;min-height:42px}
.hero-explore{font-size:12px;gap:10px}
.hero-explore span{font-size:17px}
.hero .actions{gap:10px}
}
@media(max-width:600px){.hero-scene{width:145%;left:-22.5%;bottom:55px}
}
.intro-status{width:200px;flex:none}
.hero-bottom{min-height:36px}
@media(max-width:600px){.intro-status{width:100px}
}
.motion-toggle{background:transparent;border:1px solid #7b99bb;color:#e3efff;border-radius:30px;font-size:12px;min-height:36px;padding:7px 14px}
.motion-paused .map-route{animation-play-state:paused}
@media(max-width:600px){.motion-toggle{font-size:12px;padding:8px 14px;min-height:42px}
}
@media(min-width:1101px) and (max-width:1599px){.hero-scene{bottom:-55px}
}