.truck-section{background:#fff;border-top:1px solid var(--line);padding-bottom:65px}.truck-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.truck-intro h2{margin:18px 0 0}.truck-intro>p{max-width:330px;font-size:12px;line-height:1.9;color:var(--muted)}.truck-stage{height:540px;position:relative;margin-top:25px;background:radial-gradient(ellipse at 50% 65%,#f0ede7,white 70%);border-bottom:1px solid var(--line)}#truck-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#truck-canvas:active{cursor:grabbing}.truck-label{position:absolute;top:20px;left:0;letter-spacing:1.7px;font-size:8px;color:#95727b;pointer-events:none}.truck-status{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:#8d7d80;pointer-events:none}.truck-controls{display:flex;justify-content:center;gap:10px;margin:22px 0}.truck-controls button{padding:10px 18px;border:1px solid #e5d9dc;background:white;color:var(--orange);border-radius:3px;font-size:10px}.truck-controls button[aria-pressed=true]{background:#f8ecef;border-color:var(--orange)}.truck-reference{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.truck-reference summary{font-size:11px;color:var(--orange);justify-content:space-between;padding:0}.truck-reference summary::after{content:'+';font-size:20px}.truck-reference[open] summary::after{content:'−'}.truck-reference img{max-width:700px;width:100%;height:auto;display:block;margin:20px auto;border-radius:4px}.truck-note{font-size:9px;color:#8f8085;text-align:center;max-width:650px;margin:18px auto;line-height:1.8}@media(max-width:600px){.truck-intro{display:block}.truck-intro>p{margin-top:20px}.truck-stage{height:370px;margin-top:10px}.truck-controls{flex-wrap:wrap;gap:7px}.truck-controls button{padding:10px 12px;font-size:9px}.truck-note{font-size:8px}.truck-label{font-size:7px}}

.truck-section{padding-top:45px;padding-bottom:35px}.truck-intro h2{font-size:38px}.truck-stage{height:360px;overflow:hidden;margin-top:12px}.truck-label{font-size:11px;color:#8f2637;font-weight:800;letter-spacing:1px}.truck-controls{margin:15px 0}.truck-reference{margin-top:20px}.truck-note{margin:12px auto}.truck-intro>p{max-width:340px}@media(max-width:600px){.truck-stage{height:280px}.truck-intro h2{font-size:32px}.truck-intro>p{font-size:11px}.truck-label{font-size:9px}.truck-section{padding-top:32px}}

.hero-truck{margin:0 -4.35%;background:linear-gradient(#fff,#fcf9f9);padding:0 4.35% 15px}.hero-truck .truck-stage{height:460px;margin:0;border-bottom:0;background:transparent}.hero-truck .truck-label{top:15px;font-size:12px}.hero-truck .truck-controls{margin:0;gap:8px}.hero-truck .truck-controls button{padding:7px 13px;font-size:9px}.hero-truck .truck-note{font-size:8px;margin:10px auto 0}.hero-truck .truck-status{bottom:10px}@media(max-width:600px){.hero-truck{margin:0 -5.55%;padding:0 5.55% 16px}.hero-truck .truck-stage{height:370px}.hero-truck .truck-label{font-size:9px}.hero-truck .truck-controls button{font-size:8px;padding:7px 10px}}

/* The driving canvas straddles the real photograph's lower edge. */
.hero{position:relative}.hero-photo{position:relative;z-index:0}.hero-truck{position:relative;z-index:2;margin:-230px -4.35% 0;padding:0 4.35% 15px;background:transparent;pointer-events:none}.hero-truck .truck-stage{background:transparent}.hero-truck #truck-canvas,.hero-truck .truck-controls button{pointer-events:auto}.hero-truck .truck-label{top:auto;bottom:35px;background:#ffffffed;display:table;width:auto;padding:5px 9px;border-radius:3px;left:0}.hero-truck .truck-status{display:none}.hero-truck .truck-controls{position:relative;margin-top:-4px}.hero-truck .truck-note{margin-top:8px}.hero+.trust-strip{margin-top:0}@media(max-width:600px){.hero-truck{margin:-185px -5.55% 0;padding:0 5.55% 15px}.hero-truck .truck-label{bottom:20px;font-size:8px}.hero-truck .truck-note{font-size:7px}}

/* Smaller truck: tires meet the transition below the photograph. */
.hero-truck{margin-top:-300px;padding-bottom:0}.hero-truck .truck-stage{height:360px}.hero-truck .truck-controls,.hero-truck .truck-note,.hero-truck .truck-label{display:none}.hero-truck{margin-bottom:-42px}.hero{padding-bottom:0}@media(max-width:600px){.hero-truck{margin-top:-218px;margin-bottom:-32px;padding-bottom:0}.hero-truck .truck-stage{height:270px}}

.hero-truck{margin-top:-270px;margin-bottom:-90px}.hero-truck .truck-controls{display:flex;position:absolute;right:5%;bottom:12px;margin:0;pointer-events:auto}.hero-truck .truck-controls button{display:none}.hero-truck .truck-controls #truck-pause{display:block;background:#ffffffed;font-size:9px;padding:6px 10px}.hero-truck .truck-stage{border:0}@media(max-width:600px){.hero-truck{margin-top:-210px;margin-bottom:-60px}.hero-truck .truck-controls{bottom:5px;right:6%}}

/* Compact driving lane between the hero and the following section. */
.hero-truck{margin:0 -4.35%;padding:0 4.35%;height:155px;background:#fff}.hero-truck .truck-stage{height:155px;margin:0}.hero-truck .truck-controls{bottom:4px;right:4.5%}.hero-truck .truck-controls #truck-pause{font-size:8px;padding:3px 7px}.hero-truck #truck-canvas{position:relative}@media(max-width:600px){.hero-truck{height:120px;margin:0 -5.55%;padding:0 5.55%}.hero-truck .truck-stage{height:120px}.hero-truck .truck-controls{bottom:2px}}

/* Compact truck drives on the bottom of the hero photograph. */
.hero-truck{height:155px;margin-top:-155px;margin-bottom:0;background:transparent}.hero-truck .truck-controls{bottom:4px}.hero-truck .truck-controls #truck-pause{background:#ffffffdf}@media(max-width:600px){.hero-truck{height:120px;margin-top:-120px;margin-bottom:0;background:transparent}}

.hero-truck #truck-canvas{transform:translateY(30px)}@media(max-width:600px){.hero-truck #truck-canvas{transform:translateY(20px)}}

.hero-truck #truck-canvas{transform:translateY(50px)}@media(max-width:600px){.hero-truck #truck-canvas{transform:translateY(36px)}}

/* Clean hero presentation; preserve truck location and original photo. */
.preview-bar{display:none}.hero .coordinates{display:none}.hero-photo img{border-radius:0;filter:none;opacity:1;image-rendering:auto}.hero-truck .truck-label,.hero-truck .truck-note,.hero-truck .truck-status{display:none}.hero-truck .truck-controls{bottom:-28px;right:4.5%;z-index:4}.hero-truck .truck-controls #truck-pause{border:0;background:transparent;color:#8f2637;padding:4px 8px;font-size:8px;opacity:.7}.hero-truck .truck-controls #truck-pause:hover,.hero-truck .truck-controls #truck-pause:focus-visible{opacity:1}.hero-truck #truck-canvas{outline-offset:-3px}@media(max-width:600px){.hero-truck .truck-controls{bottom:-23px;right:5.5%}nav{top:80px}}

/* Clear actions and usable touch targets. */
button.text-link{background:transparent;border:0;border-bottom:1px solid #67685a;border-radius:0;color:inherit;cursor:pointer;text-align:left;padding:8px 0;min-height:44px}.service-body>a,.text-link,.review-source{min-height:44px;padding-top:12px}.quote-controls button{min-width:44px;min-height:44px}.hero-truck .truck-controls #truck-pause{min-height:36px;min-width:86px;padding:7px 11px;font-size:10px;background:#fff;border:1px solid #eadde0;opacity:1}.hero-truck .truck-controls{bottom:-36px;right:4.5%}nav{gap:22px}.nav-call{white-space:nowrap}@media(max-width:600px){.hero-truck .truck-controls #truck-pause{min-height:44px;min-width:100px}.hero-truck .truck-controls{bottom:-44px}.trust-strip{padding-bottom:36px}.quote-controls{gap:8px}nav{gap:16px}}
