/* Status badge system — three tiers of product maturity.
 * Use exactly one tier per product; never collapse these into a single "coming soon."
 * Requires: css/tokens.css
 */
.badge {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 2px 9px;
}

/* Available Today — live, purchasable right now */
.badge-live {
  background: var(--accent);
  color: var(--accent-ink);
  padding: 3px 10px; /* filled pills read slightly larger than outlined at same font-size */
}

/* Coming Q4 2026 — real dated commitment, not live yet */
.badge-q4 {
  border: 1.5px solid var(--accent);
  color: var(--accent);
  background: transparent;
}

/* Roadmap — undated, not started, further out */
.badge-roadmap {
  border: 1.5px solid var(--ink-muted);
  color: var(--ink-muted);
  background: transparent;
}