
:root{
  --bg:#040404; --ink:#0b0b0b; --panel:#111; --panel2:#191919;
  --white:#fff; --muted:#c9c9c9; --red:#d71920; --red2:#ff2a32;
  --gold:#e9c46a; --line:rgba(255,255,255,.14);
  --shadow:0 32px 95px rgba(0,0,0,.38); --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.wrap{max-width:1240px;margin:auto;padding:0 20px}
.red{color:var(--red2)} .gold{color:var(--gold)}
.loader{position:fixed;inset:0;z-index:9999;background:#030303;display:grid;place-items:center;animation:loaderOut .9s ease 1.25s forwards}
.loader img{width:160px;filter:drop-shadow(0 0 28px rgba(215,25,32,.6));animation:logoPulse 1s infinite alternate}
@keyframes loaderOut{to{opacity:0;visibility:hidden}} @keyframes logoPulse{to{transform:scale(1.06)}}
.topbar{background:linear-gradient(90deg,#560004,#111,#560004);border-bottom:1px solid var(--line);padding:10px 18px;text-align:center;font-size:13px;font-weight:800;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.nav{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.navin{max-width:1240px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;text-transform:uppercase;letter-spacing:.4px}
.brand img{width:78px;height:60px;object-fit:contain}
.menu{display:flex;gap:20px;font-size:12px;font-weight:950;letter-spacing:.8px;text-transform:uppercase}
.menu a:hover{color:var(--red2)}
.nav-actions{display:flex;gap:10px}
.hamb{display:none;font-size:30px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:999px;border:1px solid transparent;font-weight:950;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:.25s}
.btn-red{background:linear-gradient(135deg,var(--red2),#8b0006);box-shadow:0 16px 42px rgba(215,25,32,.35)}
.btn-red:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(215,25,32,.48)}
.btn-dark{background:rgba(255,255,255,.075);border-color:var(--line)}
.btn-dark:hover{background:#fff;color:#111}
.hero{min-height:92vh;display:flex;align-items:center;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.68),rgba(0,0,0,.15)),url("../assets/hero-van-tech.jpg") center/cover no-repeat;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 26%,rgba(215,25,32,.24),transparent 29%),linear-gradient(180deg,transparent 72%,#040404);z-index:-1}
.hero:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-10vw;top:12vh;animation:spin 24s linear infinite;z-index:-1}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-content{max-width:735px;padding:78px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(215,25,32,.16);border:1px solid rgba(215,25,32,.48);padding:9px 14px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}
.hero h1{font-size:clamp(46px,8vw,104px);line-height:.88;margin:20px 0;text-transform:uppercase;letter-spacing:-3px}
.hero p{font-size:clamp(17px,2vw,22px);line-height:1.58;color:#f0f0f0;font-weight:650;max-width:650px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;max-width:860px}
.trust div{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:18px;padding:15px;backdrop-filter:blur(12px)}
.trust b{display:block;font-size:18px}.trust small{color:#ddd}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0a}
.marquee div{white-space:nowrap;animation:marq 28s linear infinite;padding:15px 0;font-weight:950;text-transform:uppercase;letter-spacing:1px}
.marquee span{margin:0 28px;color:#ddd}.marquee b{color:var(--red2)}
@keyframes marq{to{transform:translateX(-50%)}}
.section{padding:88px 0}.white{background:#fff;color:#111}
.title{text-align:center;margin-bottom:42px}.title h2{font-size:clamp(33px,5vw,62px);line-height:.96;margin:12px 0;text-transform:uppercase;letter-spacing:-1.7px}
.lead{font-size:18px;line-height:1.7;color:#555;max-width:790px;margin:auto}.darklead{color:#cfcfcf}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:linear-gradient(180deg,#1a1a1a,#090909);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.25s}
.card:before{content:"";position:absolute;right:-85px;top:-85px;width:180px;height:180px;background:radial-gradient(circle,rgba(215,25,32,.24),transparent 70%)}
.card:hover{transform:translateY(-7px)}
.card i{font-style:normal;font-size:34px}.card h3{text-transform:uppercase;margin:13px 0 8px}.card p,.card li{color:#d6d6d6;line-height:1.58}
.vehicles{display:grid;grid-template-columns:repeat(8,1fr);gap:11px}
.vehicle{background:#111;border:1px solid var(--line);border-radius:18px;text-align:center;padding:17px 8px;font-weight:950}
.vehicle span{font-size:27px;display:block;margin-bottom:7px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.panel{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.panel img{border-radius:22px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}
.check{font-weight:850;line-height:1.55}.check:before{content:"✓";color:var(--red2);font-weight:950;margin-right:9px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}
.step{background:#fff;color:#111;border-radius:24px;padding:24px;border:1px solid #eee;box-shadow:0 18px 50px rgba(0,0,0,.09);position:relative}
.step:before{counter-increment:step;content:"0"counter(step);display:inline-grid;place-items:center;width:48px;height:48px;background:#111;color:#fff;border-radius:50%;font-weight:950;margin-bottom:14px}
.step h3{text-transform:uppercase;margin:0 0 8px}.step p{color:#555;line-height:1.55}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.price{background:#fff;color:#111;border:2px solid #ececec;border-radius:26px;padding:24px;box-shadow:0 18px 55px rgba(0,0,0,.12);position:relative}
.price.pop{border-color:var(--red);box-shadow:0 30px 80px rgba(215,25,32,.22)}
.badge{position:absolute;right:18px;top:-14px;background:var(--red);color:#fff;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase}
.price h3{text-transform:uppercase;margin:0 0 12px;font-size:24px}.cost{font-weight:950;line-height:1.8}.cost span{color:var(--red)}
.price ul{padding-left:19px;color:#444;line-height:1.58}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.compare-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare{position:relative;height:395px;border-radius:24px;overflow:hidden;background:#111;border:1px solid var(--line);box-shadow:var(--shadow)}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare .after{clip-path:inset(0 0 0 50%)}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}
.line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;z-index:4}
.knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;background:#fff;color:#111;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-weight:950}
.compare .label{position:absolute;bottom:16px;z-index:4;background:rgba(0,0,0,.75);padding:9px 13px;border-radius:999px;font-weight:950}
.before-label{left:16px}.after-label{right:16px}
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.filter{background:#111;border:1px solid var(--line);color:#fff;border-radius:999px;padding:10px 15px;cursor:pointer;font-weight:900}
.filter.active,.filter:hover{background:var(--red);border-color:var(--red)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}
.gallery a{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#111}
.gallery img{width:100%;height:230px;object-fit:cover;transition:.45s}.gallery a:hover img{transform:scale(1.07)}
.formbox{background:#fff;color:#111;border-radius:28px;padding:28px;box-shadow:0 26px 80px rgba(0,0,0,.28)}
form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
input,select,textarea{width:100%;padding:14px 15px;border:1px solid #ddd;border-radius:13px;font:inherit}
textarea,.full{grid-column:1/-1}textarea{min-height:105px}
.note{font-size:13px;color:#666;line-height:1.55}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:17px 0}
.day{background:#fafafa;color:#111;border:1px solid #ddd;border-radius:12px;text-align:center;padding:12px 4px;font-weight:900;cursor:pointer}
.day:hover,.day.active{background:var(--red);color:#fff;border-color:var(--red)}
.quote-result{display:none;margin-top:13px;background:#111;color:#fff;border-radius:14px;padding:15px;line-height:1.5}
.testimonials{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:18px}
.review{background:#fff;color:#111;border:1px solid #eee;border-radius:23px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.1)}
.stars{color:#ffb400;font-size:23px;letter-spacing:1px}
.mapbox{background:linear-gradient(135deg,#171717,#090909);border:1px solid var(--line);border-radius:28px;padding:30px;min-height:330px;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.area{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:900}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
details{background:#111;border:1px solid var(--line);border-radius:18px;padding:20px}
summary{font-weight:950;cursor:pointer}details p{color:#d0d0d0;line-height:1.6}
footer{background:#020202;border-top:1px solid var(--line);padding:58px 0 28px}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px}.foot img{width:135px}.foot p,.foot a{color:#ccc;line-height:1.9}
.socials{display:flex;gap:11px;flex-wrap:wrap}.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#141414;border:1px solid var(--line);font-weight:950}
.fineprint{color:#777;text-align:center;margin-top:38px;font-size:13px}
.float{position:fixed;right:15px;bottom:15px;z-index:90;display:grid;gap:9px}.float a{padding:12px 14px;border-radius:999px;font-weight:950;box-shadow:0 18px 42px rgba(0,0,0,.35)}
.wa{background:#18b956}.call{background:var(--red)}
.chat{position:fixed;left:12px;bottom:15px;z-index:90}.chat-tab{background:var(--red);padding:14px 10px;border-radius:0 12px 12px 0;font-weight:950;writing-mode:vertical-rl;cursor:pointer}
.chatbox{display:none;background:#fff;color:#111;width:300px;border-radius:20px;box-shadow:0 22px 80px rgba(0,0,0,.4);overflow:hidden}
.chathead{background:#111;color:#fff;padding:14px;font-weight:950}.chatbody{padding:15px;color:#444;line-height:1.5}.chatbox .btn{margin:0 12px 12px}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;background:#fff;color:#111;border-radius:18px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.35);z-index:200;display:none;max-width:760px;margin:auto}.cookie p{margin:0 0 10px;color:#444}.cookie button{border:0}
.reveal{opacity:0;transform:translateY(35px);transition:.85s}.reveal.show{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:500;padding:20px}.lightbox img{max-height:90vh;border-radius:18px}.lightbox span{position:absolute;top:20px;right:24px;font-size:38px;cursor:pointer}
@media(max-width:980px){.menu,.nav-actions{display:none}.hamb{display:block}.trust,.grid4,.pricing,.testimonials,.foot,.split,.compare-wrap,.process{grid-template-columns:1fr 1fr}.vehicles{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.hero h1{letter-spacing:-1.4px}}
@media(max-width:640px){.topbar{font-size:12px}.brand img{width:62px}.brand{font-size:14px}.hero{min-height:84vh;background-position:center}.hero-content{padding:46px 0}.trust,.grid4,.pricing,.testimonials,.foot,.split,.compare-wrap,.faq,.process,.addons{grid-template-columns:1fr}.vehicles{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.compare{height:320px}form{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(4,1fr)}.actions .btn{width:100%}.float{bottom:82px}.chat{bottom:82px}.chatbox{width:285px}.checks{grid-template-columns:1fr}.section{padding:66px 0}.title h2{letter-spacing:-1px}.areas{grid-template-columns:1fr}}
