/* =====================================================
   Homepage-only refresh (2026-09-24), layered on style.css.
   Site-wide parts of the refresh live at the end of style.css; this file
   holds what only the homepages (en/es/hi) have. Content untouched.
   ===================================================== */

.home .hero-sub {
  font-weight: 560;
  letter-spacing: -0.015em;
  line-height: 1.42;
}
.home .hero .lead { max-width: 600px; }

/* Navy growth console (idea from the ChatGPT Sites pass): one flat card, not
   the tilted glass stack, so the metrics read as the first screen's focal point. */
.home .growth-console {
  --text: #f8fafc;
  --text-soft: #cbd5e1;
  --muted: #94a3b8;
  --border: rgba(255, 255, 255, .12);
  --bg: rgba(255, 255, 255, .05);
  --brand: #60a5fa;
  color: var(--text);
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: var(--radius-lg);
  background: linear-gradient(160deg, var(--dark-bg) 0%, var(--dark-bg-2) 100%);
  box-shadow: 0 30px 70px -34px rgba(15, 23, 42, .6);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.home .console-card,
.home .pipeline-card,
.home .console-note {
  background: rgba(255, 255, 255, .05);
  box-shadow: none;
}
.home .console-card.highlight {
  background: linear-gradient(160deg, #2563eb 0%, #1d4ed8 100%);
  border-color: rgba(255, 255, 255, .18);
}
.home .console-card.highlight strong,
.home .console-card.highlight small { color: rgba(255, 255, 255, .86); }
.home .growth-console::before,
.home .growth-console::after { display: none; }
@media (max-width: 520px) {
  .home .growth-console { padding: 16px; }
}

/* Recommendation as a navy band with a large serif quote (idea from the
   ChatGPT Sites pass): the one testimonial becomes a moment. */
.home #testimonials {
  background: linear-gradient(165deg, var(--dark-bg) 0%, var(--dark-bg-2) 100%);
  --text: #f8f4e8;
  --text-soft: #d4dae4;
  --muted: #a8b3c4;
  --surface: rgba(255, 255, 255, .05);
  --border: rgba(255, 255, 255, .14);
  --border-strong: rgba(255, 255, 255, .24);
  --brand: #60a5fa;
  --grad: #60a5fa;
  color: var(--text);
}
.home #testimonials .section-head h2 { color: #fff; }
.home #testimonials .testimonial {
  max-width: 860px;
  margin-inline: auto;
  padding: 8px 0 0;
  background: none;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
}
.home #testimonials .testimonials-grid.single { grid-template-columns: 1fr; }
.home #testimonials .quote {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #fff;
  margin-bottom: 28px;
}
.home #testimonials .person { justify-content: center; text-align: left; }
.home #testimonials .avatar { background: linear-gradient(135deg, #2563eb, #1d4ed8); }