/* ============================================================
   PHRASELY FOR TEAMS — teams.css
   Overrides & additions on top of site.css
   ============================================================ */

/* Hero: two phones side by side instead of mascot+phone */
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-art { order: -1; }
}

/* Features card 1 badge — purple instead of lime */
.dcard.everyday .free-badge {
  background: var(--purple);
  color: #fff;
}

/* Steps on teams page — same grid, "Add your team" label fits */
.step h4 { word-break: break-word; }

/* Stats on teams page — numbers smaller ("15" vs "60+") fit well */
.mission-stat .n { font-size: 36px; }
@media (max-width: 500px) {
  .mission-stat .n { font-size: 28px; min-width: 80px; }
}

/* "For Teams" badge in nav link */
.nav-links a[href="teams.html"] {
  color: var(--purple);
  font-weight: 800;
}