/* selr-service-labels.css — the five service-name pills on the homepage
 * ("The Consultation", "The AI Install Day", ...) read as purple with white
 * text so they stand out from the card (Luke, 2026-08-19).
 *
 * Scoped to the "Label / Count" header of each service card so the other
 * Label Light pills on the page (Industry, Company Size, Timeline) keep the
 * template's canvas look. Pure CSS: nothing here can disturb hydration.
 */
#services div[data-framer-name="Label / Count"] div[data-framer-name="Label Light"] {
  background-color: rgb(103, 54, 226) !important; /* brand purple #6736E2 */
}

#services div[data-framer-name="Label / Count"] div[data-framer-name="Label Light"] .framer-text {
  color: #ffffff !important;
}