/* Countup metric rack */
.metric-stage {
  display: grid;
  min-height: 72vh;
  place-items: center;
  padding: 32px;
  background: #111315;
  color: #f7f2e8;
}

.metric-rack {
  width: min(980px, 100%);
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.metric-card {
  min-height: 220px;
  border: 1px solid rgba(247, 242, 232, 0.16);
  border-radius: 8px;
  padding: 18px;
  background: rgba(247, 242, 232, 0.08);
}

.metric-value {
  display: block;
  margin: 32px 0 18px;
  color: var(--green);
  font-size: clamp(46px, 8vw, 86px);
  font-weight: 950;
  line-height: 0.9;
}

.metric-track {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(247, 242, 232, 0.16);
}

.metric-fill {
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: var(--coral);
}

@media (max-width: 760px) {
  .metric-grid {
    grid-template-columns: 1fr;
  }
}