:root{
  --navy:#0B2545;
  --blue:#14539A;
  --gold:#C8A24A;
  --gold-light:#E8D6A0;
  --white:#FFFFFF;
  --ivory:#F6F8FB;
  --ink:#1B2330;
  --muted:#5C6B7A;
  --rail-w:84px;
  --nav-h:62px;
  --topbar-h:38px;
  --radius:14px;
  --shadow:0 18px 40px -18px rgba(11,37,69,.35);
  --ff-display:'Bebas Neue','Oswald',sans-serif;
  --ff-body:'Source Sans 3', system-ui, -apple-system, Segoe UI, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{margin:0;font-family:var(--ff-body);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;display:block;height:auto;}
a{color:inherit;text-decoration:none;transition:color .2s ease;}
ul,ol{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-display);font-weight:400;letter-spacing:.01em;color:var(--navy);margin:0 0 .3em;text-transform:uppercase;}
p{line-height:1.65;color:var(--muted);margin:0 0 1em;}
button{font-family:inherit;}
input,select,textarea{font-family:var(--ff-body);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}

.skip-link{position:absolute;top:-40px;left:0;background:var(--navy);color:var(--white);padding:8px 12px;border-radius:0 0 4px 0;z-index:100;font-weight:600;}
.skip-link:focus{top:0;}

.eyebrow{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;color:var(--gold);margin-bottom:.3em;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.95rem 1.8rem;border-radius:999px;font-family:var(--ff-display);letter-spacing:.04em;font-size:1.05rem;transition:transform .25s ease, box-shadow .25s ease, background .25s ease;border:2px solid transparent;cursor:pointer;}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);box-shadow:0 10px 24px -10px rgba(200,162,74,.6);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(200,162,74,.7);}
.btn-gold:focus-visible{outline:3px solid var(--navy);outline-offset:2px;}
.btn-outline{border-color:rgba(255,255,255,.65);color:#fff;transition:all .25s ease;}
.btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);}
.btn-outline:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px;}
.btn-gold-sm{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);padding:.6rem 1.3rem;border-radius:999px;font-family:var(--ff-display);font-size:.95rem;letter-spacing:.03em;transition:all .25s ease;}
.btn-gold-sm:hover{transform:translateY(-2px);box-shadow:0 8px 16px -6px rgba(200,162,74,.5);}
.btn-gold-sm:focus-visible{outline:3px solid var(--navy);outline-offset:2px;}
.btn-outline-sm{border:2px solid var(--blue);color:var(--blue);padding:.55rem 1.25rem;border-radius:999px;font-family:var(--ff-display);font-size:.95rem;letter-spacing:.03em;transition:all .25s ease;}
.btn-outline-sm:hover{background:var(--blue);color:#fff;transform:translateY(-2px);}
.btn-outline-sm:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
.full-width{width:100%;}

/* ===== Route rail (left fixed nav) ===== */
.rail{
  position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);
  background:var(--navy);z-index:80;
  display:flex;flex-direction:column;align-items:center;
  padding:1.4rem 0;
}
.rail-brand{margin-bottom:1.6rem;}
.rail-mark{
  width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-family:var(--ff-display);font-size:1.05rem;
}
.rail-stops{
  position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;
  padding:.6rem 0;
}
.rail-stops::before{
  content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;
  background:repeating-linear-gradient(to bottom, rgba(200,162,74,.45) 0 6px, transparent 6px 12px);
  transform:translateX(-50%);
}
.rail-stops li{position:relative;display:flex;justify-content:center;}
.rail-stops a{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;padding:.55rem 0;
}
.rail-stops .dot{
  width:10px;height:10px;border-radius:50%;background:#3a4f6e;
  border:2px solid var(--navy);transition:background .25s ease, transform .25s ease;
  position:relative;z-index:2;
}
.rail-stops a.active .dot,.rail-stops a:hover .dot{background:var(--gold);transform:scale(1.3);}
.rail-stops em{
  position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-6px);
  font-style:normal;font-family:var(--ff-display);font-size:.85rem;letter-spacing:.06em;
  color:var(--navy);background:var(--gold-light);padding:.3rem .7rem;border-radius:6px;
  white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;
}
.rail-stops a:hover em,.rail-stops a:focus-visible em{opacity:1;transform:translateY(-50%) translateX(0);}
.rail-call{
  margin-top:1.4rem;width:44px;height:44px;border-radius:50%;background:var(--gold);
  display:flex;align-items:center;justify-content:center;color:var(--navy);
}
.rail-call:hover{background:var(--gold-light);}

.rail-toggle{
  display:none;position:fixed;top:1rem;right:1rem;z-index:90;
  width:46px;height:46px;border-radius:50%;background:var(--navy);border:none;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.rail-toggle span{display:block;width:20px;height:2px;background:var(--gold);border-radius:2px;}

.mobile-topbar{display:none;}

/* ===== Top nav-bar ===== */
.nav-bar{
  position:fixed;top:0;left:var(--rail-w);right:0;height:var(--nav-h);
  background:rgba(11,37,69,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(200,162,74,.22);z-index:85;
}
.nav-bar-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:100%;padding:0 1.4rem 0 1.6rem;max-width:1400px;margin:0 auto;gap:1rem;
}
.nav-brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;flex-shrink:0;}
.nav-brand:hover{color:var(--gold-light);}
.nav-brand-text{font-family:var(--ff-display);font-size:1.15rem;letter-spacing:.04em;line-height:1.1;}
.nav-brand-text small{display:block;font-family:var(--ff-body);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-weight:600;}
.nav-links{display:flex;align-items:center;gap:.15rem;flex:1;justify-content:center;}
.nav-links a{
  color:#cfd9eb;font-size:.88rem;font-weight:600;padding:.45rem .65rem;border-radius:6px;
  white-space:nowrap;transition:color .2s ease,background .2s ease;
}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold);background:rgba(200,162,74,.1);}
.nav-links a.active{color:var(--gold);background:rgba(200,162,74,.14);}
.nav-call{flex-shrink:0;display:inline-flex;}
.nav-toggle{
  display:none;flex-shrink:0;width:42px;height:42px;border-radius:8px;
  background:transparent;border:1px solid rgba(200,162,74,.35);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--gold);border-radius:2px;transition:transform .25s ease,opacity .25s ease;}
.nav-bar.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-bar.menu-open .nav-toggle span:nth-child(2){opacity:0;}
.nav-bar.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

body.has-nav .page{padding-top:var(--nav-h);}
body.has-nav.no-rail .site-footer{margin-left:0;}
body.has-nav.no-rail .nav-bar{left:0;}
html:has(body.has-nav){scroll-padding-top:var(--nav-h);}
body.has-nav .hero-full{min-height:calc(100vh - var(--nav-h));}
body.has-nav .seo-hero{min-height:calc(52vh - var(--nav-h));}

/* ===== Page shell ===== */
.page{margin-left:var(--rail-w);}

/* ===== Zone headers (numbered, like route legs) ===== */
.zone-head{display:flex;align-items:flex-end;gap:1.4rem;margin-bottom:3rem;border-bottom:2px solid rgba(11,37,69,.1);padding-bottom:1.2rem;}
.zone-no{font-family:var(--ff-display);font-size:3.4rem;line-height:.8;color:var(--gold-light);-webkit-text-stroke:1.5px var(--gold);color:transparent;}
.zone-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem);margin:0;}
.zone-head.light{border-bottom-color:rgba(255,255,255,.18);}
.zone-head.light .zone-no{color:transparent;-webkit-text-stroke:1.5px var(--gold);}
.zone-head.light h2{color:#fff;}

/* ===== Hero (full bleed) ===== */
.hero-full{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg, var(--navy) 0%, rgba(11,37,69,.55) 38%, rgba(11,37,69,.15) 65%, rgba(11,37,69,.55) 100%);}
.hero-content{position:relative;z-index:2;padding:3rem 4vw 7rem;max-width:780px;color:#fff;}
.hero-callbar{display:flex;align-items:center;gap:.7rem;font-family:var(--ff-display);letter-spacing:.06em;font-size:1.1rem;color:var(--gold-light);margin-bottom:1.2rem;}
.hero-callbar a:hover{color:var(--gold);}
.hero-content h1{font-size:clamp(2.6rem,7vw,5.4rem);color:#fff;line-height:.95;margin-bottom:.5em;}
.hero-content p{color:#cfd9eb;font-size:1.08rem;max-width:560px;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;}

.hero-ticker{position:absolute;left:0;right:0;bottom:0;z-index:2;background:var(--gold);overflow:hidden;padding:.55rem 0;}
.ticker-track{display:flex;gap:1.2rem;white-space:nowrap;width:max-content;animation:ticker 28s linear infinite;}
.ticker-track span{font-family:var(--ff-display);font-size:.9rem;letter-spacing:.12em;color:var(--navy);}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== Generic section padding ===== */
.fleet,.services,.why-us,.testimonials,.faq,.contact{padding:5.5rem 4vw;max-width:1320px;margin:0 auto;}

/* ===== Fleet (magazine alternating rows) ===== */
.fleet-row{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:center;margin-bottom:5rem;}
.fleet-row.reverse{direction:rtl;}
.fleet-row.reverse > *{direction:ltr;}
.fleet-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;}
.fleet-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.fleet-row:hover .fleet-media img{transform:scale(1.04);}
.fleet-tag{display:inline-block;padding:.35rem .9rem;border-radius:999px;font-family:var(--ff-display);font-size:.85rem;letter-spacing:.05em;background:var(--blue);color:#fff;margin-bottom:.8rem;}
.fleet-tag.gold{background:var(--gold);color:var(--navy);}
.fleet-tag.white{background:var(--ivory);color:var(--navy);border:1px solid var(--navy);}
.fleet-info h3{font-size:2.3rem;margin-bottom:.2em;}
.fleet-capacity{color:var(--blue);font-weight:600;font-family:var(--ff-body);font-size:.95rem;margin-bottom:1rem;}
.fleet-features{margin-bottom:1.5rem;}
.fleet-features li{position:relative;padding-left:1.5rem;margin-bottom:.55rem;font-size:.96rem;color:var(--ink);}
.fleet-features li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;}
.fleet-actions{display:flex;gap:.8rem;flex-wrap:wrap;}

.interior-banner{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;background:var(--navy);border-radius:24px;overflow:hidden;margin-top:1rem;}
.interior-banner img{height:100%;max-height:460px;width:100%;object-fit:cover;}
.interior-text{padding:2.5rem 2.5rem 2.5rem 0;color:#fff;}
.interior-text h3{color:#fff;font-size:1.8rem;}
.interior-text p{color:#c4d1e5;}
.interior-text .eyebrow{color:var(--gold-light);}

/* ===== Services (numbered stop blocks) ===== */
.service-block{margin-bottom:4.5rem;position:relative;}
.stop-no{
  display:inline-block;font-family:var(--ff-display);font-size:.95rem;letter-spacing:.1em;
  color:var(--navy);background:var(--gold-light);padding:.4rem 1rem;border-radius:999px;margin-bottom:1.4rem;
}
.service-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;}
.service-grid.reverse{direction:rtl;}
.service-grid.reverse > *{direction:ltr;}
.service-text h3{font-size:2rem;}
.service-media img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;width:100%;}
.check-list{margin:1.2rem 0 1.6rem;}
.check-list li{position:relative;padding-left:1.6rem;margin-bottom:.6rem;font-size:.96rem;color:var(--ink);}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700;}

/* ===== Features strip ===== */
.features-strip{background:var(--ivory);border-top:1px solid rgba(11,37,69,.06);border-bottom:1px solid rgba(11,37,69,.06);}
.features-strip ul{padding:1.6rem 4vw;display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem;max-width:1320px;margin:0 auto;}
.features-strip li{display:flex;align-items:center;gap:.55rem;font-family:var(--ff-display);font-size:1rem;letter-spacing:.03em;color:var(--navy);}
.ic{font-size:1.2rem;}

/* ===== Why us (horizontal numbered rows, dark) ===== */
.why-us{background:var(--navy);max-width:none;}
.why-us .zone-head,.why-list{max-width:1320px;margin-left:auto;margin-right:auto;}
.why-list{display:flex;flex-direction:column;}
.why-row{
  display:grid;grid-template-columns:120px 1fr 2fr;gap:2rem;align-items:center;
  padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.1);
}
.why-row:last-child{border-bottom:none;}
.why-num{font-family:var(--ff-display);font-size:2.6rem;color:var(--gold);}
.why-row h3{color:#fff;font-size:1.3rem;margin:0;}
.why-row p{color:#aebdd4;margin:0;}

/* ===== Testimonials ===== */
.google-rating-card{
  display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;
  background:var(--ivory);border-radius:var(--radius);padding:1.4rem 1.8rem;margin-bottom:2.5rem;
}
.stars{color:var(--gold);font-size:1.2rem;letter-spacing:.08em;}
.testimonial-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;}
.testimonial-card{background:#fff;border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:1.8rem;box-shadow:0 10px 26px -16px rgba(11,37,69,.25);margin:0;}
.testimonial-card p{color:var(--ink);font-style:italic;}
.testimonial-card cite{font-family:var(--ff-display);font-size:.95rem;letter-spacing:.03em;color:var(--blue);font-style:normal;}

/* ===== FAQ ===== */
.faq-accordion{max-width:820px;}
.faq-item{border-bottom:1px solid rgba(11,37,69,.12);}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:1.3rem .2rem;font-family:var(--ff-display);font-size:1.15rem;letter-spacing:.02em;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:1rem;text-transform:none;transition:color .2s ease;}
.faq-q:hover{color:var(--blue);}
.faq-q:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.faq-icon{color:var(--gold);font-size:1.5rem;transition:transform .3s ease;flex-shrink:0;font-family:var(--ff-display);}
.faq-q[aria-expanded="true"] .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 .2rem 1.2rem;margin:0;}

/* ===== Contact ===== */
.contact{background:var(--navy);border-radius:28px;color:#fff;max-width:1320px;}
.contact .eyebrow{color:var(--gold-light);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
.contact-info p{color:#c4d1e5;}
.contact-info a{color:var(--gold-light);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.contact-info a:hover{color:var(--gold);}
.contact-list{margin-top:1.6rem;display:flex;flex-direction:column;gap:1rem;}
.contact-list li{display:flex;flex-direction:column;gap:.2rem;font-size:.95rem;color:#dce6f5;}
.contact-list strong{font-family:var(--ff-display);font-size:.85rem;letter-spacing:.08em;color:var(--gold-light);}
.contact-list a{color:#fff;font-weight:600;transition:color .2s ease;}
.contact-list a:hover{color:var(--gold-light);}
.contact-form{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.1rem;color:var(--ink);}
.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:600;color:var(--navy);}
.contact-form small{font-size:.75rem;color:var(--muted);margin-top:-.2rem;}
.contact-form input,.contact-form select,.contact-form textarea{font-family:var(--ff-body);font-size:.95rem;padding:.75rem .9rem;border-radius:8px;border:1.5px solid rgba(11,37,69,.18);resize:vertical;transition:border-color .2s ease, box-shadow .2s ease;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(20,83,154,.1);}
.contact-form textarea{font-size:.9rem;}
.form-status{font-size:.85rem;color:var(--blue);min-height:1em;margin:0;}

/* ===== Footer ===== */
.site-footer{background:#081B36;color:#9fb1c9;padding:4rem 4vw 1.5rem;margin-left:var(--rail-w);}
.footer-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;}
.footer-brand{display:flex;flex-direction:column;gap:.6rem;}
.footer-brand .rail-mark{margin-bottom:.5rem;}
.footer-brand .brand-text{color:#fff;font-family:var(--ff-display);font-size:1.3rem;letter-spacing:.03em;}
.footer-brand p{font-size:.9rem;}
.footer-links h4,.footer-contact h4{color:#fff;font-family:var(--ff-display);font-size:1.05rem;letter-spacing:.04em;margin-bottom:1rem;}
.footer-links a,.footer-contact p{display:block;margin-bottom:.6rem;font-size:.9rem;transition:color .2s ease;}
.footer-links a:hover{color:var(--gold-light);}
.footer-links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.footer-contact a{color:#fff;font-weight:600;}
.footer-contact a:hover{color:var(--gold-light);}
.footer-contact a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.footer-bottom{max-width:1320px;margin:2.5rem auto 0;border-top:1px solid rgba(255,255,255,.08);padding-top:1.4rem;font-size:.82rem;text-align:center;}

/* ===== Floating buttons ===== */
.float-btn{position:fixed;right:1.4rem;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);transition:transform .25s ease;border:none;cursor:pointer;}
.float-btn:hover{transform:scale(1.08);}
.float-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.whatsapp-btn{bottom:1.4rem;background:#25D366;color:#fff;}

/* ===========================================================
   Responsive
=========================================================== */
@media (max-width: 980px){
  :root{--rail-w:0px;}
  .rail{display:none;}
  .rail-toggle{display:none;}
  .mobile-topbar{
    display:flex;justify-content:center;align-items:center;gap:1.6rem;
    position:fixed;top:0;left:0;right:0;z-index:86;
    background:var(--navy);color:var(--gold-light);font-size:.85rem;
    padding:.55rem 1rem;font-weight:600;border-bottom:1px solid rgba(200,162,74,.15);
  }
  .mobile-topbar a:hover{color:var(--gold);}
  .nav-bar{left:0;top:var(--topbar-h);}
  body.has-nav .page{padding-top:calc(var(--nav-h) + var(--topbar-h));}
  html:has(body.has-nav){scroll-padding-top:calc(var(--nav-h) + var(--topbar-h));}
  body.has-nav .hero-full{min-height:calc(100vh - var(--nav-h) - var(--topbar-h));}
  body.has-nav .seo-hero{min-height:calc(52vh - var(--nav-h) - var(--topbar-h));}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;
    align-items:stretch;background:var(--navy);padding:.75rem 1rem 1rem;
    border-bottom:1px solid rgba(200,162,74,.22);box-shadow:0 12px 24px rgba(0,0,0,.25);
    max-height:70vh;overflow-y:auto;
  }
  .nav-links.open{display:flex;}
  .nav-links a{padding:.75rem .85rem;font-size:.95rem;border-radius:8px;}
  .nav-toggle{display:flex;}
  .nav-call{display:none;}
  .nav-bar-inner{position:relative;padding:0 1rem;}
  .page,.site-footer{margin-left:0;}

  .fleet-row,.fleet-row.reverse,.service-grid,.service-grid.reverse{grid-template-columns:1fr;direction:ltr;}
  .interior-banner{grid-template-columns:1fr;}
  .interior-banner img{max-height:280px;}
  .interior-text{padding:0 1.6rem 2rem;}
  .why-row{grid-template-columns:60px 1fr;}
  .why-row p{grid-column:2;}
  .testimonial-strip{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;}
}

@media (min-width: 981px){
  .mobile-topbar{display:none;}
  body.has-nav.has-rail .rail{top:var(--nav-h);padding-top:.6rem;}
  body.has-nav.has-rail .page{padding-top:var(--nav-h);}
}

@media (max-width: 1100px) and (min-width: 981px){
  .nav-links a{font-size:.8rem;padding:.4rem .45rem;}
  .nav-brand-text{font-size:1rem;}
}

@media (max-width: 760px){
  .fleet,.services,.why-us,.testimonials,.faq,.contact{padding:3.4rem 1.2rem;}
  .zone-no{font-size:2.4rem;}
  .footer-inner{grid-template-columns:1fr;}
  .hero-content{padding:2.5rem 1.2rem 6rem;}
}
/* ===== Cargo & Logistics: CTA + Service Card (added) ===== */
.cargo-cta{background:var(--navy);border-radius:var(--radius);padding:3.2rem 2.4rem;margin:0 4vw 5.5rem;max-width:1320px;margin-left:auto;margin-right:auto;text-align:center;box-shadow:var(--shadow);}
.cargo-cta h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.5em;}
.cargo-cta p{color:#dce6f5;max-width:640px;margin:0 auto 1.6em;}
.cargo-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

.cargo-service-card{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;background:var(--ivory);border:1px solid rgba(11,37,69,.08);border-radius:var(--radius);padding:2rem;margin:0 4vw 5.5rem;max-width:1320px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow);}
.cargo-service-card .cargo-icon{font-size:2.4rem;line-height:1;}
.cargo-service-card h3{font-size:1.6rem;margin:0;}
.cargo-service-card p{margin:0 0 .4em;}

@media (max-width:760px){
  .cargo-cta,.cargo-service-card{margin-left:1.2rem;margin-right:1.2rem;padding:2rem 1.4rem;}
  .cargo-cta-actions{flex-direction:column;align-items:stretch;}
}

/* ===== Cargo page: service cards grid ===== */
.cargo-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:1rem;}
.cargo-svc-card{background:var(--ivory);border:1px solid rgba(11,37,69,.08);border-radius:var(--radius);padding:1.8rem;box-shadow:0 10px 26px -16px rgba(11,37,69,.2);transition:transform .25s ease, box-shadow .25s ease;}
.cargo-svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.cargo-svc-card .svc-icon{font-size:2rem;line-height:1;margin-bottom:.6rem;}
.cargo-svc-card h3{font-size:1.35rem;margin-bottom:.4em;}
.cargo-svc-card p{margin:0;font-size:.95rem;}

/* ===== Cargo page: fleet grid ===== */
.cargo-fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;}
.cargo-fleet-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.cargo-fleet-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.cargo-fleet-card .fleet-card-body{padding:1.4rem;}
.cargo-fleet-card h3{font-size:1.25rem;margin-bottom:.3em;}
.cargo-fleet-card p{margin:0;font-size:.92rem;}

/* ===== Industries grid ===== */
.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.industry-chip{background:var(--navy);color:#fff;border-radius:var(--radius);padding:1.4rem 1rem;text-align:center;font-family:var(--ff-display);letter-spacing:.04em;font-size:1rem;transition:background .25s ease, transform .25s ease;}
.industry-chip:hover{background:var(--blue);transform:translateY(-2px);}
.industry-chip span{display:block;font-size:1.6rem;margin-bottom:.4rem;}

/* ===== About prose block ===== */
.about-prose{max-width:820px;}
.about-prose p{font-size:1.02rem;margin-bottom:1.1em;}
.about-prose h3{font-size:1.5rem;margin:1.6em 0 .5em;}

/* ===== Page CTA (bottom) ===== */
.page-cta{background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:28px;padding:3.5rem 2.4rem;text-align:center;margin:0 4vw 5.5rem;max-width:1320px;margin-left:auto;margin-right:auto;}
.page-cta h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.5em;}
.page-cta p{color:#dce6f5;max-width:600px;margin:0 auto 1.6em;}
.page-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* ===== SEO landing pages ===== */
.seo-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;background:var(--navy);overflow:hidden;}
.seo-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
.seo-hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,var(--navy) 0%,rgba(11,37,69,.7) 50%,rgba(11,37,69,.4) 100%);}
.seo-hero-content{position:relative;z-index:2;padding:3rem 4vw;color:#fff;max-width:900px;}
.seo-hero-content h1{font-size:clamp(2rem,5vw,3.6rem);color:#fff;margin-bottom:.4em;}
.seo-hero-content p{color:#cfd9eb;font-size:1.05rem;max-width:680px;}
.breadcrumb-nav{font-size:.88rem;margin-bottom:1rem;color:var(--gold-light);}
.breadcrumb-nav a{color:var(--gold-light);}
.breadcrumb-nav a:hover{color:var(--gold);}
.breadcrumb-nav span{color:#cfd9eb;}

.seo-content{padding:4rem 4vw;max-width:900px;margin:0 auto;}
.seo-content h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:2.2em 0 .6em;}
.seo-content h2:first-child{margin-top:0;}
.seo-content h3{font-size:1.35rem;margin:1.6em 0 .5em;color:var(--blue);}
.seo-content p{font-size:1.02rem;margin-bottom:1em;}
.seo-content ul{margin:1em 0 1.4em;padding-left:0;}
.seo-content ul li{position:relative;padding-left:1.5rem;margin-bottom:.55rem;color:var(--ink);font-size:1rem;}
.seo-content ul li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;}
.seo-sidebar-cta{background:var(--ivory);border-radius:var(--radius);padding:2rem;margin:2.5rem 0;border-left:4px solid var(--gold);}
.seo-sidebar-cta h3{font-size:1.3rem;margin-bottom:.5em;}
.seo-internal-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:2rem 0;padding:2rem;background:var(--ivory);border-radius:var(--radius);}
.seo-internal-links a{font-size:.92rem;color:var(--blue);font-weight:600;padding:.4rem 0;}
.seo-internal-links a:hover{color:var(--navy);}
.seo-hub{padding:4rem 4vw;background:var(--white);}
.seo-hub .seo-internal-links{max-width:900px;margin:0 auto;}

.rail-stops a.rail-home .dot{background:var(--gold);}

@media (max-width:980px){
  .cargo-services-grid,.cargo-fleet-grid{grid-template-columns:1fr 1fr;}
  .industries-grid{grid-template-columns:repeat(2,1fr);}
  .seo-internal-links{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .cargo-services-grid,.cargo-fleet-grid,.industries-grid{grid-template-columns:1fr;}
  .page-cta,.seo-content{padding-left:1.2rem;padding-right:1.2rem;}
  .seo-hero-content{padding:2.5rem 1.2rem;}
}
/* Performance: Reduce CLS with explicit sizing */
img{min-height:auto;}
picture{display:block;}
/* Accessibility: Ensure interactive elements are keyboard accessible */
button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
form input:focus-visible,form select:focus-visible,form textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
/* Mobile optimization: Touch targets */
@media (max-width:760px){
  .btn{padding:1rem 1.8rem;min-height:48px;min-width:48px;}
  a[href^="tel"],a[href^="mailto"],button{min-height:48px;display:inline-flex;align-items:center;}
  .float-btn{width:56px;height:56px;}
}
