/* Service illustrations share a quiet stage. Product sales have their own page. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-hero{grid-template-columns:.94fr 1.18fr;gap:28px;padding-block:55px 48px}
.service-fleet{min-width:0;position:relative;outline-offset:7px}
.service-fleet:focus-visible{outline:3px solid #f2bd37;border-radius:8px}
.fleet-stage{position:relative;width:100%;aspect-ratio:1.5;isolation:isolate;touch-action:pan-y}
.fleet-glow{position:absolute;inset:12% -2% 2%;background:radial-gradient(ellipse at 52% 62%,#eaf4fa99,transparent 68%);pointer-events:none;z-index:0}
.fleet-vehicles{position:absolute;inset:0 9% 0 -7%;overflow:hidden;z-index:1;pointer-events:none}
.fleet-slide{position:absolute;inset:0;display:flex;align-items:end;justify-content:center;opacity:0;will-change:transform,opacity}
.fleet-slide.is-active{opacity:1}
.fleet-slide>img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 13px 12px #1531470b)}
.fleet-technician{position:absolute;right:-3%;bottom:2.5%;height:89%;width:36%;z-index:2;pointer-events:none}
.fleet-technician img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;user-select:none;-webkit-user-drag:none}
.fleet-technician-wink{opacity:0}
.service-fleet.is-winking .fleet-technician-open{opacity:0}
.service-fleet.is-winking .fleet-technician-wink{opacity:1}
.fleet-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0 0 2px;min-height:98px}
.fleet-eyebrow{font-size:8px;letter-spacing:1.8px;line-height:1.4;color:var(--blue);font-weight:700;margin:0 0 8px}
.fleet-caption h2{font-size:clamp(17px,1.6vw,23px);letter-spacing:-.65px;line-height:1.25;margin:0 0 5px}
.fleet-caption>div>p:last-child{font-size:10px;line-height:1.5;color:var(--muted);margin:0;min-height:15px}
.fleet-controls{display:flex;gap:6px;flex-shrink:0}
.fleet-controls button{border:1px solid #dce6ec;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:white;color:var(--blue);padding:0;transition:background .2s,border-color .2s}
.fleet-controls button:hover{background:#edf5f9;border-color:#9cbece}
.fleet-controls button>span{font-size:19px;line-height:1}
.fleet-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fleet-controls .fleet-play-icon{fill:currentColor;stroke-width:0}
.fleet-selectors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.fleet-selectors button{padding:10px 0 8px;min-height:44px;display:flex;gap:9px;align-items:center;background:transparent;border:0;border-top:2px solid #e3ebef;color:#6c7d88;text-align:left;font-size:10px;font-weight:600;transition:color .2s,border-color .2s}
.fleet-selectors button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}
.fleet-selectors button:hover{color:var(--blue);border-color:#a5c6d7}
.fleet-marker{height:5px;width:5px;background:currentColor;border-radius:50%;flex-shrink:0;opacity:.5}
.fleet-selectors button[aria-pressed=true] .fleet-marker{opacity:1}
.fleet-footnote{font-size:8px;color:#73838d;margin:12px 0 0;letter-spacing:.15px}
.fleet-footnote span{color:#83939c;margin-left:5px}
@media(min-width:1550px){.service-hero{gap:45px}.fleet-stage{aspect-ratio:1.45}.fleet-caption h2{font-size:24px}}
@media(max-width:1100px){.service-hero{grid-template-columns:.95fr 1.05fr;gap:20px}.fleet-stage{aspect-ratio:1.35}.fleet-caption{align-items:flex-start;padding-top:14px;gap:8px}.fleet-caption h2{font-size:17px}.fleet-controls{gap:4px}.fleet-controls button{width:32px;height:32px}.fleet-caption>div>p:last-child{max-width:190px}.fleet-selectors{gap:7px;margin-top:10px}.fleet-selectors button{font-size:9px;gap:6px}.fleet-footnote{font-size:7px}.fleet-footnote span{display:block;margin:3px 0 0}}
@media(max-width:760px){.service-hero{grid-template-columns:1fr;gap:25px;padding-block:36px 32px}.service-fleet{width:100%;max-width:580px;margin:0 auto}.fleet-stage{aspect-ratio:1.5}.fleet-vehicles{inset:0 9% 0 -2%}.fleet-technician{right:-1%;height:90%;width:34%}.fleet-caption{padding-top:8px;min-height:82px;align-items:center;gap:12px}.fleet-caption h2{font-size:20px;letter-spacing:-.7px}.fleet-caption>div>p:last-child{font-size:10px;max-width:none}.fleet-eyebrow{font-size:8px;margin-bottom:6px}.fleet-controls{gap:5px}.fleet-controls button{width:36px;height:36px}.fleet-selectors{gap:13px;margin-top:8px}.fleet-selectors button{font-size:10px;gap:7px}.fleet-footnote{font-size:8px;margin-top:8px}.fleet-footnote span{display:inline;margin-left:5px}}
@media(max-width:420px){.fleet-caption{gap:7px}.fleet-caption h2{font-size:17px;letter-spacing:-.5px}.fleet-controls{gap:3px}.fleet-controls button{width:32px;height:36px;border-radius:20px}.fleet-caption>div>p:last-child{font-size:9px;max-width:205px}.fleet-selectors{gap:9px}.fleet-footnote span{display:block;margin:3px 0 0}}
@media(prefers-reduced-motion:reduce){.fleet-selectors button,.fleet-controls button{transition:none}}
