/* Sell My Vehicle — road-sign theme: asphalt navy, sign yellow, signal orange */
@font-face{font-family:"Bebas Neue";font-weight:400;font-display:swap;src:url(fonts/bebas-neue-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Slab";font-weight:700;font-display:swap;src:url(fonts/roboto-slab-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Slab";font-weight:800;font-display:swap;src:url(fonts/roboto-slab-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}

:root{
  --forest:#14213d; --forest-d:#0d1628; --forest-l:#1f3157; --moss:#2b4170;
  --sand:#ffc20e; --sand-l:#fff3c4; --paper:#f4f5f7; --card:#ffffff;
  --rust:#e4572e; --rust-d:#a8381a;
  --ink:#151a24; --muted:#566074; --line:#d9dde5;
  --wa:#1f9d55; --red:#b3261e;
  --display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  --slab:"Roboto Slab",Rockwell,Georgia,serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mud:linear-gradient(transparent,transparent);
  /* road centre-line stripe */
  --tread:repeating-linear-gradient(90deg,var(--sand) 0 38px,transparent 38px 64px) 0 50%/100% 4px no-repeat;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 17px/1.65 var(--body);color:var(--ink);background:var(--mud),var(--paper);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--forest-l)}
h1,h2{font-family:var(--display);font-weight:400;line-height:.98;letter-spacing:.01em;margin:0 0 .35em;color:var(--forest)}
h1{font-size:clamp(3rem,8vw,6.2rem)}
h2{font-size:clamp(2.2rem,4.4vw,3.3rem)}
h3{font:800 1.12rem/1.25 var(--slab);margin:0 0 .45em;color:var(--forest)}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:780px}
.center{text-align:center}
.muted{color:var(--muted);font-size:.9rem}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:99;background:#fff;padding:8px 12px}
:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.kicker{font:800 .8rem/1 var(--slab);letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin:0 0 .7em;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:28px;height:4px;background:var(--rust);flex:none}
.sec-title{max-width:20ch}
.sec-lead{color:var(--muted);max-width:60ch}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;background:var(--rust);color:#fff;font:800 1rem/1 var(--slab);text-transform:uppercase;letter-spacing:.04em;
  padding:16px 24px;border-radius:4px;border:0;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--rust-d);transition:transform .1s,filter .15s;white-space:nowrap}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rust-d)}
.btn-sm{padding:11px 16px;font-size:.85rem}
.btn-lg{padding:19px 26px;font-size:1.08rem}
.btn-block{width:100%}
.btn-wa{background:var(--wa);box-shadow:0 4px 0 #136b39}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}

/* Top bar & header */
.topbar{background:var(--sand);color:var(--forest-d);font:700 .78rem/1 var(--slab);letter-spacing:.06em;text-transform:uppercase}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px}
.topbar i{font-style:normal;color:var(--rust);padding:0 4px}
.topbar a{color:var(--forest-d);text-decoration:none;white-space:nowrap}
.topbar-phones{display:flex;gap:18px}
.site-header{background:var(--forest-d);position:sticky;top:0;z-index:20;border-bottom:4px solid var(--rust)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--sand)}
.logo-mark{display:grid;place-items:center;width:58px;height:42px;background:var(--forest-l);border-radius:4px;border:2px solid var(--sand)}
.logo-truck{width:46px;height:auto;color:var(--sand)}
.logo-truck .hub{fill:var(--forest-l)}.logo-truck .seam{fill:var(--forest-l)}
.logo-words{display:flex;flex-direction:column;line-height:1}
.logo-words small{font:800 .68rem/1 var(--slab);letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}
.logo-words b{font:400 2.1rem/.9 var(--display);letter-spacing:.04em;color:#fff}
.nav{display:flex;align-items:center;gap:22px}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a:not(.btn){display:block;color:var(--sand-l);text-decoration:none;font:700 .9rem/1 var(--slab);padding:10px 10px;border-radius:3px;white-space:nowrap}
.nav a:not(.btn):hover{background:var(--forest-l)}
.nav a[aria-current]{color:#fff;box-shadow:inset 0 -3px 0 var(--rust)}
.nav-toggle{display:none;background:transparent;color:var(--sand);border:2px solid var(--sand);border-radius:4px;padding:8px 14px;font:800 .85rem var(--slab);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}

/* Hero: dark forest with contour lines and terrain silhouette */
.hero{position:relative;overflow:hidden;color:var(--sand-l);padding:72px 0 230px;
  background:
    radial-gradient(ellipse 60% 50% at 85% 0%,rgba(255,194,14,.10),transparent 70%),
    linear-gradient(180deg,var(--forest-d) 0%,var(--forest) 80%);}
.hero-inner{padding:52px 0 200px}
.terrain{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:230px;display:block;pointer-events:none}
.terrain .t1{fill:var(--forest-l);opacity:.85}
.terrain .t2{fill:var(--moss)}
.terrain .t3{fill:var(--paper)}
.hero-copy{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero h1{color:#fff;margin-bottom:.2em;text-shadow:0 4px 0 rgba(0,0,0,.25)}
.h1-hl{color:var(--sand);position:relative;display:inline-block}
.h1-hl::after{content:"";position:absolute;left:2%;right:2%;bottom:.08em;height:.12em;background:var(--rust);z-index:-1;transform:skewX(-12deg)}
.eyebrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font:700 .82rem/1.3 var(--slab);letter-spacing:.08em;text-transform:uppercase;color:var(--sand);margin-bottom:18px}
.eyebrow span{background:var(--rust);color:#fff;padding:7px 11px;border-radius:3px}
.hero-tag{font:400 1.25rem/1 var(--display);letter-spacing:.2em;color:var(--forest-d);background:var(--sand);padding:7px 14px 5px;border-radius:3px;margin:0 0 14px;box-shadow:4px 4px 0 var(--rust)}
.lead{font-size:1.18rem;color:#d6dcea;max-width:46em}
.page .lead{color:var(--muted)}
.crumbs{font-size:.85rem;color:var(--sand);margin-bottom:14px}.crumbs a{color:var(--sand-l)}
.chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips li{font:800 .82rem/1 var(--slab);text-transform:uppercase;letter-spacing:.06em;color:var(--sand-l);border:2px solid rgba(255,194,14,.55);padding:9px 13px 9px 32px;border-radius:3px;position:relative}
.chips li::before{content:"";position:absolute;left:11px;top:50%;width:12px;height:7px;border:solid var(--rust);border-width:0 0 3px 3px;transform:translateY(-70%) rotate(-45deg)}

/* Valuation form docked over the hero's edge */
.form-dock{position:relative;z-index:5;margin-top:-170px}
.val-form{position:relative;background:var(--card);color:var(--ink);border:3px solid var(--forest-d);border-radius:6px;padding:28px 30px 22px;box-shadow:10px 10px 0 var(--rust),0 30px 60px rgba(0,0,0,.25);scroll-margin-top:110px;max-width:1000px;margin:0 auto}
.val-form::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:12px;background:var(--tread),var(--forest-d);border-radius:6px 6px 0 0}
.form-kicker{font:800 .78rem/1 var(--slab);letter-spacing:.16em;text-transform:uppercase;color:var(--rust);margin:8px 0 6px}
.val-form h2{font-size:clamp(2rem,3.4vw,2.6rem);margin:0}
.form-sub{color:var(--muted);margin:2px 0 16px}
.val-form label{display:block;font:700 .86rem/1.3 var(--slab);margin-bottom:12px;color:var(--forest)}
.val-form input,.val-form select,.val-form textarea{display:block;width:100%;margin-top:6px;font:400 1rem var(--body);padding:13px 14px;border:2px solid #c7cdd8;border-radius:4px;background:#fff;color:var(--ink)}
.val-form input:focus,.val-form select:focus,.val-form textarea:focus{border-color:var(--forest);outline:none;box-shadow:0 0 0 3px rgba(228,87,46,.2)}
.val-form .reg-input{background:#ffd500;border:3px solid #111;font:400 2.4rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:11px 10px 7px 50px;color:#111;
  background-image:linear-gradient(90deg,#0a3d91 0,#0a3d91 40px,transparent 40px)}
.val-form .reg-input::placeholder{color:rgba(0,0,0,.35)}
.reg-label{font-size:.9rem!important}
.step-1{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:end}
.step-1 label{margin:0}
.step-1 .btn{height:60px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.step-2 .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.opt{font-weight:400;color:var(--muted);font-family:var(--body)}
.money{position:relative;display:block}
.money>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);margin-top:3px;font-weight:600;color:var(--muted)}
.val-form .money input{padding-left:28px}
.check{display:flex!important;gap:10px;align-items:flex-start;font:400 .9rem/1.45 var(--body)!important;color:var(--ink)!important}
.check input{width:20px;height:20px;margin:2px 0 0;flex:none}
.form-error{background:#fbe9e7;color:var(--red);border-left:4px solid var(--red);padding:10px 12px;font-weight:600}
.form-alt{text-align:center;font-size:.9rem;color:var(--muted);margin:14px 0 0}
.form-alt a{color:var(--rust);font-weight:600}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.val-form .invalid{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(179,38,30,.15)!important}
.step-note{background:var(--sand-l);color:var(--forest);border-left:4px solid var(--forest);padding:9px 12px;font-weight:600;font-size:.92rem;margin-top:16px}
.js .val-form .step-2{display:none}
.js .val-form.is-open .step-2{display:block;animation:fadein .25s ease}
.js .val-form.is-open .js-next{display:none}
.js .val-form.is-open .step-1{grid-template-columns:1.4fr 1fr}
.no-js .js-next{display:none}
.no-js .step-1{grid-template-columns:1fr 1fr}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .val-form.is-open .step-2{animation:none}html{scroll-behavior:auto}}
.step-2 .btn{margin-top:4px}

/* Sections */
section{padding:72px 0}
section.hero{padding-top:72px}
.makes-strip{padding:40px 0 8px}
.makes-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0}
.makes-strip li{display:flex;align-items:center}
.makes-strip li+li::before{content:"/";color:var(--rust);font:400 1.8rem/1 var(--display);padding:0 14px}
.makes-strip a{font:400 1.9rem/1 var(--display);letter-spacing:.08em;color:var(--forest);text-decoration:none}
.makes-strip a:hover{color:var(--rust)}

.promises{padding:56px 0 8px}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--forest-d);background:var(--card)}
.promise{padding:22px 20px;border-right:2px dashed var(--line)}
.promise:last-child{border-right:0}
.promise b{display:block;font:400 2.6rem/1 var(--display);color:var(--rust);margin-bottom:6px}
.promise p{color:var(--muted);font-size:.93rem;margin:0}

.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.point{position:relative;background:var(--card);padding:24px 24px 22px 26px;border:2px solid var(--line);border-left:6px solid var(--forest);border-radius:3px}
.point::after{content:"";position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--sand);box-shadow:inset 0 0 0 2px #d9a400}
.point p{color:var(--muted);margin:0}
.point:nth-child(3n+2){border-left-color:var(--rust)}
.point:nth-child(3n){border-left-color:var(--moss)}

/* Vehicle cards */
.types{background:var(--forest);background-image:var(--mud);color:var(--sand-l);position:relative}
.types::before,.types::after{content:"";position:absolute;left:0;right:0;height:14px;background:var(--tread),var(--forest-d)}
.types::before{top:0}.types::after{bottom:0}
.types h2{color:#fff}
.types .kicker{color:var(--sand)}.types .kicker::before{background:var(--sand)}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.type-card{position:relative;display:flex;flex-direction:column;background:var(--forest-l);border:2px solid rgba(255,194,14,.25);border-radius:4px;padding:20px 22px 20px;text-decoration:none;color:var(--sand-l);overflow:hidden;transition:transform .15s,border-color .15s,background .15s}
.type-card:hover{transform:translateY(-3px);border-color:var(--rust);background:#26396a}
.tc-tag{font:400 2.4rem/1 var(--display);letter-spacing:.06em;color:var(--sand)}
.tc-truck{position:absolute;right:-18px;top:8px;width:150px;color:rgba(255,194,14,.13)}
.tc-truck .hub,.tc-truck .seam{fill:var(--forest-l)}
.type-card:hover .tc-truck{color:rgba(228,87,46,.35)}
.type-card h3{color:#fff;margin-top:10px;font-size:1.05rem}
.type-card p{color:#c3cbdc;font-size:.92rem;flex:1;margin-bottom:14px}
.more{font:800 .82rem/1 var(--slab);text-transform:uppercase;letter-spacing:.06em;color:var(--sand)}
.type-card:hover .more{color:#fff}

/* Spec section */
.spec-sec{background:var(--sand-l)}
.spec-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.spec-list{list-style:none;margin:0;padding:0;border-top:3px solid var(--forest)}
.spec-list li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 0;border-bottom:2px dashed #c7cdd8;align-items:baseline}
.spec-list b{font:400 1.5rem/1 var(--display);letter-spacing:.08em;color:var(--rust)}

/* Steps as a trail */
.steps-sec{position:relative}
.trail{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.trail::before{content:"";position:absolute;left:30px;right:16%;top:29px;border-top:4px dashed var(--sand);z-index:0}
.trail li{position:relative;z-index:1}
.trail span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--forest);color:var(--sand);font:400 2rem/1 var(--display);border:4px solid var(--paper);box-shadow:0 0 0 3px var(--forest);margin-bottom:16px}
.trail li:last-child span{background:var(--rust);color:#fff;box-shadow:0 0 0 3px var(--rust)}
.trail p{color:var(--muted);margin:0}

/* Pills */
.area-pills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.area-pills a{display:block;padding:8px 14px;border-radius:3px;background:var(--card);border:2px solid var(--line);text-decoration:none;color:var(--forest);font:700 .88rem/1.2 var(--slab)}
.area-pills a:hover{border-color:var(--rust);color:var(--rust)}
.region-title{font:800 .82rem/1 var(--slab)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;margin:30px 0 12px!important}
.areas-sec{background:var(--card);border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.related{padding-top:8px}
.more-link{margin:20px 0 0;text-align:left}.more-link a{font-weight:600;color:var(--rust)}

/* FAQs */
.faqs details{background:var(--card);border:2px solid var(--line);border-radius:3px;margin-bottom:10px}
.faqs details[open]{border-color:var(--forest)}
.faqs summary{cursor:pointer;font:700 1rem/1.4 var(--slab);color:var(--forest);padding:16px 18px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;background:var(--rust);color:#fff;font:400 1.5rem/1 var(--display);border-radius:3px}
.faqs details[open] summary::after{content:"–";background:var(--forest)}
.faqs details p{color:var(--muted);margin:0;padding:0 18px 18px}

.reviews-cta{background:var(--forest-l);color:#fff;padding:28px 0}
.reviews-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.reviews-cta p{margin:0}

/* CTA band */
.cta-band{background:var(--rust);background-image:var(--tread);color:#fff;padding:54px 0}
.cta-band::before{content:none}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta-in h2{color:#fff;margin:0 0 .1em;font-size:clamp(2.2rem,4vw,3.2rem)}
.cta-in p{margin:0;font:700 .9rem var(--slab);letter-spacing:.04em;color:#fff1ea}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn:not(.btn-wa):not(.btn-ghost){background:var(--forest-d);box-shadow:0 4px 0 #060b15}

/* Content pages */
.page{background:transparent}
.page h1{font-size:clamp(2.8rem,6vw,4.4rem)}
.page h2{margin-top:1.2em;font-size:2rem}
.page ul li{margin-bottom:.35em}
.legal h2{font-size:1.6rem}
.legal p,.legal li{color:#333}
.tbl{width:100%;border-collapse:collapse;margin:1em 0;background:var(--card)}
.tbl th,.tbl td{border:2px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.contact-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 0}
.contact-list div{background:rgba(0,0,0,.18);border:2px solid rgba(255,194,14,.35);border-radius:4px;padding:12px 18px;text-align:left}
.contact-list dt{font:800 .72rem/1 var(--slab);letter-spacing:.14em;text-transform:uppercase;color:var(--sand)}
.contact-list dd{margin:6px 0 0}.contact-list a,.contact-list dd{color:#fff;font-weight:600}

/* Footer */
.site-footer{position:relative;background:var(--forest-d);color:#a9b3c7;padding:70px 0 0;font-size:.93rem;margin-top:0}
.footer-ridge{position:absolute;left:0;right:0;top:-38px;height:40px;background:var(--forest-d);
  clip-path:polygon(0 100%,0 60%,6% 20%,11% 55%,18% 5%,26% 60%,31% 35%,38% 70%,45% 15%,52% 55%,58% 30%,66% 75%,72% 25%,79% 60%,86% 10%,93% 50%,100% 25%,100% 100%)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.site-footer h2{font-size:1.6rem;color:var(--sand);margin-bottom:.5em}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.site-footer a{color:var(--sand-l);text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer .logo{margin-bottom:16px}
.footer-legal{border-top:2px dashed rgba(255,194,14,.2);margin-top:40px;padding-top:16px;padding-bottom:90px;font-size:.82rem}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:30;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.3);border:3px solid #fff}

/* Leads page */
.leads-body{padding:30px 0}
.leads-login{max-width:380px;margin:40px auto}
.leads-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.lead-card{background:var(--card);border:2px solid var(--line);border-left:6px solid var(--forest);padding:16px 18px;margin-bottom:12px}
.lead-card header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px}
.lead-card .reg{background:#ffd500;border:2px solid #111;border-radius:3px;padding:2px 8px;font-family:var(--display);font-size:1.3rem;letter-spacing:.08em}
.lead-card time{margin-left:auto;color:var(--muted);font-size:.85rem}
.lead-card .notes{background:var(--sand-l);padding:8px 10px}

/* Responsive */
@media (max-width:1120px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--forest-d);border-bottom:4px solid var(--rust);flex-direction:column;align-items:stretch;padding:8px 16px 18px}
  .nav.open{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a:not(.btn){padding:14px 4px;border-bottom:1px solid rgba(255,194,14,.15);border-radius:0}
  .nav .btn{margin-top:14px}
}
@media (max-width:960px){
  .type-grid,.point-grid{grid-template-columns:1fr 1fr}
  .promise-grid{grid-template-columns:1fr 1fr}
  .promise:nth-child(2){border-right:0}
  .promise:nth-child(-n+2){border-bottom:2px dashed var(--line)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .spec-grid{grid-template-columns:1fr;gap:20px}
  .step-1{grid-template-columns:1fr 1fr}
  .step-1 .btn{grid-column:1/-1}
  .step-2 .grid3{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  body{font-size:16px}
  section{padding:52px 0}
  .hero{padding:44px 0 150px}
  .hero-inner{padding:36px 0 150px}
  .terrain{height:150px}
  .form-dock{margin-top:-112px}
  .topbar-usp{display:none}.topbar-in{justify-content:center}
  .topbar-mob{display:none}
  .logo-words b{font-size:1.8rem}
  .logo-mark{width:50px;height:38px}.logo-truck{width:40px}
  .val-form{padding:22px 18px 18px;box-shadow:6px 6px 0 var(--rust),0 20px 40px rgba(0,0,0,.25)}
  .step-1,.js .val-form.is-open .step-1,.no-js .step-1{grid-template-columns:1fr;gap:12px}
  .row2,.step-2 .grid3{grid-template-columns:1fr;gap:0}
  .val-form .reg-input{font-size:2.1rem}
  .type-grid,.point-grid,.trail{grid-template-columns:1fr}
  .trail::before{left:29px;right:auto;top:30px;bottom:30px;border-top:0;border-left:4px dashed var(--sand)}
  .trail li{display:grid;grid-template-columns:60px 1fr;gap:16px}
  .trail span{margin:0}
  .promise{padding:18px 14px}
  .promise b{font-size:2.1rem}
  .footer-grid{grid-template-columns:1fr}
  .cta-in{flex-direction:column;align-items:flex-start}
  .cta-btns{width:100%}.cta-btns .btn{flex:1 1 100%}
  .makes-strip a{font-size:1.5rem}
  .makes-strip li+li::before{padding:0 9px;font-size:1.5rem}
  .spec-list li{grid-template-columns:78px 1fr;gap:10px}
  .chips li{font-size:.74rem;padding:8px 10px 8px 28px}
  .chips li::before{left:9px}
  .eyebrow{font-size:.74rem}
}
@media (max-width:420px){
  .promise-grid{grid-template-columns:1fr}
  .promise{border-right:0!important;border-bottom:2px dashed var(--line)}
  .promise:last-child{border-bottom:0}
  .contact-list div{flex:1 1 100%}
}

/* refinements */
.sec-title{max-width:26ch}
.type-grid{grid-template-columns:repeat(4,1fr)}
.type-grid .type-card:nth-child(-n+2){grid-column:span 2}
.step-1 input{height:62px}
.val-form .step-1 .reg-input{height:62px}
@media (max-width:960px){.type-grid{grid-template-columns:1fr 1fr}.type-grid .type-card:nth-child(-n+2){grid-column:auto}}
@media (max-width:700px){.type-grid{grid-template-columns:1fr}.wa-float{width:50px;height:50px;right:12px;bottom:12px}}

/* ---- Sell My Vehicle additions ---- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo-plate{display:inline-flex;align-items:center;gap:.35em;background:var(--sand);color:#111;border:3px solid #111;border-radius:5px;padding:6px 12px 3px 46px;font:400 1.75rem/1 var(--display);letter-spacing:.1em;
  background-image:linear-gradient(90deg,#0a3d91 0,#0a3d91 32px,transparent 32px);position:relative;white-space:nowrap}
.logo-plate::before{content:"UK";position:absolute;left:0;top:0;bottom:0;width:32px;display:grid;place-items:center;color:var(--sand);font:700 .7rem/1 var(--body);letter-spacing:0;padding-top:16px}
.logo-plate b{font-weight:400;color:var(--rust-d)}
.logo-light .logo-plate{box-shadow:4px 4px 0 var(--rust)}
.road{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:120px;display:block;pointer-events:none}
.road .r1{fill:#2a2f3a}
.road .r2{stroke:var(--sand);stroke-width:5;fill:none}
.hero-inner{padding:52px 0 220px}
.hero-fleet{position:absolute;left:0;right:0;bottom:62px;height:70px;pointer-events:none;z-index:0}
.hf{position:absolute;bottom:0;height:62px;width:auto;color:#3b4a6b}
.hf .hub,.hf .glass{fill:#2a2f3a}
.hf1{left:4%}.hf2{left:30%;height:52px}.hf3{right:28%;height:54px}.hf4{right:4%}
@media (prefers-reduced-motion:no-preference){
  .hf1,.hf4{animation:drive 22s linear infinite}
  .hf2,.hf3{animation:drive 30s linear infinite reverse}
}
@keyframes drive{0%{transform:translateX(0)}50%{transform:translateX(18px)}100%{transform:translateX(0)}}
.h1-rotor{display:inline-grid;vertical-align:bottom;color:var(--sand);position:relative;text-align:left}
.h1-rotor span{grid-area:1/1;opacity:0}
.h1-rotor span:last-child{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .js .h1-rotor span{animation:rotor 12s infinite;opacity:0}
  .js .h1-rotor span:nth-child(1){animation-delay:0s}
  .js .h1-rotor span:nth-child(2){animation-delay:2s}
  .js .h1-rotor span:nth-child(3){animation-delay:4s}
  .js .h1-rotor span:nth-child(4){animation-delay:6s}
  .js .h1-rotor span:nth-child(5){animation-delay:8s}
  .js .h1-rotor span:nth-child(6){animation-delay:10s}
}
@keyframes rotor{0%{opacity:0;transform:translateY(.25em)}3%,15%{opacity:1;transform:none}18%,100%{opacity:0;transform:translateY(-.25em)}}
.h1-rotor span{position:relative}
.h1-rotor span::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.1em;background:var(--rust);transform:skewX(-12deg);z-index:-1}
.tc-veh{position:absolute;right:-14px;top:12px;width:150px;color:rgba(255,194,14,.13)}
.tc-veh .hub,.tc-veh .glass{fill:var(--forest-l)}
.type-card:hover .tc-veh{color:rgba(228,87,46,.4)}
.network{background:var(--card);border-top:2px solid var(--line)}
.net-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 28px;margin-top:22px}
.net-col h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:3px solid var(--sand);padding-bottom:6px}
.net-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.net-col a{color:var(--forest);font-weight:600;text-decoration:none}
.net-col a:hover{color:var(--rust);text-decoration:underline}
.promise h3{margin-top:2px}
@media (max-width:700px){
  .hero{padding:44px 0 170px}.hero-inner{padding:36px 0 170px}
  .road{height:80px}.hero-fleet{bottom:40px;height:46px}.hf{height:40px}.hf2,.hf3{display:none}
  .logo-plate{font-size:1.4rem;padding-left:40px}.logo-plate::before{width:28px}
  .form-dock{margin-top:-120px}
}