/* ============================================================
   EasyCab V2.1 — pages.css
   Page-specific overrides. Add per-page rules here.
   Homepage overrides are the first section.
   ============================================================ */

/* ===== Homepage — section spacing ===== */
.home-hero     { padding-top: 52px; padding-bottom: 100px; }
.home-fleet    { padding-top: 0; padding-bottom: 60px; }
.home-airports { padding-top: 80px; padding-bottom: 80px; }
.home-corp     { padding-top: 80px; padding-bottom: 80px; }
.home-reviews  { padding-top: 100px; padding-bottom: 100px; }
.home-faq      { padding-top: 100px; padding-bottom: 100px; }

/* ===== Homepage — hero headline variant ===== */
.home-hero .hero h1 {
  font-size: clamp(52px, 7.8vw, 118px);
}

/* ===== Homepage — price card (full-width feature) ===== */
.price-card {
  background: var(--ink); color: var(--paper);
  border-color: var(--ink); grid-column: span 12;
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  gap: 56px; align-items: center;
  padding: 48px 52px; min-height: 0;
}
.price-card .pc-text { display: flex; flex-direction: column; gap: 18px; max-width: 520px; }
.price-card h4 { font-size: clamp(34px,3vw,46px); line-height: 1.02; }
.price-card h4 em { color: var(--orange); }
.price-card p { color: #bdb8aa; font-size: 16px; line-height: 1.6; }
.price-card .meter {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px; padding: 28px 32px;
  font-family: 'Geist Mono', monospace; font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase;
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;
}
.price-card .meter span { display: flex; flex-direction: column; gap: 8px; color: #a8a497; }
.price-card .meter span b {
  color: var(--paper); font-family: 'Instrument Serif', serif;
  font-size: 34px; font-weight: 400; letter-spacing: -.02em; line-height: 1;
}

@media (max-width: 1080px) {
  .price-card { grid-template-columns: 1fr; gap: 28px; padding: 36px; }
  .price-card .meter { grid-template-columns: 1fr; gap: 10px; }
}

/* ===== EasyCab wordmark watermark — closing CTA on every page ===== */
/* HTML: <div class="big-word"><div class="bw-stage">
           <span class="bw-words"><span class="bw-easy">Easy</span><em class="bw-cab">Cab</em></span>
           <div class="bw-tooltip"><span class="bw-tip-dot"></span><span class="bw-tip-text">Honest cabs since 2014</span></div>
         </div></div>                                                     */
.big-word {
  position: relative;
  font-family: 'Instrument Serif', serif;
  font-size: clamp(70px, 13vw, 180px);
  line-height: 1; letter-spacing: -.03em;
  text-align: center; margin-top: 36px;
  padding-bottom: .15em;
  white-space: nowrap; overflow: visible;
  user-select: none; cursor: default;
  display: flex; justify-content: center; align-items: center;
}
.bw-stage {
  display: inline-flex; align-items: center;
  gap: 0; transition: gap .45s var(--ease-out, cubic-bezier(.16,1,.3,1));
}
.big-word:hover .bw-stage { gap: 36px; }

.bw-tooltip {
  position: relative; display: flex; align-items: center; gap: 14px;
  max-width: 0; padding: 0;
  background: var(--ink, #141410); color: var(--paper, #f5f2ec);
  border-radius: 28px 28px 28px 8px;
  font-family: 'Geist', sans-serif; font-weight: 500;
  font-size: clamp(22px, 2.2vw, 36px); letter-spacing: -.012em;
  line-height: 1.2; white-space: nowrap;
  opacity: 0; overflow: hidden; pointer-events: none;
  box-shadow: 0 22px 50px -24px rgba(20,20,16,.55);
  transition: max-width .5s var(--ease-out, cubic-bezier(.16,1,.3,1)),
              padding   .45s var(--ease-out, cubic-bezier(.16,1,.3,1)),
              opacity   .35s var(--ease-out, cubic-bezier(.16,1,.3,1));
}
.big-word:hover .bw-tooltip {
  max-width: min(560px, 38vw);
  padding: 20px 30px;
  opacity: 1;
}
.bw-tooltip::before {
  content: ""; position: absolute; left: -9px; top: 50%;
  transform: translateY(-50%);
  border: 9px solid transparent;
  border-right-color: var(--ink, #141410);
  border-left: none;
}
.bw-tip-dot {
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--orange, #e85a1f);
  box-shadow: 0 0 0 0 rgba(232,90,31,.55);
  animation: bw-tip-pulse 1.8s infinite; flex-shrink: 0;
}
.bw-tip-text { display: inline-block; }
@keyframes bw-tip-pulse {
  0%, 100% { box-shadow: 0 0 0 0   rgba(232,90,31,.55); }
  70%       { box-shadow: 0 0 0 8px rgba(232,90,31,0);   }
}
.bw-easy {
  display: inline-block; color: var(--ink, #141410);
  transition: color .55s var(--ease-out, cubic-bezier(.16,1,.3,1)),
              transform .6s var(--ease-out, cubic-bezier(.16,1,.3,1));
}
.bw-cab {
  display: inline-block; font-style: italic;
  color: var(--green, #1a4a35);
  transition: color .55s var(--ease-out, cubic-bezier(.16,1,.3,1)),
              transform .6s var(--ease-out, cubic-bezier(.16,1,.3,1));
  animation: bw-float 6s ease-in-out infinite;
  transform-origin: center bottom;
}
.big-word:hover .bw-easy { color: var(--green, #1a4a35); transform: translateY(-4px); }
.big-word:hover .bw-cab  { color: var(--orange, #e85a1f); }
@keyframes bw-float {
  0%, 100% { transform: translateY(0)    rotate(0deg);   }
  50%       { transform: translateY(-6px) rotate(-.6deg); }
}

/* ===== About page (placeholder) ===== */
/* .about-hero { … } */

/* ===== Airport pages (placeholder) ===== */
/* .airport-hero { … } */