:root{--red:#e21d2d;--ink:#14161a;--muted:#60646b;--paper:#f5f6f7;--teal:#04a8b5;--line:rgba(20,22,26,.14);--max:1680px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#f5f6f7;font-family:Inter,Arial,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.site-header{height:108px;padding:0 max(32px,5vw);display:flex;align-items:center;gap:42px;background:rgba(246,247,248,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.06)}
.brand{width:315px;margin-right:auto}
.brand img{width:100%;height:72px;object-fit:contain;object-position:left center}
.site-header nav{display:flex;gap:34px;font-size:14px}
.site-header nav a{padding:12px 0}
.header-actions{display:flex;gap:10px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600}
.button-red{background:var(--red);color:white}
.button-white{background:white;border-color:#d9dadd}
.button-white span{margin-left:8px;color:#777}
.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;padding:84px max(32px,5vw) 84px;background:radial-gradient(circle at 76% 32%,#66151d 0,#251418 34%,#0f1216 72%);color:#fff;display:flex;flex-direction:column;align-items:center}
.hero:before{content:"";position:absolute;inset:-20% -10% 0 46%;background:linear-gradient(122deg,transparent 28%,rgba(226,29,45,.28) 28%,rgba(226,29,45,.28) 38%,transparent 38%);transform:skewX(-7deg)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.34));pointer-events:none}
.hero-copy{position:relative;z-index:3;width:min(1500px,94vw);text-align:center}
.location,.label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.location{color:var(--red)}
h1,h2,h3{font-family:"Barlow Condensed",Arial,sans-serif;margin:0;line-height:.94}
h1{font-size:clamp(68px,4.6vw,90px);max-width:1500px;margin:0 auto;letter-spacing:-.035em;white-space:nowrap}
.hero-copy>p:not(.location){font-size:19px;line-height:1.55;max-width:700px;margin:28px auto 0;color:#d6d9de}.hero-cta{position:relative;z-index:3;width:min(1040px,90vw);display:flex;align-items:center;justify-content:space-between;gap:30px;margin:24px auto 0;padding:20px 22px 20px 28px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(7,10,14,.58);box-shadow:0 18px 45px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.hero-cta p{font-size:17px;font-weight:500;line-height:1.55;max-width:750px;margin:0;color:#fff}.hero-cta .button{flex:none;min-width:190px}
.fleet-stage{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;margin:26px auto 0}
.fleet-main{width:min(1500px,88vw);image-rendering:auto;filter:drop-shadow(0 30px 28px rgba(0,0,0,.38))}
.fleet-van{display:none}
.services{background:white;padding-top:150px}
.section-intro{max-width:980px;margin:0 auto 110px;padding:0 40px;text-align:center}
.section-intro h2,.press-copy h2,.story h2,.contact h2{font-size:clamp(58px,5vw,96px);letter-spacing:-.025em}
.section-intro p,.press-copy>p,.story-copy>p,.contact p{font-size:18px;line-height:1.65;color:var(--muted);margin:28px auto 0;max-width:760px}
.service{min-height:720px;display:grid;grid-template-columns:minmax(440px,.8fr) 1.2fr;align-items:center;gap:7vw;padding:90px max(40px,8vw);overflow:hidden}
.service.reverse{grid-template-columns:1.15fr .85fr}
.service.reverse .service-copy{order:2}
.service.reverse img{order:1}
.service-copy{max-width:650px;position:relative;z-index:2}
.service h3{font-size:clamp(58px,5vw,92px);letter-spacing:-.025em}
.service p{font-size:18px;line-height:1.65;max-width:610px;margin:30px 0}
.service ul{padding:0;margin:36px 0 0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 28px}
.service li{padding-top:14px;border-top:1px solid currentColor;font-size:14px}
.service-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:570px;overflow:visible}.service-visual:before{display:none}.service-visual img{position:relative;width:126%;max-width:none;max-height:700px;object-fit:contain;mix-blend-mode:multiply}.service-dark .service-visual,.service-teal .service-visual,.service-red .service-visual{background:none}
.service-dark{background:#fff;color:var(--ink)}
.service-dark p{color:var(--muted)}
.service-light{background:linear-gradient(135deg,#fff,#eef0f2)}
.service-teal{background:linear-gradient(125deg,#dff8f7 0,#fff 55%)}
.service-red{background:linear-gradient(125deg,#fff0f1 0,#fff 60%)}
.press-section{padding:170px max(40px,8vw);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:#121419;color:white}
.press-image{transform:rotate(-2deg);padding:12px;background:white;box-shadow:0 30px 80px #000}
.press-copy .label{color:#ef5964}
.press-copy>p{color:#c5c8cd;margin-top:30px}
.press-copy .small{font-size:13px;color:#8e939a}
.reviews{padding:110px max(40px,8vw);background:white;display:grid;grid-template-columns:.75fr 1.25fr .65fr;gap:7vw;align-items:center}
.rating{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center}
.rating strong{font-family:"Barlow Condensed";font-size:82px}
.rating span:last-child{line-height:1.5;color:var(--muted)}
.google-g{font-size:56px;font-weight:700;color:#4285f4}
.reviews blockquote{margin:0;font-family:"Barlow Condensed";font-size:42px;line-height:1.1}
.reviews cite{display:block;font:12px Inter;margin-top:22px;color:var(--muted)}
.review-actions{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.text-link{font-size:14px;font-weight:600}
.story{padding:160px max(40px,8vw);display:grid;grid-template-columns:1fr .95fr;gap:10vw;align-items:center;background:linear-gradient(135deg,#edf0f1,#fff)}
.story-copy>p{margin-top:28px}
.story img{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 28px 70px rgba(0,0,0,.18)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.facts span{font-size:13px;line-height:1.5;border-top:2px solid var(--red);padding-top:18px}
.facts strong{display:block;font-family:"Barlow Condensed";font-size:28px;margin-bottom:6px}
.contact{padding:130px max(40px,8vw);display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end;color:white;background:radial-gradient(circle at 85% 35%,#9f1822 0,#39151a 35%,#101319 75%)}
.contact p{color:#d6d8dc;max-width:680px;margin-top:28px}
.contact-actions{display:flex;align-items:center;gap:22px}
.contact .button-white{color:var(--ink);font-size:16px;padding-inline:30px}
.contact-or{color:#d6d8dc;font-size:14px;white-space:nowrap}
.phone{font:600 clamp(34px,3vw,58px) "Barlow Condensed"}
footer{min-height:160px;padding:42px max(40px,8vw);display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:40px;background:#0b0e12;color:#9da2aa;font-size:12px}
footer img{width:260px;filter:brightness(0) invert(1)}
@media(max-width:900px){.site-header{height:84px;padding:0 20px}
.brand{width:210px}
.brand img{height:54px}
.site-header nav,.header-actions{display:none}
.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:6px;padding:10px 15px}
.site-header.open nav{display:flex;position:absolute;top:84px;left:0;right:0;padding:25px;background:white;flex-direction:column}
.hero{min-height:760px;padding:64px 22px 44px}
.hero-copy{width:100%}
h1{font-size:64px}
h1{white-space:normal}
.hero-copy>p:not(.location){font-size:16px}.hero-cta{width:100%;display:block;text-align:center;margin-top:20px;padding:20px}.hero-cta p{font-size:14px}.hero-cta .button{margin-top:18px;width:100%}
.fleet-stage{width:128%;margin-top:34px}
.fleet-main{width:138%;max-width:none}
.fleet-van{display:none}
.section-intro{display:block;margin-bottom:60px;padding:0 22px}
.section-intro p{margin-top:26px}
.services{padding-top:90px}
.service,.service.reverse{min-height:0;display:flex;flex-direction:column;gap:50px;padding:80px 22px}
.service.reverse .service-copy,.service.reverse img{order:initial}
.service h3{font-size:58px}
.service ul{grid-template-columns:1fr}
.service-visual{min-height:360px;width:100%}.service-visual img{max-height:430px;width:128%}
.press-section,.reviews,.story,.contact{display:block;padding:90px 22px}
.press-copy,.story-copy{margin-top:55px}
.reviews blockquote{font-size:36px;margin:55px 0}
.review-actions{margin-top:45px}
.facts{grid-template-columns:1fr}
.contact-actions{margin-top:50px;display:block}
.contact-actions .button{margin-bottom:28px}
.phone{display:block}
footer{display:block;padding:50px 22px}
footer p{margin-top:25px}
}
