/* ─────────────────────────────────────────────────────────────────
   css/home-wave2.css

   Wave 2 (2026-05-08) — additive home page styles. New file
   because home.css is past the RED threshold (>1500 lines —
   actually 2400+); per the no-monolith rule, post-RED files
   get refactored before new features, not piled onto.

   Currently defines:
     • .hero-free-strip — Free / no-app / no-account / QR
       positioning strip in the hero, below .hero-proof.

   Loaded after home.css in home.html so the cascade lets these
   rules win where they overlap (none currently do, but defensive).

   LABEL: PILOT-READY. Visual styling only — no JS, no
   functional impact if missing.
───────────────────────────────────────────────────────────────── */

/* Free / no-app positioning strip — sits below .hero-proof inside
   .hero-left. Restrained tone (semi-transparent pills) so it
   complements rather than competes with the primary headline
   and the proof-point numbers above it. */
.hero-free-strip {
  list-style: none;
  margin: 1.4rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.78);
}
.hero-free-strip li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.hero-free-strip li:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.hero-free-strip a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 640px) {
  .hero-free-strip { font-size: 0.78rem; gap: 0.35rem 0.55rem; }
  .hero-free-strip li { padding: 0.25rem 0.55rem; }
}