/* ==========================================================================
   Home page layout  (shared page-hero base lives in components.css)
   ========================================================================== */

/* ============================================================
   Hero — Home-specific: trust row + 3 floating stat cards
   ============================================================ */

/* Trust row hidden on mobile (not in mobile frame), shown tablet+ */
.hero__trust { display: none; }
@media (min-width: 768px) { .hero__trust { display: flex; } }

/* Floating stats — only the live pill shows on mobile (matches mobile frame) */
.hero__stat--online { top: var(--space-md); left: var(--space-md); }
.hero__stat--rating,
.hero__stat--rides { display: none; }

@media (min-width: 768px) {
  .hero__stat--rating {
    display: inline-flex;
    top: var(--space-md);
    right: var(--space-md);
    left: auto;
  }
  .hero__stat--online {
    top: auto;
    bottom: 4.5rem;
    left: -1rem;
  }
  .hero__stat--rides {
    display: inline-flex;
    bottom: var(--space-md);
    right: var(--space-md);
  }
}

/* ============================================================
   "Two apps, one platform"
   ============================================================ */
.apps__intro { max-width: 40rem; margin: 0 auto; }

/* ============================================================
   Testimonials — header has trailing "Read all reviews"
   ============================================================ */
.testimonials__link { flex-shrink: 0; }