/* ============================================
   AUX LOGISTICS — LOGINET-INSPIRED PROFESSIONAL STYLESHEET
   Palette: Red #c8102e · Navy #1a3464 · Charcoal #1f2736
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#1a3464;
  --charcoal:#1f2736;
  --charcoal2:#283347;
  --red:#c8102e;
  --red2:#a00d24;
  --white:#ffffff;
  --bg:#f0f8fa;
  --light:#f0f8fa;         /* Loginet light section bg */
  --light2:#e4f0f5;
  --grey:#5a6e87;
  --grey-light:#8fa3be;
  --border:#dde8f4;
  --green:#16a34a;
  --gold:#f59e0b;
  --red-light:rgba(200,16,46,.08);
  --red-mid:rgba(200,16,46,.18);
  --shadow-xs:0 2px 8px rgba(26,52,100,.06);
  --shadow-sm:0 4px 20px rgba(26,52,100,.09);
  --shadow:0 8px 40px rgba(26,52,100,.13);
  --shadow-lg:0 20px 60px rgba(26,52,100,.18);
  --radius:12px;
  --radius-lg:18px;
  --transition:.25s ease;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--charcoal);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* ── UTILS ── */
.container{max-width:1220px;margin:0 auto;padding:0 24px}
.tag{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}
/* .tag::before{content:'';width:28px;height:2px;background:var(--red);border-radius:2px;flex-shrink:0} */
.h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.02;color:#fff;letter-spacing:-.5px}
.h1 span{color:var(--red)}
.h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,50px);font-weight:900;line-height:1.04;color:var(--charcoal);letter-spacing:-.4px}
.h2 span{color:var(--red)}
.h2.on-dark,.h2.light{color:#fff}
.h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,3vw,32px);font-weight:900;line-height:1.1;color:var(--charcoal)}
.sub{font-size:16px;color:var(--grey);line-height:1.85;margin-top:14px;max-width:580px}
.sub.on-dark{color:rgba(255,255,255,.68)}
.sub.center{margin:14px auto 0}
.tag.light{color:rgba(255,255,255,.7)}
.tag.light::before{background:rgba(255,255,255,.7)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:all var(--transition);border:2px solid transparent;letter-spacing:.3px;font-family:'Inter',sans-serif;white-space:nowrap}
.btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.btn-red:hover{background:var(--red2);border-color:var(--red2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,16,46,.35)}
.btn-white{background:#fff;color:var(--charcoal);border-color:#fff}
.btn-white:hover{background:var(--light);transform:translateY(-2px)}
.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-navy:hover{background:var(--charcoal);transform:translateY(-2px)}
.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-outline-w:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-outline-r{background:transparent;color:var(--red);border-color:var(--red)}
.btn-outline-r:hover{background:var(--red);color:#fff}
.btn-lg{padding:15px 34px;font-size:15.5px}
.btn-sm{padding:9px 20px;font-size:13px}
.btn-block{width:100%;justify-content:center}

/* ── ANIMATE ── */
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.fade-in.vis{opacity:1;transform:translateY(0)}

/* ── TOP BAR ── */
.topbar{background:var(--charcoal);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.tb-left,.tb-right{display:flex;align-items:center;gap:18px;font-size:12.5px;color:rgba(255,255,255,.65)}
.tb-left a,.tb-right a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;font-weight:500}
.tb-left a:hover,.tb-right a:hover{color:#fff}
.topbar i{color:var(--red);margin-right:4px;font-size:11px}
.tb-live{background:var(--red);color:#fff;font-size:10.5px;font-weight:700;padding:4px 12px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;letter-spacing:.4px}
.tb-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ── NAV ── */
nav.main-nav{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(26,52,100,.10)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:0 auto;padding:0 24px;height:74px}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo img{height:64px;width:auto}
.nav-links{display:flex;align-items:center;list-style:none;gap:4px}
.nav-links>li>a{color:var(--charcoal);text-decoration:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:5px}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--red);background:var(--red-light)}
.has-drop{position:relative}
.drop{display:none;position:absolute;top:calc(100% + 0px);left:0;background:#fff;border-radius:10px;box-shadow:var(--shadow);min-width:268px;padding:8px;z-index:300;border:1px solid var(--border);border-top:3px solid var(--red)}
.has-drop:hover .drop{display:block}
.drop a{display:flex;align-items:center;gap:10px;color:var(--charcoal);padding:10px 14px;border-radius:7px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s}
.drop a:hover{background:var(--light);color:var(--red)}
.drop a i{width:18px;color:var(--red);font-size:12px;text-align:center;flex-shrink:0}
.drop-divider{height:1px;background:var(--border);margin:5px 0}
.drop-cat-label{display:flex;align-items:center;gap:7px;padding:8px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#8aa4be;border-top:1px solid var(--border);margin-top:4px}
.drop-cat-label:first-child{border-top:none;margin-top:0}
.drop-cat-label i{font-size:10px}
.drop-cat-label.specialist{color:#7c3aed}
.drop-cat-label.specialist i{color:#7c3aed}
.drop a.spec-link:hover{background:#f5f3ff;color:#7c3aed}
.drop a.spec-link i{color:#7c3aed}
.nav-quote{margin-left:10px}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}
.hamburger span{display:block;width:24px;height:2px;background:var(--charcoal);border-radius:2px;transition:.3s}
.mob-nav{display:none;background:#fff;border-top:2px solid var(--red)}
.mob-nav.open{display:block}
.mob-nav a{display:block;color:var(--charcoal);text-decoration:none;padding:14px 24px;border-bottom:1px solid var(--light);font-size:14px;font-weight:600;transition:all .2s}
.mob-nav a:hover{color:var(--red);background:var(--red-light);padding-left:32px}

/* ══════════════════════════════════════════════════════
   PAGE HERO — PROFESSIONAL SPLIT PANEL BANNER
   Left: Dark overlay for text readability
   Right: Van image clearly visible (no heavy overlay)
   ══════════════════════════════════════════════════════ */
.page-hero{background:#5a6e7e;padding:100px 0 80px;position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center}
/* Red vertical accent bar on left edge */
.page-hero::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--red) 0%,var(--red2) 60%,transparent 100%);z-index:6}
/* Thin red accent line at bottom */
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red2) 40%,transparent 70%);z-index:6}
/* Full bg image — positioned RIGHT so van shows on right side */
.page-hero-photo{position:absolute;inset:0;background-size:cover;background-position:right center;background-repeat:no-repeat;z-index:1}
/* Split gradient: 98% dark left → transparent right → van visible */
.page-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(58,72,84,.82) 0%,rgba(58,72,84,.74) 22%,rgba(70,86,100,.60) 38%,rgba(90,110,126,.38) 54%,rgba(107,124,142,.14) 70%,rgba(140,158,175,.03) 84%,transparent 95%)}
/* Subtle dot texture over the dark area */
.page-hero-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;z-index:2}
.page-hero .container{position:relative;z-index:4;width:100%}
/* Limit text content to left 56% so van shows clearly on right */
.page-hero .breadcrumb,.page-hero .page-hero-eyebrow,.page-hero .h1,.page-hero .sub,.page-hero .sub.on-dark,.page-hero .page-hero-btns{max-width:58%}
/* White text throughout */
.page-hero .h1{color:#fff!important;letter-spacing:-.5px;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.page-hero .h1 span{color:var(--red)!important}
.page-hero .sub,.page-hero .sub.on-dark{color:rgba(255,255,255,.70)!important;max-width:52%}
/* Breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.45);margin-bottom:20px}
.breadcrumb a{color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s;font-weight:500}
.breadcrumb a:hover{color:var(--red)}
.breadcrumb i{font-size:9px}
/* Eyebrow badge — red left border, clean uppercase */
.page-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(200,16,46,.12);border:none;border-left:3px solid var(--red);color:rgba(255,255,255,.88);padding:8px 16px;border-radius:0 4px 4px 0;font-size:11.5px;font-weight:700;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}
.page-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.page-hero .btn-outline-w{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
.page-hero .btn-outline-w:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.80)}
/* Responsive */
@media(max-width:900px){
  .page-hero .breadcrumb,.page-hero .page-hero-eyebrow,.page-hero .h1,.page-hero .sub,.page-hero .sub.on-dark,.page-hero .page-hero-btns{max-width:72%}
}
@media(max-width:768px){
  .page-hero{padding:72px 0 56px;min-height:300px}
  .page-hero-photo{background-position:center}
  .page-hero-photo::after{background:linear-gradient(180deg,rgba(15,29,46,.95) 0%,rgba(15,29,46,.88) 100%)}
  .page-hero .breadcrumb,.page-hero .page-hero-eyebrow,.page-hero .h1,.page-hero .sub,.page-hero .sub.on-dark,.page-hero .page-hero-btns{max-width:100%}
}

/* ── MARQUEE ── */
.marquee{background:linear-gradient(90deg,var(--red) 0%,var(--red2) 100%);padding:14px 0;overflow:hidden}
.mtrack{display:flex;gap:44px;white-space:nowrap;animation:marquee 30s linear infinite}
.mtrack:hover{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mitem{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
.mdot{width:4px;height:4px;background:rgba(255,255,255,.35);border-radius:50%;flex-shrink:0;display:inline-block}

/* ── ACCRED BAR ── */
.accred-bar{background:#0b2436;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.accred-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.accred-label{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.accred-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.abadge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:7px 14px;font-size:12.5px;font-weight:700;color:#fff;transition:all .2s}
.abadge:hover{background:rgba(200,16,46,.2);border-color:rgba(200,16,46,.4)}
.abadge i{color:var(--red);font-size:12px}

/* ── SECTION SPACING ── */
.section{padding:100px 0}
.section.bg-light{background:var(--light)}
.section.bg-white{background:#fff}
.section.bg-navy,.section.bg-dark{background:var(--light)}
.section.bg-charcoal{background:var(--charcoal)}
.section-head{margin-bottom:52px}
.section-head.center{text-align:center}
.section-head.center .sub{margin:14px auto 0}
.section-head-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:52px}

/* ── SERVICE CARDS (Loginet style) ── */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.svc-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.svc-card{background:#fff;border-radius:var(--radius-lg);padding:38px 30px 30px;border:1px solid var(--border);transition:all var(--transition);position:relative;overflow:hidden;text-decoration:none;display:block;color:inherit;box-shadow:var(--shadow-xs)}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red2));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(200,16,46,.2)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-card.dark{background:var(--light);border-color:var(--border)}
.svc-icon{width:60px;height:60px;border-radius:var(--radius);background:var(--red-light);display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1.5px solid rgba(200,16,46,.12);transition:all var(--transition)}
.svc-card:hover .svc-icon{background:var(--red);border-color:var(--red)}
.svc-card:hover .svc-icon i{color:#fff}
.svc-icon.red-bg,.svc-icon.light-bg{background:var(--red-light)}
.svc-icon i{font-size:24px;color:var(--red);transition:color var(--transition)}
.svc-title{font-size:18px;font-weight:800;color:var(--charcoal);margin-bottom:10px;letter-spacing:-.1px}
.svc-text{font-size:14px;color:var(--grey);line-height:1.75;margin-bottom:16px}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.svc-list li{font-size:13px;color:var(--grey);display:flex;align-items:center;gap:7px}
.svc-list li i{color:var(--red);font-size:10px;flex-shrink:0}
.svc-more{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--red);margin-top:18px;transition:gap .2s}
.svc-card:hover .svc-more{gap:12px}

/* ── STEPS ── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.steps::before{content:'';position:absolute;top:37px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--red),rgba(200,16,46,.25),var(--red));z-index:0}
.step{text-align:center;padding:0 14px;position:relative;z-index:1}
.step-num{width:74px;height:74px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 28px rgba(200,16,46,.3);position:relative;font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:#fff}
.step-num i{font-size:26px;color:#fff}
.step-ring{position:absolute;inset:-5px;border-radius:50%;border:2px dashed rgba(200,16,46,.25)}
.step-title{font-size:15px;font-weight:800;color:var(--charcoal);margin-bottom:8px}
.step-text{font-size:13px;color:var(--grey);line-height:1.65}

/* ── STATS ── */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}
.stat-box{text-align:center;padding:40px 20px;border-right:1px solid var(--border);transition:all var(--transition);position:relative}
.stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transition:transform .35s}
.stat-box:hover{background:var(--red-light)}
.stat-box:hover::before{transform:scaleX(1)}
.stat-box:last-child{border-right:none}
.stat-icon{font-size:22px;color:var(--red);margin-bottom:12px;opacity:.7}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:54px;font-weight:900;color:var(--charcoal);line-height:1}
.stat-suf{font-size:30px}
.stat-label{font-size:13px;color:var(--grey);margin-top:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}

/* ── TESTIMONIALS ── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi{background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition);position:relative}
.testi::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red2));transform:scaleX(0);transition:transform .35s;border-radius:3px 3px 0 0}
.testi:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.testi:hover::before{transform:scaleX(1)}
.testi-stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:12px}
.testi-q{font-size:38px;color:rgba(200,16,46,.12);font-family:Georgia,serif;line-height:1;margin-bottom:2px}
.testi-text{font-size:14.5px;color:var(--grey);line-height:1.82;margin-bottom:20px}
.testi-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--light2)}
.testi-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red2));display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:900;color:#fff;flex-shrink:0}
.testi-name{font-size:14px;font-weight:700;color:var(--charcoal)}
.testi-role{font-size:12px;color:var(--grey);margin-top:2px}

/* ── CTA BAND ── */
.cta-band{background:var(--charcoal);padding:80px 0;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;right:-80px;top:-80px;width:400px;height:400px;border-radius:50%;background:rgba(200,16,46,.06)}
.cta-band::after{content:'';position:absolute;left:0;bottom:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--red2),transparent 60%)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px;position:relative;z-index:1}
.cta-h{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,50px);font-weight:900;color:#fff;line-height:1.06;letter-spacing:-.3px}
.cta-p{font-size:16px;color:rgba(255,255,255,.65);margin-top:8px}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ── CONTACT CARDS ── */
.cc-grid{display:flex;flex-direction:column;gap:12px}
.cc{background:#fff;border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-xs);border:1px solid var(--border);transition:all .3s}
.cc:hover{transform:translateX(5px);border-color:var(--red);box-shadow:var(--shadow-sm)}
.cc-icon{width:44px;height:44px;min-width:44px;background:var(--red-light);border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(200,16,46,.15)}
.cc-icon i{font-size:17px;color:var(--red)}
.cc-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--grey-light);margin-bottom:2px}
.cc-val{font-size:14px;font-weight:700;color:var(--charcoal)}
.cc-val a{color:var(--charcoal);text-decoration:none}
.cc-val a:hover{color:var(--red)}

/* ── FORM ── */
.form-wrap{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);border:1px solid var(--border);position:relative}
.form-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--red2));border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.form-title{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--charcoal);margin-bottom:5px;letter-spacing:-.3px}
.form-sub{font-size:14px;color:var(--grey);margin-bottom:24px;line-height:1.65}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:11.5px;font-weight:700;color:var(--charcoal);margin-bottom:7px;text-transform:uppercase;letter-spacing:.8px}
.fg input,.fg select,.fg textarea{width:100%;padding:13px 15px;border:1.5px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;color:var(--charcoal);background:var(--light);transition:all .22s;outline:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.09);background:#fff}
.fg input::placeholder,.fg textarea::placeholder{color:#9bafc4}
.fg textarea{resize:vertical;min-height:112px}
.fg select option{background:#fff;color:var(--charcoal)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-btn{width:100%;padding:15px;background:var(--red);color:#fff;border:none;border-radius:8px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}
.form-btn:hover{background:var(--red2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(200,16,46,.35)}

/* ── URGENCY BAR ── */
.urgency-bar{background:var(--charcoal)}
.urgency-inner{display:flex;align-items:stretch}
.urg-item{flex:1;display:flex;align-items:center;gap:14px;padding:20px 24px;border-right:1px solid rgba(255,255,255,.08);text-decoration:none;transition:all .22s}
.urg-item:last-child{border-right:none}
.urg-item:hover{background:rgba(200,16,46,.15)}
.urg-item i{font-size:22px;color:var(--red);flex-shrink:0}
.urg-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.5)}
.urg-val{font-size:14.5px;font-weight:700;color:#fff;margin-top:2px}

/* ── INFO BOXES ── */
.info-box{background:var(--light);border-radius:var(--radius);padding:24px;border:1px solid var(--border)}
.info-box.accent{background:rgba(200,16,46,.05);border-color:rgba(200,16,46,.15)}
.check-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--grey);line-height:1.55}
.check-list li i{color:var(--red);font-size:13px;margin-top:2px;flex-shrink:0}
.check-list.white li{color:rgba(255,255,255,.70)}
.check-list.white li i{color:rgba(255,255,255,.65)}

/* ── FEATURE GRID ── */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feat,.feat-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border);transition:all var(--transition);box-shadow:var(--shadow-xs)}
.feat:hover,.feat-card:hover{transform:translateY(-6px);border-color:rgba(200,16,46,.2);box-shadow:var(--shadow-lg)}
.feat-icon{width:52px;height:52px;border-radius:var(--radius);background:var(--red-light);display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1.5px solid rgba(200,16,46,.12);transition:all var(--transition)}
.feat:hover .feat-icon,.feat-card:hover .feat-icon{background:var(--red);border-color:var(--red)}
.feat:hover .feat-icon i,.feat-card:hover .feat-icon i{color:#fff}
.feat-icon i{font-size:22px;color:var(--red);transition:color var(--transition)}
.feat:hover .feat-icon,.feat-card:hover .feat-icon{background:var(--red);border-color:var(--red)}
.feat:hover .feat-icon i,.feat-card:hover .feat-icon i{color:#fff}
.feat-title{font-size:16px;font-weight:800;color:var(--charcoal);margin-bottom:8px}
.feat-text{font-size:13.5px;color:var(--grey);line-height:1.68}

/* ── FOOTER ── */
footer{background:var(--charcoal);border-top:none}
.footer-top{padding:64px 0 40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
.footer-brand p{font-size:13.5px;color:rgba(255,255,255,.52);line-height:1.82;margin:14px 0 20px}
.fsocials{display:flex;gap:8px}
.fsoc{width:38px;height:38px;background:rgba(255,255,255,.07);border-radius:6px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:14px;text-decoration:none;transition:all .2s;border:1px solid rgba(255,255,255,.10)}
.fsoc:hover{background:var(--red);color:#fff;border-color:var(--red)}
.fh{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:18px;position:relative;padding-bottom:12px}
.fh::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:2px;background:var(--red);border-radius:2px}
.flist{list-style:none;display:flex;flex-direction:column;gap:9px}
.flist a{color:rgba(255,255,255,.52);text-decoration:none;font-size:13.5px;transition:all .2s;display:flex;align-items:center;gap:8px}
.flist a:hover{color:#fff;padding-left:4px}
.flist a i{font-size:9px;opacity:.4;flex-shrink:0}
.fci{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}
.fci i{color:var(--red);font-size:13px;margin-top:3px;flex-shrink:0}
.fci span,.fci a{font-size:13.5px;color:rgba(255,255,255,.52);line-height:1.5;text-decoration:none}
.fci a:hover{color:#fff}
.fcerts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.fcert{background:rgba(200,16,46,.15);color:rgba(255,255,255,.8);font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:4px;border:1px solid rgba(200,16,46,.3)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12.5px;color:rgba(255,255,255,.38)}
.footer-bottom a{color:rgba(255,255,255,.38);text-decoration:none;transition:color .2s}
.footer-bottom a:hover{color:var(--red)}
.footer-bottom-links{display:flex;gap:16px}

/* ── BACK TO TOP ── */
.back-to-top{position:fixed;bottom:28px;right:28px;width:48px;height:48px;background:var(--red);color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:990;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s,background .2s,box-shadow .2s;pointer-events:none;box-shadow:0 4px 18px rgba(200,16,46,.4);font-size:16px}
.back-to-top.btt-vis{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:var(--red2);box-shadow:0 8px 28px rgba(200,16,46,.5);transform:translateY(-4px)}

/* ── PROFESSIONAL EXTRAS ── */
.img-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow)}
.img-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.img-card:hover img{transform:scale(1.04)}
.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--red-mid) 30%,var(--red-mid) 70%,transparent)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .steps{grid-template-columns:repeat(2,1fr);gap:32px}
  .urgency-inner{flex-wrap:wrap}
  .urg-item{flex:calc(50% - 1px);border-bottom:1px solid rgba(255,255,255,.06)}
}
@media(max-width:768px){
  .nav-links,.nav-quote{display:none}
  .hamburger{display:flex}
  .nav-logo img{height:54px}
  .nav-wrap{height:76px}
  .section{padding:60px 0}
  .page-hero{padding:56px 0 44px}
  .section-head{margin-bottom:38px}
  .section-head-row{flex-direction:column;align-items:flex-start}
  .tb-right{display:none}
  .frow{grid-template-columns:1fr}
  .form-wrap{padding:28px 22px}
  .fg input,.fg select,.fg textarea{font-size:16px}
  .testi-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .qrow{grid-template-columns:1fr !important}
  .qrow2{grid-template-columns:1fr !important}
  .cta-inner{flex-direction:column;text-align:center}
  .cta-btns{justify-content:center}
  .sme-wrap{grid-template-columns:1fr !important;gap:36px !important}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-num{font-size:44px}
  .sd-services-row{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:540px){
  .nav-logo img{height:48px}
  .nav-wrap{height:66px}
  .section{padding:44px 0}
  .container{padding:0 16px}
  .page-hero{padding:40px 0 32px}
  .section-head{margin-bottom:28px}
  .svc-grid,.svc-grid-2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:22px}
  .steps::before{display:none}
  .feature-grid{grid-template-columns:1fr}
  .urg-item{flex:100%;padding:13px 16px}
  .accred-label{display:none}
  .accred-bar .container{justify-content:center}
  .cta-band{padding:52px 0}
  .cta-btns{flex-direction:column;align-items:stretch}
  .cta-btns .btn{justify-content:center}
  .form-wrap{padding:22px 16px;border-radius:var(--radius)}
  .footer-grid{grid-template-columns:1fr}
  .footer-top{padding:44px 0 26px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-num{font-size:38px}
  .stat-box{padding:26px 14px}
  .back-to-top{bottom:18px;right:18px;width:42px;height:42px;font-size:14px;border-radius:5px}
}
@media(max-width:480px){
  .page-hero-btns{flex-direction:column;align-items:stretch}
  .page-hero-btns .btn{justify-content:center}
  .breadcrumb{font-size:11px;flex-wrap:wrap}
  .btn-lg{padding:13px 22px;font-size:14px}
  .topbar .container{flex-direction:column;gap:4px;text-align:center}
  .tb-live{align-self:center}
  .stats-grid{grid-template-columns:1fr 1fr}
}
/* Fleet showcase responsive */
@media(max-width:768px){.fleet-wrap{grid-template-columns:1fr!important;gap:32px!important}}
@media(max-width:900px){.fleet-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:580px){.fleet-grid{grid-template-columns:1fr!important}}

/* ============================================
   LIGHT PROFESSIONAL REFRESH
   ============================================ */
:root{
  --navy:#17355f;
  --charcoal:#1f2937;
  --charcoal2:#334155;
  --red:#c8102e;
  --red2:#9f1230;
  --bg:#f7fbff;
  --light:#f7fbff;
  --light2:#edf5fb;
  --grey:#607086;
  --grey-light:#91a0b4;
  --border:#dfeaf5;
  --red-light:rgba(200,16,46,.07);
  --red-mid:rgba(200,16,46,.14);
  --shadow-xs:0 2px 10px rgba(15,35,60,.045);
  --shadow-sm:0 8px 24px rgba(15,35,60,.075);
  --shadow:0 18px 48px rgba(15,35,60,.10);
  --shadow-lg:0 26px 70px rgba(15,35,60,.14);
}

body{
  color:#233044;
  background:#fff;
}

.topbar{
  background:#f7fbff;
  border-bottom:1px solid var(--border);
}
.tb-left,.tb-right,
.tb-left a,.tb-right a{
  color:#53657c;
}
.tb-left a:hover,.tb-right a:hover{
  color:var(--red);
}
.tb-live{
  background:#eef7f2;
  color:#0f8b4c;
  border:1px solid rgba(22,163,74,.18);
}
.tb-live-dot{
  background:#16a34a;
}

nav.main-nav{
  box-shadow:0 8px 30px rgba(15,35,60,.07);
  border-bottom:1px solid rgba(223,234,245,.80);
}
.nav-wrap{
  height:78px;
}
.nav-links>li>a{
  color:#253247;
}
.nav-links>li>a:hover,.nav-links>li>a.active{
  background:#fff3f5;
}
.drop{
  box-shadow:0 22px 48px rgba(15,35,60,.14);
}

.btn{
  border-radius:8px;
  box-shadow:none;
}
.btn-red{
  box-shadow:0 10px 22px rgba(200,16,46,.18);
}
.btn-red:hover{
  box-shadow:0 14px 30px rgba(200,16,46,.26);
}
.btn-outline-r{
  background:#fff;
}
.btn-outline-r:hover{
  box-shadow:0 12px 28px rgba(200,16,46,.18);
}
.btn-navy:hover,.btn-white:hover{
  box-shadow:0 12px 28px rgba(15,35,60,.12);
}

.tag{
  color:var(--red);
  letter-spacing:2.2px;
}
.h2{
  color:#1f2937;
}
.sub{
  color:#64748b;
}

.section.bg-light,
.section.bg-navy,
.section.bg-dark{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%);
}
.svc-card,.feat,.feat-card,.testi,.form-wrap,.stats-grid,.cc,.sme-card{
  border-color:#e3edf7;
  box-shadow:0 10px 28px rgba(15,35,60,.06);
}
.svc-card.dark{
  background:#fff;
}
.svc-card:hover,.feat:hover,.feat-card:hover,.testi:hover{
  box-shadow:0 22px 54px rgba(15,35,60,.12);
}
.svc-icon,.feat-icon,.wp-ic,.sme-ic,.cc-icon{
  background:#fff0f2;
  border-color:rgba(200,16,46,.13);
}

.page-hero{
  background:#f8fbff;
}
.page-hero::before{
  width:0;
}
.page-hero::after{
  background:linear-gradient(90deg,transparent,rgba(200,16,46,.35),transparent);
}
.page-hero-photo::after{
  background:linear-gradient(100deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.92) 30%,rgba(248,251,255,.76) 48%,rgba(248,251,255,.35) 68%,rgba(248,251,255,.05) 100%);
}
.page-hero-dots{
  background-image:radial-gradient(rgba(23,53,95,.055) 1px,transparent 1px);
}
.page-hero .h1{
  color:#1f2937!important;
  text-shadow:none;
}
.page-hero .sub,.page-hero .sub.on-dark{
  color:#607086!important;
}
.breadcrumb,.breadcrumb a{
  color:#718096;
}
.page-hero-eyebrow{
  background:#fff0f2;
  color:#9f1230;
}
.page-hero .btn-outline-w{
  color:var(--red);
  border-color:rgba(200,16,46,.55);
  background:#fff;
}
.page-hero .btn-outline-w:hover{
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}

.urgency-bar{
  background:#fff;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.urg-item{
  border-right:1px solid var(--border);
}
.urg-item:hover{
  background:#fff7f8;
}
.urg-label{
  color:#91a0b4;
}
.urg-val{
  color:#253247;
}
.marquee{
  background:linear-gradient(90deg,#fff0f2 0%,#f8fbff 50%,#fff0f2 100%);
  border-bottom:1px solid var(--border);
}
.mitem{
  color:#334155;
}
.mdot{
  background:rgba(200,16,46,.35);
}

.stats-grid{
  box-shadow:0 18px 48px rgba(15,35,60,.08);
}
.stat-box:hover{
  background:#fff7f8;
}

.cta-band{
  background:linear-gradient(135deg,#17355f 0%,#26394d 100%);
}
.cta-band::before{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

footer{
  background:#223044;
}

@media(max-width:768px){
  .page-hero-photo::after{
    background:linear-gradient(180deg,rgba(248,251,255,.95),rgba(248,251,255,.9));
  }
}

/* ============================================
   FULL SITE PROFESSIONAL REDESIGN PASS
   Consistent light, polished logistics interface
   ============================================ */
:root{
  --dark:#1f2937;
  --blue:#2563eb;
}

::selection{
  background:rgba(200,16,46,.16);
  color:#1f2937;
}

body{
  line-height:1.5;
}

img{
  max-width:100%;
}

.container{
  width:100%;
}

.section{
  position:relative;
}

.section.bg-white{
  background:#fff;
}

section[style*="background:#f8fafc"],
section[style*="background:#f0f5fc"]{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%)!important;
  border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;
}

section[style*="background:var(--dark)"],
section[style*="background:linear-gradient(135deg,#1a3464"]{
  background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%)!important;
  padding:28px 0!important;
}

.page-hero{
  min-height:460px;
  padding:96px 0 86px;
  background:linear-gradient(135deg,#f8fbff 0%,#edf6fb 100%);
}

.page-hero .container{
  position:relative;
}

.page-hero-photo{
  opacity:.95;
  filter:saturate(1.02);
}

.page-hero::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
}

.page-hero .breadcrumb{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(223,234,245,.92);
  border-radius:999px;
  padding:8px 14px;
  width:max-content;
  max-width:100%;
  box-shadow:0 8px 22px rgba(15,35,60,.05);
}

.page-hero .breadcrumb span{
  color:#64748b!important;
}

.page-hero-eyebrow{
  border-left:0;
  border-radius:999px;
  padding:9px 16px;
  box-shadow:0 10px 24px rgba(15,35,60,.055);
}

.page-hero .h1{
  max-width:650px!important;
}

.page-hero .sub,
.page-hero .sub.on-dark{
  max-width:590px!important;
}

.page-hero-btns{
  margin-top:28px;
}

.svc-full-card,
.why-item,
.val-card,
.tv-card,
.accred-card,
.ind-full-card,
.htw-card,
.help-card,
.book-step,
.cov-card,
.do-card,
.hours-box,
.full-form-wrap,
.track-result,
.sd-form-panel,
.veh-card,
.blog-card,
.form-wrap,
.info-box,
.compare-table,
.ind-process{
  border-color:#e3edf7!important;
  box-shadow:0 12px 32px rgba(15,35,60,.065)!important;
}

.svc-full-card,
.why-item,
.val-card,
.tv-card,
.accred-card,
.ind-full-card,
.htw-card,
.help-card,
.book-step,
.cov-card,
.do-card,
.hours-box,
.full-form-wrap,
.track-result,
.sd-form-panel,
.veh-card,
.blog-card,
.form-wrap,
.info-box,
.ind-process{
  border-radius:14px!important;
  background:#fff!important;
}

.svc-full-card:hover,
.why-item:hover,
.val-card:hover,
.tv-card:hover,
.accred-card:hover,
.ind-full-card:hover,
.htw-card:hover,
.help-card:hover,
.book-step:hover,
.cov-card:hover,
.do-card:hover,
.veh-card:hover,
.blog-card:hover{
  border-color:rgba(200,16,46,.22)!important;
  box-shadow:0 24px 56px rgba(15,35,60,.12)!important;
  transform:translateY(-5px);
}

.val-card:hover,
.do-card:hover{
  transform:translateY(-3px);
}

.sfc-head,
.sfc-footer,
.blog-footer{
  border-color:#e9f0f7!important;
}

.sfc-title,
.val-title,
.tv-title,
.accred-name,
.veh-name,
.book-step h4,
.cov-city,
.htw-title,
.help-title,
.full-form-title,
.sdp-title,
.ipstep-t,
.do-val,
.hours-title,
.faq-q{
  color:#1f2937!important;
}

.sfc-desc,
.val-text,
.tv-text,
.accred-desc,
.veh-model,
.book-step p,
.cov-time,
.htw-text,
.help-text,
.full-form-sub,
.sdp-sub,
.ipstep-p,
.do-note,
.hours-row,
.faq-a,
.ifc-pillar-text{
  color:#64748b!important;
}

.sfc-icon,
.why-item-icon,
.val-icon,
.tv-icon,
.do-icon,
.veh-img-wrap,
.rb-icon,
.sd-opt-icon,
.htw-icon,
.book-step-num,
.ipstep-num{
  box-shadow:inset 0 0 0 1px rgba(200,16,46,.10);
}

.sfc-icon,
.why-item-icon,
.val-icon,
.tv-icon,
.do-icon,
.sd-opt-icon{
  background:#fff0f2!important;
}

.svc-full-grid,
.ind-full-grid,
.veh-grid,
.feature-grid,
.svc-grid,
.testi-grid{
  align-items:stretch;
}

.svc-full-card,
.ind-full-card,
.veh-card,
.blog-card{
  overflow:hidden;
}

.ifc-banner{
  min-height:96px;
}

.ifc-banner.c1,
.ifc-banner.c2,
.ifc-banner.c3,
.ifc-banner.c4,
.ifc-banner.c5,
.ifc-banner.c6,
.ifc-banner.c7,
.ifc-banner.c8{
  background:linear-gradient(135deg,#17355f 0%,#334155 100%)!important;
}

.ifc-banner::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:var(--red);
}

.ifc-pillar{
  background:#f8fbff!important;
  border:1px solid #e3edf7;
  border-left-width:3px;
}

.ifc-pillar.challenge{
  border-left-color:#ef4444;
}

.ifc-pillar.solution{
  border-left-color:var(--navy);
}

.ifc-pillar.result{
  border-left-color:var(--green);
}

.ipsteps,
.book-steps,
.steps-3{
  gap:20px;
}

.ipstep,
.step{
  background:#fff;
  border:1px solid #e3edf7;
  border-radius:14px;
  padding:22px 18px;
  box-shadow:0 10px 28px rgba(15,35,60,.055);
}

.steps::before,
.steps-3::before{
  opacity:.45;
}

.story-img,
.img-card,
.why-img{
  border-radius:14px!important;
  border:1px solid #e3edf7;
  box-shadow:0 24px 60px rgba(15,35,60,.12)!important;
}

.story-img::after,
.why-img::before{
  background:linear-gradient(180deg,rgba(15,35,60,.02) 0%,rgba(15,35,60,.12) 52%,rgba(15,35,60,.40) 100%)!important;
}

.story-badge,
.story-badge2{
  border-radius:12px!important;
}

.story-badge2{
  background:#17355f!important;
  box-shadow:0 16px 36px rgba(23,53,95,.22)!important;
}

.stats-grid{
  border-radius:14px;
  transform:none;
}

section > .container > .stats-grid,
.container[data-counter-parent] .stats-grid{
  margin:0 auto;
}

.stat-box{
  background:#fff;
}

.stat-icon{
  opacity:1;
}

.contact-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
}

.ch-phone-block,
.response-badge{
  background:#fff!important;
  border-color:#e3edf7!important;
  box-shadow:0 12px 32px rgba(15,35,60,.065);
}

.ch-phone-label{
  color:#64748b!important;
}

.ch-phone-num{
  color:#1f2937!important;
}

.ch-phone-sub,
.ch-trust-item{
  color:#64748b!important;
}

.ch-qcard{
  background:rgba(255,255,255,.90)!important;
  border-color:#e3edf7!important;
  box-shadow:0 24px 64px rgba(15,35,60,.13)!important;
}

.ch-qcard-title,
.qg2 label{
  color:#52677f!important;
}

.qg2 input,
.qg2 select,
.sdp-fg input,
.sdp-fg select,
.fg input,
.fg select,
.fg textarea{
  background:#f8fbff!important;
  border-color:#dfeaf5!important;
  color:#233044!important;
}

.qg2 input::placeholder,
.sdp-fg input::placeholder,
.fg input::placeholder,
.fg textarea::placeholder{
  color:#97a7ba!important;
}

.qg2 input:focus,
.qg2 select:focus,
.sdp-fg input:focus,
.sdp-fg select:focus,
.fg input:focus,
.fg select:focus,
.fg textarea:focus{
  background:#fff!important;
  border-color:var(--red)!important;
  box-shadow:0 0 0 3px rgba(200,16,46,.10)!important;
}

.form-section-label{
  border-bottom-color:#e9f0f7!important;
}

.faq-item{
  border-color:#e9f0f7!important;
}

.sd-hero{
  background:linear-gradient(135deg,#f8fbff 0%,#eef6fb 100%)!important;
}

.sd-hero-bg::after{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 42%,rgba(255,255,255,.54) 68%,rgba(255,255,255,.12) 100%)!important;
}

.sd-hero-dots,
.track-hero-dots{
  background-image:radial-gradient(rgba(23,53,95,.055) 1px,transparent 1px)!important;
}

.sd-hero .h1,
.track-hero .h1{
  color:#1f2937!important;
  text-shadow:none!important;
}

.sd-hero .sub,
.track-hero .sub{
  color:#607086!important;
}

.sd-live{
  background:#ecfdf5!important;
  border-color:rgba(22,163,74,.22)!important;
  color:#168348!important;
}

.sd-phone-hero{
  border-radius:10px;
}

.sd-form-panel{
  padding:30px;
}

.sd-opt-card{
  border-color:#e3edf7!important;
  box-shadow:0 10px 24px rgba(15,35,60,.055)!important;
}

.sd-opt-card.featured,
.sd-opt-card:hover{
  background:#fff7f8!important;
}

.sd-avail{
  color:#15803d!important;
}

.track-hero{
  background:linear-gradient(135deg,#f8fbff 0%,#eef6fb 100%)!important;
}

.track-hero-bg::after{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.86))!important;
}

.track-box{
  background:#fff!important;
  border-color:#e3edf7!important;
  box-shadow:0 24px 64px rgba(15,35,60,.12);
}

.track-input{
  background:#f8fbff!important;
  color:#233044!important;
  border-color:#dfeaf5!important;
}

.track-input::placeholder{
  color:#91a0b4!important;
}

.track-hint{
  color:#64748b!important;
}

.tr-header{
  background:#17355f!important;
}

.app-section{
  background:linear-gradient(135deg,#17355f,#334155)!important;
  border-radius:14px!important;
  box-shadow:0 24px 64px rgba(15,35,60,.12);
}

.app-section::before{
  background:rgba(255,255,255,.06)!important;
}

.app-feat{
  color:rgba(255,255,255,.78)!important;
}

.veh-img-wrap{
  background:linear-gradient(135deg,#fbfdff 0%,#eef6fb 100%)!important;
}

.veh-open-btn{
  border-radius:10px!important;
}

.compare-table{
  overflow:hidden;
  border-radius:14px!important;
}

.compare-table th{
  background:#17355f!important;
}

.compare-table td{
  border-color:#e9f0f7!important;
}

.compare-table tr:nth-child(even) td{
  background:#f8fbff!important;
}

.blog-card img,
.blog-img img{
  filter:saturate(1.04);
}

.blog-read,
.ifc-cta,
.sfc-footer a,
.help-card a{
  color:var(--red)!important;
}

.air-opt,
.sea-card,
.move-card,
.compare-card,
.route-item,
.dest-item,
.lane-item,
.mv-cover-item,
.benefit-card,
.sidebar-section,
.article-meta-bar,
.article-lead,
.conclusion-box,
.cta-sidebar{
  border-color:#e3edf7!important;
  border-radius:14px!important;
  box-shadow:0 12px 32px rgba(15,35,60,.06)!important;
}

.air-opt:not(.featured),
.sea-card.lcl,
.move-card:not(.featured),
.compare-card.ltl,
.route-item,
.dest-item,
.lane-item,
.mv-cover-item,
.benefit-card,
.sidebar-section,
.article-meta-bar,
.article-lead,
.conclusion-box{
  background:#fff!important;
}

.air-opt.featured,
.sea-card.fcl,
.move-card.featured,
.compare-card.ftl,
.sidebar-cta,
.cta-sidebar{
  background:linear-gradient(135deg,#17355f 0%,#334155 100%)!important;
  border-color:transparent!important;
}

.air-opt:hover,
.sea-card:hover,
.move-card:hover,
.compare-card:hover,
.route-item:hover,
.dest-item:hover,
.lane-item:hover,
.mv-cover-item:hover,
.benefit-card:hover,
.sidebar-section:hover{
  border-color:rgba(200,16,46,.22)!important;
  box-shadow:0 24px 56px rgba(15,35,60,.12)!important;
}

.ao-icon,
.mc-icon,
.ri-icon,
.mv-ci-icon,
.benefit-icon{
  background:#fff0f2!important;
  box-shadow:inset 0 0 0 1px rgba(200,16,46,.10);
}

.ao-title,
.mc-title,
.sea-card.lcl h3,
.compare-card.ltl h3,
.ri-name,
.lane-from,
.lane-to,
.mv-ci-name,
.dest-region,
.benefit-title,
.article-body h1,
.article-body h2,
.article-body h3,
.article-body strong,
.sidebar-links a,
.kw-tag,
.city-tag{
  color:#1f2937!important;
}

.ao-desc,
.mc-desc,
.sea-card.lcl .sc-sub,
.compare-card.ltl .cc-sub,
.ri-time,
.mv-ci-sub,
.dest-airports,
.lane-detail,
.benefit-text,
.article-body p,
.article-lead,
.check-list li{
  color:#64748b!important;
}

.air-opt.featured .ao-desc,
.air-opt.featured .ao-list li,
.move-card.featured .mc-desc,
.move-card.featured .mc-list li,
.sea-card.fcl .sc-sub,
.sea-card.fcl .sc-list li,
.compare-card.ftl .cc-sub,
.compare-card.ftl .cc-list li,
.sidebar-cta-sub{
  color:rgba(255,255,255,.72)!important;
}

.air-opt.featured .ao-title,
.move-card.featured .mc-title,
.sea-card.fcl h3,
.compare-card.ftl h3,
.sidebar-cta-title,
.cta-sidebar h3,
.cta-sidebar p{
  color:#fff!important;
}

.ao-label,
.mc-label,
.sea-badge,
.cc-badge,
.lane-transit,
.hours-badge,
.blog-cat{
  border-radius:999px!important;
}

.dest-item,
.lane-item,
.route-item,
.mv-cover-item{
  background:#fff!important;
}

.article-wrap{
  padding-top:64px!important;
}

.article-body{
  background:#fff;
  border:1px solid #e3edf7;
  border-radius:16px;
  padding:34px;
  box-shadow:0 16px 44px rgba(15,35,60,.07);
}

.article-body h2{
  border-bottom-color:#e9f0f7!important;
}

.article-lead{
  background:#f8fbff!important;
  border-left-color:var(--red)!important;
}

.city-tag,
.kw-tag{
  background:#f8fbff!important;
  border-color:#e3edf7!important;
}

.faq-item{
  border-color:#e3edf7!important;
}

.faq-q{
  background:#fff!important;
}

.faq-a{
  background:#f8fbff!important;
}

.sidebar-cta,
.sidebar-section{
  box-shadow:0 16px 42px rgba(15,35,60,.08)!important;
}

.cta-band{
  border-top:1px solid rgba(255,255,255,.08);
}

.cta-inner{
  align-items:center;
}

.footer-top{
  padding-top:58px;
}

.footer-brand img{
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.12));
}

.footer-bottom{
  gap:18px;
}

.back-to-top{
  border-radius:10px;
}

@media(max-width:1024px){
  .page-hero{
    min-height:390px;
  }

  .page-hero .breadcrumb,
  .page-hero .page-hero-eyebrow,
  .page-hero .h1,
  .page-hero .sub,
  .page-hero .sub.on-dark,
  .page-hero .page-hero-btns{
    max-width:100%!important;
  }

  .contact-hero-inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .page-hero{
    padding:64px 0 54px;
    min-height:0;
  }

  .page-hero-photo::after,
  .sd-hero-bg::after{
    background:rgba(255,255,255,.90)!important;
  }

  .page-hero-btns,
  .cta-btns{
    width:100%;
  }

  .page-hero-btns .btn,
  .cta-btns .btn{
    justify-content:center;
  }

  .full-form-wrap,
  .form-wrap,
  .sd-form-panel,
  .track-box,
  .app-section,
  .article-body{
    padding:24px!important;
  }

  .article-wrap{
    grid-template-columns:1fr!important;
  }

  .article-sidebar{
    position:static!important;
  }
}

@media(max-width:540px){
  .topbar .tb-left{
    gap:8px;
  }

  .tb-left span{
    width:100%;
  }

  .page-hero .breadcrumb{
    width:100%;
    justify-content:center;
  }

  .page-hero-eyebrow{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .svc-full-card,
  .ind-full-card,
  .veh-card,
  .blog-card,
  .full-form-wrap,
  .form-wrap{
    border-radius:12px!important;
  }

  .footer-bottom-links{
    flex-wrap:wrap;
  }
}

/* ============================================
   SITE-WIDE RESPONSIVE HARDENING
   Keeps page-local grids, tables and forms fluid on narrow screens.
   ============================================ */
html,
body{
  max-width:100%;
}

body{
  min-width:320px;
}

img,
video,
iframe,
canvas,
svg{
  max-width:100%;
}

img{
  height:auto;
}

input,
select,
textarea,
button{
  max-width:100%;
}

.container,
.nav-wrap,
.cat-nav-inner{
  max-width:1220px;
  width:100%;
}

.nav-wrap,
.container{
  min-width:0;
}

.nav-logo{
  min-width:0;
  flex-shrink:0;
}

.nav-links{
  min-width:0;
}

.nav-links>li>a{
  white-space:nowrap;
}

.btn,
.form-btn,
.qbtn,
.qbtn2,
.sdp-btn,
.track-btn,
.quote-btn,
.quote-btn-spec{
  min-width:0;
  text-align:center;
}

.svc-full-card,
.svc-card,
.feat,
.feat-card,
.testi,
.blog-card,
.veh-card,
.ind-full-card,
.air-opt,
.sea-card,
.move-card,
.compare-card,
.route-item,
.lane-item,
.dest-item,
.benefit-card,
.sidebar-section,
.sidebar-card,
.info-box,
.form-wrap,
.full-form-wrap,
.sd-form-panel,
.track-box,
.track-result,
.app-section,
.article-body,
.blog-article{
  min-width:0;
}

.compare-table{
  min-width:720px;
}

.cat-nav{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.cat-nav-inner{
  min-width:max-content;
}

.cat-nav-cta{
  padding-right:24px;
}

body .ph-overlay:not(.active){
  visibility:hidden;
}

body .ph-overlay:not(.active) .ph-panel{
  display:none;
}

@media(max-width:1180px){
  .nav-links>li>a{
    padding-inline:9px;
    font-size:13px;
  }

  .nav-quote{
    padding-inline:14px;
  }
}

@media(max-width:1024px){
  .nav-links,
  .nav-quote{
    display:none;
  }

  .hamburger{
    display:flex;
  }

  .mob-nav.open{
    max-height:calc(100vh - 76px);
    overflow-y:auto;
  }

  .svc-grid,
  .svc-grid-2,
  .svc-full-grid,
  .feature-grid,
  .testi-grid,
  .blog-grid,
  .why-grid-3,
  .team-vals,
  .accred-cards,
  .esg-grid,
  .facility-grid,
  .veh-grid,
  .fleet-grid,
  .ind-grid,
  .ind-full-grid,
  .route-grid,
  .lanes-grid,
  .dest-grid,
  .coverage-grid,
  .help-grid,
  .benefit-grid,
  .partner-type-grid,
  .book-steps,
  .htw-grid,
  .ipsteps,
  .air-opts,
  .sea-compare,
  .compare-grid,
  .values-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .contact-main-grid,
  .contact-hero-inner,
  .story-grid,
  .why-grid,
  .sd-grid,
  .sd-hero-inner,
  .rf-layout,
  .sea-layout,
  .af-layout,
  .wh-layout,
  .fulfilment-grid,
  .blog-wrap,
  .article-wrap,
  .app-section,
  .join-wrap,
  .fleet-wrap,
  .sme-wrap,
  [style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:768px){
  .container,
  .nav-wrap,
  .cat-nav-inner{
    padding-inline:18px;
  }

  .topbar .container{
    justify-content:center;
    text-align:center;
  }

  .tb-left{
    justify-content:center;
    gap:10px 16px;
  }

  .page-hero,
  .sd-hero,
  .track-hero{
    text-align:center;
  }

  .page-hero .breadcrumb,
  .page-hero-eyebrow,
  .sd-live,
  .hero-eyebrow{
    margin-inline:auto;
  }

  .page-hero-btns,
  .hero-btns,
  .cta-btns,
  .veh-popup-ctas-el,
  .van-popup-ctas{
    justify-content:center;
  }

  .page-hero-btns .btn,
  .hero-btns .btn,
  .cta-btns .btn,
  .track-btn,
  .sdp-btn,
  .qbtn,
  .qbtn2,
  .form-btn{
    width:100%;
    justify-content:center;
    white-space:normal;
  }

  .hero-body,
  .sd-hero-inner{
    padding-block:58px 46px!important;
  }

  .qcard,
  .ch-qcard{
    padding:22px!important;
  }

  .qrow,
  .qrow2,
  .sdp-row,
  .frow,
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"]{
    grid-template-columns:1fr!important;
  }

  .track-input-row{
    flex-direction:column;
  }

  .tr-header,
  .hours-row,
  .blog-footer,
  .veh-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .tr-status,
  .veh-open-btn{
    align-self:flex-start;
  }

  .benefit-card,
  .val-card,
  .do-card,
  .response-badge,
  .ch-phone-block{
    align-items:flex-start;
  }

  .article-meta-bar,
  .article-meta,
  .blog-meta{
    gap:10px 14px;
  }

  .app-badge-row,
  .ph-strip-btns{
    flex-direction:column;
    align-items:stretch;
  }

  .app-badge,
  .ph-strip-btn{
    justify-content:center;
  }

  .veh-popup-header,
  .van-popup-header{
    flex-direction:column;
    text-align:center;
  }

  .veh-popup-specs-el,
  .van-popup-specs,
  .sc-stats{
    grid-template-columns:1fr!important;
  }

  .compare-table{
    min-width:0;
    width:100%;
    table-layout:fixed;
  }

  .compare-table th,
  .compare-table td{
    padding:10px 7px;
    font-size:11.5px;
    line-height:1.35;
    word-break:break-word;
  }
}

@media(max-width:600px){
  .svc-grid,
  .svc-grid-2,
  .svc-full-grid,
  .feature-grid,
  .testi-grid,
  .blog-grid,
  .why-grid-3,
  .team-vals,
  .accred-cards,
  .esg-grid,
  .facility-grid,
  .veh-grid,
  .fleet-grid,
  .ind-grid,
  .ind-full-grid,
  .route-grid,
  .lanes-grid,
  .dest-grid,
  .coverage-grid,
  .help-grid,
  .benefit-grid,
  .partner-type-grid,
  .book-steps,
  .htw-grid,
  .ipsteps,
  .air-opts,
  .sea-compare,
  .compare-grid,
  .values-grid,
  .stats-grid,
  .steps,
  .steps-3,
  .rf-steps{
    grid-template-columns:1fr!important;
  }

  .hero-trust,
  .accred-list,
  .integ-list,
  .city-tags,
  .kw-tags,
  .tag-cloud,
  .footer-bottom-links{
    justify-content:center;
  }

  .ph-strip,
  .spec-cta-band,
  .cta-inner{
    text-align:center;
  }

  .ph-strip-text{
    justify-content:center;
    width:100%;
  }

  .article-lead,
  .blog-lead,
  .conclusion-box,
  .diff-box,
  .full-form-wrap,
  .form-wrap,
  .sd-form-panel,
  .track-box,
  .track-result,
  .article-body,
  .blog-article{
    padding:20px 16px!important;
  }

  .veh-popup,
  .van-popup{
    max-height:calc(100vh - 28px);
    border-radius:14px!important;
  }

  .veh-popup-overlay,
  .van-popup-overlay{
    padding:14px!important;
  }

  .veh-popup-img-el,
  .van-popup-img{
    width:150px!important;
  }
}

@media(max-width:420px){
  .container,
  .nav-wrap,
  .cat-nav-inner{
    padding-inline:14px;
  }

  .h1,
  .hero-h{
    font-size:38px!important;
  }

  .h2{
    font-size:28px!important;
  }

  .btn{
    width:100%;
    justify-content:center;
    white-space:normal;
    padding-inline:16px;
  }

  .page-hero-eyebrow,
  .hero-eyebrow,
  .tag{
    letter-spacing:1.2px;
  }

  .stat-num{
    font-size:34px;
  }
}