.hero-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.hero-catalog a{font-size:12px;gap:15px}.hero-feature{position:absolute;right:var(--pad);bottom:28%;z-index:2;width:clamp(270px,25vw,390px);display:grid;grid-template-columns:95px 1fr;gap:18px;background:#222a29f7;border-top:1px solid var(--accent);padding:14px}.hero-feature>img{width:95px;height:100%;min-height:88px;object-fit:cover;object-position:64% center}.hero-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:5px}.hero-feature .eyebrow{font-size:7px;color:var(--accent);letter-spacing:.11em}.hero-feature strong{font-size:24px;font-weight:300;line-height:1.1;letter-spacing:-.04em}.hero-feature-copy>span:last-child{font-size:10px;line-height:1.6;color:var(--muted)}.hero-feature>svg{position:absolute;right:14px;top:14px;width:13px;height:13px}.service-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.service-index .text-link{gap:16px;font-size:12px}
.road-transformation{border-bottom:1px solid var(--line);padding-top:90px;padding-bottom:80px}.road-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.road-heading .eyebrow{color:var(--accent);margin-bottom:24px}.road-heading h2{font-size:clamp(38px,4.3vw,64px);line-height:1.12}.road-heading .text-link{flex:none;margin-bottom:3px}.road-compare{position:relative;aspect-ratio:16/9;max-height:72svh;overflow:hidden;isolation:isolate;background:var(--panel)}.road-before,.road-after,.road-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.road-after{clip-path:inset(0 0 0 var(--split))}.compare-label{position:absolute;top:20px;padding:7px 13px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;background:#222a29ed;border:1px solid #e7e8e033;z-index:2;pointer-events:none}.compare-before{left:20px}.compare-after{right:20px}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:var(--text);z-index:2;pointer-events:none}.compare-handle>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--canvas);border:1px solid var(--text);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 15px #0003}.compare-handle svg{width:30px;height:24px}#road-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.road-compare:focus-within{outline:2px solid var(--accent);outline-offset:5px}.road-caption{display:flex;justify-content:space-between;gap:25px;margin-top:18px;font-size:11px;line-height:1.7;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px) and (min-width:601px){.hero-catalog{gap:18px}.hero-catalog a{font-size:10px;gap:10px}.hero-feature{width:280px;grid-template-columns:80px 1fr;gap:14px}.hero-feature>img{width:80px}.hero-feature strong{font-size:21px}.service-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}}
@media(max-width:800px){.road-heading{display:block}.road-heading .text-link{margin-top:20px}.road-heading h2{font-size:48px}.road-heading h2 br{display:none}.hero-feature{bottom:31%;width:280px}}
@media(max-width:600px){.hero-catalog{display:block}.hero-catalog a{font-size:10px;gap:16px}.hero-feature{right:24px;bottom:27%;width:224px;padding:9px;grid-template-columns:66px 1fr;gap:12px}.hero-feature>img{width:66px;min-height:69px}.hero-feature strong{font-size:18px}.hero-feature .eyebrow{font-size:6px}.hero-feature-copy>span:last-child{font-size:8px}.hero-feature>svg{width:10px;height:10px;right:10px;top:10px}.hero-feature-copy{gap:4px}.service-index{display:flex;flex-direction:column;gap:0}.road-transformation{padding-top:65px;padding-bottom:60px}.road-heading{margin-bottom:30px}.road-heading .eyebrow{font-size:9px;margin-bottom:20px}.road-heading h2{font-size:36px}.road-heading .text-link{font-size:11px;margin-top:16px}.road-compare{aspect-ratio:4/3;max-height:none}.compare-label{top:12px;padding:5px 8px;font-size:8px}.compare-before{left:12px}.compare-after{right:12px}.compare-handle>span{width:42px;height:42px}.compare-handle svg{width:25px}.road-caption{display:block;font-size:10px;margin-top:15px}.road-caption>span{display:block}.road-caption>span+span{margin-top:8px}}
@media(max-width:600px) and (max-height:700px){.hero-feature{bottom:28%;width:207px;grid-template-columns:57px 1fr}.hero-feature>img{width:57px;min-height:60px}.hero-feature strong{font-size:16px}.hero-feature-copy>span:last-child{font-size:7px}.hero-catalog a{font-size:9px;padding:6px 0}}