:root {
  --navy: #0b3550;
  --blue: #145782;
  --blue-2: #0f6b8f;
  --teal: #0f786f;
  --green: #14916f;
  --mint: #26b58e;
  --ink: #0f1d25;
  --muted: #60727d;
  --line: #dfe7ea;
  --soft: #f5f8f9;
  --white: #ffffff;
  --shadow: 0 18px 50px rgba(10, 48, 68, .12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-header {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
.site-header.scrolled {
  background: rgba(255,255,255,.93);
  box-shadow: 0 8px 30px rgba(9, 41, 58, .08);
  backdrop-filter: blur(14px);
}
.nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand img { width: 142px; height: auto; filter: drop-shadow(0 1px 1px rgba(0,0,0,.04)); }
.nav-links { display: flex; align-items: center; gap: 30px; font-size: .94rem; font-weight: 650; color: #fff; }
.site-header.scrolled .nav-links { color: var(--ink); }
.nav-links a { position: relative; }
.nav-links > a:not(.nav-cta)::after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:var(--mint); transition:.25s ease; }
.nav-links > a:not(.nav-cta):hover::after { right:0; }
.nav-cta { border: 1px solid rgba(255,255,255,.55); padding: 11px 16px; border-radius: 999px; }
.site-header.scrolled .nav-cta { background: var(--green); color:#fff; border-color:var(--green); }
.menu-toggle { display:none; border:0; background:transparent; padding:8px; }
.menu-toggle span { width:24px; height:2px; background:#fff; display:block; margin:5px 0; transition:.25s; }
.site-header.scrolled .menu-toggle span { background: var(--ink); }

.hero { position: relative; min-height: 820px; color:#fff; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:44px; }
.hero-bg { position:absolute; inset:0; background-image:url('assets/hiace.jpg'); background-size:cover; background-position:center 45%; transform:scale(1.03); }
.hero-overlay { position:absolute; inset:0; background:
  linear-gradient(90deg, rgba(4,35,48,.94) 0%, rgba(7,56,70,.81) 42%, rgba(10,68,79,.36) 71%, rgba(0,0,0,.08) 100%),
  linear-gradient(0deg, rgba(4,31,42,.86) 0%, transparent 46%); }
.hero-content { position:relative; z-index:2; padding-top:170px; margin-bottom:auto; }
.eyebrow, .kicker { letter-spacing:.16em; text-transform:uppercase; font-weight:800; font-size:.76rem; }
.eyebrow { color:#5be0b5; margin-bottom:18px; }
.hero h1 { margin:0; font-size:clamp(3.2rem, 6vw, 6.4rem); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; max-width:860px; }
.hero h1 span { color:#35bd91; }
.hero-content > p { max-width:660px; font-size:1.16rem; color:rgba(255,255,255,.88); margin:28px 0 30px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 22px; border-radius:10px; font-weight:800; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; border:1px solid transparent; cursor:pointer; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:var(--green); color:#fff; box-shadow:0 12px 28px rgba(20,145,111,.28); }
.btn-primary:hover { background:#0d8062; }
.btn-ghost { border-color:rgba(255,255,255,.55); color:#fff; background:rgba(255,255,255,.05); backdrop-filter:blur(8px); }
.hero-stats { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.2); margin-top:55px; }
.stat { padding:26px 24px 0 0; }
.stat strong { display:block; color:#41d0a3; font-size:1.5rem; }
.stat span { color:rgba(255,255,255,.72); font-size:.85rem; }

.section { padding:110px 0; }
.section-head { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; margin-bottom:50px; }
.kicker { color:var(--green); display:block; margin-bottom:14px; }
.kicker.light { color:#5be0b5; }
h2 { margin:0; font-size:clamp(2.25rem,4vw,4rem); letter-spacing:-.035em; line-height:1.02; }
.section-head p, .fleet-copy > p, .monitoring-copy > p, .about-copy > p { margin:0; color:var(--muted); font-size:1.05rem; }
.service-split { display:grid; grid-template-columns:1fr 1fr; border-radius:26px; overflow:hidden; box-shadow:var(--shadow); }
.service-panel { min-height:510px; padding:48px; position:relative; overflow:hidden; }
.service-people { background:linear-gradient(145deg,#eef8f7,#ffffff); }
.service-cargo { background:linear-gradient(145deg,#0b3550,#0d5464); color:#fff; }
.service-panel::before { content:""; width:260px; height:260px; border-radius:50%; position:absolute; right:-90px; top:-80px; border:1px solid rgba(20,145,111,.18); box-shadow:0 0 0 36px rgba(20,145,111,.05),0 0 0 72px rgba(20,145,111,.03); }
.service-icon { width:64px; height:64px; border-radius:18px; display:grid; place-items:center; background:#fff; box-shadow:0 10px 24px rgba(11,53,80,.1); margin-bottom:34px; position:relative; z-index:1; }
.service-cargo .service-icon { background:rgba(255,255,255,.1); box-shadow:none; }
.service-icon svg { width:34px; fill:var(--green); }
.service-cargo .service-icon svg { fill:#56ddb2; }
.panel-label { font-size:.74rem; font-weight:900; letter-spacing:.15em; color:var(--green); }
.service-cargo .panel-label { color:#56ddb2; }
.service-panel h3 { font-size:2rem; line-height:1.08; max-width:460px; margin:12px 0 26px; }
.service-panel ul { list-style:none; padding:0; margin:0 0 34px; }
.service-panel li { padding:11px 0; border-bottom:1px solid rgba(15,29,37,.1); }
.service-cargo li { border-color:rgba(255,255,255,.14); color:rgba(255,255,255,.86); }
.service-panel li::before { content:"✓"; color:var(--green); font-weight:900; margin-right:10px; }
.service-cargo li::before { color:#56ddb2; }
.text-link { font-weight:850; display:inline-flex; gap:10px; align-items:center; }
.text-link span { transition:transform .2s; }
.text-link:hover span { transform:translateX(4px); }

.fleet { background:var(--soft); }
.fleet-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.fleet-copy h2 { margin-bottom:24px; }
.fleet-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.fleet-tags span { padding:9px 13px; border-radius:999px; border:1px solid #cbdadd; color:#42606d; background:#fff; font-size:.86rem; font-weight:700; }
.fleet-visual { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:stretch; }
.fleet-photo-card, .fleet-cutout-card { border-radius:24px; overflow:hidden; box-shadow:var(--shadow); background:#fff; }
.fleet-photo-card { position:relative; min-height:470px; }
.fleet-photo-card img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.fleet-photo-card::after { content:""; position:absolute; inset:auto 0 0 0; height:44%; background:linear-gradient(transparent,rgba(5,34,48,.9)); }
.photo-caption { position:absolute; z-index:2; left:24px; bottom:24px; color:#fff; display:grid; }
.photo-caption strong { font-size:1.12rem; }
.photo-caption span { color:rgba(255,255,255,.76); font-size:.88rem; }
.fleet-cutout-card { padding:24px 18px 28px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(160deg,#fff,#e8f2f2); }
.fleet-cutout-card img { margin:auto 0 10px; filter:drop-shadow(0 18px 22px rgba(11,53,80,.15)); }
.fleet-cutout-card div { display:grid; padding:0 8px; }
.fleet-cutout-card span { color:var(--muted); font-size:.86rem; }

.monitoring { background:#071f2c; color:#fff; overflow:hidden; }
.monitoring-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.monitoring-card { min-height:500px; position:relative; display:grid; place-items:center; }
.monitoring-card::before { content:""; position:absolute; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle,rgba(42,206,159,.18),transparent 65%); }
.monitoring-orbit { position:absolute; border:1px solid rgba(89,221,179,.25); border-radius:50%; }
.orb-1 { width:330px; height:330px; }
.orb-2 { width:450px; height:450px; border-style:dashed; animation:spin 24s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.monitoring-center { width:180px; height:180px; border-radius:50%; border:1px solid rgba(89,221,179,.55); background:rgba(11,67,79,.68); backdrop-filter:blur(10px); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:2; box-shadow:0 0 50px rgba(42,206,159,.14); }
.monitoring-center span { font-size:.72rem; letter-spacing:.18em; color:#85e9cb; }
.monitoring-center strong { font-size:2.7rem; letter-spacing:-.05em; }
.gps-dot { width:12px; height:12px; border-radius:50%; background:#55ddb2; box-shadow:0 0 0 8px rgba(85,221,178,.12); margin-bottom:14px; }
.mini-chip { position:absolute; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); padding:9px 12px; border-radius:999px; color:#d9f8ee; font-size:.78rem; backdrop-filter:blur(8px); }
.chip-a { left:10%; top:23%; }.chip-b { right:8%; top:32%; }.chip-c { left:18%; bottom:20%; }
.monitoring-copy h2 { margin-bottom:24px; }
.monitoring-copy > p { color:rgba(255,255,255,.68); }
.feature-list { margin-top:34px; }
.feature-list > div { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.feature-list span { color:#5be0b5; font-weight:850; }
.feature-list p { margin:0; color:rgba(255,255,255,.72); }
.feature-list strong { color:#fff; }

.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }
.about-copy h2 { margin-bottom:24px; }
.about-points { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.about-points div { min-height:155px; border:1px solid var(--line); border-radius:18px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:#fff; }
.about-points strong { color:var(--green); font-size:.82rem; }
.about-points span { font-weight:800; font-size:1.02rem; }

.quote { background:linear-gradient(125deg,#0b3550,#0f746f); color:#fff; }
.quote-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.quote-copy h2 { margin-bottom:20px; }
.quote-copy > p { color:rgba(255,255,255,.74); max-width:520px; }
.contact-quick { display:flex; flex-direction:column; gap:9px; margin-top:28px; font-weight:800; }
.quote-form { background:#fff; color:var(--ink); padding:30px; border-radius:22px; box-shadow:0 24px 60px rgba(0,0,0,.16); }
.quote-form label { display:grid; gap:7px; font-size:.84rem; font-weight:800; margin-bottom:15px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.quote-form input, .quote-form select, .quote-form textarea { width:100%; border:1px solid #d9e2e5; border-radius:10px; padding:13px 14px; outline:none; background:#fbfcfc; color:var(--ink); transition:border-color .2s, box-shadow .2s; }
.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(20,145,111,.11); }
.btn-form { width:100%; background:var(--green); color:#fff; margin-top:2px; }
.quote-form small { display:block; color:#7a8b94; margin-top:10px; text-align:center; }

.contact { padding:70px 0; }
.contact-strip { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:34px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.contact-strip h2 { font-size:clamp(2rem,3vw,3rem); }
.contact-actions { display:flex; flex-direction:column; gap:9px; text-align:right; font-weight:800; color:var(--blue); }
.footer { background:#061824; color:#fff; padding:48px 0; }
.footer-grid { display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; }
.footer img { width:125px; filter:brightness(1.1); }
.footer p { margin:0; color:rgba(255,255,255,.62); font-size:.88rem; }
.copyright { text-align:right; }
.whatsapp-float { position:fixed; right:24px; bottom:24px; width:58px; height:58px; border-radius:50%; background:#18a871; display:grid; place-items:center; z-index:60; box-shadow:0 12px 30px rgba(0,0,0,.2); transition:transform .2s; }
.whatsapp-float:hover { transform:translateY(-3px) scale(1.03); }
.whatsapp-float svg { width:31px; fill:#fff; }

.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 900px) {
  .menu-toggle { display:block; }
  .nav-links { position:absolute; top:72px; left:20px; right:20px; display:none; flex-direction:column; align-items:stretch; gap:8px; padding:18px; background:rgba(255,255,255,.98); color:var(--ink); border-radius:16px; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .nav-cta { background:var(--green); color:#fff; text-align:center; border-color:var(--green); margin-top:6px; }
  .hero { min-height:760px; }
  .hero h1 { font-size:clamp(3rem,11vw,5rem); }
  .hero-stats { grid-template-columns:1fr 1fr; gap:4px 20px; }
  .section { padding:82px 0; }
  .section-head, .fleet-grid, .monitoring-grid, .about-grid, .quote-grid { grid-template-columns:1fr; gap:45px; }
  .service-split { grid-template-columns:1fr; }
  .service-panel { min-height:auto; }
  .fleet-grid { gap:38px; }
  .fleet-visual { grid-template-columns:1fr 1fr; }
  .monitoring-card { min-height:420px; }
  .footer-grid { grid-template-columns:1fr; text-align:left; }
  .copyright { text-align:left; }
  .contact-strip { align-items:flex-start; flex-direction:column; }
  .contact-actions { text-align:left; }
}
@media (max-width: 600px) {
  .container { width:min(100% - 28px,1180px); }
  .nav { min-height:70px; }
  .brand img { width:118px; }
  .hero { min-height:710px; padding-bottom:26px; }
  .hero-bg { background-position:62% center; }
  .hero-content { padding-top:130px; }
  .hero h1 { font-size:2.75rem; line-height:.98; }
  .hero-content > p { font-size:1rem; margin:20px 0 24px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-stats { margin-top:34px; grid-template-columns:1fr 1fr; }
  .stat { padding-top:18px; }
  .stat strong { font-size:1.2rem; }
  .section { padding:68px 0; }
  .section-head { gap:20px; margin-bottom:34px; }
  .service-panel { padding:32px 24px; }
  .service-panel h3 { font-size:1.65rem; }
  .fleet-visual { grid-template-columns:1fr; }
  .fleet-photo-card { min-height:360px; }
  .monitoring-card { transform:scale(.86); margin:-25px 0; }
  .about-points { grid-template-columns:1fr; }
  .field-row { grid-template-columns:1fr; gap:0; }
  .quote-form { padding:22px 18px; }
  .whatsapp-float { right:16px; bottom:16px; width:54px; height:54px; }
}

/* V2 — visitor/international discovery */
.lang-link {
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .78rem;
  letter-spacing: .08em;
  font-weight: 900;
}
.site-header.scrolled .lang-link { border-color: #cad8dc; color: var(--blue); }
.section-head.compact { margin-bottom: 34px; }
.pathways { padding-top: 88px; padding-bottom: 88px; }
.pathway-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.pathway-card { border:1px solid var(--line); border-radius:22px; padding:30px; min-height:280px; background:#fff; display:flex; flex-direction:column; transition:.25s ease; box-shadow:0 10px 26px rgba(10,48,68,.05); }
.pathway-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); border-color:#b9d8d2; }
.pathway-card.featured { color:#fff; border-color:transparent; background:linear-gradient(145deg,#0b3550,#0f746f); }
.pathway-number { color:var(--green); font-size:.78rem; font-weight:900; letter-spacing:.12em; }
.pathway-card.featured .pathway-number { color:#68e4bc; }
.pathway-card h3 { font-size:1.7rem; line-height:1.06; margin:48px 0 12px; }
.pathway-card p { color:var(--muted); margin:0 0 24px; }
.pathway-card.featured p { color:rgba(255,255,255,.74); }
.pathway-card strong { margin-top:auto; color:var(--green); }
.pathway-card.featured strong { color:#72e6c0; }
.visitors { background:linear-gradient(135deg,#061f2d,#0d5d68); color:#fff; overflow:hidden; position:relative; }
.visitors::before { content:""; position:absolute; width:520px; height:520px; border-radius:50%; border:1px solid rgba(91,224,181,.12); right:-180px; top:-180px; box-shadow:0 0 0 70px rgba(91,224,181,.035),0 0 0 140px rgba(91,224,181,.02); }
.visitors-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:start; position:relative; z-index:1; }
.visitors-copy h2 { margin-bottom:22px; }
.visitors-copy > p { color:rgba(255,255,255,.72); font-size:1.05rem; }
.visitor-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.visitor-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.visitor-cards article { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); border-radius:18px; padding:24px; backdrop-filter:blur(6px); min-height:205px; }
.visitor-cards article span { color:#65dfb9; font-size:.76rem; font-weight:900; }
.visitor-cards h3 { margin:32px 0 9px; font-size:1.18rem; }
.visitor-cards p { margin:0; color:rgba(255,255,255,.68); font-size:.92rem; }
.light-cards article { background:#fff; border-color:var(--line); color:var(--ink); box-shadow:0 10px 26px rgba(10,48,68,.05); }
.light-cards article span { color:var(--green); }
.light-cards article p { color:var(--muted); }
.english-visitors { padding-top:110px; }
.visitor-hero .hero-bg { background-position:62% center; }
.process-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:75px; align-items:start; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.steps > div { border:1px solid rgba(255,255,255,.13); border-radius:18px; padding:24px; min-height:245px; background:rgba(255,255,255,.055); }
.steps strong { color:#67e0ba; font-size:.8rem; }
.steps h3 { margin:48px 0 10px; font-size:1.15rem; }
.steps p { margin:0; color:rgba(255,255,255,.68); font-size:.9rem; }
.faq { background:var(--soft); }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.faq-grid article { background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px; }
.faq-grid h3 { margin:0 0 10px; font-size:1.08rem; }
.faq-grid p { margin:0; color:var(--muted); }

@media (max-width: 900px) {
  .pathway-grid, .visitors-grid, .process-grid { grid-template-columns:1fr; }
  .pathway-card { min-height:230px; }
  .visitor-cards { grid-template-columns:1fr 1fr; }
  .steps { grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width: 600px) {
  .pathways { padding:60px 0; }
  .pathway-grid, .visitor-cards, .steps, .faq-grid { grid-template-columns:1fr; }
  .pathway-card { min-height:auto; }
  .pathway-card h3 { margin-top:28px; }
  .visitors-grid { gap:38px; }
  .visitor-cards article { min-height:auto; }
  .visitor-actions { flex-direction:column; }
  .visitor-actions .btn { width:100%; }
  .steps > div { min-height:auto; }
  .steps h3 { margin-top:28px; }
}


/* V3 — security coordination + favicon-related polish */
.visitor-cards .security-card {
  grid-column: 1 / -1;
  min-height: auto;
  border-color: rgba(101,223,185,.28);
  background: linear-gradient(135deg, rgba(101,223,185,.10), rgba(255,255,255,.045));
}
.light-cards .security-card {
  border-color: #bfe3d8;
  background: linear-gradient(135deg, #f4fbf8, #ffffff);
}
.visitor-cards .security-card h3 { margin-top: 20px; }
.check-field {
  display:flex !important;
  grid-template-columns:none !important;
  flex-direction:row;
  align-items:flex-start;
  gap:10px !important;
  padding:12px 14px;
  border:1px solid #d9e2e5;
  border-radius:10px;
  background:#f8fbfa;
  font-weight:750 !important;
  cursor:pointer;
}
.check-field input {
  width:18px !important;
  height:18px;
  margin:1px 0 0;
  flex:0 0 auto;
  accent-color:var(--green);
}
.check-field span { line-height:1.35; }
@media (max-width:600px){
  .visitor-cards .security-card { grid-column:auto; }
}


/* V4 — interactive fleet selector */
.fleet-grid {
  grid-template-columns: .78fr 1.22fr;
  gap: 76px;
  align-items: center;
}
.fleet-copy h2 { margin-bottom: 22px; max-width: 520px; }
.fleet-selector {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.fleet-option {
  appearance:none;
  border:1px solid #cbdadd;
  background:#fff;
  color:#42606d;
  border-radius:999px;
  padding:12px 18px;
  font:inherit;
  font-size:.95rem;
  font-weight:800;
  cursor:pointer;
  transition:all .2s ease;
}
.fleet-option:hover { border-color:#98cabd; color:var(--green); transform:translateY(-1px); }
.fleet-option.active {
  background:linear-gradient(135deg,#0b3550,#0f746f);
  border-color:transparent;
  color:#fff;
  box-shadow:0 16px 36px rgba(11,53,80,.18);
}
.fleet-showcase {
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap:20px;
  align-items:stretch;
}
.fleet-photo-card, .fleet-info-card {
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.fleet-photo-card {
  position:relative;
  min-height:520px;
  background:linear-gradient(140deg,#dfe9ec,#f8fbfb);
}
.fleet-photo-card img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .28s ease, transform .35s ease;
}
.fleet-photo-card.is-contain img {
  object-fit:contain;
  padding:46px 34px 116px;
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.95), rgba(235,242,244,.92) 45%, rgba(217,228,232,.96));
}
.fleet-photo-card::after {
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(transparent, rgba(6, 24, 36, .86));
}
.fleet-photo-card.is-contain::after {
  background:linear-gradient(transparent, rgba(6,24,36,.83));
}
.photo-caption { position:absolute; left:26px; right:26px; bottom:24px; z-index:2; color:#fff; display:grid; gap:6px; }
.photo-caption strong { font-size:1.26rem; line-height:1.05; }
.photo-caption span { color:rgba(255,255,255,.74); font-size:.95rem; }
.fleet-info-card {
  background:#fff;
  padding:30px;
  display:flex;
  flex-direction:column;
}
.fleet-info-label {
  display:inline-flex;
  width:max-content;
  padding:8px 11px;
  border-radius:999px;
  background:#eef8f5;
  color:var(--green);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
}
.fleet-info-card h3 {
  font-size:1.7rem;
  line-height:1.08;
  margin:18px 0 12px;
}
.fleet-info-card > p {
  color:var(--muted);
  margin:0;
}
.fleet-badges {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 24px;
}
.fleet-badges span {
  padding:8px 11px;
  border-radius:999px;
  background:#f4f8f9;
  border:1px solid #dfe8ea;
  color:#31515f;
  font-size:.82rem;
  font-weight:800;
}
.fleet-meta {
  margin-top:auto;
  padding-top:6px;
}
.fleet-meta h4 {
  margin:0 0 12px;
  font-size:.92rem;
  letter-spacing:.08em;
  color:#5b7480;
  text-transform:uppercase;
}
.fleet-points {
  list-style:none;
  padding:0;
  margin:0;
}
.fleet-points li {
  padding:11px 0;
  border-bottom:1px solid var(--line);
  color:#27424e;
}
.fleet-points li::before {
  content:"✓";
  color:var(--green);
  font-weight:900;
  margin-right:10px;
}
.fleet-cta { margin-top:24px; text-align:center; }
.fleet-disclaimer {
  display:block;
  margin-top:14px;
  color:#748993;
  font-size:.77rem;
  line-height:1.45;
}
@media (max-width: 900px) {
  .fleet-grid, .fleet-showcase { grid-template-columns:1fr; }
  .fleet-grid { gap:40px; }
  .fleet-showcase { gap:16px; }
  .fleet-photo-card { min-height:440px; }
}
@media (max-width: 600px) {
  .fleet-option { flex:1 1 calc(50% - 12px); text-align:center; padding:12px 14px; }
  .fleet-photo-card { min-height:360px; }
  .fleet-photo-card.is-contain img { padding:28px 18px 102px; }
  .fleet-info-card { padding:24px 20px; }
  .fleet-info-card h3 { font-size:1.45rem; }
}


/* V5 — dedicated cargo and logistics section */
.cargo-logistics {
  background:#fff;
  position:relative;
  overflow:hidden;
}
.cargo-logistics::before {
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  right:-250px;
  bottom:-260px;
  border:1px solid rgba(20,145,111,.10);
  box-shadow:0 0 0 70px rgba(20,145,111,.025),0 0 0 140px rgba(20,145,111,.015);
}
.cargo-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
  position:relative;
  z-index:1;
}
.cargo-visual {
  min-height:600px;
  border-radius:30px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--shadow);
  background:#0b3550;
}
.cargo-visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.cargo-visual-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,28,40,.05) 40%,rgba(6,28,42,.88) 100%);
}
.cargo-visual-caption {
  position:absolute;
  left:30px;
  right:30px;
  bottom:28px;
  z-index:2;
  color:#fff;
  display:grid;
  gap:7px;
}
.cargo-visual-caption span {
  color:#69dfb9;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
}
.cargo-visual-caption strong {
  font-size:1.35rem;
}
.cargo-copy h2 { margin:10px 0 22px; }
.cargo-copy > p {
  color:var(--muted);
  font-size:1.05rem;
  margin:0;
}
.cargo-features { margin-top:28px; }
.cargo-features > div {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.cargo-features > div > span {
  color:var(--green);
  font-weight:900;
  font-size:.82rem;
}
.cargo-features p {
  margin:0;
  color:#4f6874;
}
.cargo-features strong { color:var(--ink); }
.cargo-cta { margin-top:26px; }
.cargo-copy small {
  display:block;
  margin-top:14px;
  color:#7b8f98;
  line-height:1.5;
}
@media (max-width:900px){
  .cargo-grid { grid-template-columns:1fr; gap:42px; }
  .cargo-visual { min-height:500px; }
}
@media (max-width:600px){
  .cargo-visual { min-height:390px; }
  .cargo-visual-caption { left:22px; right:22px; bottom:20px; }
  .cargo-visual-caption strong { font-size:1.15rem; }
}