@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;600&display=swap');

:root {
  --bg: #08090b;
  --panel: #111317;
  --panel-2: #17191d;
  --ink: #f3f1ec;
  --muted: #9a9da4;
  --line: rgba(255,255,255,.12);
  --red: #d83a3a;
  --red-dark: #8d181d;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:80; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.site-header { position:fixed; z-index:70; top:0; left:0; right:0; height:78px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 4vw; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(to bottom,rgba(8,9,11,.95),rgba(8,9,11,.62),transparent); backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; gap:12px; width:max-content; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; background:var(--red); font-weight:900; font-style:italic; border-radius:2px; transform:skew(-6deg); }
.brand-copy { display:grid; line-height:1; gap:4px; }
.brand-copy strong { letter-spacing:.15em; font-size:14px; }
.brand-copy small { font:500 8px/1 Roboto Mono,monospace; letter-spacing:.16em; color:var(--muted); }
nav { display:flex; gap:34px; font:500 11px/1 Roboto Mono,monospace; letter-spacing:.16em; text-transform:uppercase; }
nav a { color:#bbbcc0; transition:.2s ease; }
nav a:hover { color:white; }
.header-call { justify-self:end; font:600 11px/1 Roboto Mono,monospace; letter-spacing:.08em; }
.header-call span { color:var(--red); margin-right:8px; }
.story { position:relative; }
.story-sequence { position:relative; z-index:5; margin-top:-100vh; }
.model-stage { position:sticky; top:0; height:100vh; width:100%; overflow:hidden; z-index:2; background:radial-gradient(circle at 57% 47%, #25282d 0, #111318 28%, #08090b 67%); }
#truck-canvas { width:100%; height:100%; display:block; position:absolute; inset:0; z-index:2; }
.ground-grid { position:absolute; z-index:1; width:180vw; height:70vh; left:-40vw; bottom:-33vh; opacity:.16; transform:perspective(700px) rotateX(67deg); transform-origin:center top; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,transparent,#000 28%,transparent 88%); }
.loader { position:absolute; inset:0; z-index:8; display:grid; place-content:center; justify-items:center; gap:20px; background:#08090b; transition:opacity .7s ease,visibility .7s ease; }
.loader.hidden { opacity:0; visibility:hidden; }
.loader-ring { width:52px; height:52px; border:1px solid rgba(255,255,255,.15); border-top-color:var(--red); border-radius:50%; animation:spin 1s linear infinite; }
.loader p { font:500 10px/1 Roboto Mono,monospace; letter-spacing:.18em; color:#aaa; text-transform:uppercase; }
@keyframes spin { to{ transform:rotate(360deg); } }
.telemetry { position:absolute; z-index:4; bottom:34px; font:500 9px/1 Roboto Mono,monospace; letter-spacing:.16em; color:rgba(255,255,255,.45); }
.telemetry-left { left:4vw; }
.telemetry-right { right:4vw; }
.live-dot { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#54d378; box-shadow:0 0 16px #54d378; }
.chapter { position:relative; z-index:5; min-height:100vh; margin-top:0; pointer-events:none; display:flex; align-items:center; padding:11vh 7vw; }
.chapter > * { pointer-events:auto; }
.hero { min-height:100vh; align-items:flex-start; padding-top:21vh; }
.eyebrow,.index,.dispatch-kicker { font:600 10px/1.4 Roboto Mono,monospace; letter-spacing:.18em; color:#d65b5b; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
.hero h1 { max-width:850px; margin:24px 0 26px; font-size:clamp(54px,7vw,116px); line-height:.84; letter-spacing:-.055em; font-weight:900; }
.hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.55); }
.lead { max-width:560px; color:#a9abb0; line-height:1.75; font-size:15px; }
.hero-actions { display:flex; gap:12px; margin-top:30px; }
.btn { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding:0 24px; border:1px solid var(--line); font:700 11px/1 Roboto Mono,monospace; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; transition:.2s ease; }
.btn.primary { background:var(--red); border-color:var(--red); color:white; }
.btn.primary:hover { background:#ef4a4a; transform:translateY(-2px); }
.btn.ghost:hover { background:white; color:#111; }
.scroll-cue { position:absolute; left:7vw; top:77vh; color:#70737a; font:500 9px/1 Roboto Mono,monospace; letter-spacing:.16em; }
.scroll-cue span { display:inline-block; width:34px; height:1px; vertical-align:middle; margin-right:10px; background:#55585e; }
.chapter-card { width:min(460px,38vw); padding:34px; border:1px solid rgba(255,255,255,.13); background:rgba(10,11,14,.58); backdrop-filter:blur(14px); box-shadow:0 24px 90px rgba(0,0,0,.24); }
.chapter-card h2 { font-size:clamp(42px,4vw,68px); line-height:.9; letter-spacing:-.05em; margin:18px 0; }
.chapter-card p { color:#a9abb1; line-height:1.65; }
.left-card { margin-right:auto; }
.right-card { margin-left:auto; }
.chip-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.chip-row span { border:1px solid rgba(255,255,255,.16); padding:9px 11px; font:500 9px/1 Roboto Mono,monospace; color:#c7c8cc; text-transform:uppercase; letter-spacing:.08em; }
.metric { margin-top:28px; padding-top:25px; border-top:1px solid var(--line); display:flex; align-items:end; gap:16px; }
.metric strong { font-size:52px; line-height:.8; color:var(--red); }
.metric span { font:500 9px/1.3 Roboto Mono,monospace; letter-spacing:.13em; text-transform:uppercase; color:#868990; }
.compact { width:min(560px,43vw); }
.why { min-height:110vh; align-items:flex-start; justify-content:space-between; padding-top:18vh; }
.why-copy { width:42vw; }
.why-copy h2 { font-size:clamp(65px,8vw,128px); line-height:.79; letter-spacing:-.06em; margin:24px 0; }
.why-copy > p { max-width:420px; color:#a0a2a7; line-height:1.7; }
.benefit-grid { width:42vw; display:grid; grid-template-columns:1fr 1fr; align-self:flex-end; margin-bottom:13vh; }
.benefit-grid > div { min-height:190px; border:1px solid var(--line); padding:26px; margin:-1px 0 0 -1px; background:rgba(8,9,11,.58); backdrop-filter:blur(10px); }
.benefit-grid span { color:var(--red); font-size:20px; }
.benefit-grid h3 { margin:36px 0 8px; font-size:16px; }
.benefit-grid p { color:#888b91; font-size:12px; line-height:1.6; }
.dispatch-story { min-height:110vh; display:block; padding-top:18vh; }
.dispatch-story h2 { margin:20px 0; font-size:clamp(70px,9.7vw,154px); line-height:.79; letter-spacing:-.065em; max-width:1100px; }
.dispatch-story h2 span { color:var(--red); }
.dispatch-story p { color:#92949a; font:500 11px/1.6 Roboto Mono,monospace; letter-spacing:.08em; }
.dispatch-section { position:relative; z-index:10; padding:120px 7vw; background:#eeece6; color:#111317; }
.dispatch-panel { width:min(1250px,100%); margin:auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; }
.status { font:700 10px/1 Roboto Mono,monospace; letter-spacing:.16em; }
.status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#20a45c; margin-right:8px; box-shadow:0 0 12px rgba(32,164,92,.5); }
.dispatch-heading h2 { font-size:clamp(66px,8vw,120px); line-height:.8; letter-spacing:-.06em; margin:30px 0; }
.dispatch-heading p { max-width:460px; color:#606269; line-height:1.7; }
.phone-big { display:inline-block; margin-top:28px; font-weight:800; font-size:26px; border-bottom:2px solid var(--red); }
form { display:grid; gap:24px; align-content:start; }
label { display:grid; gap:10px; text-transform:uppercase; font:700 9px/1 Roboto Mono,monospace; letter-spacing:.16em; color:#64666b; }
label span { font-weight:400; color:#989a9e; }
input,textarea { border:0; border-bottom:1px solid #b9bab8; background:transparent; padding:11px 2px 15px; outline:none; color:#111317; font:500 17px/1.4 Inter,sans-serif; resize:vertical; }
input:focus,textarea:focus { border-color:var(--red); }
.submit { width:100%; border:0; margin-top:8px; }
.form-note { color:#7c7e82; font-size:11px; line-height:1.5; }
.contact-strip { position:relative; z-index:10; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#25272c; }
.contact-strip > div { min-height:160px; padding:40px 7vw 35px; background:#101216; }
.contact-strip span { display:block; margin-bottom:18px; font:600 9px/1 Roboto Mono,monospace; letter-spacing:.15em; color:#71747a; }
.contact-strip a,.contact-strip p { margin:0; font-size:14px; color:#e3e3e1; }
footer { position:relative; z-index:10; min-height:220px; padding:55px 7vw; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:40px; border-top:1px solid #1c1e22; background:#08090b; color:#74777d; font:500 10px/1.5 Roboto Mono,monospace; }
.floating-call { position:fixed; z-index:60; right:24px; bottom:24px; min-width:150px; height:50px; padding:0 18px; display:flex; justify-content:space-between; align-items:center; gap:18px; background:var(--red); color:white; font:700 10px/1 Roboto Mono,monospace; letter-spacing:.14em; box-shadow:0 16px 40px rgba(0,0,0,.35); }
.floating-call span { font-size:17px; }
@media (max-width: 900px) {
  .site-header { grid-template-columns:1fr auto; height:68px; padding:0 20px; }
  nav { display:none; }
  .header-call { font-size:0; }
  .header-call span { font-size:10px; }
  .header-call span::after { content:' CALL'; }
  .telemetry { bottom:80px; }
  .chapter { padding-left:22px; padding-right:22px; }
  .hero { padding-top:17vh; }
  .hero h1 { max-width:94vw; font-size:clamp(48px,15vw,82px); }
  .lead { max-width:88vw; }
  .scroll-cue { left:22px; top:80vh; }
  .chapter-card,.compact { width:min(88vw,440px); padding:25px; }
  .right-card { margin-left:auto; margin-right:0; }
  .chapter-card h2 { font-size:clamp(38px,11vw,58px); }
  .why { min-height:125vh; flex-direction:column; justify-content:flex-start; gap:60px; padding-top:16vh; }
  .why-copy,.benefit-grid { width:100%; }
  .why-copy h2 { font-size:clamp(68px,19vw,110px); }
  .benefit-grid { margin-top:auto; grid-template-columns:1fr 1fr; }
  .benefit-grid > div { min-height:165px; padding:20px; }
  .benefit-grid h3 { margin-top:25px; }
  .dispatch-story h2 { font-size:clamp(58px,17vw,100px); }
  .dispatch-panel { grid-template-columns:1fr; gap:70px; }
  .contact-strip { grid-template-columns:1fr; }
  .contact-strip > div { min-height:auto; padding:28px 22px; }
  footer { grid-template-columns:1fr; gap:22px; padding:45px 22px 100px; }
  .floating-call { right:16px; bottom:16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Forge production branding */
.brand-logo{display:block;width:92px;height:58px;object-fit:contain;object-position:center;background:#000;border-radius:4px}
.footer-logo{width:120px;height:78px}
.credentials-strip{position:relative;z-index:10;display:grid;grid-template-columns:1.1fr .7fr .7fr 1.6fr 1fr;background:#0c0d10;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.credentials-strip>div{padding:26px 28px;border-right:1px solid var(--line);min-height:110px;display:flex;flex-direction:column;justify-content:center}
.credentials-strip span{font:600 8px/1.2 Roboto Mono,monospace;letter-spacing:.16em;color:#74777d;margin-bottom:10px}
.credentials-strip strong,.credentials-strip a{font:700 14px/1.35 Inter,sans-serif;color:#f3f1ec}
.credentials-strip a{color:#e64a4a}
.brand-proof{position:relative;z-index:10;display:grid;grid-template-columns:.8fr 1.2fr;min-height:760px;background:#08090b;border-bottom:1px solid var(--line);overflow:hidden}
.brand-proof-copy{padding:110px 7vw;display:flex;flex-direction:column;justify-content:center}
.brand-proof-copy h2{font-size:clamp(52px,6vw,96px);line-height:.84;letter-spacing:-.055em;margin:22px 0 28px}
.brand-proof-copy h2 span{color:var(--red)}
.brand-proof-copy p{max-width:520px;color:#9a9da4;line-height:1.7}
.proof-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.brand-board-wrap{min-height:760px;position:relative;background:#000;display:flex;align-items:center;justify-content:center;padding:40px}
.brand-board-wrap:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(216,58,58,.18),transparent 58%);pointer-events:none}
.brand-board-wrap img{position:relative;z-index:1;width:100%;height:100%;max-height:680px;object-fit:contain;filter:saturate(1.08) contrast(1.03);box-shadow:0 35px 100px rgba(0,0,0,.45)}
@media(max-width:900px){.brand-logo{width:72px;height:48px}.credentials-strip{grid-template-columns:1fr 1fr}.credentials-strip>div{min-height:90px;padding:20px}.credentials-strip>div:nth-child(4),.credentials-strip>div:nth-child(5){grid-column:1/-1}.brand-proof{grid-template-columns:1fr;min-height:0}.brand-proof-copy{padding:90px 22px 55px}.brand-board-wrap{min-height:420px;padding:18px}.brand-board-wrap img{max-height:540px}.proof-actions{flex-direction:column}.proof-actions .btn{width:100%}}

.truck-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;opacity:.10;transition:opacity .6s ease}.truck-fallback img{width:min(44vw,620px);max-height:50vh;object-fit:contain;filter:grayscale(1) contrast(1.15)}.truck-fallback.loaded{opacity:0}.loader p{text-align:center;line-height:1.8}.loader p strong{color:#fff;font-size:11px}.loader.error{background:rgba(8,9,11,.96)}

.file-warning{position:fixed;inset:0;z-index:9999;background:#08090b;color:#f3f1ec;display:none;place-items:center;padding:28px;text-align:center}.file-warning.show{display:grid}.file-warning-inner{max-width:720px;border:1px solid rgba(255,255,255,.14);padding:40px;background:#111317}.file-warning h2{font-size:clamp(34px,5vw,62px);line-height:.95;letter-spacing:-.04em;margin:0 0 20px}.file-warning p{color:#a9abb1;line-height:1.7}.file-warning code{display:block;margin:18px 0;padding:14px;background:#050607;border:1px solid rgba(255,255,255,.1);color:#fff;white-space:pre-wrap;text-align:left}.file-warning strong{color:#e44848}

/* V5 recovery choreography */
.pickup { min-height:125vh; align-items:center; }
.pickup-card { margin-top:4vh; background:rgba(9,10,13,.72); }
.pickup-card h2 { font-size:clamp(46px,4.7vw,78px); }
.pickup-status { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); font:600 9px/1 Roboto Mono,monospace; letter-spacing:.15em; color:#a4a7ac; }
.pickup-status span { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--red); box-shadow:0 0 16px rgba(216,58,58,.75); animation:recoveryPulse 1.5s ease-in-out infinite; }
@keyframes recoveryPulse { 50% { opacity:.35; transform:scale(.72); } }
@media(max-width:900px){ .pickup { min-height:135vh; align-items:flex-start; padding-top:18vh; } .pickup-card { margin-left:auto; } }

/* V8 header branding */
.site-header{height:94px;padding:0 3.5vw;grid-template-columns:1.25fr auto 1fr}
.site-header .brand{gap:16px}
.site-header .brand-logo{width:132px;height:78px;border-radius:5px}
.header-company{display:flex;flex-direction:column;gap:5px;white-space:nowrap;line-height:1}
.header-company strong{font-size:17px;font-weight:900;letter-spacing:.105em}
.header-company small{font:600 9px/1 Roboto Mono,monospace;letter-spacing:.16em;color:#a9abb0}
@media(max-width:900px){.site-header{height:82px;padding:0 18px;grid-template-columns:1fr auto}.site-header .brand-logo{width:96px;height:62px}.header-company strong{font-size:13px}.header-company small{font-size:7px}.site-header nav{display:none}.header-call{font-size:9px}}
@media(max-width:560px){.site-header .brand{gap:9px}.site-header .brand-logo{width:78px;height:54px}.header-company strong{font-size:11px;letter-spacing:.06em}.header-company small{font-size:6px;letter-spacing:.08em}.header-call span{display:none}}

/* V9 — post-dispatch rolling story inspired by the supplied reference video */
.rolling-section{position:relative;padding:130px 5vw 110px;background:#090a0c;border-top:1px solid var(--line);overflow:hidden}
.rolling-shell{max-width:1320px;margin:0 auto}
.rolling-copy{width:min(760px,68vw);position:relative;z-index:3}
.rolling-copy h2{margin:18px 0 20px;font-size:clamp(54px,6.3vw,104px);line-height:.86;letter-spacing:-.065em;font-weight:900}
.rolling-copy h2 span{color:var(--ink)}
.rolling-copy p{max-width:590px;color:#a6a8ad;font-size:15px;line-height:1.7}
.rolling-visual{position:relative;margin-top:42px;height:520px;border:1px solid rgba(255,255,255,.11);overflow:hidden;background:#0d0f12}
.rolling-photo{display:none}
.road-scene{position:absolute;left:4%;right:4%;bottom:40px;height:118px;border-bottom:2px solid rgba(255,255,255,.40)}
.road-dashes{position:absolute;left:0;right:0;bottom:28px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.46) 0 35px,transparent 35px 76px)}
.mini-truck{position:absolute;left:0;bottom:30px;width:220px;color:#e33d3d;will-change:transform;transform:translate3d(-20%,0,0)}
.mini-truck svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.6))}
.mini-truck-fill{fill:rgba(222,54,54,.48)}
.truck-label{position:absolute;left:58%;top:48%;font:900 12px/1 Inter,sans-serif;color:#fff;letter-spacing:.08em;transform:translate(-50%,-50%) skew(-8deg)}
.route-start,.route-end{position:absolute;bottom:4px;display:flex;align-items:center;gap:8px;font:600 8px/1 Roboto Mono,monospace;letter-spacing:.14em;color:#aeb0b4}
.route-start{left:0}.route-end{right:0}.route-start i,.route-end i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 14px rgba(216,58,58,.65)}
.rolling-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}
.rolling-stats>div{padding:24px 26px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;border-right:1px solid var(--line)}
.rolling-stats>div:last-child{border-right:0}.rolling-stats span{grid-row:1/3;color:var(--red);font:600 10px/1 Roboto Mono,monospace;padding-top:4px}.rolling-stats strong{font-size:13px;letter-spacing:.08em}.rolling-stats small{font:500 9px/1.4 Roboto Mono,monospace;color:#8d9096;letter-spacing:.06em}
.roadside-after{padding:120px 5vw 130px;background:#0b0c0e;border-top:1px solid var(--line)}
.roadside-after>.index,.roadside-after>h2,.roadside-after-grid{max-width:1320px;margin-left:auto;margin-right:auto}.roadside-after h2{margin-top:18px;margin-bottom:52px;font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.055em}.roadside-after-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.roadside-after-grid>div{padding:28px 26px 14px 0;border-right:1px solid var(--line);margin-right:28px}.roadside-after-grid>div:last-child{border-right:0}.roadside-after-grid span{display:block;color:var(--red);font:600 9px/1 Roboto Mono,monospace;letter-spacing:.14em;margin-bottom:18px}.roadside-after-grid strong{font-size:17px}.roadside-after-grid p{color:#92959a;line-height:1.6;font-size:13px;max-width:330px}
@media(max-width:900px){.rolling-section{padding:95px 22px 80px}.rolling-copy{width:100%}.rolling-copy h2{font-size:clamp(45px,13vw,72px)}.rolling-visual{height:390px}.mini-truck{width:165px}.rolling-stats{grid-template-columns:1fr}.rolling-stats>div{border-right:0;border-bottom:1px solid var(--line)}.rolling-stats>div:last-child{border-bottom:0}.roadside-after{padding:90px 22px}.roadside-after-grid{grid-template-columns:1fr}.roadside-after-grid>div{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.roadside-after h2{font-size:clamp(42px,12vw,70px)}}

/* V10 — real GLB replaces the V9 background artwork and illustrated mini truck */
.rolling-3d{background:radial-gradient(circle at 50% 48%,rgba(180,24,24,.12),transparent 34%),#08090b;isolation:isolate}
#rolling-truck-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.rolling-3d:before{content:'';position:absolute;left:5%;right:5%;bottom:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24) 12%,rgba(255,255,255,.24) 88%,transparent);z-index:1}
.rolling-3d:after{content:'';position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));z-index:3;pointer-events:none}
.rolling-3d-label{position:absolute;bottom:8%;z-index:4;display:flex;gap:8px;align-items:center;color:#d7d8da;font:600 9px/1 Roboto Mono,monospace;letter-spacing:.12em}
.rolling-3d-label.left{left:4%}.rolling-3d-label.right{right:4%}
.rolling-3d-label i{width:7px;height:7px;border-radius:50%;background:var(--red);display:block}
.rolling-3d-label.right i{background:#fff}
@media(max-width:900px){#rolling-truck-canvas{height:100%}.rolling-3d-label{font-size:8px}}

/* V11 — stronger Forge header, emergency statement, pre-dispatch road, GPS dispatch */
.site-header{height:112px;padding:0 3vw;grid-template-columns:minmax(370px,1.35fr) auto minmax(360px,1fr);background:rgba(8,9,11,.88)}
.site-header .brand{gap:20px;min-width:0}
.site-header .brand-logo{width:162px;height:94px;object-fit:contain;background:#000;border-radius:6px}
.header-company strong{font-size:21px;letter-spacing:.075em;white-space:nowrap}
.header-company small{font-size:9px;letter-spacing:.16em;color:#aeb0b4}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.top-btn{height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);font:800 10px/1 Roboto Mono,monospace;letter-spacing:.105em;white-space:nowrap;transition:.2s ease}
.top-btn.request{background:var(--red);border-color:var(--red);color:#fff}
.top-btn.call{background:transparent;color:#fff}
.top-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.hero{padding-top:25vh}
.hero-statement{max-width:810px!important;margin-top:12px!important;color:#fff!important;line-height:1.1!important}
.hero-statement strong{display:block;font-size:clamp(25px,2.55vw,45px);font-weight:950;letter-spacing:-.025em}
.hero-statement span{display:block;margin-top:13px;max-width:760px;font-size:clamp(18px,1.55vw,26px);font-weight:800;line-height:1.25;color:#d4d5d7}

.pre-dispatch-road{padding:125px 5vw 85px;background:#07080a;overflow:hidden}
.road-heading{width:min(1180px,100%);margin:0 auto 36px}
.road-heading h2{margin:14px 0 12px;font-size:clamp(48px,6vw,94px);line-height:.88;letter-spacing:-.045em;font-weight:950}
.road-heading h2 span{color:var(--red)}
.road-heading p{max-width:620px;color:#aeb0b4;font-size:16px;line-height:1.6}
.pre-dispatch-road .rolling-visual{position:relative;width:min(1260px,100%);height:520px;margin:0 auto;border:1px solid rgba(255,255,255,.12);background:linear-gradient(to bottom,#101318 0%,#101318 57%,#111214 57%,#050607 100%);overflow:hidden}
.pre-dispatch-road .rolling-visual::before{content:"";position:absolute;left:0;right:0;top:57%;height:43%;background:linear-gradient(180deg,#191b1e 0%,#090a0b 75%);border-top:2px solid rgba(255,255,255,.2);z-index:0}
.pre-dispatch-road .rolling-visual::after{content:"";position:absolute;left:-10%;right:-10%;bottom:20%;height:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.72) 0 90px,transparent 90px 155px);opacity:.6;z-index:1}
.pre-dispatch-road canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.pre-dispatch-road .road-line{position:absolute;left:0;right:0;height:1px;background:rgba(229,55,55,.45);z-index:2}
.pre-dispatch-road .road-line-a{top:58%}.pre-dispatch-road .road-line-b{bottom:10%}
.pre-dispatch-road .rolling-3d-label{z-index:4}

.location-share-block{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:end;padding:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025)}
.location-label{font:700 10px/1 Roboto Mono,monospace;letter-spacing:.13em;text-transform:uppercase;color:#e8e8e8}
.location-btn{margin:0;background:#000;border:1px solid var(--red);color:#fff;min-width:210px}
.location-status{grid-column:1/-1;margin:3px 0 0!important;font-size:12px!important;color:#aeb0b4!important}
.location-status.success{color:#8ed69d!important}.location-status.error{color:#ff8b8b!important}
.form-status{min-height:18px;margin:0!important;font-size:12px!important;color:#c7c7c7!important}
.form-status.success{color:#8ed69d!important}.form-status.error{color:#ff8b8b!important}

@media(max-width:1100px){
  .site-header{grid-template-columns:1fr auto;height:96px}.site-header nav{display:none}.site-header .brand-logo{width:126px;height:76px}.header-company strong{font-size:16px}.header-actions{gap:7px}.top-btn{height:40px;padding:0 12px;font-size:9px}
}
@media(max-width:720px){
  .site-header{height:86px;padding:0 12px}.site-header .brand{gap:9px}.site-header .brand-logo{width:88px;height:62px}.header-company strong{font-size:11px;letter-spacing:.045em}.header-company small{font-size:6px}.header-actions{gap:5px}.top-btn{padding:0 8px;height:36px;font-size:7px;letter-spacing:.06em}.top-btn.request{max-width:98px;text-align:center}.hero{padding-top:20vh}.hero-statement strong{font-size:29px}.hero-statement span{font-size:18px}.pre-dispatch-road{padding:92px 18px 65px}.pre-dispatch-road .rolling-visual{height:330px}.location-share-block{grid-template-columns:1fr}.location-btn{width:100%;min-width:0}
}

/* V12 gallery update: replaces the old business-card/poster board with the four supplied Forge images */
.brand-gallery{min-height:760px;background:#000;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:28px;align-content:center}
.brand-gallery-item{margin:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#050607;min-height:280px}
.brand-gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:saturate(1.04) contrast(1.03)}
.brand-gallery-item:hover img{transform:scale(1.025);filter:saturate(1.1) contrast(1.05)}
@media(max-width:900px){.brand-gallery{min-height:0;grid-template-columns:1fr;padding:16px;gap:12px}.brand-gallery-item{min-height:240px}.brand-gallery-item img{aspect-ratio:auto;object-fit:contain;background:#000}}

/* V14 — mobile-first performance pass */
html{scroll-padding-top:96px}
.model-stage{height:100svh}
#truck-canvas,#rolling-truck-canvas{display:none}
body.desktop-3d #truck-canvas,
body.desktop-3d #rolling-truck-canvas{display:block}
body.lightweight-mode .loader{display:none}
body.desktop-3d .loader{display:grid}
.truck-sequence{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:0 0 12svh;pointer-events:none;transition:opacity .45s ease}
.truck-sequence img{width:min(920px,96vw);height:auto;max-width:none;filter:drop-shadow(0 32px 34px rgba(0,0,0,.48));will-change:transform}
body.live-3d-ready .truck-sequence,
body.live-3d-ready .rolling-truck-frame{opacity:0;visibility:hidden}
.rolling-truck-frame{position:absolute;z-index:3;left:50%;bottom:12%;width:min(720px,68vw);height:auto;max-width:none;filter:drop-shadow(0 26px 28px rgba(0,0,0,.5));will-change:transform;pointer-events:none}
.mobile-action-bar{display:none}
.brand-gallery-item{aspect-ratio:4/3}
.brand-gallery-item img{object-position:center}
.hero-location{
  display:grid;
  gap:8px;
  width:min(650px,100%);
  margin-bottom:18px;
  font-family:"Arial Black",Impact,Inter,system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
  color:#fff;
  text-shadow:0 14px 36px rgba(0,0,0,.46);
}
.hero-location span{
  display:block;
  color:#ff4b4b;
  font-size:clamp(34px,3.25vw,58px);
  font-weight:900;
  line-height:.94;
  letter-spacing:-.02em;
  -webkit-text-stroke:.45px currentColor;
  text-shadow:0 14px 36px rgba(0,0,0,.5);
}
.hero-location strong{
  display:block;
  color:#fff;
  font-size:clamp(56px,6vw,106px);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.035em;
  -webkit-text-stroke:.75px currentColor;
  text-shadow:0 14px 36px rgba(0,0,0,.54);
}

@media(max-width:760px){
  html{scroll-padding-top:132px}
  body{padding-bottom:74px}
  .site-header{right:auto;width:100%;max-width:100%;height:auto;min-height:118px;padding:9px 12px 10px;display:grid;grid-template-columns:1fr;gap:8px;background:rgba(8,9,11,.96);backdrop-filter:blur(10px);overflow:hidden}
  .site-header .brand{width:100%;gap:10px}
  .site-header .brand-logo{width:68px;height:50px}
  .header-company{min-width:0}
  .header-company strong{font-size:13px;letter-spacing:0;line-height:1.08;white-space:normal}
  .header-company small{font-size:7px;letter-spacing:.08em;line-height:1.25}
  .header-actions{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .top-btn{width:100%;height:40px;max-width:none!important;padding:0 8px;font-size:9px;letter-spacing:.06em}
  .top-btn.call{background:#f3f1ec;color:#111317;border-color:#f3f1ec}
  .story-sequence{margin-top:-100svh}
  .model-stage{background:radial-gradient(circle at 50% 60%,#25282d 0,#111318 34%,#08090b 70%)}
  .truck-sequence{padding-bottom:14svh;opacity:.92}
  .truck-sequence img{width:122vw;min-width:470px}
  .telemetry{display:none}
  .ground-grid{opacity:.12;bottom:-28vh}
  .chapter{min-height:78svh;padding:118px 18px 72px;flex-direction:column;align-items:flex-start}
  .hero{min-height:100svh;align-items:flex-start;padding-top:146px}
  .eyebrow,.index,.dispatch-kicker{font-size:9px;letter-spacing:.12em}
  .hero-location{gap:8px;width:100%;max-width:354px;margin-bottom:20px}
  .hero-location span{font-size:27px;line-height:.96;letter-spacing:-.025em}
  .hero-location strong{font-size:58px;line-height:.82;letter-spacing:-.04em}
  .hero h1{max-width:100%;font-size:43px;line-height:.9;letter-spacing:0;margin:16px 0 18px}
  .lead,.hero-statement{width:100%;max-width:100%!important}
  .hero-statement strong{font-size:25px;line-height:1.02;letter-spacing:0}
  .hero-statement span{font-size:17px;line-height:1.28}
  .scroll-cue{display:none}
  .chapter-card,.compact{width:100%;padding:22px;background:rgba(8,9,11,.74)}
  .chapter-card h2{font-size:38px;line-height:.95;letter-spacing:0}
  .why{min-height:auto;padding-top:92px;gap:28px}
  .why-copy h2{font-size:54px;line-height:.88;letter-spacing:0}
  .benefit-grid{grid-template-columns:1fr;margin-bottom:0}
  .benefit-grid>div{min-height:auto;padding:20px}
  .benefit-grid h3{margin-top:18px}
  .dispatch-story{min-height:auto;padding-top:96px}
  .dispatch-story h2{font-size:50px;line-height:.9;letter-spacing:0}
  .pre-dispatch-road{padding:78px 16px 56px}
  .road-heading h2{font-size:44px;line-height:.94;letter-spacing:0}
  .road-heading p{font-size:15px}
  .pre-dispatch-road .rolling-visual{height:310px;border-left:0;border-right:0}
  .rolling-truck-frame{width:480px;bottom:13%;left:50%}
  .rolling-3d-label{bottom:7%;font-size:7px;letter-spacing:.08em}
  .dispatch-section{padding:78px 18px;background:#f1efe8}
  .dispatch-panel{gap:34px}
  .dispatch-heading h2{font-size:56px;line-height:.86;letter-spacing:0;margin:20px 0}
  .dispatch-heading p{font-size:15px}
  .phone-big{font-size:24px;margin-top:16px}
  form{gap:20px}
  input,textarea{font-size:16px}
  .location-share-block{padding:16px;background:rgba(8,9,11,.04);border-color:#d6d2c8}
  .location-label{color:#23252a}
  .location-status,.form-status{color:#55585e!important}
  .credentials-strip{grid-template-columns:1fr}
  .credentials-strip>div{grid-column:auto!important;border-right:0;border-bottom:1px solid var(--line)}
  .brand-proof-copy{padding:76px 18px 44px}
  .brand-proof-copy h2{font-size:44px;line-height:.92;letter-spacing:0}
  .brand-gallery{padding:0;gap:0}
  .brand-gallery-item{min-height:0;aspect-ratio:4/3;border-left:0;border-right:0}
  .brand-gallery-item img{object-fit:cover}
  .contact-strip>div{padding:24px 18px}
  footer{padding:36px 18px 104px}
  .floating-call{display:none}
  .mobile-action-bar{position:fixed;z-index:90;left:0;right:auto;bottom:0;width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:8px;background:rgba(8,9,11,.94);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
  .mobile-action-bar a{height:52px;display:flex;align-items:center;justify-content:center;font:900 11px/1 Roboto Mono,monospace;letter-spacing:.08em;background:var(--red);color:#fff}
  .mobile-action-bar a:last-child{background:#f3f1ec;color:#111317}
}

@media(min-width:761px) and (max-width:1100px){
  .truck-sequence img{width:min(900px,104vw)}
  .site-header{grid-template-columns:1fr auto}
  .header-actions{justify-self:end}
}