/* Shared layout and accessibility fixes. Keep the original site design. */
:root{--steel-dim:#9aa9b8}
html{scroll-padding-top:100px}
body{width:100%;min-width:0}
.wrap{width:100%;max-width:1160px;min-width:0;margin-left:auto;margin-right:auto}
img{max-width:100%;height:auto}
.dot{flex-shrink:0}
.topbar .live{min-width:0;flex:1}
.topbar .wrap{gap:12px}
.nav-actions{display:none}
.hero{isolation:isolate}
.road{height:184px}
.van .van-img{height:auto}
.spin-wheel{height:auto;aspect-ratio:1}
.fleet .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.about .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fleet .wrap>*,.about .wrap>*,.contact-grid>*{min-width:0}
.svc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr))}
.why-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.cta-big{max-width:100%;min-width:min(250px,100%)}
.why .eyebrow{color:#466720}
.navlinks a{white-space:nowrap}
.btn-call:hover,.cta-big:not(.ghost):hover,.submit:hover{background:var(--accent-bright)}
.rv{opacity:1;transform:none}
.reveal-ready .rv{opacity:0;transform:translateY(18px)}
.reveal-ready .rv.in{opacity:1;transform:none}
.quote-loop:focus-within .quote-track{animation-play-state:paused}
.quote-loop.is-paused .quote-track{animation-play-state:paused}
.reviews-toggle{background:transparent;border:1px solid var(--steel);color:var(--paper);border-radius:6px;padding:9px 14px;font:600 14px var(--body);margin-top:18px;cursor:pointer}
.form-status{font-size:14px;color:var(--steel);margin-top:12px}
.form-note a{color:var(--accent-bright);text-underline-offset:3px}
input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}
footer .wrap>div{max-width:100%;overflow-wrap:anywhere}
@media(max-width:860px){.fleet .wrap,.about .wrap{grid-template-columns:minmax(0,1fr)}}
@media(max-width:840px){
  nav .wrap{gap:12px;flex-wrap:wrap}
  .logo{flex:0 0 101px;width:101px}
  .navlinks{display:flex;position:static;width:100%;align-items:stretch;box-shadow:none;border:0;border-radius:0}
  .nav-ready nav .wrap{flex-wrap:nowrap}
  .nav-ready .nav-actions{display:flex;flex:0 0 156px;width:156px;align-items:center;gap:8px;margin-left:auto}
  .nav-actions .mobile-call{display:flex;flex:none;width:84px;min-height:44px;align-items:center;justify-content:center;padding:10px 8px;font-size:16px!important;white-space:nowrap}
  .nav-actions .menu-toggle{flex:none;width:64px;min-width:64px;min-height:44px;padding:8px}
  .nav-ready .navlinks{display:none;position:absolute;left:20px;right:20px;top:100%;width:auto;padding:12px;background:var(--paper);border:1px solid #dde2d8;border-radius:0 0 9px 9px;box-shadow:0 14px 30px rgba(10,23,36,.2);max-height:calc(100dvh - 150px);overflow-y:auto}
  .nav-ready .navlinks.open{display:flex}
  .callbar a{font-size:20px;text-align:center;line-height:1.25}
}
@media(max-width:640px){
  .wrap{padding-left:20px;padding-right:20px}
  .topbar .wrap{align-items:center}
  .topbar .live{font-size:10px;letter-spacing:.035em;line-height:1.45}
  .topbar a{font-size:11px;flex-shrink:0}
  .hero{padding-top:48px}
  .hero h1{font-size:36px}
  .hero p.lead{font-size:17px;margin-top:20px;margin-bottom:28px}
  .hero-ctas{gap:12px}
  .hero-ctas .cta-big{width:100%;min-width:0}
  .hero-note{margin-bottom:38px}
  .road{height:138px}
  .road .truck{width:min(270px,85%);left:7%}
  .fleet-card{padding:22px}
  .about .plate{padding:22px;overflow-wrap:anywhere}
  .page-hero{padding-top:48px;padding-bottom:40px}
  .page-hero h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv,.reveal-ready .rv{opacity:1;transform:none}
  .quote-loop{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .quote-set[aria-hidden="true"]{display:none}
}