:root{
  --black:#070707; --dark:#111; --white:#fff; --muted:#b9b9b9;
  --accent:#ff9d00; --accent2:#ff4b00; --line:#242424;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.topbar{height:72px;background:rgba(5,5,5,.96);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid #252525}
.brand{font-weight:900;letter-spacing:.06em;font-size:16px}.paw{margin-right:7px}
.phone{font-weight:800;color:#fff}
.hero{min-height:760px;margin-top:72px;position:relative;display:flex;align-items:center;background:url("images/truck-fleet.jpg") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 48%,rgba(0,0,0,.32) 100%)}
.hero-content{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;padding:90px 30px}
.badge,.eyebrow{display:inline-block;font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--accent)}
.badge{border:1px solid rgba(255,157,0,.7);padding:8px 13px;margin-bottom:18px;background:rgba(0,0,0,.35)}
h1{font-size:clamp(46px,8vw,92px);line-height:.94;margin:0 0 22px;max-width:1000px;letter-spacing:-.04em;text-shadow:0 4px 22px #000}
.hero-sub{font-size:clamp(23px,3vw,38px);font-weight:800;margin:0 0 10px}.hero-copy{font-size:19px;max-width:650px;color:#e5e5e5;margin:0 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:5px;font-weight:900;letter-spacing:.04em}.btn-primary{background:linear-gradient(90deg,var(--accent2),var(--accent));color:#000}.btn-light{border:1px solid #fff;background:rgba(0,0,0,.25)}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#ddd;font-weight:700;font-size:14px}
.callout{max-width:var(--max);margin:-55px auto 0;position:relative;z-index:4;background:#151515;border:1px solid #2d2d2d;border-radius:12px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.callout h2,.section h2,.area h2,.final-cta h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:7px 0}.callout p{margin:0;color:#bbb}
.section{max-width:var(--max);margin:0 auto;padding:105px 30px}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head p{color:#aaa;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#121212;border:1px solid var(--line);padding:28px;border-radius:10px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#454545}.icon{font-size:32px}.card h3{margin:12px 0 8px;font-size:22px}.card p{margin:0;color:#aaa}
.photo-band{position:relative;min-height:500px;overflow:hidden}.photo-band img{width:100%;height:500px;object-fit:cover;display:block;filter:saturate(1.05)}.photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.22))}.photo-band-text{position:absolute;z-index:2;left:max(30px,calc((100% - var(--max))/2 + 30px));top:50%;transform:translateY(-50%)}.photo-band-text h2{font-size:clamp(38px,5vw,64px);line-height:1;margin:10px 0 24px;max-width:650px}
.gallery-section{padding-top:90px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery a{display:block;overflow:hidden;border-radius:8px;background:#111;aspect-ratio:4/3}.gallery img{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery a:hover img{transform:scale(1.06)}
.area{background:#101010;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.area-inner{max-width:var(--max);margin:auto;padding:90px 30px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.area p{color:#aaa;font-size:17px}.cities{display:flex;flex-wrap:wrap;gap:10px}.cities span{border:1px solid #303030;background:#171717;padding:9px 12px;border-radius:100px;color:#ddd;font-size:14px}
.final-cta{text-align:center;background:radial-gradient(circle at center,#242424 0,#0a0a0a 55%,#050505 100%);padding:110px 30px}.final-inner{max-width:800px;margin:auto}.final-cta p{color:#aaa;font-size:18px}.big-phone{display:block;font-size:clamp(40px,7vw,72px);font-weight:900;margin:8px 0 26px}
footer{border-top:1px solid #222;background:#050505;padding:30px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#888}footer strong{color:#fff;margin-right:12px}footer a{color:#fff;font-weight:900}
.mobile-call{display:none}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.area-inner{grid-template-columns:1fr}.callout{margin:20px 20px 0}.hero{min-height:700px}.photo-band-text{left:30px}}
@media(max-width:620px){.topbar{height:62px}.topbar .phone{font-size:14px}.brand{font-size:13px}.hero{margin-top:62px;min-height:720px}.hero-content{padding:70px 20px}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.58))}.hero-copy{font-size:17px}.trust-row{gap:10px;flex-direction:column}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;gap:8px}.section{padding:75px 20px}.callout{margin:15px 12px 0;padding:24px;display:block}.callout .btn{margin-top:20px;width:100%}.photo-band img{height:520px}.photo-band-text{left:20px;right:20px}.area-inner{padding:75px 20px}.final-cta{padding:85px 20px}footer{padding-bottom:90px}.mobile-call{display:block;position:fixed;z-index:100;left:12px;right:12px;bottom:12px;text-align:center;background:linear-gradient(90deg,var(--accent2),var(--accent));color:#000;padding:14px;border-radius:8px;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.55)}}