/* GROWBZ — Features page.
   The design is desktop-only and carries all cosmetic values inline; these rules only
   adapt the layout below tablet width via data-* hooks (no effect at >= 1024px). */

@media (max-width: 960px) {
  [data-cols-3] { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 640px) {
  [data-features-hero] { padding: 56px 20px !important; }
  [data-features-h1] { font-size: 34px !important; }
  [data-features-section] { padding-left: 20px !important; padding-right: 20px !important; }
  [data-cols-3] { grid-template-columns: 1fr !important; }
  [data-role-card] { flex-wrap: wrap !important; gap: 14px 18px !important; }
  [data-role-desc] { flex-basis: 100% !important; }
  [data-cta-box] { padding: 48px 24px !important; }
  [data-cta-h2] { font-size: 30px !important; }
}