/* svc-stripe.html — hero animation (prefix: st-)
   Theme: Payment state machine → settled + reconciliation ledger */
@keyframes stGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes stFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes stFlow { 0% { stroke-dashoffset: 20; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes stMatchBlink { 0%,100% { opacity: 0.8; } 50% { opacity: 1; } }
.st-glow { animation: stGlow 3.5s ease-in-out infinite; }
.st-n1 { animation: stFade 0.45s var(--ease-spring) 0.45s both; }
.st-n2 { animation: stFade 0.45s var(--ease-spring) 0.7s both; }
.st-n3 { animation: stFade 0.45s var(--ease-spring) 0.95s both; }
.st-dispute { animation: stFade 0.45s var(--ease-spring) 1.15s both; }
.st-arrow { stroke-dasharray: 6; }
.st-a1 { animation: stFlow 2.4s linear 1.3s infinite; }
.st-a2 { animation: stFlow 2.4s linear 1.5s infinite; }
.st-a3 { animation: stFlow 3.4s linear 2.1s infinite; }
.st-ledger { animation: stFade 0.55s var(--ease-spring) 1.35s both; }
.st-match  { animation: stMatchBlink 2.2s ease-in-out 2.2s infinite; }