@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Inter:ital,wght@0,700;1,800&display=swap');:root{--lime:#d8ff35;--ink:#090b0e;--soft:#11151a;--text:#f5f6f8;--muted:#9299a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:DM Sans;overflow-x:hidden}a{color:inherit;text-decoration:none}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--lime);z-index:30}header{height:78px;padding:0 4vw;display:flex;align-items:center;position:absolute;inset:0 0 auto;z-index:10}.logo{font:800 italic 24px Inter;letter-spacing:-.08em}.logo i{color:var(--lime)}nav{display:flex;gap:34px;margin:auto;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#a5abb3}.head-book{background:var(--lime);color:var(--ink);padding:13px 18px;font-size:11px;font-weight:700;text-transform:uppercase}.menu{display:none}.hero{height:850px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 72% 42%,#27303b 0,#0b0e12 38%,#090b0e 65%)}.hero-copy{padding-left:6vw;width:54%;z-index:3}.hero-copy>span,.section-title>span,.route-copy>span,.service>span,.final-inner>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}h1{font:800 italic clamp(65px,9vw,125px)/.8 Inter;letter-spacing:-.08em;text-transform:uppercase;margin:32px 0}h1 em{display:block;color:transparent;-webkit-text-stroke:1px #fff}.hero-copy p{max-width:410px;color:var(--muted);line-height:1.7}.hero-copy>a{display:inline-flex;gap:30px;border-bottom:1px solid var(--lime);padding-bottom:8px;margin-top:22px;color:var(--lime);font-size:11px;text-transform:uppercase}.car-wrap{position:absolute;right:-4%;top:22%;width:59%;z-index:2;transform:translateX(15%);opacity:0;animation:carIn 1.2s .3s cubic-bezier(.2,.8,.2,1) forwards}.car-wrap img{width:100%;mix-blend-mode:screen;filter:drop-shadow(0 35px 30px #000)}.halo{position:absolute;width:65%;aspect-ratio:1;border:1px solid #d8ff3533;border-radius:50%;left:18%;top:-8%;animation:pulse 4s ease-in-out infinite}.model{position:absolute;right:8%;top:-10%;font-size:10px;letter-spacing:.17em}.specs{display:flex;justify-content:flex-end;gap:30px;margin-right:8%}.specs b{display:block;font-size:20px}.specs small{color:#737a84;text-transform:uppercase;font-size:8px}.road{position:absolute;right:-10%;bottom:14%;width:70%;height:120px;background:repeating-linear-gradient(90deg,transparent 0 70px,#242930 70px 120px);clip-path:polygon(0 20%,100% 0,90% 100%,10% 100%);opacity:.28;transform:rotate(-5deg)}.quick-book{position:relative;margin:-55px 4vw 0;background:#f4f5f6;color:#111;z-index:5;display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr auto;padding:16px}.quick-book label{font-size:9px;text-transform:uppercase;color:#6d7278;padding:5px 18px;border-right:1px solid #ccc}.quick-book select,.quick-book input{display:block;border:0;background:none;width:100%;font:500 14px DM Sans;margin-top:8px}.estimate{padding:5px 22px}.estimate small{display:block;color:#777}.estimate b{font-size:24px}.quick-book button{border:0;background:var(--lime);padding:0 28px;font-weight:700}.fleet{padding:140px 6vw 120px}.section-title{display:grid;grid-template-columns:150px 1fr auto;align-items:end}.section-title h2,.route-copy h2,.service h2,.final-inner h2{font:800 italic clamp(55px,7vw,95px)/.85 Inter;text-transform:uppercase;letter-spacing:-.07em;margin:20px 0}.fleet-controls{display:flex;align-items:center;gap:18px}.fleet-controls button{border:1px solid #454b53;background:none;color:#fff;width:45px;height:45px}.fleet-controls b{font-size:14px}.fleet-controls i{color:var(--lime);font-style:normal}.fleet-stage{position:relative;height:560px;margin-top:45px}.vehicle{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;opacity:0;transform:translateX(12%);pointer-events:none;transition:opacity .65s,transform .65s}.vehicle.active{opacity:1;transform:none;pointer-events:auto}.vehicle>small{position:absolute;left:0;top:60px;color:var(--lime);text-transform:uppercase;letter-spacing:.15em}.vehicle h3{font:800 italic 75px Inter;text-transform:uppercase;grid-column:1;letter-spacing:-.06em}.vehicle img{width:100%;grid-column:2;grid-row:1/5;mix-blend-mode:screen}.vehicle>div{display:flex;gap:9px}.vehicle>div span{border:1px solid #394049;padding:8px 11px;font-size:10px}.vehicle>b{font-size:25px;margin-top:25px}.vehicle>b small{font-size:11px;color:#777}.journey{min-height:780px;display:grid;grid-template-columns:1.3fr .7fr;background:#e8e9e4;color:#111}.route-image{position:relative;overflow:hidden}.route-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s linear}.route-line{position:absolute;inset:0}.route-line:before{content:'';position:absolute;left:20%;top:70%;width:55%;height:2px;background:var(--lime);transform:rotate(-16deg);transform-origin:left}.route-line i{position:absolute;width:13px;height:13px;border:3px solid #111;background:var(--lime);border-radius:50%}.route-line i:nth-child(1){left:20%;top:69%}.route-line i:nth-child(2){left:45%;top:56%}.route-line i:nth-child(3){left:72%;top:40%}.route-copy{padding:110px 5vw;display:flex;flex-direction:column;justify-content:center}.route-copy h2{font-size:65px}.route-copy p{line-height:1.7;color:#62676a}.route-stops{display:flex;flex-direction:column;margin:28px 0}.route-stops button{text-align:left;border:0;border-bottom:1px solid #bbb;background:none;padding:16px 0;font:600 16px DM Sans}.route-stops .active{color:#798f00;padding-left:18px}.service{padding:130px 6vw}.service h2{max-width:1000px}.service>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-left:1px solid #343a42}.service article{padding:35px;border-block:1px solid #343a42;border-right:1px solid #343a42;min-height:300px}.service article>b{color:var(--lime)}.service h3{font:700 22px Inter;text-transform:uppercase;margin-top:90px}.service p{color:#888f98;line-height:1.6}.final-book{background:var(--lime);color:#0b0d10;overflow:hidden}.marquee{font:800 italic 85px Inter;white-space:nowrap;border-bottom:1px solid #111;padding:20px 0}.marquee span{display:block;animation:marquee 16s linear infinite}.final-inner{padding:100px 7vw}.final-inner>span{color:#111}.final-inner h2{font-size:85px}.final-inner a{display:inline-block;background:#111;color:#fff;padding:17px 22px}footer{display:flex;justify-content:space-between;padding:40px 5vw;color:#888}.toast{position:fixed;right:20px;bottom:20px;background:var(--lime);color:#111;padding:16px;z-index:40;transform:translateY(100px);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes carIn{to{transform:none;opacity:1}}@keyframes pulse{50%{transform:scale(1.06);opacity:.4}}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:850px){header{padding:0 22px}.menu{display:block;margin-left:auto;background:none;border:0;color:white}.head-book{display:none}nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:#181c22;padding:25px;flex-direction:column}.hero{height:900px;align-items:flex-start}.hero-copy{width:100%;padding:130px 24px}.car-wrap{width:110%;right:-25%;top:55%}.specs{display:none}.quick-book{grid-template-columns:1fr;margin:-30px 20px 0}.quick-book label{border-right:0;border-bottom:1px solid #ddd;padding:14px}.estimate{padding:14px}.quick-book button{padding:18px}.section-title{grid-template-columns:1fr}.fleet-controls{margin-top:20px}.fleet-stage{height:470px}.vehicle{grid-template-columns:1fr}.vehicle h3{font-size:52px}.vehicle img{grid-column:1;grid-row:auto}.journey{grid-template-columns:1fr}.route-image{min-height:500px}.service>div{grid-template-columns:1fr}.final-inner h2{font-size:58px}footer{flex-direction:column;gap:13px}}

/* Canva Concept A — cinematic road and telemetry direction */
:root{--lime:#ff9a43;--teal:#44d7c8}.hero{background:linear-gradient(90deg,#050709ed 0,#071012c9 42%,#0710126e 70%,#050709b5),url('assets/coastal-route.png') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#050709 100%);z-index:1;pointer-events:none}.hero-copy{position:relative}.hero-copy>span{color:var(--teal)}h1 em{-webkit-text-stroke:1px var(--teal)}.hero-copy>a{color:var(--teal);border-color:var(--teal)}.car-wrap{top:29%;right:-1%;width:55%;filter:hue-rotate(115deg) saturate(.72)}.car-wrap img{mix-blend-mode:screen}.halo{border-color:#ff9a4366}.telemetry{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.42}.telemetry path{fill:none;stroke:var(--lime);stroke-width:1.5;stroke-dasharray:9 12;stroke-dashoffset:240;animation:telemetryFlow 13s linear infinite}.telemetry path+path{stroke:var(--teal);animation-duration:18s}.quick-book{background:#e7ecebbd;backdrop-filter:blur(18px);box-shadow:0 24px 70px #0005}.quick-book button{background:#0c2422;color:#fff}.fleet{background:linear-gradient(180deg,#080b0e,#10191a)}.vehicle img{filter:hue-rotate(110deg) saturate(.7)}.fleet-controls i,.vehicle>small{color:var(--teal)}.journey{background:#d8d5ca}.route-line:before{background:var(--lime)}.route-line i{background:var(--teal)}.final-book{background:#0c2422;color:#f4f6f8}.final-book .marquee{border-color:#ffffff2a;color:var(--teal)}.final-inner>span{color:var(--lime)}.final-inner a{background:var(--lime);color:#111}@keyframes telemetryFlow{to{stroke-dashoffset:0}}@media(max-width:850px){.car-wrap{top:58%;width:105%}.telemetry{opacity:.25}}@media(prefers-reduced-motion:reduce){.telemetry path{animation:none}}