:root{--sky:#0EA5E9;--navy:#0F172A;--emerald:#10B981;--orange:#FB923C}
body{font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--navy);background:#f7fafc}
.td-hero{position:relative;background-image:linear-gradient(rgba(15,23,42,0.6),rgba(15,23,42,0.6)),url('https://images.unsplash.com/photo-1502877338535-766e1452684a?w=1600&q=80&auto=format&fit=crop');background-size:cover;background-position:center;padding:100px 0}
.td-hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(2,6,23,0.5), rgba(2,6,23,0.2))}
.td-hero .container{position:relative;z-index:2}
.truck-anim .road{height:80px;background:linear-gradient(180deg,#e6eef7,#f7fbff);position:relative;border-radius:10px;overflow:hidden}
.truck{position:absolute;left:-10%;top:8px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:8px;transform:translateX(0);animation:truckMove 8s linear infinite}
@keyframes truckMove{0%{left:-20%}100%{left:120%}}
.booking-float{position:relative;top:-60px;display:flex;justify-content:center;padding:0 12px}
.glass{background:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(255,255,255,0.75));box-shadow:0 10px 30px rgba(2,6,23,0.08);border-radius:12px}
.btn-sky{background:var(--sky);color:#fff;border:0}
.btn-outline-sky{border:1px solid rgba(14,165,233,0.18);color:var(--sky);background:transparent}
.service-card{transition:transform .28s ease,box-shadow .28s ease}
.service-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(2,6,23,0.12)}
.icon-large{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.bg-sky{background:var(--sky)}
.fleet-card{transition:transform .28s ease}
.fleet-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(2,6,23,0.08)}
.estimator{background:linear-gradient(180deg,#fff,#fbfdff)}
.process-list li{padding:12px 14px;border-radius:8px;margin-bottom:8px;background:rgba(15,23,42,0.02)}
.map-placeholder{min-height:260px;background:linear-gradient(180deg,#0F172A,#0B1220);color:#fff;border-radius:12px}
.booking-form .form-control,.booking-form .form-select{border-radius:8px}
#backToTop{position:fixed;right:18px;bottom:18px;display:none;z-index:9999}
@media(max-width:768px){.td-hero{padding:48px 0}.booking-float{top:-20px}}