.plan-name-platinum { color: #00c2b8; text-shadow: 0 0 8px rgba(0,229,229,.18); }
.plan-name-elite { color: #A855F7; text-shadow: 0 0 8px rgba(181,107,196,.17); }
.plan-name-supreme { color: #D97706; text-shadow: 0 0 8px rgba(245,158,11,.16); }
/* Premium financial Money Green for the MIN - MAX block (public homepage and
   customer Investment Plans page share this treatment). */
.plan-range span, .dash-plan-range span,
.plan-range strong, .dash-plan-range strong {
  color: #22E58A;
  text-shadow: 0 0 10px rgba(34, 229, 138, .28);
}

@supports (background-clip: text) or (-webkit-background-clip: text) {
  .plan-range strong, .dash-plan-range strong {
    background-image: linear-gradient(90deg, #6BFFB0, #22E58A 55%, #14C97E);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@supports (background-clip: text) or (-webkit-background-clip: text) {
  .plan-name-platinum {
    background-image: linear-gradient(90deg, #00E5E5, #00C2B8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .plan-name-elite {
    background-image: linear-gradient(90deg, #B56BC4, #A855F7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .plan-name-supreme {
    background-image: linear-gradient(90deg, #F59E0B, #D97706);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}