/* rescue-webflow-ai.html — hero animation (prefix: wa-)
   Theme: Viewport stack (desktop / tablet / mobile) + browser matrix all green after audit */
@keyframes waGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes waFade { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes waFadeR{ from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes waBarGrow { from { width: 0; } to { width: 150px; } }
.wa-glow { animation: waGlow 3.5s ease-in-out infinite; }
.wa-vp   { }
.wa-v1 { animation: waFade 0.45s var(--ease-spring) 0.4s both; }
.wa-v2 { animation: waFade 0.45s var(--ease-spring) 0.6s both; }
.wa-v3 { animation: waFade 0.5s  var(--ease-spring) 0.8s both; }
.wa-br   { }
.wa-b1 { animation: waFadeR 0.4s ease-out 1.0s both; }
.wa-b2 { animation: waFadeR 0.4s ease-out 1.15s both; }
.wa-b3 { animation: waFadeR 0.4s ease-out 1.3s both; }
.wa-b4 { animation: waFadeR 0.4s ease-out 1.45s both; }
.wa-b5 { animation: waFadeR 0.4s ease-out 1.6s both; }
.wa-b6 { animation: waFadeR 0.4s ease-out 1.75s both; }
.wa-cibar { animation: waBarGrow 1s var(--ease-out) 1.9s both; }