/* svc-claude.html — hero animation (prefix: cl-)
   Theme: Claude thinking lines → tool calls → answer with citations */
@keyframes clGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes clFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes clLine { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
.cl-glow { animation: clGlow 3.5s ease-in-out infinite; }
.cl-think { animation: clFade 0.5s var(--ease-spring) 0.45s both; }
.cl-line  { animation: clLine 0.35s ease-out both; }
.cl-l1 { animation-delay: 0.7s; } .cl-l2 { animation-delay: 0.95s; } .cl-l3 { animation-delay: 1.2s; }
.cl-tool { }
.cl-tool1 { animation: clFade 0.45s var(--ease-spring) 1.4s both; }
.cl-tool2 { animation: clFade 0.45s var(--ease-spring) 1.6s both; }
.cl-tool3 { animation: clFade 0.45s var(--ease-spring) 1.8s both; }
.cl-answer{ animation: clFade 0.55s var(--ease-spring) 2.0s both; }