:root{
    --navy:#012169;
    --navy-deep:#000C3D;
    --red:#C8102E;
    --accent:#E63950;
    --mist:#C7D0E6;
    --white:#FFFFFF;
    --ink:#0E1526;
    --grey:#5B6472;
    --paper:#F4F6FA;
    --line:#E1E5EC;
    --radius:2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.5;
  }
  h1,h2,h3,.display{
    font-family:'Archivo', sans-serif;
    font-weight:800;
    letter-spacing:-0.01em;
    line-height:1.05;
  }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

  /* Top strip - union flag tri-band */
  .flagstrip{
    height:8px;
    background: linear-gradient(to bottom,
      var(--white) 0 25%,
      var(--red) 25% 75%,
      var(--white) 75% 100%
    );
  }

  .promo-bar{
    background:var(--ink); color:var(--white); text-align:center;
    padding:10px 16px; font-size:13.5px; font-weight:600;
  }
  .promo-bar b{color:var(--accent); font-family:'Archivo'; font-weight:800;}
  .promo-bar .divider{margin:0 10px; color:#5B6472;}

  /* Header */
  header{
    border-bottom:1px solid var(--line);
    position:sticky; top:0; background:var(--white); z-index:50;
  }
  .header-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 32px; max-width:1180px; margin:0 auto;
  }
  .logo{display:flex; align-items:center; gap:12px;}
  .logo-img{height:44px; width:auto; display:block;}

  nav{display:flex; gap:22px; flex-wrap:nowrap;}
  nav a{font-size:13.5px; font-weight:600; color:var(--ink); position:relative; white-space:nowrap;}
  nav a:hover{color:var(--navy);}

  .header-cta{display:flex; gap:10px; align-items:center; flex:none;}
  .menu-toggle{
    display:none; width:38px; height:38px; border:1.5px solid var(--line); border-radius:4px;
    background:none; cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:4px;
  }
  .menu-toggle span{width:18px; height:2px; background:var(--ink); display:block;}
  .mobile-nav{
    display:none; flex-direction:column; width:100%;
    border-top:1px solid var(--line); padding:14px 0 4px;
  }
  .mobile-nav.open{display:flex;}
  .mobile-nav a{padding:11px 0; font-size:14.5px; font-weight:600; border-bottom:1px solid var(--line);}
  .btn{
    display:inline-block; padding:11px 22px; font-weight:700; font-size:14px;
    border-radius:var(--radius); border:2px solid transparent; cursor:pointer;
  }
  .btn-primary{background:var(--red); color:var(--white);}
  .btn-primary:hover{background:#A50D26;}
  .btn-ghost{border-color:var(--navy); color:var(--navy);}
  .btn-ghost:hover{background:var(--navy); color:var(--white);}

  /* Hero */
  .hero{
    background:var(--navy);
    background-image:url('../img/hero-fleet.webp');
    background-size:cover;
    background-position:center;
    color:var(--white);
    padding:76px 0 0;
    position:relative;
    overflow:hidden;
  }
  .hero::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(1,33,105,0.72), rgba(1,33,105,0.94));
    z-index:1;
  }

  .crest-badge{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.25);
    padding:7px 14px 7px 10px; border-radius:20px; margin-bottom:22px;
    font-size:12.5px; font-weight:700; letter-spacing:0.3px;
  }
  .hero-tagline{
    display:block; color:var(--accent); font-family:'Archivo', sans-serif; font-weight:800;
    font-size:14.5px; letter-spacing:0.6px; margin-bottom:16px;
  }
  .crest-badge img{
    width:18px; height:18px; border-radius:50%; object-fit:cover;
    flex:none; display:inline-block; vertical-align:middle;
  }
  .hero .wrap{
    display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;
    position:relative; z-index:2;
  }
  .hero-eyebrow{
    font-size:14px; font-weight:700; color:var(--mist); letter-spacing:0.3px; margin-bottom:18px;
  }
  .hero h1{font-size:52px; color:var(--white); margin-bottom:22px;}
  .hero h1 em{font-style:normal; color:var(--accent);}
  .hero p.lead{font-size:17px; color:var(--mist); max-width:480px; margin-bottom:32px;}
  .hero-actions{display:flex; gap:14px; margin-bottom:56px;}

  .hero-slide{display:none;}
  .hero-slide.active{display:block; animation:fadeIn .5s ease;}
  @keyframes fadeIn{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}
  .hero-dots{display:flex; gap:8px; margin-bottom:56px;}
  .hero-dots button{
    width:28px; height:4px; background:rgba(255,255,255,0.28); border:none; cursor:pointer; padding:0; border-radius:2px;
  }
  .hero-dots button.active{background:var(--accent);}
  .route-tag{
    background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18);
    padding:8px 16px; font-size:13.5px; font-weight:600; border-radius:20px;
    display:flex; align-items:center; gap:8px;
  }

  .hero-panel{
    background:var(--white); color:var(--ink); border-radius:6px;
    padding:30px; box-shadow:0 24px 60px rgba(0,0,0,0.35);
  }
  .hero-panel h3{font-size:19px; margin-bottom:4px;}
  .hero-panel p{font-size:13.5px; color:var(--grey); margin-bottom:20px;}
  .quote-row{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px;}
  .quote-row label{font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--grey); display:block; margin-bottom:6px;}
  .quote-row select, .quote-row input{
    width:100%; padding:11px 12px; border:1.5px solid var(--line); font-size:14px; border-radius:3px; font-family:inherit;
  }
  .quote-panel-cta{width:100%; margin-top:8px; padding:14px; font-size:15px;}

  .hero-bottom-strip{
    background:var(--navy-deep);
    padding:16px 0;
    display:flex; gap:0;
  }
  .stat{
    flex:1; text-align:center; padding:6px 12px; color:var(--white);
    border-right:1px solid rgba(255,255,255,0.12);
  }
  .stat:last-child{border-right:none;}
  .stat .num{font-family:'Archivo'; font-weight:900; font-size:26px; display:block;}
  .stat .lbl{font-size:12px; color:var(--mist);}

  /* Section shared */
  section{padding:84px 0;}
  .section-head{max-width:600px; margin-bottom:48px;}
  .kicker{color:var(--red); font-weight:700; font-size:13.5px; margin-bottom:10px;}
  .section-head h2{font-size:34px; margin-bottom:14px;}
  .section-head p{color:var(--grey); font-size:15.5px;}

  /* Routes */
  .routes-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
  }
  .route-card{
    border:1px solid var(--line); border-radius:6px; padding:26px 22px;
    position:relative; overflow:hidden; transition:border-color .15s;
    display:block; cursor:pointer;
  }
  .route-card:hover{border-color:var(--navy);}
  .route-card .flagbar{position:absolute; top:0; left:0; right:0; height:4px;}
  .route-card .from-to{font-size:12.5px; color:var(--grey); font-weight:600; margin-bottom:6px;}
  .route-card h3{font-size:22px; margin-bottom:10px;}
  .route-card .desc{font-size:13.5px; color:var(--grey); margin-bottom:18px; min-height:56px;}
  .route-card .meta{display:flex; justify-content:space-between; font-size:12.5px; padding-top:14px; border-top:1px solid var(--line);}
  .route-card .meta b{color:var(--ink); font-family:'Archivo'; font-size:14px;}

  .fb-india{background:linear-gradient(90deg,#FF9933,#FFFFFF,#138808);}
  .fb-usa{background:linear-gradient(90deg,#B22234,#FFFFFF,#3C3B6E);}
  .fb-aus{background:linear-gradient(90deg,#00008B,#FFFFFF,#FF0000);}
  .fb-eu{background:linear-gradient(90deg,#003399,#FFD700);}

  /* Service tabs */
  .services{background:var(--paper);}
  .tabbar{display:flex; gap:8px; border-bottom:2px solid var(--line); margin-bottom:36px; flex-wrap:wrap;}
  .tabbtn{
    padding:14px 4px; margin-right:28px; font-weight:700; font-size:14.5px; color:var(--grey);
    border-bottom:3px solid transparent; cursor:pointer; background:none; border-top:none; border-left:none; border-right:none;
  }
  .tabbtn.active{color:var(--navy); border-bottom-color:var(--red);}
  .tabpanel{display:none;}
  .tabpanel.active{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .service-card{
    background:var(--white); border:1px solid var(--line); border-radius:6px; padding:26px;
    display:block; color:inherit; text-decoration:none; transition:border-color .15s, box-shadow .15s;
  }
  .service-card:hover{border-color:var(--navy); box-shadow:0 8px 20px rgba(1,33,105,0.08);}
  .service-card .icon{
    width:46px; height:46px; border-radius:50%; background:var(--navy); color:var(--white);
    display:flex; align-items:center; justify-content:center; margin-bottom:16px;
  }
  .service-card .icon svg{width:22px; height:22px;}
  .service-card .icon img{width:22px; height:22px; filter:brightness(0) invert(1);}
  .service-card h4{font-size:17px; margin-bottom:8px; font-family:'Archivo'; font-weight:700;}
  .service-card p{font-size:13.5px; color:var(--grey);}

  /* Services accordion */
  .accordion{border-top:2px solid var(--line);}
  .accordion-item{border-bottom:2px solid var(--line);}
  .accordion-trigger{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    padding:22px 4px; background:none; border:none; cursor:pointer;
    font-family:'Archivo'; font-weight:700; font-size:17px; color:var(--grey); text-align:left;
  }
  .accordion-trigger .chev{width:20px; height:20px; color:var(--navy); flex-shrink:0; transition:transform .25s ease;}
  .accordion-item.open .accordion-trigger{color:var(--navy);}
  .accordion-item.open .accordion-trigger .chev{transform:rotate(180deg); color:var(--red);}
  .accordion-panel{max-height:0; overflow:hidden; transition:max-height .3s ease;}
  .accordion-item.open .accordion-panel{max-height:900px;}
  .tabpanel-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:4px 4px 28px;}

  @media (max-width:900px){
    .tabpanel-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:640px){
    .tabpanel-grid{grid-template-columns:1fr;}
    .accordion-trigger{font-size:15px;}
  }

  /* B2B band */
  .b2b{
    background:var(--navy); color:var(--white);
  }
  .b2b .section-head p{color:var(--mist);}
  .b2b .kicker{color:var(--accent);}
  .b2b-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,0.14); border-radius:6px; overflow:hidden;}
  .b2b-item{background:var(--navy-deep); padding:28px 22px;}
  .b2b-item h4{font-family:'Archivo'; font-size:16px; margin-bottom:8px;}
  .b2b-item p{font-size:13px; color:var(--mist);}

  /* Why us */
  .testimonial-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .testimonial-card{
    background:var(--paper); border:1px solid var(--line); border-radius:6px; padding:26px;
  }
  .testimonial-card .stars{color:var(--accent); font-size:14px; margin-bottom:14px; letter-spacing:2px;}
  .testimonial-card p{font-size:14px; color:var(--ink); margin-bottom:18px; font-style:italic;}
  .testimonial-card .who{display:flex; align-items:center; gap:10px;}
  .testimonial-card .avatar{
    width:36px; height:36px; border-radius:50%; background:var(--navy); color:#fff;
    display:flex; align-items:center; justify-content:center; font-family:'Archivo'; font-weight:700; font-size:13px; flex:none;
  }
  .testimonial-card .who b{display:block; font-size:13.5px;}
  .testimonial-card .who span{font-size:12px; color:var(--grey);}

  .freight-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .freight-card{border-radius:6px; overflow:hidden; border:1px solid var(--line);}
  .freight-card .img{
    height:170px; background-size:cover; background-position:center;
  }
  .freight-card .img.sea{background-image:url('../img/service/sea-freight-ship.webp');}
  .freight-card .img.air{background-image:url('../img/service/air.webp');}
  .freight-card .img.intl{background-image:url('../img/service/road-freight-fleet.webp');}
  .freight-card .body{padding:22px;}
  .freight-card h4{font-family:'Archivo'; font-size:17px; margin-bottom:8px;}
  .freight-card p{font-size:13.5px; color:var(--grey); margin-bottom:14px;}
  .freight-card a{font-size:13px; font-weight:700; color:var(--red);}

  /* Restricted items (quote page) */
  .restricted-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-bottom:20px;}
  .restricted-item{
    background:var(--white); border:1px solid var(--line); border-radius:6px;
    padding:12px 8px; text-align:center;
  }
  .restricted-item .ic{
    width:26px; height:26px;
    display:flex; align-items:center; justify-content:center; margin:0 auto 6px;
  }
  .restricted-item .ic img{width:26px; height:26px;}
  .restricted-item h4{font-size:11.5px; font-weight:600; line-height:1.25;}
  .restricted-note{font-size:13px; color:var(--grey); background:var(--white); border:1px solid var(--line); border-radius:6px; padding:12px 16px;}
  @media (max-width:900px){ .restricted-grid{grid-template-columns:repeat(4,1fr);} }
  @media (max-width:640px){ .restricted-grid{grid-template-columns:repeat(3,1fr);} }

  /* Air freight page */
  .air-freight-photo{
    width:100%; max-height:420px; object-fit:cover; border-radius:8px;
    margin-top:-40px; position:relative; z-index:3; box-shadow:0 24px 50px rgba(1,33,105,0.2);
  }
  .photo-caption{font-size:12.5px; color:var(--grey); text-align:center; margin-top:10px;}
  .partner-airline-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:16px;}
  .partner-airline-slot{
    height:70px; background:var(--white); border:1.5px dashed var(--line); border-radius:6px;
  }
  @media (max-width:900px){ .partner-airline-grid{grid-template-columns:repeat(3,1fr);} .air-freight-photo{margin-top:-24px;} }
  @media (max-width:640px){ .partner-airline-grid{grid-template-columns:repeat(2,1fr);} }

  .recommend-list{display:grid; grid-template-columns:1fr 1fr; gap:28px 40px;}
  .recommend-item{display:flex; gap:16px;}
  .recommend-item .tick{
    width:34px; height:34px; border-radius:50%; background:var(--red); color:#fff; flex:none;
    display:flex; align-items:center; justify-content:center;
  }
  .recommend-item .tick svg{width:17px; height:17px;}
  .recommend-item h4{font-size:16px; margin-bottom:6px; font-family:'Archivo'; font-weight:700;}
  .recommend-item p{font-size:13.5px; color:var(--grey);}
  .why-item .num{font-family:'Archivo'; font-weight:900; font-size:15px; color:var(--red); margin-bottom:10px; display:block;}
  .why-item h4{font-size:16.5px; margin-bottom:8px;}
  .why-item p{font-size:13.5px; color:var(--grey);}

  /* CTA band */
  .cta-band{
    background:var(--red); color:var(--white); text-align:center; padding:64px 0;
  }
  .cta-band h2{font-size:32px; margin-bottom:18px; color:var(--white);}
  .cta-band p{margin-bottom:28px; color:#FFDCC9; font-size:15.5px;}
  .cta-band .btn-primary{background:var(--white); color:var(--red);}
  .cta-band .btn-primary:hover{background:#F2F2F2;}

  footer{background:var(--navy-deep); color:var(--white); padding:56px 0 26px;}
  .footer-logo{height:34px; width:auto; margin-bottom:14px;}
  .footer-grid{display:grid; grid-template-columns:1.2fr 0.9fr 0.9fr 0.9fr 1.1fr; gap:32px; margin-bottom:40px;}
  .footer-contact-item{display:flex; gap:10px; margin-bottom:12px; font-size:13px; color:var(--white);}
  .footer-contact-item svg{width:16px; height:16px; flex:none; margin-top:1px; stroke:var(--white);}
  .footer-contact-item a{color:var(--white);}
  .footer-contact-item a:hover{color:#fff;}
  .footer-grid h5{color:var(--mist); font-size:13.5px; margin-bottom:16px; letter-spacing:0.3px;}
  .footer-grid a{display:block; font-size:13.5px; margin-bottom:10px; color:var(--white);}
  .footer-grid a:hover{color:var(--mist);}
  .proud-seal{
    display:flex; align-items:center; justify-content:center; gap:10px;
    padding:20px 0; border-top:1px solid rgba(255,255,255,0.12); margin-top:6px;
  }
  .proud-seal .badge-circle{
    width:52px; height:52px; border-radius:50%; border:2px solid var(--accent);
    display:flex; align-items:center; justify-content:center; font-size:22px; flex:none;
    overflow:hidden;
  }
  .proud-seal .badge-circle img{width:100%; height:100%; object-fit:cover;}
  .proud-seal .badge-text{font-family:'Archivo'; font-weight:800; font-size:13.5px; color:var(--white); letter-spacing:0.4px; text-align:left;}
  .proud-seal .badge-text span{display:block; font-family:'Inter'; font-weight:500; font-size:11.5px; color:var(--mist); letter-spacing:0.2px; margin-top:2px;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,0.12); padding-top:22px; display:flex; justify-content:space-between; font-size:12.5px; flex-wrap:wrap; gap:10px;}


  /* Blog highlights */
  .blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .blog-card{border:1px solid var(--line); border-radius:6px; overflow:hidden; display:block; transition:box-shadow .15s;}
  .blog-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.08);}
  .blog-cover{height:150px; position:relative; overflow:hidden;}
  .blog-cover svg{width:100%; height:100%;}
  .blog-body{padding:22px;}
  .blog-tag{
    display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.4px;
    color:var(--red); background:#FDF1F2; padding:4px 10px; border-radius:12px; margin-bottom:12px;
  }
  .blog-body h4{font-size:16.5px; margin-bottom:8px; line-height:1.3;}
  .blog-body p{font-size:13px; color:var(--grey); margin-bottom:14px;}
  .blog-date{font-size:12px; color:var(--grey); border-top:1px solid var(--line); padding-top:12px; display:flex; justify-content:space-between;}
  .blog-date b{color:var(--navy); font-weight:700;}

  /* Careers page */
  .job-list{display:flex; flex-direction:column; gap:14px;}
  .job-card{
    border:1px solid var(--line); border-radius:6px; padding:22px 24px;
    display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
  }
  .job-card h4{font-size:16px; margin-bottom:6px;}
  .job-meta{display:flex; gap:10px; flex-wrap:wrap;}
  .job-meta span{
    font-size:11.5px; font-weight:700; color:var(--grey); background:var(--paper);
    padding:4px 10px; border-radius:12px;
  }
  .job-card .btn{white-space:nowrap;}

  .info-block{margin-bottom:44px;}
  .info-block h3{font-size:19px; margin-bottom:8px;}
  .info-block .note{font-size:13.5px; color:var(--grey); margin-bottom:18px; max-width:640px;}
  .chip-grid{display:flex; flex-wrap:wrap; gap:10px;}
  .chip{
    background:var(--paper); border:1px solid var(--line); border-radius:20px;
    padding:8px 16px; font-size:13px; font-weight:600; color:var(--ink);
  }
  .chip.warn{border-color:#F0C6CC; background:#FDF1F2; color:#8E0B1F;}
  .guideline-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .guideline-card{border:1px solid var(--line); border-radius:6px; padding:22px;}
  .guideline-card h4{font-size:15px; margin-bottom:8px; font-family:'Archivo'; font-weight:700;}
  .guideline-card p{font-size:13px; color:var(--grey);}
  .route-hero{
    padding:80px 0; text-align:center; color:#fff; position:relative; overflow:hidden;
    background-color:var(--navy); background-size:cover; background-position:center;
  }
  .route-hero::after{content:""; position:absolute; inset:0; z-index:1;}
  .route-hero .wrap{position:relative; z-index:2;}
  .route-hero h1{font-size:34px; color:#fff; margin-bottom:10px;}
  .route-hero p{color:rgba(255,255,255,0.85); font-size:15px; max-width:540px; margin:0 auto;}
  .route-hero.rh-india::after{background:linear-gradient(135deg,rgba(1,33,105,0.82),rgba(142,11,31,0.82));}
  .route-hero.rh-usa::after{background:linear-gradient(135deg,rgba(1,33,105,0.82),rgba(156,27,34,0.82));}
  .route-hero.rh-aus::after{background:linear-gradient(135deg,rgba(1,33,105,0.82),rgba(230,57,80,0.82));}
  .route-hero.rh-eu::after{background:linear-gradient(135deg,rgba(1,33,105,0.82),rgba(200,16,46,0.82));}

  .inclusive-card{
    max-width:900px; margin:-30px auto 0; background:#fff; border-radius:6px;
    box-shadow:0 24px 60px rgba(0,0,0,0.15); padding:34px; position:relative; z-index:3;
    display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center;
  }
  .inclusive-card .rate{text-align:center;}
  .inclusive-card .rate .num{font-family:'Archivo'; font-weight:900; font-size:56px; color:var(--red); line-height:1;}
  .inclusive-card .rate .unit{font-size:13px; color:var(--grey); font-weight:600; letter-spacing:0.3px;}
  .inclusive-list{list-style:none;}
  .inclusive-list li{display:flex; gap:10px; align-items:flex-start; font-size:14px; margin-bottom:12px;}
  .inclusive-list li svg{width:18px; height:18px; flex:none; margin-top:2px; stroke:var(--red);}

  .route-process{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .svc-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start;}
  .svc-grid h2{font-size:28px; margin-bottom:16px;}
  .svc-grid p{color:var(--grey); font-size:14.5px; margin-bottom:14px;}
  .svc-feature-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
  .svc-feature{background:var(--paper); border-radius:6px; padding:24px;}
  .svc-feature .ic{
    width:42px; height:42px; border-radius:50%; background:var(--navy); color:#fff;
    display:flex; align-items:center; justify-content:center; margin-bottom:14px;
  }
  .svc-feature .ic svg{width:20px; height:20px;}
  .svc-feature .ic img{width:20px; height:20px; filter:brightness(0) invert(1);}
  .svc-feature h4{font-size:15.5px; margin-bottom:6px; font-family:'Archivo'; font-weight:700;}
  .svc-feature p{font-size:13px; color:var(--grey); margin-bottom:0;}
  .svc-steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
  .svc-step{position:relative; padding-top:6px;}
  .svc-step .n{font-family:'Archivo'; font-weight:900; font-size:30px; color:var(--red); display:block; margin-bottom:8px;}
  .svc-step h4{font-size:15px; margin-bottom:6px;}
  .svc-step p{font-size:13px; color:var(--grey);}
  .price-strip{
    background:var(--navy); color:#fff; border-radius:6px; padding:26px 30px;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  }
  .price-strip .amount{font-family:'Archivo'; font-weight:900; font-size:28px;}
  .price-strip .amount span{display:block; font-family:'Inter'; font-weight:500; font-size:12px; color:var(--mist);}
  .subhero{
    background:var(--navy) url('../img/subhero-warehouse.webp') center/cover; color:var(--white); padding:120px 0; text-align:center;
    position:relative; overflow:hidden;
  }
  .subhero::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(1,33,105,0.8), rgba(1,33,105,0.92));
    z-index:1;
  }
  .subhero .wrap{position:relative; z-index:2;}
  .subhero h1{font-size:34px; color:var(--white); margin-bottom:10px;}
  .subhero p{color:var(--mist); font-size:15px; max-width:520px; margin:0 auto;}

  /* Track page */
  .track-card{
    max-width:640px; margin:-30px auto 0; background:var(--white); border-radius:6px;
    box-shadow:0 24px 60px rgba(0,0,0,0.15); padding:30px; position:relative; z-index:3;
  }
  .track-row{display:flex; gap:10px;}
  .track-row input{flex:1; padding:13px 14px; border:1.5px solid var(--line); border-radius:3px; font-size:14px; font-family:inherit;}
  .timeline{margin-top:30px; display:none;}
  .timeline.show{display:block;}
  .tl-item{display:flex; gap:14px; padding-bottom:22px; position:relative;}
  .tl-item::before{
    content:""; position:absolute; left:9px; top:22px; bottom:0; width:2px; background:var(--line);
  }
  .tl-item:last-child::before{display:none;}
  .tl-dot{width:20px; height:20px; border-radius:50%; background:var(--red); flex:none; display:flex; align-items:center; justify-content:center;}
  .tl-dot svg{width:11px; height:11px; stroke:#fff;}
  .tl-item.pending .tl-dot{background:var(--line);}
  .tl-item.current .tl-dot{background:var(--red); box-shadow:0 0 0 4px rgba(214,40,40,0.18);}
  .tl-item.current .tl-body b{color:var(--red);}
  .tl-body b{display:block; font-size:14px; margin-bottom:2px;}
  .tl-body span{display:block; font-size:12.5px; color:var(--grey);}
  .tl-body .tl-when{margin-top:4px; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--ink);}
  .tl-body .tl-courier{margin-top:4px; font-size:12px; color:var(--grey);}
  .tl-body .tl-courier a{color:var(--red); font-weight:600;}
  .track-summary{display:flex; gap:40px; flex-wrap:wrap; margin-top:26px; padding:16px 18px; background:var(--paper); border-radius:4px;}
  .track-summary-label{display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--grey); margin-bottom:2px;}
  .track-summary b{font-size:15px;}
  .track-empty{margin-top:26px; padding:18px; background:var(--paper); border-radius:4px; border-left:3px solid var(--red);}
  .track-empty b{display:block; font-size:14px; margin-bottom:4px;}
  .track-empty span{font-size:12.5px; color:var(--grey);}

  /* Quote page */
  .quote-page-card{
    max-width:720px; margin:-30px auto 0; background:var(--white); border-radius:6px;
    box-shadow:0 24px 60px rgba(0,0,0,0.15); padding:36px; position:relative; z-index:3;
  }
  .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
  .form-grid.full{grid-template-columns:1fr;}
  .form-grid label, .form-field label{font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--grey); display:block; margin-bottom:6px;}
  .form-grid select, .form-grid input, .form-grid textarea,
  .form-field select, .form-field input, .form-field textarea{
    width:100%; padding:12px 13px; border:1.5px solid var(--line); border-radius:3px; font-size:14px; font-family:inherit;
  }
  .form-field{margin-bottom:16px;}
  .quote-estimate{
    background:var(--paper); border:1px dashed var(--navy); border-radius:6px; padding:16px 18px; margin:18px 0;
    display:flex; justify-content:space-between; align-items:center; font-size:14px;
  }
  .quote-estimate b{font-family:'Archivo'; font-size:22px; color:var(--red); display:block;}

  /* About page */
  .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start;}
  .about-grid h2{font-size:28px; margin-bottom:16px;}
  .about-grid p{color:var(--grey); font-size:14.5px; margin-bottom:14px;}
  .stat-block{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .stat-block .box{background:var(--paper); border-radius:6px; padding:22px; text-align:center;}
  .stat-block .box .num{font-family:'Archivo'; font-weight:900; font-size:28px; color:var(--navy); display:block;}
  .stat-block .box .lbl{font-size:12.5px; color:var(--grey);}

  /* Contact page */
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:44px;}
  .contact-info-item{display:flex; gap:14px; margin-bottom:26px;}
  .contact-info-item .ic{
    width:40px; height:40px; border-radius:50%; background:var(--navy); color:#fff; flex:none;
    display:flex; align-items:center; justify-content:center;
  }
  .contact-info-item .ic svg{width:18px; height:18px;}
  .contact-info-item h4{font-size:15px; margin-bottom:4px;}
  .contact-info-item p{font-size:13.5px; color:var(--grey);}

  @media(max-width:1080px){
    .header-cta .btn{padding:9px 14px; font-size:13px;}
    nav{gap:16px;}
  }

  @media(max-width:860px){
    .hero .wrap{grid-template-columns:1fr;}
    .routes-grid, .tabpanel.active, .b2b-grid, .why-grid, .footer-grid,
    .testimonial-grid, .freight-grid, .recommend-list{grid-template-columns:repeat(2,1fr);}
    .svc-grid, .about-grid, .contact-grid, .stat-block, .form-grid,
    .inclusive-card{grid-template-columns:1fr;}
    .svc-feature-grid, .svc-steps, .guideline-grid, .route-process{grid-template-columns:repeat(2,1fr);}
    .inclusive-card .rate{margin-bottom:10px;}
    nav{display:none;}
    .menu-toggle{display:flex;}
    .hero h1{font-size:38px;}
  }

  @media(max-width:640px){
    .svc-feature-grid, .svc-steps, .guideline-grid, .route-process{grid-template-columns:1fr;}
    .subhero{padding:56px 0;}
    .air-freight-photo{max-height:220px;}
    .inclusive-card{padding:22px;}
    .inclusive-card .rate .num{font-size:42px;}
    .route-hero{padding:40px 0;}
    .route-hero h1{font-size:26px;}
    .job-card{padding:18px;}
    .wrap{padding:0 18px;}
    section{padding:52px 0;}

    .header-inner{padding:14px 18px; flex-wrap:nowrap; gap:10px;}
    .logo-img{height:32px;}
    .header-cta{width:auto; gap:8px;}
    .header-cta .btn{padding:9px 12px; font-size:12.5px; white-space:nowrap;}
    .header-cta a.btn:first-of-type{display:none;}

    .promo-bar{font-size:11.5px; padding:9px 10px;}
    .promo-bar .divider{display:none;}
    .promo-bar br{display:none;}

    .hero{padding:36px 0 0;}
    .hero-eyebrow{font-size:12px;}
    .hero h1{font-size:28px;}
    .hero p.lead{font-size:14.5px;}
    .hero-actions{flex-direction:column;}
    .hero-actions .btn{width:100%; text-align:center;}
    .crest-badge{font-size:11px; padding:6px 12px 6px 8px;}

    .hero-panel{padding:20px;}
    .quote-row{grid-template-columns:1fr;}

    .hero-bottom-strip .wrap{flex-wrap:wrap; gap:14px 0;}
    .stat{flex:1 1 50%; border-right:none; padding:8px;}
    .stat .num{font-size:20px;}

    .section-head h2{font-size:24px;}
    .section-head p{font-size:14px;}

    .routes-grid, .tabpanel.active, .b2b-grid, .why-grid, .footer-grid,
    .testimonial-grid, .freight-grid, .recommend-list{grid-template-columns:1fr;}

    .tabbar{gap:0; overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch;}
    .tabbtn{margin-right:20px; white-space:nowrap; font-size:13.5px;}

    .footer-grid{gap:28px;}
    .footer-bottom{flex-direction:column; text-align:center;}
    .proud-seal{flex-direction:column; text-align:center;}
    .proud-seal .badge-text{text-align:center;}

    .cta-band h2{font-size:24px;}
  }

  @media(max-width:400px){
    .logo-img{height:26px;}
    .header-cta{gap:6px;}
    .header-cta .btn{padding:8px 9px; font-size:11.5px;}
    .hero h1{font-size:24px;}
  }

  /* Form feedback, honeypot & consent */
  .form-alert{padding:12px 14px; border-radius:var(--radius); font-size:14px; margin-bottom:18px; border:1px solid;}
  .form-alert ul{margin:6px 0 0 18px;}
  .form-alert-success{background:#E9F6EE; border-color:#A7D8B8; color:#14532D;}
  .form-alert-error{background:#FDECEE; border-color:#F2B8C0; color:#8A0E22;}
  .hp-field{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
  .consent{display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--grey); margin:4px 0 18px; line-height:1.45; cursor:pointer;}
  .consent input{margin-top:3px; width:16px; height:16px; flex:none; accent-color:var(--red);}
  .consent a{color:var(--navy); text-decoration:underline;}

  /* Tracking result summary */
  .track-summary{display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:24px; padding:16px; background:var(--paper); border:1px solid var(--line);}
  .track-summary span{display:block; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--grey);}
  .track-summary b{font-size:14.5px; color:var(--navy); word-break:break-word;}
  @media (max-width: 640px){ .track-summary{grid-template-columns:1fr;} }

  /* Legal pages */
  .legal-body{max-width:780px; margin:0 auto; font-size:15px; color:var(--ink);}
  .legal-body .updated{color:var(--grey); font-size:13px; margin-bottom:24px;}
  .legal-body h2{font-size:21px; color:var(--navy); margin:32px 0 10px;}
  .legal-body p, .legal-body li{margin-bottom:10px; line-height:1.65;}
  .legal-body ul{margin:0 0 12px 20px;}
  .legal-body a{color:var(--navy); text-decoration:underline;}
  .legal-body table{width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:14px;}
  .legal-body th, .legal-body td{border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top;}
  .legal-body th{background:var(--paper);}
  .footer-legal{display:flex; gap:16px; flex-wrap:wrap;}
  .footer-legal a{text-decoration:underline;}

  /* Cookie notice */
  .cookie-notice{position:fixed; left:16px; right:16px; bottom:16px; z-index:1000; max-width:560px; margin:0 auto; background:var(--navy-deep); color:var(--white); padding:14px 16px; display:flex; gap:14px; align-items:center; font-size:13.5px; box-shadow:0 8px 30px rgba(0,0,0,0.25);}
  .cookie-notice[hidden]{display:none;}
  .cookie-notice a{color:var(--mist); text-decoration:underline;}
  .cookie-notice .btn{flex:none; padding:9px 16px; border:0; cursor:pointer;}



  /* ===== Services index page ===== */
  /* Photo slot (x-website.photo) */
  .ph-img{width:100%; height:100%; object-fit:cover; display:block;}
  .ph-empty{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
    color:rgba(255,255,255,0.55); text-align:center; padding:16px;
    background:
      radial-gradient(circle at 30% 20%, rgba(230,57,80,0.28), transparent 55%),
      linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
  }
  .ph-empty svg{width:34px; height:34px;}
  .ph-label{font-size:11px; font-family:ui-monospace, Menlo, monospace; line-height:1.5; word-break:break-all;}

  /* Hero */
  .sx-hero{background:var(--navy-deep); color:var(--white); padding:90px 0 100px; position:relative; overflow:hidden;}
  .sx-hero::before{
    content:""; position:absolute; width:620px; height:620px; right:-160px; top:-220px; border-radius:50%;
    background:radial-gradient(circle, rgba(200,16,46,0.35), transparent 65%);
  }
  .sx-hero-grid{display:grid; grid-template-columns:1.05fr 1fr; gap:64px; align-items:center; position:relative;}
  .sx-eyebrow{
    display:inline-flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; letter-spacing:.14em; color:var(--mist); margin-bottom:22px;
  }
  .sx-eyebrow::before{content:""; width:28px; height:2px; background:var(--red);}
  .sx-hero h1{font-size:50px; line-height:1.04; margin-bottom:22px; color:var(--white);}
  .sx-hero h1 em{font-style:normal; color:var(--accent);}
  .sx-hero-copy > p{color:var(--mist); font-size:16.5px; max-width:520px; margin-bottom:32px;}
  .sx-hero-actions{display:flex; gap:12px; flex-wrap:wrap;}
  .sx-btn-light{background:rgba(255,255,255,0.08); color:var(--white); border:1px solid rgba(255,255,255,0.35);}
  .sx-btn-light:hover{background:rgba(255,255,255,0.16);}
  .sx-hero-stats{display:grid; grid-template-columns:repeat(3,auto); justify-content:start; gap:40px; margin-top:44px; padding-top:28px; border-top:1px solid rgba(255,255,255,0.14);}
  .sx-hero-stats b{display:block; font-family:'Archivo'; font-weight:900; font-size:30px; color:var(--white); line-height:1;}
  .sx-hero-stats span{display:block; font-size:12.5px; color:var(--mist); margin-top:8px; max-width:130px;}

  .sx-mosaic{display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:1fr 1fr; gap:16px; height:520px;}
  .sx-mosaic > *{border-radius:14px; overflow:hidden; box-shadow:0 30px 60px rgba(0,0,0,0.35);}
  .sx-m1{grid-row:1 / 3;}
  .sx-m2{margin-top:36px; height:calc(100% - 36px);}
  .sx-m3{margin-bottom:36px; height:calc(100% - 36px);}

  /* Category chips */
  .sx-chips-wrap{background:var(--white); border-bottom:1px solid var(--line);}
  .sx-chips{display:flex; gap:10px; padding:18px 0; overflow-x:auto; scrollbar-width:none;}
  .sx-chips::-webkit-scrollbar{display:none;}
  .sx-chips a{
    display:inline-flex; align-items:center; gap:10px; white-space:nowrap; padding:10px 18px 10px 10px;
    border:1px solid var(--line); border-radius:40px; font-weight:700; font-size:14px; color:var(--navy);
    transition:border-color .15s, background .15s, color .15s;
  }
  .sx-chips a span{
    width:28px; height:28px; border-radius:50%; background:var(--paper); color:var(--red);
    display:inline-flex; align-items:center; justify-content:center; font-size:11.5px; font-family:'Archivo'; font-weight:800;
  }
  .sx-chips a:hover{background:var(--navy); border-color:var(--navy); color:var(--white);}
  .sx-chips a:hover span{background:var(--red); color:var(--white);}

  /* Groups */
  .sx-group{padding:100px 0; scroll-margin-top:80px;}
  .sx-alt{background:var(--paper);}
  .sx-feature{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; margin-bottom:48px;}
  .sx-reverse .sx-feature-media{order:2;}
  .sx-feature-media{position:relative; aspect-ratio:4 / 3; border-radius:16px; overflow:visible;}
  .sx-feature-media > .ph-img{border-radius:16px; box-shadow:0 24px 50px rgba(1,33,105,0.18);}
  .sx-badge{
    position:absolute; left:-18px; bottom:28px; background:var(--white); border-radius:12px; padding:14px 20px;
    box-shadow:0 16px 36px rgba(1,33,105,0.18); border-left:4px solid var(--red);
  }
  .sx-reverse .sx-badge{left:auto; right:-18px;}
  .sx-badge small{display:block; font-size:11.5px; font-weight:700; color:var(--grey); letter-spacing:.06em; text-transform:uppercase;}
  .sx-badge b{font-family:'Archivo'; font-weight:900; font-size:20px; color:var(--navy);}
  .sx-feature-copy h2{font-size:40px; margin-bottom:18px; color:var(--navy);}
  .sx-feature-copy > p{color:var(--grey); font-size:16px; margin-bottom:24px;}
  .sx-points{list-style:none; display:grid; gap:12px;}
  .sx-points li{display:flex; align-items:center; gap:12px; font-weight:600; font-size:15px;}
  .sx-points svg{
    width:24px; height:24px; padding:5px; flex:none; border-radius:50%; background:var(--red); color:var(--white);
  }

  /* Service cards */
  .sx-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .sx-cards-2{grid-template-columns:repeat(2,1fr);}
  .sx-cards-1{grid-template-columns:1fr;}
  .sx-card{
    background:var(--white); border:1px solid var(--line); border-radius:14px; overflow:hidden;
    display:flex; flex-direction:column; transition:transform .2s ease, box-shadow .2s ease, border-color .2s;
  }
  .sx-card:hover{transform:translateY(-6px); box-shadow:0 22px 44px rgba(1,33,105,0.14); border-color:transparent;}
  .sx-card-media{position:relative; aspect-ratio:16 / 10; overflow:hidden;}
  .sx-card-media .ph-img{transition:transform .5s ease;}
  .sx-card:hover .sx-card-media .ph-img{transform:scale(1.06);}
  .sx-tag{
    position:absolute; top:14px; left:14px; background:var(--red); color:var(--white);
    font-size:12px; font-weight:700; padding:6px 12px; border-radius:30px;
  }
  .sx-card-body{padding:24px 26px 26px; display:flex; flex-direction:column; flex:1;}
  .sx-card-body h3{font-size:21px; color:var(--navy); margin-bottom:10px;}
  .sx-card-body p{font-size:14px; color:var(--grey); flex:1; margin-bottom:20px;}
  .sx-more{font-weight:700; font-size:14px; color:var(--red); display:inline-flex; align-items:center; gap:8px;}
  .sx-more .arr{
    width:30px; height:30px; border-radius:50%; border:1px solid currentColor;
    display:inline-flex; align-items:center; justify-content:center; transition:background .2s, color .2s, transform .2s;
  }
  .sx-card:hover .sx-more .arr{background:var(--red); color:var(--white); transform:translateX(4px);}
  /* Single wide card: photo beside text */
  .sx-cards-1 .sx-card{flex-direction:row;}
  .sx-cards-1 .sx-card-media{flex:0 0 42%; aspect-ratio:auto; min-height:240px;}
  .sx-cards-1 .sx-card-body{padding:36px 40px; justify-content:center;}
  .sx-cards-1 .sx-card-body h3{font-size:26px;}
  .sx-cards-1 .sx-card-body p{flex:none; font-size:15px;}

  /* Process */
  .sx-process{background:var(--white);}
  .sx-steps{list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative;}
  .sx-steps::before{content:""; position:absolute; left:28px; right:28px; top:28px; height:2px; background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px);}
  .sx-steps li{position:relative;}
  .sx-steps .n{
    width:56px; height:56px; border-radius:50%; background:var(--navy); color:var(--white); position:relative;
    display:flex; align-items:center; justify-content:center; font-family:'Archivo'; font-weight:900; font-size:17px;
    margin-bottom:20px; box-shadow:0 0 0 8px var(--white);
  }
  .sx-steps li:last-child .n{background:var(--red);}
  .sx-steps h4{font-size:17px; margin-bottom:8px; color:var(--navy);}
  .sx-steps p{font-size:14px; color:var(--grey);}

  /* CTA */
  .sx-cta{padding:0 0 100px;}
  .sx-cta-box{position:relative; border-radius:20px; overflow:hidden; min-height:360px; display:flex; align-items:center;}
  .sx-cta-bg{position:absolute; inset:0;}
  .sx-cta-box::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,12,61,0.95) 0%, rgba(1,33,105,0.8) 55%, rgba(200,16,46,0.45) 100%);}
  .sx-cta-box .ph-label{display:none;}
  .sx-cta-copy{position:relative; z-index:2; padding:56px; max-width:620px; color:var(--white);}
  .sx-cta-copy h2{font-size:38px; margin-bottom:14px; color:var(--white);}
  .sx-cta-copy p{color:var(--mist); font-size:16px; margin-bottom:28px;}

  @media (max-width:1000px){
    .sx-hero-grid{grid-template-columns:1fr; gap:48px;}
    .sx-mosaic{height:420px;}
    .sx-feature{grid-template-columns:1fr; gap:40px;}
    .sx-reverse .sx-feature-media{order:0;}
    .sx-cards{grid-template-columns:repeat(2,1fr);}
    .sx-steps{grid-template-columns:repeat(2,1fr); row-gap:36px;}
    .sx-steps::before{display:none;}
  }
  @media (max-width:640px){
    .sx-hero{padding:56px 0 64px;}
    .sx-hero h1{font-size:32px;}
    .sx-hero-copy > p{font-size:15px;}
    .sx-hero-actions .btn{flex:1; text-align:center;}
    .sx-hero-stats{grid-template-columns:repeat(3,1fr); gap:16px;}
    .sx-hero-stats b{font-size:22px;}
    .sx-mosaic{height:300px; gap:10px;}
    .sx-m2{margin-top:20px; height:calc(100% - 20px);} .sx-m3{margin-bottom:20px; height:calc(100% - 20px);}
    .sx-group{padding:64px 0;}
    .sx-feature-copy h2{font-size:28px;}
    .sx-badge, .sx-reverse .sx-badge{left:12px; right:auto; bottom:-18px; padding:10px 16px;}
    .sx-badge b{font-size:16px;}
    .sx-cards, .sx-cards-2{grid-template-columns:1fr;}
    .sx-cards-1 .sx-card{flex-direction:column;}
    .sx-cards-1 .sx-card-media{flex:none; aspect-ratio:16 / 10; min-height:0;}
    .sx-cards-1 .sx-card-body{padding:24px 26px 26px;}
    .sx-cards-1 .sx-card-body h3{font-size:21px;}
    .sx-steps{grid-template-columns:1fr;}
    .sx-cta{padding-bottom:64px;}
    .sx-cta-copy{padding:36px 24px;}
    .sx-cta-copy h2{font-size:26px;}
  }