:root {
      --navy:   #0d1b2a;
      --crimson:#c0392b;
      --white:  #ffffff;
      --offwhite:#f5f5f3;
      --muted:  #6b7280;
      --border: rgba(13,27,42,.10);
    }
/* ── Hero ── */
.hero {
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
.hero-bg {
  position:absolute; inset:0;
  background-image: url('../img/heathrow.jpg');
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.hero-overlay {
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(13,27,42,.92) 0%, rgba(13,27,42,.55) 55%, rgba(13,27,42,.25) 100%);
}
.hero-content {
  position:relative; z-index:10;
  max-width:1120px; margin:0 auto;
  padding:0 24px 80px;
  width:100%;
}
.hero-eyebrow {
  font-size:.7rem; font-weight:700; letter-spacing:.28em;
  text-transform:uppercase; color:rgba(255,255,255,.8);
  margin-bottom:16px;
}
.hero-h1 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800;
  font-size: clamp(3rem, 7vw, 5.5rem);
  line-height:.92;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:24px;
}
.hero-h1 em { font-style:normal; color:var(--crimson); }
.hero-sub {
  color:rgba(255,255,255,.65);
  font-size:1.05rem;
  font-weight:400;
  line-height:1.65;
  max-width:520px;
  margin-bottom:36px;
}
.hero-btns { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:52px; }
.btn-primary {
  display:inline-flex; align-items:center; gap:9px;
  background:var(--crimson); color:#fff;
  font-weight:700; font-size:.95rem;
  padding:14px 30px; border-radius:4px;
  text-decoration:none;
  transition: opacity .15s, transform .15s;
}
.btn-primary:hover { opacity:.9; transform:translateY(-2px); }
.btn-outline {
  display:inline-flex; align-items:center; gap:9px;
  border:2px solid rgba(255,255,255,.35); color:#fff;
  font-weight:600; font-size:.95rem;
  padding:13px 28px; border-radius:4px;
  text-decoration:none;
  transition: border-color .15s, transform .15s;
}
.btn-outline:hover { border-color:#fff; transform:translateY(-2px);color:#000; }

/* Trust strip */
.trust-strip {
  display:flex; flex-wrap:wrap; gap:28px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
}
.trust-item { border-left:2px solid var(--crimson); padding-left:12px; }
.trust-item strong {
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700; font-size:1.3rem; color:#fff;
  line-height:1;
}
.trust-item span {
  font-size:.65rem; text-transform:uppercase;
  letter-spacing:.18em; color:rgba(255,255,255,.5);
  margin-top:4px; display:block;
}

/* ── Section shell ── */
.section { padding: 96px 0; }
.section-inner { max-width:1120px; margin:0 auto; padding:0 24px; }
.section-bg-off { background: var(--offwhite); }
.section-bg-navy { background: var(--navy); }

/* Section header */
.sec-eyebrow {
  font-size:.68rem; font-weight:700; letter-spacing:.26em;
  text-transform:uppercase; color:var(--crimson);
  margin-bottom:10px;
}
.sec-h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; text-transform:uppercase;
  font-size:clamp(1.9rem, 4vw, 2.9rem);
  line-height:1.0;
}
.sec-h2-white { color:#fff; }
.sec-sub {
  margin-top:14px; font-size:.95rem;
  color:var(--muted); line-height:1.65; max-width:560px;
}
.sec-sub-white { color:rgba(255,255,255,.85); }

/* ── Fleet cards ── */
.fleet-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap:24px;
  margin-top:52px;
}
.fleet-card {
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  transition: transform .25s, box-shadow .25s;
  display:flex; flex-direction:column;
}
.fleet-card:hover {
  transform:translateY(-5px);
  box-shadow: 0 20px 48px rgba(13,27,42,.12);
}
.fleet-card.featured {
  border-color: var(--navy);
  position:relative;
}
.fleet-badge {
  position:absolute; top:14px; right:14px;
  background:var(--navy); color:#fff;
  font-size:.65rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase;
  padding:5px 11px; border-radius:2px;
}
.fleet-img-wrap {
  height:200px; overflow:hidden;
  background:#f0f0ee;
  display:flex; align-items:center; justify-content:center;
}
.fleet-img-wrap img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s;
}
.fleet-card:hover .fleet-img-wrap img {
  transform:scale(1.04);
}
/* SVG car placeholder when no real image */
.car-placeholder {
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#f0f0ee 0%,#e4e4e0 100%);
}
.fleet-body { padding:24px; flex:1; display:flex; flex-direction:column; }
.fleet-type {
  font-size:.65rem; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--crimson);
  margin-bottom:6px;
}
.fleet-name {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; font-size:1.6rem; text-transform:uppercase;
  color:var(--navy); margin-bottom:10px;
}
.fleet-desc {
  font-size:.88rem; color:var(--muted);
  line-height:1.6; margin-bottom:18px;
}
.fleet-specs {
  display:flex; gap:32px; flex-wrap:wrap;
  padding:14px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  margin-bottom:0;
}
.fleet-spec { display:flex; align-items:center; gap:6px; }
.fleet-spec-icon { color:var(--crimson); flex-shrink:0; }
.fleet-spec-text { font-size:.8rem; font-weight:600; color:var(--navy); }
.fleet-spec-label { font-size:.7rem; color:var(--muted); }
.fleet-price-row {
  display:flex; align-items:flex-end; justify-content:space-between;
  margin-top:auto;
}
.fleet-price {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; font-size:2rem; color:var(--navy); line-height:1;
}
.fleet-price-note { font-size:.72rem; color:var(--muted); margin-bottom:2px; }
.fleet-book {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--navy); color:#fff;
  font-size:.8rem; font-weight:700;
  padding:10px 18px; border-radius:4px;
  text-decoration:none;
  transition: background .15s;
}
.fleet-book:hover { background:var(--crimson); }
.fleet-book.featured-btn { background:var(--crimson); }

/* ── Journey info ── */
.journey-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
@media(max-width:768px){
  .journey-grid { grid-template-columns:1fr; }
}
.journey-stat {
  display:flex; align-items:flex-start; gap:16px;
  padding:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  margin-bottom:16px;
}
.journey-stat-icon {
  width:40px; height:40px; border-radius:50%;
  background:rgba(192,57,43,.2);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.journey-stat h4 { font-weight:700; font-size:.9rem; color:#fff; margin-bottom:4px; }
.journey-stat p { font-size:.82rem; color:rgba(255,255,255,.8); line-height:1.55; }

/* ── Why us ── */
.why-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
  margin-top:48px;
}
.why-card {
  background:#fff;
  border:1px solid var(--border);
  padding:28px 24px;
  border-radius:6px;
}
.why-icon {
  width:44px; height:44px; border-radius:50%;
  background:rgba(192,57,43,.1);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.why-card h4 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700; font-size:1.1rem; text-transform:uppercase;
  color:var(--navy); margin-bottom:8px;
}
.why-card p { font-size:.85rem; color:var(--muted); line-height:1.6; }

/* ── How to book ── */
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:32px; margin-top:52px; }
.step { text-align:center; }
.step-num {
  width:56px; height:56px;
  background:var(--crimson); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 18px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; font-size:1.4rem; color:#fff;opacity: 1;
}
.step h4 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:700; text-transform:uppercase;
  font-size:1rem; color:var(--navy); margin-bottom:8px;
}
.step p { font-size:.85rem; color:var(--muted); line-height:1.6; }

/* ── FAQ ── */
.faq-list { margin-top:48px; display:flex; flex-direction:column; gap:12px; }
details.faq-item {
  background:#fff;
  border:1px solid var(--border);
  border-radius:6px;
  overflow:hidden;
}
details.faq-item summary {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 22px;
  font-weight:600; font-size:.95rem;
  color:var(--navy); cursor:pointer;
  list-style:none;
  user-select:none;
}
details.faq-item summary::-webkit-details-marker { display:none; }
.faq-icon { flex-shrink:0; margin-left:16px; color:var(--crimson); transition:transform .2s; }
details[open] .faq-icon { transform:rotate(45deg); }
.faq-body {
  padding:0 22px 18px;
  font-size:.88rem; color:var(--muted);
  line-height:1.65;
  border-top:1px solid var(--border);
  padding-top:14px;
}

/* ── CTA banner ── */
.cta-section {
  position:relative; padding:112px 0; overflow:hidden;
}
.cta-bg {
  position:absolute; inset:0;
  background-image: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?w=1600&q=80&fit=crop');
  background-size:cover; background-position:center;
}
.cta-overlay { position:absolute; inset:0; background:rgba(13,27,42,.88); }
.cta-inner {
  position:relative; z-index:10;
  max-width:720px; margin:0 auto;
  padding:0 24px; text-align:center;
}
.cta-inner .sec-eyebrow { color:rgba(255,255,255,.8); }
.cta-h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; font-size:clamp(2.4rem,5vw,3.8rem);
  text-transform:uppercase; color:#fff;
  line-height:.95; margin-bottom:20px;
}
.cta-sub { color:rgba(255,255,255,.8); font-size:1rem; margin-bottom:36px; }
.cta-btns { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }

/* ── Footer ── */
.footer { background:var(--color-navy); color:#e0e0e0; padding:64px 0 32px; }
.footer-inner { max-width:1120px; margin:0 auto; padding:0 24px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
@media(max-width:768px){ .footer-grid { grid-template-columns:1fr; } }
.footer-brand-name img { height:auto; max-height:96px; width:auto; max-width:200px; object-fit:contain; }
.footer-brand-name {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; font-size:1.4rem; color:#fff; margin-bottom:10px;
}
.footer-brand-name span { color:var(--crimson); }
.footer-tagline { font-size:.83rem; color:rgba(255,255,255,.8); line-height:1.6; max-width:240px; }
.footer-col h5 {
  font-weight:700; font-size:.75rem; letter-spacing:.18em;
  text-transform:uppercase; color:rgba(255,255,255,.8);
  margin-bottom:14px;
}
.footer-col a {
  display:block; font-size:.85rem; color:rgba(255,255,255,.65);
  text-decoration:none; margin-bottom:8px;
  transition:color .15s;
}
.footer-col a:hover { color:#fff; }
.footer-divider { border:none; border-top:1px solid rgba(255,255,255,.08); margin:40px 0 28px; }
.footer-bottom {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.footer-copy { font-size:.8rem; color:rgba(255,255,255,.85); }

/* ── Responsive ── */
@media(max-width:640px){
  .section { padding:64px 0; }
  .hero-content { padding-bottom:52px; }
  .fleet-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr 1fr; }
}