/* motion/counters.css — 数字与状态点亮样式。由动画泳道子代理实现。 */

.proof-step,
.proof-arrow {
  display: inline-block;
  transition: color 0.35s, text-shadow 0.35s, transform 0.35s;
}

.proof-live .proof-step {
  color: var(--mint-strong);
  text-shadow: 0 0 14px rgba(112, 233, 164, 0.45);
}

.proof-live .proof-arrow {
  color: var(--mint);
  text-shadow: 0 0 10px rgba(112, 233, 164, 0.32);
}

.proof-live [data-proof-steps] .proof-step:nth-child(1) { transition-delay: 0ms; }
.proof-live [data-proof-steps] .proof-arrow:nth-child(2) { transition-delay: 140ms; }
.proof-live [data-proof-steps] .proof-step:nth-child(3) { transition-delay: 280ms; }
.proof-live [data-proof-steps] .proof-arrow:nth-child(4) { transition-delay: 420ms; }
.proof-live [data-proof-steps] .proof-step:nth-child(5) { transition-delay: 560ms; }

@keyframes proof-step-pulse {
  0% {
    transform: scale(1);
    text-shadow: 0 0 14px rgba(112, 233, 164, 0.45);
  }
  50% {
    transform: scale(1.12);
    text-shadow: 0 0 22px rgba(112, 233, 164, 0.5);
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 14px rgba(112, 233, 164, 0.45);
  }
}

.proof-live [data-proof-steps] .proof-step:last-child {
  animation: proof-step-pulse 0.4s ease-out 560ms 1;
}

.proof-live > div:not(:first-child) > strong {
  color: var(--mint-strong);
  text-shadow: 0 0 10px rgba(112, 233, 164, 0.28);
  transition: color 0.45s, text-shadow 0.45s;
}

.pricing-grid .price > strong {
  transition: color 0.35s;
}

.pricing-grid .price > strong.is-counting {
  color: var(--mint);
}

html.motion-reduced .proof-live .proof-step,
html.motion-reduced .proof-live .proof-arrow,
html.motion-reduced .proof-live > div:not(:first-child) > strong,
html.motion-reduced .pricing-grid .price > strong {
  transition: none;
  animation: none;
}

html.motion-reduced .proof-live [data-proof-steps] .proof-step:last-child {
  transform: none;
}