@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#172d36;color:#21453b;font-family:Manrope,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #dda86a;outline-offset:3px}.hero{height:100svh;min-height:600px;position:relative;isolation:isolate;overflow:hidden}.poster,#scene,.veil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.poster{background:url('assets/wet-road.png') center/cover}.veil{z-index:2;background:linear-gradient(90deg,#eaece7ef 0%,#eaece7a6 32%,transparent 65%),linear-gradient(0deg,#071d28af,transparent 29%)}.nav{position:absolute;top:23px;left:4%;right:4%;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:11px 14px 11px 20px;border:1px solid #fff8;border-radius:22px;background:#ffffefb0;backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px;border-radius:50%}.brand span{font-weight:800;font-size:11px;letter-spacing:1.6px}.brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:5px;font-weight:500}.nav nav{display:flex;gap:30px}.nav nav button{border:0;background:none;color:#395d50;font-size:11px}.navBook{border:0;border-radius:14px;background:#204e43;color:#fff;padding:15px 20px;display:flex;gap:25px;font-size:11px}.editorial{position:absolute;z-index:4;top:21%;left:8%;width:43%;max-width:670px}.eyebrow{display:flex;gap:9px;align-items:center;letter-spacing:2px;font-size:8px;font-weight:700;margin-bottom:25px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#387b62}.kicker{font-size:9px;letter-spacing:3px;font-weight:600;color:#447569;margin:0 0 16px}h1{font:500 clamp(56px,5.1vw,88px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:0 0 22px}h1 em{font-weight:500;color:#46806b}.description{font-size:11px;line-height:1.9;max-width:340px;color:#426458;margin:0 0 23px}.actions{display:flex;align-items:center;gap:20px}.primary{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#1f5747;color:#fff;border:1px solid #397360;border-radius:99px;padding:15px 22px;font-size:10px;min-height:47px;box-shadow:0 8px 25px #1c473b20}.secondary{background:none;border:0;border-bottom:1px solid #386b5530;padding:12px 0;font-size:10px;color:#2b624e;display:flex;gap:14px}.micro{display:flex;gap:18px;font-size:7px;margin-top:22px;color:#46715c}.micro i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4a8f6a;margin-right:6px}.journeyTag{position:absolute;top:25%;right:8%;z-index:4;display:flex;gap:12px;align-items:center;transform:rotate(-3deg);padding:12px 18px;background:#fff9e6b0;border:1px solid #fff8;border-radius:15px;backdrop-filter:blur(18px);animation:tagFloat 6s ease-in-out infinite}.journeyTag small{font-size:6px;letter-spacing:1.6px;color:#7c866b}.journeyTag strong{display:block;font-size:11px;font-weight:500;margin-top:5px}.tagDot{width:7px;height:7px;background:#5a916a;border-radius:50%}.fleetCaption{position:absolute;z-index:4;top:16%;right:9%;text-align:right;color:#244b48;text-shadow:0 1px 18px #fff8}.fleetCaption span{font-size:7px;letter-spacing:2px;text-transform:uppercase}.fleetCaption strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.5px;margin:4px 0}.fleetCaption small{display:none}.controlDock{position:absolute;z-index:7;left:8%;right:8%;bottom:153px;display:flex;align-items:center;justify-content:space-between;gap:20px}.slideNav{display:flex;padding:11px 5px;border:1px solid #fff8;border-radius:15px;background:#f8f7e6c4;backdrop-filter:blur(20px)}.slideNav button{position:relative;background:none;border:0;border-right:1px solid #52726020;padding:10px 20px;font-size:9px;color:#6b8573}.slideNav button:last-child{border:0}.slideNav span{font-size:7px;margin-right:10px}.slideNav .selected{color:#204f3a;font-weight:700}.slideNav i{position:absolute;bottom:0;left:20px;right:20px;height:2px;transform:scaleX(0);transform-origin:left;background:#2e7059}.slideNav .selected i{transform:scaleX(var(--progress,0))}.playback{display:flex;align-items:center;gap:8px;color:#fff}.playback>span{font-size:8px;letter-spacing:2px;margin-right:15px}.playback button{width:39px;height:39px;border-radius:50%;border:1px solid #fff8;background:#faf9e9e0;color:#244e45;font-size:16px;backdrop-filter:blur(20px)}.fleetPanel{position:absolute;z-index:8;left:8%;right:8%;bottom:30px;padding:13px 16px 10px;border-radius:21px;border:1px solid #ffffff99;background:linear-gradient(130deg,#fffef0e8,#f4f5e4bd);backdrop-filter:blur(28px);box-shadow:0 12px 35px #0e2a3926}.fleetPanelHead{display:flex;justify-content:space-between;margin:0 6px 7px;font-size:7px;color:#50705e;letter-spacing:1.4px}.fleetPanelHead small{font-size:6px;letter-spacing:1px}#fleetSelector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}#fleetSelector button{border:1px solid transparent;background:transparent;border-radius:12px;min-width:0;padding:5px 3px 7px;color:#58705e;display:flex;flex-direction:column;align-items:center;gap:5px;transition:background .3s,border-color .3s,transform .3s}#fleetSelector img{width:100%;max-width:92px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 3px #14291d24)}#fleetSelector span{font-size:7px;white-space:nowrap}#fleetSelector button.active{border-color:#9db79a;background:#fffef4;color:#204e36}#fleetSelector button:hover{transform:translateY(-3px)}.demoFlag{position:absolute;z-index:4;left:8%;right:8%;bottom:10px;display:flex;justify-content:space-between;font-size:6px;color:#dde9df;letter-spacing:1.5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.copy.leaving{opacity:0;transform:translateY(-18px);filter:blur(5px)}.copy{transition:opacity .35s,transform .5s,filter .5s}.copy.revealing h1{animation:headline 1.4s cubic-bezier(.16,1,.3,1) both}.copy.revealing .kicker{animation:kicker .9s both}.copy.revealing .description{animation:rise 1s .2s both}h1 em{display:inline-block;animation:wordFloat 6s ease-in-out infinite}.motionPaused h1 em,.motionPaused .journeyTag{animation-play-state:paused}.actions{animation:rise 1s .35s both}@keyframes headline{from{opacity:0;transform:translateY(28px) rotateX(12deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes kicker{from{opacity:0;letter-spacing:6px;transform:translateX(-15px)}to{opacity:1;letter-spacing:3px;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes wordFloat{50%{transform:translateY(-3px)}}@keyframes tagFloat{50%{transform:translateY(-8px) rotate(-1deg)}}dialog{border:1px solid #fff;border-radius:25px;padding:35px;background:#f6f5e9;width:min(450px,calc(100% - 28px));color:#284e40;box-shadow:0 40px 90px #0004}dialog::backdrop{background:#193f4855;backdrop-filter:blur(15px)}dialog h2{font:500 40px/1 'Cormorant Garamond';margin:25px 0}dialog p{font-size:12px;line-height:1.8}dialog small{font-size:8px;letter-spacing:2px}dialog>.close:first-child{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px;color:#456b57}.nojs{position:absolute;z-index:10;bottom:0;color:white}
@media(min-width:651px) and (max-height:750px){.editorial{top:19%}.eyebrow{margin-bottom:17px}h1{font-size:clamp(50px,4.6vw,70px);margin-bottom:17px}.description{margin-bottom:17px}.micro{display:none}.controlDock{bottom:146px}.fleetPanel{bottom:26px}}
@media(min-width:651px) and (max-width:1050px){.editorial{left:6%;width:45%}h1{font-size:58px}.actions{gap:12px}.secondary{font-size:8px}.nav nav{gap:15px}.fleetPanel,.controlDock{left:6%;right:6%}.slideNav button{padding:9px 12px}.fleetCaption{right:7%}}
@media(max-width:650px){.hero{height:100svh;min-height:0;max-height:none}.nav{top:12px;left:14px;right:14px;padding:9px 10px;border-radius:18px}.brand{gap:8px}.brand img{width:30px;height:30px}.brand span{font-size:8px;letter-spacing:1.3px}.brand small{font-size:5px;letter-spacing:2px;margin-top:4px}.nav nav{display:none}.navBook{font-size:8px;padding:11px 12px;gap:13px;border-radius:12px}.editorial{top:calc(78px + 1svh);left:23px;width:calc(100% - 46px)}.eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:15px}.kicker{font-size:7px;letter-spacing:2px;margin-bottom:10px}h1{font-size:clamp(36px,5.8svh,50px);letter-spacing:-1.1px;line-height:1;margin-bottom:15px}.description{font-size:9px;line-height:1.75;max-width:290px;margin-bottom:15px}.actions{gap:15px}.primary{min-height:39px;padding:11px 15px;font-size:8px;gap:15px}.secondary{font-size:8px;gap:8px;padding:10px 0}.micro,.journeyTag{display:none}.fleetCaption{top:45%;right:22px;text-shadow:0 1px 12px #fff8;color:#244d46}.fleetCaption span{font-size:6px;letter-spacing:1.4px}.fleetCaption strong{font-size:16px;margin-top:2px}.veil{background:linear-gradient(180deg,#eaece8f0 0%,#eaece8d9 29%,#eaece850 45%,transparent 58%),linear-gradient(0deg,#0a223ac9,transparent 38%)}.controlDock{left:16px;right:16px;bottom:132px;gap:8px}.slideNav{padding:7px 1px;background:#faf8e3cf;flex:1;min-width:0;border-radius:12px}.slideNav button{padding:7px 5px;font-size:6px;flex:1}.slideNav span{display:block;margin:0 0 3px;font-size:6px}.slideNav i{left:6px;right:6px}.playback{gap:5px}.playback>span{display:none}.playback button{height:32px;width:32px;font-size:13px}.fleetPanel{bottom:26px;left:13px;right:13px;padding:10px 8px 7px;border-radius:17px}.fleetPanelHead{font-size:5.5px;margin:0 4px 5px;letter-spacing:.8px}.fleetPanelHead small{font-size:5px;letter-spacing:.3px}#fleetSelector{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin;scrollbar-color:#b0bda3 transparent;scroll-snap-type:x mandatory;padding-bottom:3px}#fleetSelector button{min-width:72px;scroll-snap-align:center;padding:3px 2px 5px;gap:3px;border-radius:10px}#fleetSelector img{width:66px;height:33px}#fleetSelector span{font-size:6px}.demoFlag{left:21px;right:21px;bottom:8px;font-size:5px;letter-spacing:1px}}
@media(max-width:650px) and (max-height:720px){.editorial{top:80px}.eyebrow{margin-bottom:10px}h1{font-size:36px;margin-bottom:11px}.description{font-size:8px;margin-bottom:12px}.fleetCaption{top:46%}.primary{min-height:35px;padding:9px 14px}.controlDock{bottom:117px}.fleetPanel{bottom:22px;padding-top:8px;padding-bottom:5px}#fleetSelector img{height:29px}.fleetPanelHead{margin-bottom:3px}.playback button{height:29px;width:29px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.copy{opacity:1!important;transform:none!important;filter:none!important}}

@media(max-width:650px){.description{font-size:10px}.primary{min-height:44px}.slideNav button{font-size:7px;min-height:40px}.playback button{height:36px;width:36px}#fleetSelector button{min-width:84px;min-height:54px}#fleetSelector img{height:35px;width:75px}#fleetSelector span{font-size:7px}.controlDock{bottom:138px}}
@media(max-width:650px) and (max-height:720px){.description{font-size:9px}.controlDock{bottom:123px}.fleetPanel{padding-top:7px;padding-bottom:5px}#fleetSelector img{height:29px}#fleetSelector button{min-height:48px}.primary{min-height:40px}}


@media(max-width:650px){.playback button{width:40px;height:40px}#fleetSelector span{font-size:8px}.fleetPanelHead{font-size:6px}}


@media(min-width:651px) and (max-height:650px){.editorial{top:18%}.eyebrow{margin-bottom:10px}.kicker{margin-bottom:10px}h1{font-size:clamp(46px,4.3vw,60px);margin-bottom:14px}.description{font-size:10px;line-height:1.7;margin-bottom:12px}.primary{min-height:42px;padding:12px 18px}.controlDock{bottom:137px}.fleetPanel{padding-top:10px;padding-bottom:8px}}


/* Navy and champagne typography with foreground depth */

.hero{--depth-x:0;--depth-y:0;color:#122440}.editorial{top:22%;width:46%;max-width:700px;transform:perspective(1200px) rotateY(calc(var(--depth-x)*-2deg)) translate3d(calc(var(--depth-x)*-18px),calc(var(--depth-y)*-10px),0);transform-style:preserve-3d}.eyebrow{color:#152c48}.kicker{color:#956522;letter-spacing:2.8px}h1{font-family:'Plus Jakarta Sans',Manrope,sans-serif;font-size:clamp(50px,4.2vw,70px);font-weight:800;letter-spacing:-2.8px;line-height:1.08;color:#102140;text-shadow:0 1px 0 #e3e8ed,0 3px 0 #9baab833,0 10px 28px #142b4820;margin-bottom:24px;transform:translateZ(35px)}h1 .titleLine{display:block;max-width:620px}h1 em{display:block;font-family:Caveat,cursive;font-size:1.22em;font-weight:700;letter-spacing:-1px;line-height:1.03;color:#b27b2d;text-shadow:0 1px 0 #fff2d5,0 3px 0 #8e602020,0 10px 22px #6b42171f;transform:translateZ(55px);margin-top:7px}.description{font-size:12px;color:#344a63;max-width:345px}.primary{background:linear-gradient(140deg,#172d52,#283f6c);border:1px solid #456086;color:#fff;font-weight:700;box-shadow:0 8px 0 #10223e13,0 14px 30px #10223e24}.secondary{color:#1c3658;font-weight:700}.nav{background:#f5f7f5b8;border-color:#ffffff8f}.navBook{background:#192e50;font-weight:600}.brand{color:#142c46}.nav nav button{color:#2c4360}.fleetCaption{top:auto;bottom:19%;right:10%;color:#172d4d;background:#f6f6ece0;border:1px solid #fff9;border-radius:12px;padding:10px 16px;text-align:left;backdrop-filter:blur(16px);box-shadow:0 10px 30px #14223626}.fleetCaption strong{font-size:13px;font-weight:800}.fleetCaption span{font-size:6px;color:#8b6229}.journeyTag{display:none}.controlDock{bottom:44px}.slideNav{background:#f7f9f3ce;border-radius:16px}.slideNav button{color:#607087}.slideNav .selected{color:#102f55}.slideNav i{background:#b78a42}.playback button{color:#193359}.depthWord{position:absolute;z-index:3;left:7%;top:15%;font:800 clamp(80px,12vw,190px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #fff8;opacity:.44;pointer-events:none;transform:translate3d(calc(var(--depth-x)*-6px),calc(var(--depth-y)*-4px),0)}.veil{background:linear-gradient(90deg,#eef2f7ef 0%,#eef2f7ad 30%,#eef2f730 49%,transparent 70%),linear-gradient(0deg,#071d2840,transparent 24%)}.demoFlag{bottom:15px;color:#dce7ee}.micro{color:#536679}
@media(min-width:651px) and (max-height:750px){.editorial{top:21%}h1{font-size:clamp(46px,3.8vw,62px);margin-bottom:20px}.eyebrow{margin-bottom:20px}.description{margin-bottom:20px}.controlDock{bottom:38px}.fleetCaption{bottom:21%}}
@media(max-width:650px){.hero{height:100svh}.editorial{top:91px;left:24px;width:calc(100% - 48px);transform:perspective(1000px) translate3d(calc(var(--depth-x)*-8px),0,0)}.eyebrow{font-size:7px;margin-bottom:17px}.kicker{font-size:7px;margin-bottom:11px}h1{font-size:clamp(34px,4.7svh,43px);letter-spacing:-1.5px;line-height:1.12;margin-bottom:17px}h1 em{font-size:1.25em;margin-top:7px;letter-spacing:-.7px}.description{font-size:11px;line-height:1.75;margin-bottom:17px}.primary{font-size:9px;min-height:44px;padding:12px 16px}.secondary{font-size:9px}.fleetCaption{top:auto;bottom:16%;right:22px;padding:8px 12px;border-radius:10px}.fleetCaption strong{font-size:11px}.fleetCaption span{font-size:6px}.controlDock{bottom:38px;left:18px;right:18px;gap:9px}.playback button{width:38px;height:38px}.slideNav button{font-size:7px;min-height:40px}.depthWord{top:11%;left:20px;font-size:69px;letter-spacing:-4px;opacity:.34}.veil{background:linear-gradient(180deg,#eef2f7f2 0%,#eef2f7d9 33%,#eef2f755 48%,transparent 61%),linear-gradient(0deg,#071d2870,transparent 23%)}.demoFlag{bottom:12px;font-size:5px;color:#dce7ee}}
@media(max-width:650px) and (max-height:720px){.editorial{top:79px}.eyebrow{margin-bottom:12px}h1{font-size:33px;margin-bottom:12px}.description{font-size:10px;line-height:1.6;margin-bottom:13px}.primary{min-height:40px}.fleetCaption{bottom:17%;padding:7px 11px}.controlDock{bottom:32px}.depthWord{top:11%;font-size:63px}}

@media(min-width:651px){.fleetCaption{top:40%;bottom:auto;right:12%;transform:translate3d(calc(var(--depth-x)*12px),calc(var(--depth-y)*8px),0)}}
@media(max-width:650px) and (max-height:720px){.fleetCaption{bottom:14%;padding:7px 11px}.fleetCaption span{display:none}.fleetCaption strong{margin:0;font-size:10px}.controlDock{bottom:26px}}