:root{
  --navy:#0a0e27; --navy2:#1a1f4d; --orange:#d90429; --orange2:#ff3b4e; --gold:#ff4d5e;
  --light:#f4f7fb; --text:#4a5568; --white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1200px,92%);margin:auto}
h1,h2,h3,h4{color:var(--navy);line-height:1.2}
.section{padding:100px 0}
.tag{display:inline-block;color:var(--orange);font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin-bottom:12px}
.tag::before{content:"";display:inline-block;width:30px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}
.title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:18px}
.center{text-align:center}
.center .tag::after{content:"";display:inline-block;width:30px;height:2px;background:var(--orange);vertical-align:middle;margin-left:10px}
.sub{max-width:650px;margin:0 auto 55px;line-height:1.8}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:50px;font-weight:600;transition:.35s;cursor:pointer;border:none;font-family:inherit;font-size:1rem}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 25px rgba(217,4,41,.35)}
.btn-primary:hover{background:var(--navy);transform:translateY(-3px)}
.btn-outline{border:2px solid #fff;color:#fff}
.btn-outline:hover{background:#fff;color:var(--navy)}

/* Topbar */
.topbar{background:var(--navy);color:#cbd5e1;font-size:.85rem;padding:9px 0}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.topbar i{color:var(--orange);margin-right:6px}
.topbar span{margin-right:22px}
.topbar .social a{margin-left:14px;transition:.3s}
.topbar .social a:hover{color:var(--orange)}

/* Nav */
header{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.06);transition:.3s}
nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{font-size:1.7rem;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px}
.logo .icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--orange2));display:grid;place-items:center;color:#fff;font-size:1.2rem}
.logo b{color:var(--orange)}
.menu{display:flex;gap:32px;list-style:none;font-weight:500}
.menu a{color:var(--navy);position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:.3s}
.menu a:hover::after{width:100%}
.burger{display:none;font-size:1.5rem;color:var(--navy);cursor:pointer}

/* Hero */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s;animation:zoom 14s infinite alternate}
.slide.active{opacity:1}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.15)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,14,39,.95) 0%,rgba(10,14,39,.7) 50%,rgba(10,14,39,.3) 100%)}
.hero .container{position:relative;z-index:2}
.hero h1{color:#fff;font-size:clamp(2.3rem,6vw,4.4rem);font-weight:800;max-width:780px;margin-bottom:22px}
.hero h1 span{color:var(--orange)}
.hero p{max-width:580px;font-size:1.1rem;line-height:1.8;color:#dbe4ef;margin-bottom:36px}
.hero .btns{display:flex;gap:16px;flex-wrap:wrap}
.typed{border-right:3px solid var(--orange);padding-right:4px;animation:blink .8s infinite}
@keyframes blink{50%{border-color:transparent}}
.hero-badges{display:flex;gap:30px;margin-top:50px;flex-wrap:wrap}
.hero-badges div{display:flex;align-items:center;gap:10px;font-weight:500}
.hero-badges i{color:var(--orange);font-size:1.3rem}
.scroll-down{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;width:28px;height:46px;border:2px solid #fff;border-radius:20px}
.scroll-down::before{content:"";position:absolute;top:8px;left:50%;width:4px;height:9px;background:var(--orange);border-radius:3px;transform:translateX(-50%);animation:scrolld 1.6s infinite}
@keyframes scrolld{to{top:26px;opacity:0}}

/* Tracking */
.track-box{position:relative;z-index:5;margin-top:-70px;background:#fff;border-radius:18px;box-shadow:0 25px 60px rgba(10,14,39,.15);padding:35px 40px;display:grid;grid-template-columns:1.2fr 2fr;gap:30px;align-items:center}
.track-box h3{font-size:1.4rem}
.track-box h3 i{color:var(--orange);margin-right:8px}
.track-form{display:flex;gap:12px;flex-wrap:wrap}
.track-form input,.track-form select{flex:1;min-width:160px;padding:15px 20px;border:1.5px solid #e2e8f0;border-radius:50px;font-family:inherit;font-size:.95rem;outline:none}
.track-form input:focus{border-color:var(--orange)}
#trackResult{grid-column:1/-1;display:none;padding:18px;border-radius:12px;background:var(--light)}

/* Clients marquee (animation section 1) */
.marquee{background:var(--light);padding:40px 0;overflow:hidden;margin-top:70px}
.marquee-track{display:flex;gap:80px;width:max-content;animation:marq 30s linear infinite}
.marquee-track span{font-size:1.5rem;font-weight:700;color:#a0aec0;white-space:nowrap;display:flex;align-items:center;gap:10px}
@keyframes marq{to{transform:translateX(-50%)}}

/* About */
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-img{position:relative}
.about-img img{border-radius:20px;height:520px;width:100%;object-fit:cover}
.about-img .small{position:absolute;bottom:-40px;right:-30px;width:240px;height:200px;border:8px solid #fff;border-radius:20px;object-fit:cover}
.exp{position:absolute;top:30px;left:-30px;background:var(--orange);color:#fff;padding:25px;border-radius:16px;text-align:center;animation:float 4s ease-in-out infinite}
.exp h2{color:#fff;font-size:2.8rem}
@keyframes float{50%{transform:translateY(-15px)}}
.about p{line-height:1.9;margin-bottom:20px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 35px}
.checks div{display:flex;gap:10px;align-items:center;font-weight:500;color:var(--navy)}
.checks i{color:var(--orange)}

/* Services */
.services-bg{background:var(--light)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.service{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.4s;position:relative}
.service:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(10,14,39,.15)}
.service .img{height:230px;overflow:hidden;position:relative}
.service .img img{width:100%;height:100%;object-fit:cover;transition:.6s}
.service:hover .img img{transform:scale(1.12) rotate(1deg)}
.service .ico{position:absolute;right:25px;top:198px;width:65px;height:65px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.5rem;border:5px solid #fff;z-index:2;transition:.5s}
.service:hover .ico{transform:rotateY(360deg);background:var(--navy)}
.service .body{padding:40px 28px 30px}
.service h3{font-size:1.3rem;margin-bottom:12px}
.service p{line-height:1.7;margin-bottom:18px;font-size:.95rem}
.service .more{color:var(--orange);font-weight:600}
.service .more i{transition:.3s}
.service:hover .more i{transform:translateX(6px)}

/* Counter */
.counter{background:linear-gradient(rgba(10,14,39,.9),rgba(10,14,39,.9)),url('../img/photos/photo-1494412574643-ff11b0a5c1c3.webp') center/cover fixed;color:#fff;padding:90px 0}
.counter .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.counter i{font-size:2.6rem;color:var(--orange);margin-bottom:15px}
.counter h2{color:#fff;font-size:3rem}
.counter p{color:#cbd5e1}

/* Process (animation section 2) */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.process::before{content:"";position:absolute;top:55px;left:12%;right:12%;height:3px;background:repeating-linear-gradient(90deg,var(--orange) 0 14px,transparent 14px 26px);background-size:52px 3px;animation:dash 1.2s linear infinite}
@keyframes dash{to{background-position:52px 0}}
.step{text-align:center;position:relative;z-index:2}
.step .circle{width:110px;height:110px;margin:0 auto 25px;border-radius:50%;background:#fff;border:3px dashed var(--orange);display:grid;place-items:center;font-size:2.2rem;color:var(--navy);position:relative;transition:.4s}
.step:hover .circle{background:var(--orange);color:#fff;border-style:solid}
.step .num{position:absolute;top:-5px;right:-5px;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:.9rem;font-weight:700;display:grid;place-items:center}
.step h4{font-size:1.15rem;margin-bottom:10px}
.step p{font-size:.92rem;line-height:1.7}

/* Truck animation */
.road{position:relative;height:120px;background:var(--navy);overflow:hidden}
.road::after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:repeating-linear-gradient(90deg,#fff 0 40px,transparent 40px 80px);animation:roadmove 1s linear infinite}
@keyframes roadmove{to{background-position:-80px 0}}
.truck{position:absolute;top:22px;font-size:3.6rem;color:var(--orange);animation:drive 9s linear infinite;z-index:2}
@keyframes drive{from{left:-120px}to{left:100%}}
.plane{position:absolute;top:8px;font-size:1.6rem;color:#fff;opacity:.6;animation:fly 13s linear infinite}
@keyframes fly{from{right:-60px}to{right:110%}}

/* Why us */
.why{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.feature{display:flex;gap:20px;margin-bottom:28px;padding:22px;border-radius:14px;transition:.3s}
.feature:hover{background:var(--light);transform:translateX(10px)}
.feature .fi{min-width:60px;height:60px;border-radius:14px;background:rgba(217,4,41,.1);color:var(--orange);display:grid;place-items:center;font-size:1.4rem}
.feature h4{margin-bottom:6px}
.feature p{font-size:.93rem;line-height:1.7}
.why-img{position:relative}
.why-img img{border-radius:20px;height:560px;width:100%;object-fit:cover}
.why-img .badge{position:absolute;bottom:30px;left:-30px;background:#fff;padding:20px 25px;border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.15);display:flex;gap:15px;align-items:center;animation:float 5s ease-in-out infinite}
.why-img .badge i{font-size:2rem;color:#22c55e}

/* Compare */
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.06)}
.compare th,.compare td{padding:18px 22px;text-align:center;border-bottom:1px solid #edf2f7}
.compare th{background:var(--navy);color:#fff}
.compare th.us{background:var(--orange)}
.compare td:first-child,.compare th:first-child{text-align:left;font-weight:500;color:var(--navy)}
.compare .fa-check-circle{color:#22c55e;font-size:1.2rem}
.compare .fa-times-circle{color:#cbd5e1;font-size:1.2rem}
.table-wrap{overflow-x:auto}

/* Industries */
.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ind{position:relative;height:280px;border-radius:16px;overflow:hidden;cursor:pointer}
.ind img{width:100%;height:100%;object-fit:cover;transition:.6s}
.ind::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(10,14,39,.92))}
.ind:hover img{transform:scale(1.1)}
.ind div{position:absolute;bottom:22px;left:22px;z-index:2;color:#fff}
.ind h4{color:#fff;font-size:1.2rem}
.ind div span{font-size:.85rem;color:var(--orange2)}

/* Quote */
.quote-sec{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.quote-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.quote-sec h2{color:#fff}
.quote-sec p{color:#cbd5e1;line-height:1.8}
.quote-form{background:#fff;padding:40px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quote-form input,.quote-form select,.quote-form textarea{padding:14px 18px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;outline:none;width:100%}
.quote-form textarea{grid-column:1/-1;height:110px;resize:none}
.quote-form .full{grid-column:1/-1}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--orange)}
.contact-list div{display:flex;gap:15px;align-items:center;margin-top:22px}
.contact-list i{width:50px;height:50px;border-radius:50%;background:rgba(217,4,41,.15);color:var(--orange);display:grid;place-items:center}

/* Testimonials */
.testi-wrap{overflow:hidden}
.testi-track{display:flex;transition:transform .7s ease}
.testi{min-width:calc(33.333% - 20px);margin:0 10px;background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);position:relative}
.testi .q{position:absolute;top:25px;right:30px;font-size:3rem;color:rgba(217,4,41,.15)}
.testi .stars{color:#ff4d5e;margin-bottom:15px}
.testi p{line-height:1.8;font-style:italic;margin-bottom:22px}
.testi .who{display:flex;gap:14px;align-items:center}
.testi .who img{width:55px;height:55px;border-radius:50%;object-fit:cover}
.dots{display:flex;justify-content:center;gap:10px;margin-top:35px}
.dots span{width:12px;height:12px;border-radius:20px;background:#cbd5e1;cursor:pointer;transition:.3s}
.dots span.on{width:35px;background:var(--orange)}

/* FAQ */
.faq{max-width:850px;margin:auto}
.faq-item{background:#fff;border-radius:12px;margin-bottom:15px;box-shadow:0 5px 20px rgba(0,0,0,.04);overflow:hidden}
.faq-q{padding:22px 25px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q i{transition:.3s;color:var(--orange)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s;padding:0 25px;line-height:1.8}
.faq-item.open .faq-a{max-height:200px;padding-bottom:22px}
.faq-item.open .faq-q i{transform:rotate(45deg)}

/* CTA */
.cta{background:linear-gradient(120deg,var(--orange),var(--orange2));border-radius:24px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1);right:-80px;top:-120px;animation:float 6s infinite}
.cta h2{color:#fff;font-size:2.2rem}
.cta .btn{background:var(--navy);color:#fff}
.cta .btn:hover{background:#fff;color:var(--navy)}

/* Footer */
footer{background:#05071a;color:#a0aec0;padding:80px 0 0;margin-top:100px}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:40px}
footer h4{color:#fff;margin-bottom:22px;font-size:1.15rem}
footer ul{list-style:none}
footer li{margin-bottom:12px}
footer li a:hover{color:var(--orange);padding-left:6px}
footer li a{transition:.3s}
footer .logo{color:#fff;margin-bottom:18px}
footer p{line-height:1.8}
.news{display:flex;margin-top:15px}
.news input{flex:1;padding:13px;border:none;border-radius:8px 0 0 8px;font-family:inherit;min-width:0}
.news button{background:var(--orange);border:none;color:#fff;padding:0 18px;border-radius:0 8px 8px 0;cursor:pointer}
.copy{border-top:1px solid #1c2140;margin-top:60px;padding:25px 0;text-align:center;font-size:.9rem}
.f-social{display:flex;gap:10px;margin-top:20px}
.f-social a{width:40px;height:40px;border-radius:50%;background:#1a1f4d;display:grid;place-items:center;color:#fff;transition:.3s}
.f-social a:hover{background:var(--orange);transform:translateY(-4px)}

/* Floating */
.wa{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.8rem;z-index:999;box-shadow:0 10px 25px rgba(37,211,102,.4);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.totop{position:fixed;bottom:100px;right:32px;width:45px;height:45px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;z-index:999;opacity:0;transition:.3s;cursor:pointer}
.totop.show{opacity:1}
#loader{position:fixed;inset:0;background:var(--navy);z-index:9999;display:grid;place-items:center;transition:.6s}
#loader i{font-size:3.5rem;color:var(--orange);animation:drivein 1.2s ease-in-out infinite}
@keyframes drivein{0%{transform:translateX(-60px);opacity:0}50%{opacity:1}100%{transform:translateX(60px);opacity:0}}

/* Responsive */
@media(max-width:992px){
  .menu{position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:25px;gap:18px;display:none;box-shadow:0 10px 20px rgba(0,0,0,.1)}
  .menu.open{display:flex}
  .burger{display:block}
  .nav-btn{display:none}
  .about,.why,.quote-grid{grid-template-columns:1fr}
  .grid3,.industries{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr 1fr;row-gap:50px}
  .process::before{display:none}
  .counter .grid4{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr 1fr}
  .track-box{grid-template-columns:1fr}
  .testi{min-width:calc(100% - 20px)}
  .exp{left:10px}.about-img .small{right:10px}.why-img .badge{left:10px}
}
@media(max-width:600px){
  .section{padding:70px 0}
  .grid3,.industries,.process,.foot,.checks,.quote-form{grid-template-columns:1fr}
  .topbar .info span:nth-child(3){display:none}
  .about-img img{height:380px}.about-img .small{display:none}
  .cta{padding:40px 28px}
  .track-box{padding:25px}
}

/* ===== Multi-page additions ===== */
.brand img{height:54px;width:auto}
footer .brand img{height:56px;margin-bottom:18px}
.menu a.active{color:var(--orange)}
.menu a.active::after{width:100%}
header.scrolled{box-shadow:0 6px 30px rgba(10,14,39,.12)}
.topbar{background:linear-gradient(90deg,var(--navy),var(--navy2))}
.hero::after{background:linear-gradient(100deg,rgba(10,14,39,.96) 0%,rgba(26,31,77,.75) 55%,rgba(217,4,41,.25) 100%)}
.hero .tag,.hero h1 span:not(.typed){color:var(--gold)}
.hero .typed{color:var(--orange2)}
.btn-primary{background:linear-gradient(135deg,var(--orange),#a00020)}
.counter{background:linear-gradient(rgba(10,14,39,.92),rgba(217,4,41,.75)),url('../img/photos/photo-1494412574643-ff11b0a5c1c3.webp') center/cover fixed}
.counter i{color:var(--gold)}
.exp{background:linear-gradient(135deg,var(--orange),#a00020)}
.cta{background:linear-gradient(120deg,var(--orange),#7a0018)}
.cta .btn{background:var(--gold);color:var(--navy)}
.page-banner{position:relative;padding:130px 0 110px;background-size:cover;background-position:center;color:#fff;text-align:center}
.page-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,14,39,.94),rgba(217,4,41,.7))}
.page-banner .container{position:relative}
.page-banner h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:14px}
.page-banner p{color:#e5e7eb}
.page-banner p i{font-size:.75rem;margin:0 8px;color:var(--gold)}
.page-banner p span{color:var(--gold)}
.mv{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.mv+.mv{margin-top:30px}
.mv div{background:#fff;padding:40px 30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);border-top:4px solid var(--orange);transition:.4s}
.mv div:hover{transform:translateY(-10px);border-color:var(--gold)}
.mv i{font-size:2.4rem;color:var(--orange);margin-bottom:18px}
.mv h3{margin-bottom:12px}
.mv p{line-height:1.8}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.member{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);text-align:center}
.member .ph{height:280px;overflow:hidden}
.member img{width:100%;height:100%;object-fit:cover;transition:.6s}
.member:hover img{transform:scale(1.08)}
.member h4{margin-top:18px}
.member p{padding-bottom:20px;color:var(--orange);font-size:.9rem}
.svc-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:90px}
.svc-detail:nth-child(even) .svc-img{order:2}
.svc-img{position:relative;border-radius:20px;overflow:hidden}
.svc-img img{height:400px;width:100%;object-fit:cover;transition:.7s}
.svc-img:hover img{transform:scale(1.06)}
.svc-img .ico{position:absolute;top:20px;left:20px;width:70px;height:70px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.7rem}
.svc-detail p{line-height:1.9;margin-bottom:18px}
.timeline{display:none;max-width:800px;margin:60px auto 0}
.timeline.show{display:block}
.tl-item{display:flex;gap:22px;position:relative;padding-bottom:35px}
.tl-item::before{content:"";position:absolute;left:24px;top:50px;bottom:0;width:3px;background:#e5e7eb}
.tl-item:last-child::before{display:none}
.tl-item .dot{min-width:50px;height:50px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:grid;place-items:center}
.tl-item.done .dot{background:var(--orange);color:#fff}
.tl-item.done::before{background:var(--orange)}
.tl-item.now .dot{background:var(--gold);color:var(--navy);animation:pulseR 1.6s infinite}
@keyframes pulseR{0%{box-shadow:0 0 0 0 rgba(255,77,94,.6)}70%{box-shadow:0 0 0 16px rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:70px}
.contact-cards div{background:#fff;text-align:center;padding:40px 25px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.3s}
.contact-cards div:hover{background:var(--navy);color:#fff}
.contact-cards div:hover h4{color:#fff}
.contact-cards i{font-size:2rem;color:var(--orange);margin-bottom:15px}
.map iframe{width:100%;height:420px;border:0;border-radius:20px}
@media(max-width:992px){.mv,.contact-cards{grid-template-columns:1fr}.team{grid-template-columns:1fr 1fr}.svc-detail{grid-template-columns:1fr}.svc-detail:nth-child(even) .svc-img{order:0}.brand img{height:44px}}
@media(max-width:600px){.team{grid-template-columns:1fr}}

/* ===== Footer finish ===== */
.foot{grid-template-columns:1.4fr 1fr 1fr 1.5fr}
.f-contact li{display:flex;gap:12px;align-items:flex-start}
.f-contact i{color:var(--orange);margin-top:5px;width:16px}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;text-align:left}
.copy .legal a{margin-left:22px;transition:.3s}
.copy .legal a:hover{color:var(--gold)}
footer{overflow:hidden}
.giant{font-size:clamp(7rem,31vw,30rem);font-weight:800;line-height:.78;text-align:center;letter-spacing:-.04em;
  background:linear-gradient(180deg,rgba(217,4,41,.55),rgba(217,4,41,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;
  user-select:none;margin-top:10px}
@media(max-width:600px){.copy{justify-content:center;text-align:center}.copy .legal a{margin:0 10px}}


/* ===== Delivery zone radar ===== */
.radar-sec{background:radial-gradient(ellipse at 35% 50%,#1a1f4d 0%,var(--navy) 70%);color:#cbd5e1;overflow:hidden}
.radar-sec .title{color:#fff}
.radar-sec .sub{color:#cbd5e1}
.radar-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}
.radar svg{width:100%;max-width:580px;margin:auto;display:block;overflow:visible}
.ring{fill:rgba(217,4,41,.06);stroke:rgba(255,59,78,.55);stroke-width:1.5;stroke-dasharray:6 6;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:fill .4s,stroke .4s}
.radar-sec.in .ring{animation:ringGrow 1s cubic-bezier(.2,.8,.2,1) forwards}
.radar-sec.in .ring.z1{animation-delay:.1s}.radar-sec.in .ring.z2{animation-delay:.4s}.radar-sec.in .ring.z3{animation-delay:.7s}
@keyframes ringGrow{to{transform:scale(1)}}
.ring.active{fill:rgba(217,4,41,.2);stroke:#ff4d5e;stroke-dasharray:none;stroke-width:2.5}
.axis{stroke:rgba(255,255,255,.07);stroke-width:1}
.sweep{transform-origin:300px 300px;animation:sweep 6s linear infinite;opacity:0;transition:opacity 1s}
.radar-sec.in .sweep{opacity:1}
@keyframes sweep{to{transform:rotate(360deg)}}
.ring-label{fill:#ff4d5e;font:700 12px Poppins,sans-serif;letter-spacing:2px;text-transform:uppercase;opacity:.85}
.pt{opacity:0}
.radar-sec.in .pt{animation:ptIn .5s ease forwards;animation-delay:calc(var(--d) + 1s)}
@keyframes ptIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pt circle{fill:#fff;stroke:#d90429;stroke-width:2.5;transition:.3s}
.pt text{fill:#e5e7eb;font:600 12.5px Poppins,sans-serif;transition:.3s}
.pt.active circle{fill:#ff4d5e;stroke:#fff;r:7}
.pt.active text{fill:#fff;font-weight:700}
.hub-pulse{fill:none;stroke:#ff4d5e;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.hub-name{fill:#fff;font:800 13px Poppins,sans-serif;letter-spacing:1.5px}
.zone-card{display:flex;gap:18px;padding:22px;border-radius:16px;margin-bottom:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:.35s}
.zone-card i{min-width:54px;height:54px;border-radius:14px;background:rgba(217,4,41,.2);color:#ff3b4e;display:grid;place-items:center;font-size:1.3rem;transition:.35s}
.zone-card h4{color:#fff;font-size:1.25rem;margin-bottom:6px}
.zone-card h4 small{display:block;font-size:.8rem;font-weight:500;color:#ff4d5e;margin-top:2px}
.zone-card p{font-size:.88rem;line-height:1.6}
.zone-card.active{background:linear-gradient(120deg,rgba(217,4,41,.35),rgba(217,4,41,.08));border-color:var(--orange);transform:translateX(-8px)}
.zone-card.active i{background:var(--orange);color:#fff}
.zones .btn{margin-top:10px}
@media(max-width:992px){.radar-grid{grid-template-columns:1fr}.pt text{font-size:15px}}

/* ===== Services dropdown ===== */
.has-drop{position:relative;display:flex;align-items:center;gap:4px}
.drop-toggle{background:none;border:none;color:var(--navy);cursor:pointer;font-size:.75rem;padding:6px 2px;transition:transform .3s}
.has-drop:hover .drop-toggle,.has-drop.open .drop-toggle{transform:rotate(180deg);color:var(--orange)}
.dropdown{position:absolute;top:calc(100% + 18px);left:50%;width:330px;background:#fff;border-radius:16px;padding:10px;
  box-shadow:0 25px 60px rgba(10,14,39,.18);border-top:3px solid var(--orange);
  opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.3s;z-index:50}
.dropdown::before{content:"";position:absolute;top:-21px;left:0;right:0;height:21px}
.has-drop:hover .dropdown,.has-drop.open .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dropdown a{display:flex;gap:14px;align-items:center;padding:11px 12px;border-radius:10px;transition:.25s}
.dropdown a::after{display:none}
.dropdown a:hover{background:var(--light);transform:translateX(4px)}
.dropdown a>i{min-width:40px;height:40px;border-radius:10px;background:rgba(217,4,41,.1);color:var(--orange);display:grid;place-items:center;transition:.25s}
.dropdown a:hover>i{background:var(--orange);color:#fff}
.dropdown strong{display:block;color:var(--navy);font-size:.93rem}
.dropdown small{color:#6b7280;font-size:.78rem;font-weight:400}
.dropdown .drop-all{justify-content:center;margin-top:6px;background:var(--navy);color:#fff;font-weight:600;font-size:.88rem}
.dropdown .drop-all:hover{background:var(--orange);transform:none}
.svc-detail{scroll-margin-top:110px}
@media(max-width:992px){
  .menu{max-height:calc(100vh - 80px);overflow-y:auto}
  .has-drop{flex-wrap:wrap;justify-content:space-between}
  .drop-toggle{font-size:1rem;padding:6px 10px}
  .has-drop:hover .drop-toggle{transform:none;color:var(--navy)}
  .has-drop.open .drop-toggle{transform:rotate(180deg)}
  .dropdown{position:static;width:100%;transform:none;box-shadow:none;border-top:none;padding:0;display:none;opacity:1;visibility:visible;margin-top:8px;background:var(--light)}
  .has-drop:hover .dropdown{transform:none}
  .has-drop.open .dropdown{display:block}
}
/* keep all menu items on one baseline */
@media(min-width:993px){
  .menu{align-items:center}
  .menu>li{display:flex;align-items:center;height:40px}
  .drop-toggle{padding:0 2px;line-height:1;height:auto}
}

/* ===== Scroll truck journey ===== */
.journey{position:relative;height:340vh;background:linear-gradient(180deg,var(--navy) 0%,#141a45 100%)}
.journey-sticky{position:sticky;top:80px;height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden}
.journey-sticky::before{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 60px);transform:translateX(calc(var(--p,0) * -240px))}
.journey-head{margin-bottom:22px}
.journey-head .title{margin-bottom:6px}
.journey-sub{color:#cbd5e1}
.j-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:34px;min-height:290px}
.j-card{background:#fff;border-radius:16px;overflow:hidden;opacity:.18;transform:translateY(30px) scale(.94);filter:grayscale(1);transition:.6s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.j-card.reached{opacity:1;transform:none;filter:none}
.j-card.current{outline:3px solid var(--gold);transform:translateY(-8px)}
.j-img{position:relative;height:130px;overflow:hidden}
.j-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:1s}
.j-card.reached .j-img img{transform:scale(1)}
.j-time{position:absolute;left:12px;bottom:12px;background:var(--orange);color:#fff;font-weight:700;font-size:.85rem;padding:6px 14px;border-radius:30px}
.j-card.current .j-time{background:var(--gold);color:var(--navy)}
.j-body{padding:16px 18px 18px}
.j-body h4{font-size:1.05rem}
.j-body small{color:var(--orange);font-weight:600;font-size:.78rem}
.j-body p{font-size:.85rem;line-height:1.55;margin-top:6px}
.j-road{position:relative;height:18px;background:#2a2f5a;border-radius:20px;margin:70px 0 22px}
.j-road::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 22px,transparent 22px 44px);background-position:calc(var(--p,0) * -600px) 0}
.j-progress{position:absolute;left:12.5%;top:0;bottom:0;width:0;border-radius:20px;background:linear-gradient(90deg,var(--orange),var(--gold))}
.j-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}
.j-marker i{display:block;width:22px;height:22px;border-radius:50%;background:#2a2f5a;border:4px solid #4b5180;transition:.4s}
.j-marker.reached i{background:var(--gold);border-color:#fff;box-shadow:0 0 0 6px rgba(255,77,94,.25)}
.j-marker b{position:absolute;top:30px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#9ca3af;font-size:.8rem;font-weight:600;transition:.4s}
.j-marker.reached b{color:#fff}
.j-truck{position:absolute;bottom:4px;left:12.5%;width:220px;transform:translateX(-50%);z-index:3;will-change:left}
.j-truck img{width:100%;display:block;border-radius:6px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}
.wheel{transform-box:fill-box;transform-origin:center}
.journey.moving .wheel{animation:spin .4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.journey.moving .j-truck img{animation:bump .25s ease-in-out infinite alternate}
@keyframes bump{to{transform:translateY(-2px)}}
.j-smoke{position:absolute;left:-14px;bottom:18px;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.35);opacity:0}
.journey.moving .j-smoke{animation:smoke .7s ease-out infinite}
@keyframes smoke{0%{opacity:.6;transform:scale(.4)}100%{opacity:0;transform:translate(-30px,-14px) scale(2)}}
.j-odo{text-align:center;color:#cbd5e1;font-weight:500;margin-top:30px}
.j-odo span{color:var(--gold);font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:768px){
  .j-cards{display:block;position:relative;min-height:300px;max-width:360px;margin:0 auto 20px}
  .j-card{position:absolute;inset:0;opacity:0;pointer-events:none}
  .j-card.current{opacity:1;outline:none;transform:none}
  .j-truck{width:130px}
  .j-marker b{font-size:.68rem}
  .journey-sticky{align-items:flex-start;padding-top:20px}
}
@media(max-width:992px){.pt text{font-size:16px}.hub-name{font-size:14px;paint-order:stroke;stroke:#0a0e27;stroke-width:5px}.pt text{paint-order:stroke;stroke:#0a0e27;stroke-width:4px}.ring-label{font-size:14px}}

/* ===== Process as scroll timeline ===== */
.process{display:block;position:relative;max-width:920px;margin:0 auto}
.process::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:4px;background:#e5e7eb;animation:none;height:auto;right:auto}
.process-fill{position:absolute;left:50%;top:0;width:4px;margin-left:-2px;height:0;border-radius:4px;background:linear-gradient(180deg,var(--orange),var(--gold));z-index:1;box-shadow:0 0 12px rgba(217,4,41,.5)}
.process-fill::after{content:"";position:absolute;bottom:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(255,77,94,.25)}
.process .step{position:relative;width:50%;padding:20px 80px 60px 0;text-align:right;opacity:.35;transform:translateX(-30px);transition:.6s cubic-bezier(.2,.8,.2,1)}
.process .step:nth-child(odd){margin-left:50%;padding:20px 0 60px 80px;text-align:left;transform:translateX(30px)}
.process .step.on{opacity:1;transform:none}
.process .step .circle{position:absolute;top:0;right:-45px;width:90px;height:90px;margin:0;font-size:1.8rem;z-index:2;background:#fff}
.process .step:nth-child(odd) .circle{right:auto;left:-45px}
.process .step.on .circle{background:var(--orange);color:#fff;border-style:solid;border-color:var(--orange);box-shadow:0 10px 30px rgba(217,4,41,.35)}
.process .step.on .num{background:var(--gold);color:var(--navy)}
.process .step h4{font-size:1.3rem;margin-top:18px}
.process .step p{font-size:.98rem;max-width:360px;display:inline-block}
@media(max-width:992px){
  .process::before{display:block}
  .process{row-gap:0}
}
@media(max-width:768px){
  .process::before,.process-fill{left:36px}
  .process .step,.process .step:nth-child(odd){width:100%;margin-left:0;padding:8px 0 48px 96px;text-align:left;transform:translateY(20px)}
  .process .step.on{transform:none}
  .process .step .circle,.process .step:nth-child(odd) .circle{left:0;right:auto;width:72px;height:72px;font-size:1.4rem}
  .process .step .num{width:30px;height:30px;font-size:.78rem}
  .process .step h4{margin-top:4px;font-size:1.15rem}
}

/* ===== How It Works: timeline + image ===== */
.process-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.process-wrap .process{max-width:none;margin:0}
.process-wrap .process::before,.process-wrap .process-fill{left:45px}
.process-wrap .process .step,.process-wrap .process .step:nth-child(odd){width:100%;margin-left:0;padding:14px 0 56px 125px;text-align:left;transform:translateX(30px)}
.process-wrap .process .step.on{transform:none}
.process-wrap .process .step .circle,.process-wrap .process .step:nth-child(odd) .circle{left:0;right:auto}
.process-wrap .process .step h4{margin-top:6px}
.process-visual{position:sticky;top:120px;border-radius:24px;overflow:visible}
.process-visual img{width:100%;height:560px;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px rgba(10,14,39,.22)}
.process-visual::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:3px solid var(--orange);border-radius:24px;z-index:-1}
.pv-badge{position:absolute;left:-30px;bottom:40px;display:flex;gap:14px;align-items:center;background:#fff;padding:16px 22px;border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.15);animation:float 5s ease-in-out infinite}
.pv-badge i{width:46px;height:46px;border-radius:12px;background:rgba(217,4,41,.1);color:var(--orange);display:grid;place-items:center;font-size:1.2rem}
.pv-badge strong,.pv-stat strong{display:block;color:var(--navy)}
.pv-badge small{color:#6b7280}
.pv-stat{position:absolute;right:-20px;top:40px;background:var(--navy);color:#cbd5e1;padding:18px 24px;border-radius:14px;text-align:center;box-shadow:0 15px 40px rgba(10,14,39,.3)}
.pv-stat strong{color:var(--gold);font-size:1.8rem;line-height:1}
@media(max-width:992px){
  .process-wrap{grid-template-columns:1fr}
  .process-visual{position:relative;top:0;order:-1;margin:0 18px 30px}
  .process-visual img{height:340px}
  .pv-badge{left:10px}.pv-stat{right:10px}
}
@media(max-width:768px){
  .process-wrap .process::before,.process-wrap .process-fill{left:36px}
  .process-wrap .process .step,.process-wrap .process .step:nth-child(odd){padding:8px 0 48px 96px}
}

/* ===== WhatsApp button ===== */
.wa{position:fixed;right:24px;bottom:24px;z-index:999;display:flex;align-items:center;gap:12px;padding:8px 22px 8px 8px;border-radius:60px;
  background:#fff;color:var(--navy);box-shadow:0 12px 35px rgba(10,14,39,.22);border:1px solid #e5e7eb;animation:none;width:auto;height:auto;font-size:1rem;transition:.3s}
.wa:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(10,14,39,.28)}
.wa-ico{position:relative;width:48px;height:48px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.6rem}
.wa-ico::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:waRing 2.4s ease-out infinite}
@keyframes waRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.wa-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.wa-text{display:flex;flex-direction:column;line-height:1.25}
.wa-text small{font-size:.72rem;color:#6b7280}
.wa-text strong{font-size:.95rem}
.totop{bottom:96px;right:30px}
@media(max-width:600px){
  .wa{padding:6px;right:16px;bottom:16px}
  .wa-text{display:none}
  .totop{right:22px;bottom:84px}
}
/* framed image: border sits evenly around the photo, badges stay inside */
.process-visual{padding:12px;border:3px solid var(--orange);border-radius:28px;background:#fff}
.process-visual::before{display:none}
.process-visual img{border-radius:18px;box-shadow:none;height:540px}
.pv-badge{left:30px;bottom:30px}
.pv-stat{right:30px;top:30px}
@media(max-width:992px){.process-visual{margin:0 0 30px}.process-visual img{height:340px}.pv-badge{left:24px;bottom:24px}.pv-stat{right:24px;top:24px}}

/* ===== Professional quote form ===== */
.quote-sec{background:linear-gradient(180deg,var(--light) 0%,#fff 100%);color:var(--text)}
.q-panel{display:grid;grid-template-columns:.85fr 1.6fr;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(10,14,39,.14);background:#fff}
.q-info{position:relative;padding:50px 40px;color:#cbd5e1;background:linear-gradient(160deg,rgba(10,14,39,.94),rgba(26,31,77,.92)),url('../img/photos/photo-1494412574643-ff11b0a5c1c3.webp') center/cover}
.q-info::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--orange),var(--gold))}
.q-info .tag{color:var(--gold)}
.q-info .tag::before{background:var(--gold)}
.q-info h2{color:#fff;font-size:1.9rem;margin-bottom:16px}
.q-info>p{line-height:1.8;margin-bottom:26px}
.q-points{list-style:none;margin-bottom:34px}
.q-points li{display:flex;gap:10px;margin-bottom:12px;font-size:.95rem}
.q-points i{color:var(--gold);margin-top:4px}
.q-contact{display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:26px}
.q-contact>*{display:flex;gap:14px;align-items:center;color:#fff;font-weight:600}
.q-contact i{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);color:var(--gold);display:grid;place-items:center}
.q-contact small{display:block;font-weight:400;color:#9ca3af;font-size:.78rem}
.q-contact a:hover i{background:var(--orange);color:#fff}
.q-form{padding:44px 46px}
.q-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid #edf0f5}
.q-head h3{font-size:1.4rem}
.q-head span{font-size:.82rem;color:#6b7280}
.q-head span i{color:#22c55e;margin-right:4px}
.q-form fieldset{border:none;margin-bottom:26px}
.q-form legend{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);margin-bottom:16px}
.q-form legend span{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem}
.q-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.q-chips label{cursor:pointer}
.q-chips input{position:absolute;opacity:0;pointer-events:none}
.q-chips span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.82rem;font-weight:600;color:var(--navy);transition:.25s}
.q-chips span i{font-size:1.2rem;color:#94a3b8;transition:.25s}
.q-chips label:hover span{border-color:var(--orange)}
.q-chips input:checked+span{border-color:var(--orange);background:rgba(217,4,41,.06);box-shadow:0 0 0 3px rgba(217,4,41,.12)}
.q-chips input:checked+span i{color:var(--orange)}
.q-chips input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.q-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.q-row3{grid-template-columns:repeat(3,1fr)}
.q-field label{display:block;font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:7px}
.q-field label em{font-style:normal;font-weight:400;color:#94a3b8}
.q-in{position:relative}
.q-in i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem;transition:.25s;pointer-events:none}
.q-form input:not([type=radio]):not([type=checkbox]),.q-form textarea{width:100%;padding:13px 14px 13px 42px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;font-size:.93rem;color:var(--navy);outline:none;transition:.25s}
.q-form textarea{padding-left:14px;height:96px;resize:vertical}
.q-form input:focus,.q-form textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(217,4,41,.1)}
.q-in:focus-within i{color:var(--orange)}
.q-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding-top:22px;border-top:1px solid #edf0f5}
.q-check{display:flex;gap:10px;align-items:center;font-size:.88rem;cursor:pointer}
.q-check input{width:18px;height:18px;accent-color:var(--orange)}
.q-done{text-align:center;padding:60px 20px}
.q-done>i{font-size:4rem;color:#22c55e;margin-bottom:18px}
.q-done h3{font-size:1.6rem;margin-bottom:10px}
.q-done p{max-width:440px;margin:0 auto 26px;line-height:1.8}
@media(max-width:992px){.q-panel{grid-template-columns:1fr}.q-chips{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.q-form,.q-info{padding:32px 22px}.q-row,.q-row3{grid-template-columns:1fr}.q-foot .btn{width:100%;justify-content:center}}
.quote-sec .q-done p{color:var(--text)}
.q-hp{position:absolute;left:-9999px;opacity:0}
.q-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:.9rem}
.q-form .q-chips{margin-bottom:22px}
.q-note{font-size:.85rem;color:#6b7280}
.q-note i{color:#22c55e;margin-right:4px}
.btn.q-wa{background:#25d366;color:#fff;box-shadow:0 10px 25px rgba(37,211,102,.35)}
.btn.q-wa:hover{background:#128c7e;transform:translateY(-3px)}
.q-done .q-wa{margin-top:4px}

/* Top bar portal link */
.topbar .social{display:flex;align-items:center}
.topbar .portal-link{display:inline-flex;align-items:center;gap:6px;margin-left:18px;padding:4px 14px;border:1px solid rgba(255,255,255,.25);border-radius:30px;color:#fff;font-weight:500;font-size:.8rem}
.topbar .portal-link i{color:var(--gold);margin:0}
.topbar .portal-link:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.topbar .portal-link:hover i{color:#fff}
/* Footer portal link */
.f-portal{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 18px;border:1px solid #2a3060;border-radius:30px;color:#cbd5e1;font-size:.85rem;font-weight:500;transition:.3s}
.f-portal i{color:var(--gold)}
.f-portal:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.f-portal:hover i{color:#fff}
/* Admin Portal button: same look with or without hover */
.f-portal:hover{background:transparent;border-color:#2a3060;color:#cbd5e1}
.f-portal:hover i{color:var(--gold)}


/* Service number (01–06) */
.service .body{position:relative}
.svc-num{position:absolute;top:30px;left:28px;font-size:.8rem;font-weight:800;letter-spacing:.1em;color:var(--orange)}
.service .body h3{margin-top:18px}
.q-chips span{text-align:center;line-height:1.25}

/* New A2Z Logistics Group logo */
nav{height:92px}
.brand img{height:76px;width:auto}
footer .brand{display:inline-block;background:#fff;padding:10px 18px;border-radius:14px;margin-bottom:20px}
footer .brand img{height:84px;margin:0}
@media(max-width:992px){nav{height:80px}.brand img{height:64px}.menu{top:80px}}

/* ===== Equipment We Dispatch (professional, navy + red) ===== */
.equip-sec{padding:100px 0;background:#fff;position:relative}
.equip-sec::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(10,14,39,.035) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(10,14,39,.035) 1px,transparent 1px) 0 0/32px 32px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.equip-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.equip-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9f0;border-radius:16px;overflow:hidden;
  box-shadow:0 1px 2px rgba(10,14,39,.04),0 12px 30px rgba(10,14,39,.06);transition:transform .35s,box-shadow .35s,border-color .35s}
.equip-img{position:relative;height:235px;overflow:hidden;background:#e9edf3}
.equip-img img{width:100%;height:100%;object-fit:cover;display:block}
.equip-num{position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.08em;padding:6px 11px;border-radius:8px}
.equip-body{display:flex;flex-direction:column;flex:1;padding:24px 24px 22px;border-top:3px solid var(--orange)}
.equip-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.equip-ico{width:42px;height:42px;flex-shrink:0;border-radius:10px;background:rgba(217,4,41,.08);color:var(--orange);display:grid;place-items:center;font-size:1.05rem;transition:.3s}
.equip-title h3{font-size:1.25rem;color:var(--navy);margin:0}
.equip-body p{font-size:.92rem;line-height:1.7;color:var(--text);margin-bottom:14px}
.equip-specs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.equip-specs li{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--navy);background:#f1f4f9;border:1px solid #e6e9f0;border-radius:20px;padding:5px 12px}
.equip-specs i{color:var(--orange);font-size:.7rem}
.equip-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--orange)}
.equip-cta i{transition:transform .3s}
.equip-card:hover{transform:translateY(-6px);border-color:rgba(217,4,41,.35);box-shadow:0 22px 50px rgba(10,14,39,.14)}
.equip-card:hover .equip-ico{background:var(--orange);color:#fff}
.equip-card:hover .equip-cta i{transform:translateX(5px)}
@media(max-width:992px){.equip-grid{grid-template-columns:repeat(2,1fr);gap:22px}}
@media(max-width:600px){.equip-sec{padding:70px 0}.equip-grid{grid-template-columns:1fr}.equip-img{height:210px}}
/* 9-step dispatch process */
.step-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.process-wrap .process .step{padding-bottom:40px}
.process-tagline{position:relative;z-index:2;margin-left:125px;display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;font-weight:700;font-size:1.05rem;padding:14px 22px;border-radius:12px;box-shadow:0 12px 30px rgba(10,14,39,.2)}
.process-tagline i{color:var(--orange)}
@media(max-width:768px){.process-tagline{margin-left:96px;font-size:.95rem}}

/* ===== Dispatch team photo ===== */
.team-sec{padding:100px 0;background:linear-gradient(180deg,#f4f7fb 0%,#fff 100%)}
.team-head{text-align:center;max-width:820px;margin:0 auto 40px}
.team-head .tag::after{content:"";display:inline-block;width:30px;height:2px;background:var(--orange);vertical-align:middle;margin-left:10px}
.team-head .title{font-size:clamp(2rem,4.5vw,3.2rem)}
.team-head .title span{color:var(--orange)}
.team-head .sub{margin-bottom:0}
.team-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(10,14,39,.22);border:6px solid #fff;outline:1px solid #e6e9f0}
.team-photo img{display:block;width:100%;height:auto}
.team-points{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:-46px;position:relative;z-index:2;padding:0 30px}
.team-points>div{background:#fff;border:1px solid #e6e9f0;border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 15px 35px rgba(10,14,39,.1);transition:.3s}
.team-points i{width:46px;height:46px;border-radius:12px;background:rgba(217,4,41,.08);color:var(--orange);display:grid;place-items:center;margin:0 auto 10px;font-size:1.1rem;transition:.3s}
.team-points strong{display:block;color:var(--navy);font-size:1rem;margin-bottom:2px}
.team-points span{font-size:.8rem;color:#6b7280;line-height:1.4;display:block}
.team-points>div:hover{transform:translateY(-6px);border-color:rgba(217,4,41,.35)}
.team-points>div:hover i{background:var(--orange);color:#fff}
@media(max-width:992px){.team-points{grid-template-columns:repeat(3,1fr);margin-top:24px;padding:0}}
@media(max-width:600px){.team-sec{padding:70px 0}.team-photo{border-width:3px;border-radius:16px}.team-points{grid-template-columns:1fr 1fr}.team-points>div:last-child{grid-column:1/-1}}
/* Team cards: center the last row so 5 cards never leave an empty gap */
@media(max-width:992px){
  .team-points{display:flex;flex-wrap:wrap;justify-content:center}
  .team-points>div{flex:0 0 calc((100% - 32px) / 3)}
}
@media(max-width:600px){
  .team-points>div{flex:0 0 calc((100% - 16px) / 2)}
}
/* Never allow sideways page scroll (slide-in animations start off-screen) */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
/* Loader with official logo */
#loader{background:#fff}
.loader-box{display:flex;flex-direction:column;align-items:center;gap:22px}
.loader-box img{width:min(260px,60vw);height:auto;animation:logoPulse 1.6s ease-in-out infinite}
@keyframes logoPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}
.loader-bar{position:relative;width:160px;height:4px;border-radius:4px;background:#e6e9f0;overflow:hidden}
.loader-bar::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:4px;background:linear-gradient(90deg,#0b2a6b,#d71f2b);animation:loadBar 1.1s ease-in-out infinite}
@keyframes loadBar{to{left:100%}}

/* Legal pages */
.legal-body{max-width:860px}
.legal-date{color:#6b7280;font-size:.9rem;margin-bottom:24px}
.legal-body h2{font-size:1.35rem;margin:34px 0 12px}
.legal-body p,.legal-body li{line-height:1.85;color:var(--text)}
.legal-body ul{padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--orange);font-weight:500}
/* TCPA consent note */
.q-consent{font-size:.78rem;line-height:1.6;color:#6b7280;margin:6px 0 0}
.q-consent a{color:var(--orange)}
.q-foot{align-items:flex-end}
.q-foot .q-consent{flex:1 1 320px;max-width:520px}
/* Why Us: show the full branded truck photo (wide image), no cropping */
.why{align-items:center}
.why-img img{height:auto;aspect-ratio:auto;object-fit:contain;box-shadow:0 25px 60px rgba(10,14,39,.2)}
.why-img .badge{bottom:-24px;left:24px}
@media(max-width:992px){.why-img{margin-bottom:30px}}

/* Quote form v3: dropdowns */
.q-select{position:relative}
.q-select>i:first-child{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem;pointer-events:none;transition:.25s}
.q-select select{width:100%;appearance:none;-webkit-appearance:none;padding:13px 40px 13px 42px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;font-size:.93rem;color:var(--navy);cursor:pointer;outline:none;transition:.25s}
.q-select select:invalid{color:#94a3b8}
.q-select select option{color:var(--navy)}
.q-select select:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(217,4,41,.1)}
.q-select:focus-within>i:first-child{color:var(--orange)}
.q-caret{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#64748b;pointer-events:none;transition:.25s}
.q-select:focus-within .q-caret{color:var(--orange);transform:translateY(-50%) rotate(180deg)}
.q-form .q-row{margin-bottom:18px}
.quote-sec .q-consent{color:#64748b}
.quote-sec .q-consent i{color:#22c55e;margin-right:4px}
/* Quote section: info card and form card are separate */
.q-panel{background:none;box-shadow:none;border-radius:0;overflow:visible;gap:28px;align-items:start}
.q-info,.q-form{border-radius:24px;box-shadow:0 30px 70px rgba(10,14,39,.14)}
.q-info{overflow:hidden;position:sticky;top:110px}
.q-form{background:#fff;border:1px solid #e6e9f0}
.q-contact i{flex-shrink:0}
.q-contact>*{align-items:flex-start}
.q-contact span{padding-top:2px}
@media(max-width:992px){.q-info{position:relative;top:0}}

/* ===== Quote section: professional finish ===== */
.q-panel{grid-template-columns:.8fr 1.5fr;align-items:stretch}
.q-info{position:relative;top:0;display:flex;flex-direction:column;padding:44px 38px;
  background:radial-gradient(circle at 100% 0%,rgba(217,4,41,.35),transparent 45%),linear-gradient(160deg,#0b1336 0%,#0a0e27 100%)}
.q-info::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/26px 26px}
.q-info::after{width:4px;background:var(--orange)}
.q-info>*{position:relative}
.q-info .tag{color:#ff8a94}
.q-info .tag::before{background:#ff8a94}
.q-info h2{font-size:2rem}
.q-points i{color:#fff;background:var(--orange);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;margin-top:3px;flex-shrink:0}
.q-points i::before{content:"\f00c"}
.q-contact{margin-top:auto}
.q-contact i{background:rgba(217,4,41,.18);color:#ff6b78}
.q-contact a:hover i{background:var(--orange);color:#fff}
.q-form{padding:40px 44px 34px}
.q-head{align-items:flex-start;margin-bottom:28px}
.q-title{display:flex;gap:14px;align-items:center}
.q-title-ico{width:50px;height:50px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}
.q-title h3{margin:0 0 2px}
.q-title small{color:#6b7280;font-size:.85rem}
.q-time{background:#f0fdf4;color:#15803d!important;border:1px solid #bbf7d0;border-radius:20px;padding:5px 12px;font-weight:600;white-space:nowrap}
.q-time i{color:#22c55e!important}
.q-field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#475569}
.q-foot{display:block;border-top:1px solid #edf0f5;padding-top:24px}
.q-submit{width:100%;justify-content:center;padding:16px;font-size:1.02rem;border-radius:12px}
.q-foot .q-consent{max-width:none;margin:14px 0 0;text-align:center;font-size:.76rem}
.q-trust{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:16px;border-top:1px dashed #e2e8f0}
.q-trust li{font-size:.82rem;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:7px}
.q-trust i{color:var(--orange)}
@media(max-width:992px){.q-panel{grid-template-columns:1fr}}
@media(max-width:600px){.q-form{padding:28px 20px}.q-head{flex-direction:column;gap:12px}.q-info{padding:32px 24px}}
.q-head .q-title-ico{font-size:1.2rem;color:#fff}.q-head .q-title-ico i{color:#fff;margin:0}
/* Footer: responsive columns (the later 4-column rule was overriding tablet/mobile) */
@media(max-width:1100px){.foot{grid-template-columns:1fr 1fr;gap:40px 30px}}
@media(max-width:600px){.foot{grid-template-columns:1fr}}
.foot li,.foot p{overflow-wrap:anywhere}
.f-contact li{align-items:flex-start}
.news{max-width:100%}

/* CTA banner: truck photo behind a red overlay */
.cta{padding:70px 64px;background:
  linear-gradient(100deg,rgba(217,4,41,.96) 0%,rgba(160,0,32,.88) 45%,rgba(10,14,39,.55) 100%),
  url('../img/photos/photo-1601584115197-04ecc0da31d7.webp') center 60%/cover no-repeat}
.cta::before{display:none}
.cta h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:6px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.cta p{color:#fde8ea;font-size:1.02rem}
.cta .btn{background:#fff;color:var(--orange);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.cta .btn:hover{background:var(--navy);color:#fff}
@media(max-width:600px){.cta{padding:44px 26px;background-position:70% center}}

/* CTA: full-width photo section behind a solid red banner */
.cta-sec{position:relative;margin-top:100px;padding:110px 0;
  background:linear-gradient(180deg,rgba(10,14,39,.78),rgba(10,14,39,.86)),url('../img/photos/photo-1601584115197-04ecc0da31d7.webp') center/cover no-repeat fixed}
.cta-sec .cta{background:linear-gradient(120deg,var(--orange),#7a0018);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.cta-sec + footer{margin-top:0}
@media(max-width:992px){.cta-sec{background-attachment:scroll}}
@media(max-width:600px){.cta-sec{padding:70px 0;margin-top:70px}}
.cta-sec{background-image:linear-gradient(180deg,rgba(10,14,39,.55),rgba(10,14,39,.72)),url('../img/photos/photo-1601584115197-04ecc0da31d7.webp')}
/* CTA on tablet/mobile: fit the screen, centered, full-width button */
@media(max-width:768px){
  .cta-sec .cta{padding:38px 24px;flex-direction:column;align-items:stretch;text-align:center;gap:22px;border-radius:20px}
  .cta-sec .cta h2{font-size:1.55rem}
  .cta-sec .cta p{font-size:.95rem}
  .cta-sec .cta .btn{justify-content:center;width:100%}
}

/* Back to top with scroll-progress ring */
.totop{width:52px;height:52px;background:var(--navy);box-shadow:0 10px 25px rgba(10,14,39,.3);z-index:998}
.totop i{position:relative;z-index:1;font-size:1rem}
.totop svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.totop .tt-ring-bg{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3}
.totop .tt-ring{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.totop:hover{background:var(--orange)}
.totop:hover .tt-ring{stroke:#fff}


.counter i{color:#fff;background:rgba(255,255,255,.12);width:70px;height:70px;border-radius:18px;display:inline-grid;place-items:center;font-size:1.8rem}

/* ===== Coverage map v3: light split layout ===== */
.usmap2{background:#f4f7fb;position:relative}
.um2-grid{display:grid;grid-template-columns:380px 1fr;gap:34px;align-items:center}
.um2-panel{display:flex;flex-direction:column;gap:14px}
.um2-zone{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:#fff;border:1.5px solid #e6e9f0;border-radius:16px;padding:16px;cursor:pointer;font:inherit;transition:.25s;box-shadow:0 6px 18px rgba(10,14,39,.04)}
.um2-zone:hover{transform:translateX(4px);border-color:#cbd5e1}
.um2-ico{width:46px;height:46px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.05rem}
.zb1 .um2-ico{background:#d90429}.zb2 .um2-ico{background:#1d4ed8}.zb3 .um2-ico{background:#60a5fa}
.um2-txt{flex:1;min-width:0}
.um2-txt strong{display:block;color:var(--navy);font-size:1rem}
.um2-txt strong em{font-style:normal;font-weight:500;color:#6b7280;font-size:.82rem;margin-left:4px}
.um2-txt small{display:block;color:#6b7280;font-size:.78rem;line-height:1.45;margin-top:3px}
.um2-count{text-align:center;color:var(--navy);font-weight:800;font-size:1.3rem;line-height:1}
.um2-count small{display:block;font-size:.65rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.um2-zone.active{transform:translateX(6px);box-shadow:0 14px 30px rgba(10,14,39,.12)}
.zb1.active{border-color:#d90429}.zb2.active{border-color:#1d4ed8}.zb3.active{border-color:#60a5fa}
.um2-hq{display:flex;gap:12px;align-items:center;background:var(--navy);color:#cbd5e1;border-radius:16px;padding:16px}
.um2-hq>i{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}
.um2-hq strong{display:block;color:#fff}
.um2-hq span{font-size:.8rem}
.um2-cta{justify-content:center}
.um2-mapwrap{position:relative;background:#fff;border:1px solid #e6e9f0;border-radius:24px;padding:24px 24px 0;box-shadow:0 25px 60px rgba(10,14,39,.08)}
.usmap{position:relative}
.usmap svg{width:100%;height:auto;display:block}
.st{stroke:#fff;stroke-width:1.2;stroke-linejoin:round;transition:fill .3s,opacity .3s;cursor:pointer}
.st.z0{fill:#dfe5ee}.st.z1{fill:#d90429}.st.z2{fill:#1d4ed8}.st.z3{fill:#60a5fa}
.st:hover{opacity:.8}
.usmap.focus .st{opacity:.18}
.usmap.focus .st.on{opacity:1}
.route{fill:none;stroke:#0a0e27;stroke-width:1.6;stroke-dasharray:4 6;stroke-linecap:round;opacity:.45;animation:umDash 1.6s linear infinite;pointer-events:none}
@keyframes umDash{to{stroke-dashoffset:-20}}
.city{pointer-events:none}
.city .dot{fill:#0a0e27;stroke:#fff;stroke-width:2}
.city text{fill:#0a0e27;font:600 12.5px Poppins,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.um-hub .pulse{fill:none;stroke:#0a0e27;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:umPulse 2s ease-out infinite}
@keyframes umPulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.4);opacity:0}}
.um-tip{position:absolute;pointer-events:none;background:var(--navy);color:#fff;padding:8px 12px;border-radius:10px;font-size:.85rem;box-shadow:0 10px 25px rgba(0,0,0,.25);opacity:0;transform:translate(-50%,-120%);transition:opacity .15s;white-space:nowrap;z-index:3}
.um-tip strong{display:block}
.um-tip span{color:#cbd5e1;font-size:.76rem}
.um-tip.on{opacity:1}
.um2-truck{max-width:560px;margin:-36px 0 -40px auto;position:relative;z-index:2}
.um2-truck img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 18px rgba(10,14,39,.25))}
.usmap2 + section,.usmap2 + .counter{margin-top:0}
@media(max-width:1100px){.um2-grid{grid-template-columns:1fr}.um2-panel{order:2}.um2-truck{margin:-20px auto -30px}}
@media(max-width:600px){.um2-mapwrap{padding:12px 10px 0;border-radius:18px}.city text{font-size:19px}.um2-zone{padding:13px}.um2-count{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.route,.um-hub .pulse{animation:none}}
.counter i{background:var(--orange);color:#fff;box-shadow:0 10px 25px rgba(217,4,41,.4)}
.um2-truck{max-width:470px;margin:-6px 0 -38px auto}
/* No yellow: accents that sat on red/navy now use white */
.page-banner p span,.page-banner p i{color:#fff}
.hero .tag{color:#fff;opacity:.9}
.hero .tag::before{background:var(--orange)}
.hero h1 span:not(.typed){color:var(--orange2)}
.hero .typed{color:#fff;border-color:var(--orange)}
.process .step.on .num{background:#fff;color:var(--orange)}
.mover{fill:#fff}
/* About photo badge: smaller */
.exp{padding:14px 20px;border-radius:14px;top:24px;left:-20px}
.exp h2{font-size:1.9rem;line-height:1}
.exp p{font-size:.78rem;margin-top:4px}
@media(max-width:600px){.exp{padding:10px 14px;left:10px;top:14px}.exp h2{font-size:1.4rem}.exp p{font-size:.7rem}}
.reg-nums{margin-left:10px;padding-left:10px;border-left:1px solid #2a3060;color:#cbd5e1;font-weight:600}
/* Official logo at the top of the mobile menu */
.menu-logo{display:none}
@media(max-width:992px){
  .menu-logo{display:block;text-align:center;padding:4px 0 14px;margin-bottom:6px;border-bottom:1px solid #edf0f5}
  .menu-logo img{height:84px;width:auto;margin:0 auto}
}
/* Mobile menu close button + dimmed backdrop */
.menu-close{display:none}
@media(max-width:992px){
  .menu{z-index:1001}
  .menu-logo{position:relative}
  .menu-close{display:grid;place-items:center;position:absolute;top:0;right:0;width:42px;height:42px;border-radius:50%;border:none;background:#f1f4f9;color:var(--navy);font-size:1.2rem;cursor:pointer;transition:.2s}
  .menu-close:hover{background:var(--orange);color:#fff}
  body.menu-open::after{content:"";position:fixed;inset:0;background:rgba(10,14,39,.55);z-index:1000}
  body.menu-open{overflow:hidden}
}
@media(max-width:992px){body.menu-open header{z-index:1002}}
/* Menu logo only on mobile (desktop li rule was forcing it visible) */
@media(min-width:993px){.menu>li.menu-logo{display:none}}
/* Backdrop as a shadow around the open menu, so the menu itself is never dimmed */
@media(max-width:992px){
  body.menu-open::after{display:none}
  .menu.open{box-shadow:0 0 0 100vmax rgba(10,14,39,.55)}
}

/* ===== Mobile menu as a slide-in sidebar ===== */
.menu-extra{display:none}
@media(min-width:993px){.menu>li.menu-extra{display:none}}
@media(max-width:992px){
  .menu{display:flex!important;position:fixed;top:0;left:0;bottom:0;right:auto;width:min(320px,86vw);height:100vh;max-height:none;
    flex-direction:column;align-items:stretch;gap:2px;padding:22px 22px 26px;background:#fff;overflow-y:auto;
    transform:translateX(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:none;z-index:1003}
  .menu.open{transform:none;box-shadow:0 0 0 100vmax rgba(10,14,39,.55),20px 0 50px rgba(0,0,0,.25)}
  body.menu-open header{z-index:1002}
  .menu>li>a,.has-drop>a{display:block;padding:12px 4px;font-size:1.02rem;border-bottom:1px solid #f1f4f9}
  .menu a::after{display:none}
  .menu a.active{color:var(--orange);font-weight:600}
  .menu-logo{padding:0 0 16px;margin-bottom:8px}
  .menu-logo img{height:76px;margin:0}
  .menu-logo{text-align:left}
  .menu-close{top:6px}
  .has-drop>a{flex:1}
  .menu-extra{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:22px}
  .menu-extra .menu-quote{justify-content:center;width:100%}
  .menu-extra .menu-contact{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--navy);padding:6px 2px;border:none;overflow-wrap:anywhere}
  .menu-extra .menu-contact i{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:rgba(217,4,41,.08);color:var(--orange);display:grid;place-items:center}
}
@media(max-width:992px){.menu .menu-extra a.menu-quote{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;padding:14px 20px;border-bottom:none;font-size:1rem;border-radius:50px}.menu .menu-extra a.menu-contact{border-bottom:none}}

/* Brand section: large logo only */
.brand-sec{background:#fff;padding:90px 0;text-align:center;border-top:1px solid #edf0f5}
.brand-logo{display:block;width:min(720px,90%);height:auto;margin:0 auto;transition:transform .5s}
.brand-logo:hover{transform:scale(1.03)}
.brand-sec + footer{margin-top:0}
@media(max-width:600px){.brand-sec{padding:56px 0}}
.topbar .social a.portal-link:hover,.topbar .social a.portal-link:hover i{color:#fff;background:var(--orange)}.topbar .social a.portal-link:hover i{background:none}

/* ===== Reviews marquee (right to left, continuous) ===== */
.rv-sec{background:#f4f7fb;overflow:hidden}
.rv-preview-note{display:inline-flex;gap:8px;align-items:center;max-width:720px;margin:-30px auto 30px;background:#fff7ed;color:#9a3412;border:1px dashed #fdba74;padding:8px 14px;border-radius:10px;font-size:.82rem}
.rv-marquee{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rv-track{display:flex;gap:24px;width:max-content;padding:10px 0 20px;animation:rvScroll 45s linear infinite}
.rv-marquee:hover .rv-track{animation-play-state:paused}
@keyframes rvScroll{to{transform:translateX(calc(-50% - 12px))}}
.rv-card{position:relative;width:360px;flex-shrink:0;margin:0;background:#fff;border:1px solid #e6e9f0;border-radius:18px;padding:26px 26px 22px;box-shadow:0 10px 30px rgba(10,14,39,.06);display:flex;flex-direction:column;transition:.3s}
.rv-card:hover{border-color:rgba(217,4,41,.35);box-shadow:0 18px 40px rgba(10,14,39,.12)}
.rv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.rv-stars{color:var(--orange);font-size:.9rem;letter-spacing:2px}
.rv-q{font-size:1.8rem;color:rgba(217,4,41,.15)}
.rv-card blockquote{margin:0 0 20px;color:var(--text);line-height:1.75;font-size:.95rem;flex:1}
.rv-card figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #edf0f5}
.rv-card figcaption img,.rv-av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.rv-av{display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700;font-size:.9rem}
.rv-card strong{display:block;color:var(--navy)}
.rv-card small{color:#6b7280;font-size:.8rem}
.rv-sample{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a3412;background:#fff7ed;border:1px solid #fdba74;padding:2px 8px;border-radius:20px}
@media(max-width:600px){.rv-card{width:290px;padding:22px 20px 18px}.rv-track{animation-duration:35s}}
@media (prefers-reduced-motion:reduce){.rv-track{animation:none}}
.rv-stars{color:#f5b301}
.rv-marquee{-webkit-mask-image:none;mask-image:none}
@media(max-width:768px){.process-wrap .process .step,.process-wrap .process .step:nth-child(odd){transform:translateY(16px)}.process-wrap .process .step.on{transform:none}}

/* Reviews: static row when only 1–2 reviews, and the Leave a Review form */
.rv-track.rv-static{animation:none;margin:0 auto;width:auto;justify-content:center;flex-wrap:wrap;padding:10px 20px 20px}
.rv-write{text-align:center;margin-top:34px}
.rv-form{max-width:760px;margin:24px auto 0;text-align:left;background:#fff;border:1px solid #e6e9f0;border-radius:20px;padding:30px 32px;box-shadow:0 20px 50px rgba(10,14,39,.08)}
.rv-form[hidden]{display:none}
.rv-form h3{font-size:1.3rem;margin-bottom:8px}
.rv-rate{display:inline-flex;flex-direction:row-reverse;gap:4px;margin:4px 0 18px}
.rv-rate input{position:absolute;opacity:0;pointer-events:none}
.rv-rate label{font-size:1.7rem;color:#d6dbe4;cursor:pointer;transition:transform .15s,color .15s}
.rv-rate label:hover,.rv-rate label:hover~label,.rv-rate input:checked~label{color:#f5b301}
.rv-rate label:hover{transform:scale(1.15)}
.rv-rate input:focus-visible+label{outline:2px solid var(--navy);outline-offset:2px;border-radius:4px}
.rv-form textarea{width:100%;height:110px;padding:13px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;font-size:.93rem;color:var(--navy);outline:none;resize:vertical}
.rv-form textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(217,4,41,.1)}
.rv-form .q-row{margin-bottom:16px}
.rv-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.rv-actions small{color:#6b7280}
.rv-actions small i{color:#22c55e;margin-right:4px}
.rv-done{text-align:center;padding:30px 10px}
.rv-done i{font-size:3rem;color:#22c55e;margin-bottom:12px}
@media(max-width:600px){.rv-form{padding:24px 18px}.rv-actions .btn{width:100%;justify-content:center}}
/* Review form inputs (same look as the quote form) */
.rv-write{margin-top:10px}
.rv-form{margin-top:0}
.rv-form .q-in input{width:100%;padding:13px 14px 13px 42px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;font-size:.93rem;color:var(--navy);outline:none;transition:.25s}
.rv-form .q-in input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(217,4,41,.1)}
.rv-form .q-field label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:7px}
.rv-form .q-field label em{font-style:normal;font-weight:400;color:#94a3b8;text-transform:none;letter-spacing:0}
.rv-form .q-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){.rv-form .q-row{grid-template-columns:1fr}}
.totop{bottom:24px}

/* How It Works heading: bold condensed uppercase, red highlight */
#process .center .tag{letter-spacing:.25em;font-size:.85rem}
.hiw-title{font-family:'Barlow Condensed','Poppins',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;letter-spacing:.01em;color:var(--navy);max-width:760px;margin:0 auto 18px}
.hiw-title span{color:var(--orange)}
.hiw-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;letter-spacing:-.01em}
/* How It Works: dispatch office photo under the heading */
.hiw-photo{margin:0 0 60px;border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 30px 70px rgba(10,14,39,.2);outline:1px solid #e6e9f0}
.hiw-photo img{display:block;width:100%;height:auto}
@media(max-width:600px){.hiw-photo{border-width:3px;border-radius:16px;margin-bottom:40px}}
/* Steps alone (side photo removed) */ #process .process-wrap{grid-template-columns:1fr;max-width:820px;margin:0 auto}

/* ===== How It Works: two-column step cards on a centre line (site colours + Poppins) ===== */
.hiw-panel{position:relative;border-radius:24px;padding:56px 48px 44px;overflow:hidden;
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(160deg,#0d1640 0%,#0a0e27 100%);
  box-shadow:0 30px 70px rgba(10,14,39,.25)}
.hiw-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:140px;row-gap:26px;max-width:1040px;margin:0 auto}
.hiw-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(217,4,41,.15),var(--orange) 8%,var(--orange) 92%,rgba(217,4,41,.15))}
.hiw-item{position:relative}
.hiw-left{grid-column:1}
.hiw-right{grid-column:2;margin-top:42px}
.hiw-item:nth-child(n){grid-row:auto}
.hiw-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 24px;transition:border-color .3s,background .3s,transform .3s}
.hiw-card:hover{border-color:var(--orange);background:rgba(217,4,41,.08);transform:translateY(-3px)}
.hiw-card small{display:block;color:var(--orange2);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.hiw-card h4{color:#fff;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin-bottom:8px;line-height:1.25}
.hiw-card p{color:#cbd5e1;font-size:.9rem;line-height:1.65;margin:0}
.hiw-num{position:absolute;top:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:#fff;background:#0a0e27;border:2.5px solid var(--orange);box-shadow:0 0 0 5px rgba(217,4,41,.15),0 0 18px rgba(217,4,41,.45);z-index:2}
.hiw-left .hiw-num{right:-96px}
.hiw-right .hiw-num{left:-96px}
.hiw-num::before{content:"";position:absolute;top:50%;height:2px;width:44px;background:var(--orange)}
.hiw-left .hiw-num::before{right:100%}
.hiw-right .hiw-num::before{left:100%}
.hiw-tagline{display:flex;align-items:center;gap:22px;margin:44px 0 0;color:#fff;font-weight:700;font-size:1.35rem;text-align:center}
.hiw-tagline::before,.hiw-tagline::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--orange))}
.hiw-tagline::after{background:linear-gradient(90deg,var(--orange),transparent)}
@media(max-width:900px){
  .hiw-panel{padding:36px 18px 30px;border-radius:18px}
  .hiw-steps{grid-template-columns:1fr;row-gap:18px;padding-left:66px}
  .hiw-line{left:26px}
  .hiw-left,.hiw-right{grid-column:1;margin-top:0}
  .hiw-left .hiw-num,.hiw-right .hiw-num{left:-66px;right:auto;width:46px;height:46px;font-size:.95rem;top:18px}
  .hiw-left .hiw-num::before,.hiw-right .hiw-num::before{left:100%;right:auto;width:20px}
  .hiw-card{padding:16px 18px}
  .hiw-card h4{font-size:1rem}
  .hiw-tagline{font-size:1.05rem;gap:12px}
}
/* Number circles sit just left / right of the centre line, like the sample */
@media(min-width:901px){
  .hiw-left .hiw-num{right:-72px}
  .hiw-right .hiw-num{left:-72px}
  .hiw-left .hiw-num::before,.hiw-right .hiw-num::before{width:20px}
  .hiw-left .hiw-num::after,.hiw-right .hiw-num::after{content:"";position:absolute;top:50%;height:2px;width:22px;background:var(--orange)}
  .hiw-left .hiw-num::after{left:100%}
  .hiw-right .hiw-num::after{right:100%}
}
@media(min-width:901px){
  .hiw-steps{column-gap:180px}
  .hiw-right{margin-top:64px}
  .hiw-left .hiw-num{right:-82px}
  .hiw-right .hiw-num{left:-82px}
  .hiw-left .hiw-num::before,.hiw-right .hiw-num::before{width:30px}
  .hiw-left .hiw-num::after,.hiw-right .hiw-num::after{width:10px}
}

/* Steps panel: full width, plain navy (no grid), scroll-driven centre timeline */
.hiw-panel{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;box-shadow:none;padding:70px 24px 56px;background:linear-gradient(160deg,#0d1640 0%,#0a0e27 100%)}
.hiw-line{background:rgba(255,255,255,.12)}
.hiw-fill{position:absolute;top:0;left:50%;width:4px;margin-left:-2px;height:0;border-radius:4px;background:linear-gradient(180deg,var(--orange),var(--orange2));box-shadow:0 0 14px rgba(217,4,41,.6);z-index:1}
.hiw-fill::after{content:"";position:absolute;bottom:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(217,4,41,.35)}
.hiw-num{border-color:rgba(255,255,255,.25);box-shadow:none;transition:border-color .35s,box-shadow .35s,background .35s}
.hiw-num::before,.hiw-num::after{background:rgba(255,255,255,.18)!important;transition:background .35s}
.hiw-item.on .hiw-num{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 5px rgba(217,4,41,.2),0 0 18px rgba(217,4,41,.55)}
.hiw-item.on .hiw-num::before,.hiw-item.on .hiw-num::after{background:var(--orange)!important}
.hiw-item .hiw-card{transition:border-color .35s,background .35s,transform .35s}
.hiw-item.on .hiw-card{border-color:rgba(217,4,41,.55)}
@media(max-width:900px){.hiw-panel{padding:44px 14px 34px}.hiw-fill{left:26px}}

/* ===== Services: photo tiles with dark overlay (site red + Poppins) ===== */
.svc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-tile{position:relative;display:block;height:300px;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 14px 34px rgba(10,14,39,.18);isolation:isolate}
.svc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}
.svc-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,14,39,0) 25%,rgba(10,14,39,.55) 55%,rgba(10,14,39,.95) 100%);transition:background .4s}
.svc-tile-body{position:absolute;left:0;right:0;bottom:0;padding:22px 26px 24px}
.svc-tile-num{display:block;color:var(--orange2);font-weight:800;font-size:1.05rem;margin-bottom:2px;position:relative;padding-bottom:4px}
.svc-tile-num::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:2px;background:var(--orange2)}
.svc-tile h3{color:#fff;font-size:1.3rem;font-weight:700;margin:6px 0 6px;padding-right:64px}
.svc-tile p{color:#d7dce8;font-size:.88rem;line-height:1.55;margin:0;max-width:92%}
.svc-tile-ico{position:absolute;right:20px;bottom:88px;width:54px;height:54px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 8px 20px rgba(217,4,41,.45);transition:transform .4s,background .4s}
.svc-tile:hover img{transform:scale(1.06)}
.svc-tile:hover .svc-tile-ico{transform:rotate(-8deg) scale(1.08);background:#fff;color:var(--orange)}
.svc-tile:hover::before{background:linear-gradient(180deg,rgba(10,14,39,.1) 15%,rgba(10,14,39,.6) 50%,rgba(10,14,39,.97) 100%)}
@media(max-width:992px){.svc-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.svc-tiles{grid-template-columns:1fr}.svc-tile{height:270px}}
.svc-tile{height:320px}.svc-tile p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc-tile-ico{bottom:auto;top:auto;right:20px;bottom:96px}

/* KPI strip above footer */
.kpi-strip{background:#0b1130;border-bottom:1px solid rgba(255,255,255,.08);padding:46px 0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.kpi-grid div+div{border-left:1px solid rgba(255,255,255,.1)}
.kpi-grid strong{display:block;font-size:2.4rem;font-weight:800;color:#d90429;line-height:1.1}
.kpi-grid span{display:block;margin-top:6px;color:#cbd5e1;font-size:.95rem}
@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.kpi-grid div:nth-child(3){border-left:0}.kpi-strip{padding:36px 0}.kpi-grid strong{font-size:2rem}}

/* About v2 */
.ab2{display:grid;grid-template-columns:47% 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(10,14,39,.08);padding:0}
.ab2-img{position:relative;min-height:560px}
.ab2-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab2-img::after{display:none;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,39,0) 55%,rgba(10,14,39,.92) 100%)}
.ab2-badge{position:absolute;z-index:2;top:24px;left:24px;background:#d90429;color:#fff;border-radius:14px;padding:16px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 30px rgba(217,4,41,.35)}
.ab2-badge i{font-size:1.8rem}.ab2-badge strong{display:block;font-size:2rem;font-weight:800;line-height:1}.ab2-badge span{font-size:.9rem;font-weight:500}
.ab2-feats{position:absolute;z-index:2;left:0;right:0;bottom:22px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;color:#fff}
.ab2-feats div+div{border-left:1px solid rgba(255,255,255,.25)}
.ab2-feats i{width:52px;height:52px;border-radius:50%;background:#d90429;display:grid;place-items:center;margin:0 auto 10px;font-size:1.2rem}
.ab2-feats span{font-size:.85rem;font-weight:600;line-height:1.3}
.ab2-body{padding:44px 40px}
.ab2-title{font-size:2.6rem;font-weight:800;color:#0a0e27;line-height:1.15;margin:10px 0 22px}
.ab2-title em{font-style:normal;color:#d90429}
.ab2-row{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.ab2-text p{color:#555;line-height:1.75;margin-bottom:14px}
.ab2-cards{display:grid;gap:12px}
.ab2-cards div{display:flex;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 24px rgba(10,14,39,.08)}
.ab2-cards i{color:#d90429;font-size:1.4rem;width:28px;text-align:center}
.ab2-cards span{font-size:.85rem;color:#0a0e27;line-height:1.35}.ab2-cards strong{display:block;font-weight:600}
.ab2-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;margin-top:22px;padding:20px;border-radius:14px;background:#f6f7fb}
.ab2-checks div{font-size:.88rem;color:#0a0e27;font-weight:500}
.ab2-checks i{color:#d90429;margin-right:6px}
@media(max-width:1100px){.ab2{grid-template-columns:1fr}.ab2-img{min-height:440px}.ab2-row{grid-template-columns:1fr}.ab2-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.ab2-body{padding:28px 20px}.ab2-title{font-size:1.9rem}.ab2-cards,.ab2-checks{grid-template-columns:1fr}.ab2-feats{grid-template-columns:repeat(2,1fr);row-gap:16px}.ab2-feats div:nth-child(3){border-left:0}.ab2-img{min-height:480px}}
/* About v2: show full photo */
.ab2{align-items:center}
.ab2-img{min-height:0!important;aspect-ratio:1672/940;margin:28px 0 28px 28px;border-radius:14px;overflow:hidden}
@media(max-width:1100px){.ab2-img{margin:20px 20px 0}}
.ab2{align-items:stretch}
.ab2-img{aspect-ratio:auto;align-self:stretch;margin:28px 0 28px 28px}
.ab2-img img{object-position:65% center}
@media(max-width:1100px){.ab2-img{aspect-ratio:1672/940;margin:20px 20px 0}}

/* Equipment: image zoom on hover */
.equip-img{overflow:hidden}
.equip-img img{transition:transform .6s ease}
.equip-card:hover .equip-img img{transform:scale(1.12)}
/* Map left, zones right */
@media(min-width:1101px){.um2-grid{grid-template-columns:1fr 380px}.um2-grid>.um2-panel{order:2}}
.j-truck img{border-radius:0}
.giant .g-navy{background:linear-gradient(180deg,rgba(37,72,150,.85),rgba(37,72,150,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab2-checks{display:block;columns:2;column-gap:20px}
.ab2-checks div{break-inside:avoid;margin-bottom:12px}
@media(max-width:640px){.ab2-checks{columns:1}}
.giant .g-navy{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#0a0e27;-webkit-text-stroke:2px rgba(217,4,41,.7)}
.dispatch-banner{padding:10px 0 70px}
.dispatch-banner img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 20px 60px rgba(10,14,39,.25)}
/* Journey: pin marker instead of truck image */
.j-truck{width:auto;bottom:18px}
.j-pin{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#d90429;box-shadow:0 10px 24px rgba(217,4,41,.45),0 0 0 6px rgba(217,4,41,.18)}
.j-pin i{transform:rotate(45deg);color:#fff;font-size:1.15rem}
.j-pin::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgba(217,4,41,.5);animation:jpulse 1.6s ease-out infinite}
@keyframes jpulse{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}
.journey.moving .j-truck img{animation:none}
.ab2-checks div{display:flex;align-items:flex-start;gap:10px}
.ab2-checks div i{margin:4px 0 0;flex-shrink:0}
/* Justify all body text */
p,li,.svc-tile-body p,.eq-back p{text-align:justify;text-justify:inter-word}
.center p,.center .sub,p.sub{text-align:justify;text-align-last:center}
.kpi-grid span,.copy,.copy *,.j-odo,.ab2-checks div,.equip-specs li,.legal a,nav li,.menu li,.dropdown *{text-align:inherit;text-align-last:auto}
/* Keep big feature images to a comfortable size */
.dispatch-banner img{max-width:960px;margin:0 auto}
.hiw-photo{max-width:960px;margin-left:auto;margin-right:auto}
.hiw-photo{max-width:75%}
@media(max-width:768px){.hiw-photo{max-width:100%}}
/* Banner: same width as the coverage section above */
.dispatch-banner{padding:0 0 70px}
.dispatch-banner img{max-width:none;width:100%}
/* Office photo: same width as the banner above */
.hiw-photo{max-width:100%;border:0;outline:0}
.hiw-photo{max-width:75%;margin-left:auto;margin-right:auto}
@media(max-width:768px){.hiw-photo{max-width:100%}}
/* Tighten gap between dispatch banner and How It Works */
.dispatch-banner{padding-bottom:20px}
.dispatch-banner + .section{padding-top:24px}
/* Office photo: same width as the banner */
.hiw-photo{max-width:100%}
/* Office photo: full width frame, whole photo visible (no top/bottom crop) */
.hiw-photo{height:min(560px,46vw);background:#0b0c12 radial-gradient(ellipse at center,#1a1d2e 0,#07080d 75%);display:flex;align-items:center;justify-content:center}
.hiw-photo img{width:100%;height:100%;object-fit:contain}
@media(max-width:768px){.hiw-photo{height:auto}.hiw-photo img{width:100%;height:auto}}
/* Office photo: fill the frame edge to edge */
.hiw-photo{height:auto;aspect-ratio:1658/894;max-height:620px;background:none}
.hiw-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
@media(max-width:768px){.hiw-photo{aspect-ratio:auto;max-height:none}.hiw-photo img{height:auto}}
.hiw-photo{width:100%;aspect-ratio:auto;max-height:none;height:min(620px,50vw)}
@media(max-width:768px){.hiw-photo{height:auto}}
.hiw-photo img{object-position:center}
/* Office photo: natural height, never cropped */
.hiw-photo{height:auto}
.hiw-photo img{height:auto;width:100%}
/* Office photo: no background bars */
.hiw-photo{background:none!important;height:auto!important;display:block}
.hiw-photo img{width:100%!important;height:auto!important;object-fit:cover}