/* Opt-in marketing counters only. Never target balances, prices or arbitrary numbers. */
body.neo-marketing-glow {
  --neo-metric-ink: #8b5100;
  --neo-metric-glow-soft: rgba(190, 113, 4, .12);
  --neo-metric-glow-bright: rgba(190, 113, 4, .24);
  --neo-metric-size: 1.875rem;
}
html[data-theme="dark"] body.neo-marketing-glow {
  --neo-metric-ink: #ffda8b;
  --neo-metric-glow-soft: rgba(255, 183, 72, .18);
  --neo-metric-glow-bright: rgba(255, 183, 72, .45);
}
body.neo-marketing-glow :is(.neo-mstats-value, .neo-marketing-value, .neo-counter-value, .neo-counter-pulse) {
  color: var(--neo-metric-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: var(--neo-metric-size) !important;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
  opacity: 1;
  text-shadow: 0 0 5px var(--neo-metric-glow-soft);
  animation: neo-metric-breathe 5.8s ease-in-out infinite;
  animation-play-state: paused;
}
body.neo-marketing-glow :is(.neo-metrics-in-view .neo-mstats-value, .neo-marketing-metrics.neo-metrics-in-view .neo-marketing-value, .neo-counter-value, .neo-counter-pulse) { animation-play-state: running; }
@keyframes neo-metric-breathe {
  0%, 100% { text-shadow: 0 0 4px var(--neo-metric-glow-soft); }
  50% { text-shadow: 0 0 10px var(--neo-metric-glow-bright), 0 0 19px var(--neo-metric-glow-soft); }
}
body.neo-marketing-glow #neo-marketing-stats { padding: 0; margin: 14px auto 20px; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-grid { gap: 10px; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-badge { padding: 4px 10px; font-size: .75rem; margin-bottom: 10px; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-title { font-size: 1.25rem; margin-bottom: 16px; line-height: 1.3; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-title::before { inset: -5px -9px; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-card { padding: 16px 18px !important; min-height: 0; animation: none; }
body.neo-marketing-glow #neo-marketing-stats .neo-mstats-label { font-size: .875rem; line-height: 1.4; margin-top: 6px; }
body.neo-marketing-glow .neo-counter-value,
body.neo-marketing-glow .neo-counter-pulse {
  font-size: inherit !important;
  color: inherit !important;
  background: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 760px) {
  /* Full-width single-column stack below 480px: three columns leave too
     little width for large grouped numbers (e.g. "17 583 361"), which forced
     the value onto two lines and pushed it into the label. Three columns are
     kept for wider phones/tablets (480-760px) where there is room. */
  body.neo-marketing-glow { --neo-metric-size: clamp(1.25rem, 6.2vw, 1.5rem); }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 132px;
    gap: 8px;
    padding: 13px 8px !important;
    text-align: center;
  }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-value {
    white-space: nowrap;
    max-width: 100%;
  }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-label {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 3.9em;
    margin: 0 !important;
    text-align: center;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 480px) {
  /* Below 480px even the shrunk 3-column font cannot fit an 8-digit grouped
     number without wrapping — stack the cards full-width instead. */
  body.neo-marketing-glow { --neo-metric-size: clamp(1.375rem, 6.8vw, 1.75rem); }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-grid { grid-template-columns: 1fr; gap: 10px; }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-card {
    min-height: 0;
    flex-direction: row;
    justify-content: space-between;
    padding: 14px 16px !important;
    text-align: left;
  }
  body.neo-marketing-glow #neo-marketing-stats .neo-mstats-label {
    min-height: 0;
    justify-content: flex-end;
    text-align: right;
    max-width: 55%;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.neo-marketing-glow :is(.neo-mstats-value, .neo-marketing-value, .neo-counter-value, .neo-counter-pulse) { animation: none !important; }
}