/* svc-aws.html — hero animation (prefix: aws-)
   Theme: 6 AWS service tiles + live billing ticker */
@keyframes awsGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes awsFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes awsBarRise { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes awsSpendTick { 0%,100% { opacity: 1; } 50% { opacity: 0.7; } }
.aws-glow  { animation: awsGlow 3.5s ease-in-out infinite; }
.aws-tile  { }
.aws-t1 { animation: awsFade 0.45s var(--ease-spring) 0.4s both; }
.aws-t2 { animation: awsFade 0.45s var(--ease-spring) 0.55s both; }
.aws-t3 { animation: awsFade 0.45s var(--ease-spring) 0.7s both; }
.aws-t4 { animation: awsFade 0.45s var(--ease-spring) 0.85s both; }
.aws-t5 { animation: awsFade 0.45s var(--ease-spring) 1.0s both; }
.aws-t6 { animation: awsFade 0.45s var(--ease-spring) 1.15s both; }
.aws-bill  { animation: awsFade 0.55s var(--ease-spring) 1.35s both; }
.aws-bars rect { transform-box: fill-box; transform-origin: bottom center; animation: awsBarRise 0.45s var(--ease-spring) both; }
.aws-bars rect:nth-child(1){animation-delay:1.7s}.aws-bars rect:nth-child(2){animation-delay:1.8s}.aws-bars rect:nth-child(3){animation-delay:1.9s}.aws-bars rect:nth-child(4){animation-delay:2.0s}.aws-bars rect:nth-child(5){animation-delay:2.1s}.aws-bars rect:nth-child(6){animation-delay:2.2s}.aws-bars rect:nth-child(7){animation-delay:2.3s}.aws-bars rect:nth-child(8){animation-delay:2.4s}.aws-bars rect:nth-child(9){animation-delay:2.5s}.aws-bars rect:nth-child(10){animation-delay:2.6s}.aws-bars rect:nth-child(11){animation-delay:2.7s}.aws-bars rect:nth-child(12){animation-delay:2.8s}
.aws-spend { animation: awsSpendTick 2.4s ease-in-out 2.5s infinite; }