.reveal-card {
  opacity: 0;
  transform: translateY(45px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
  will-change: transform, opacity;
}

.reveal-card.revealed {
  opacity: 1;
  transform: translateY(0);
}

.panel,
.service-card,
.metric-card,
.summary-card,
.mini-metric {
  position: relative;
  overflow: hidden;
}

.panel::before,
.service-card::before,
.metric-card::before,
.summary-card::before,
.mini-metric::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(215, 162, 67, 0.14) 0%, rgba(215, 162, 67, 0.05) 38%, transparent 72%);
  top: var(--glow-y, 65%);
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: top 0.18s linear;
  z-index: 0;
}

.panel > *,
.service-card > *,
.metric-card > *,
.summary-card > *,
.mini-metric > * {
  position: relative;
  z-index: 1;
}