/* svc-langchain.html — hero animation (prefix: lc-)
   Theme: LangGraph node flow with edges + LangSmith trace bar */
@keyframes lcGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes lcFade { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
@keyframes lcFlow { 0% { stroke-dashoffset: 18; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
.lc-glow { animation: lcGlow 3.5s ease-in-out infinite; }
.lc-node { transform-box: fill-box; transform-origin: center; }
.lc-n1 { animation: lcFade 0.45s var(--ease-spring) 0.4s both; }
.lc-n2 { animation: lcFade 0.45s var(--ease-spring) 0.55s both; }
.lc-n3 { animation: lcFade 0.45s var(--ease-spring) 0.7s both; }
.lc-n4 { animation: lcFade 0.45s var(--ease-spring) 0.85s both; }
.lc-n5 { animation: lcFade 0.45s var(--ease-spring) 1.0s both; }
.lc-n6 { animation: lcFade 0.45s var(--ease-spring) 1.15s both; }
.lc-edge { stroke-dasharray: 6; }
.lc-e1 { animation: lcFlow 2.6s linear 1.3s infinite; }
.lc-e2 { animation: lcFlow 2.6s linear 1.5s infinite; }
.lc-e3 { animation: lcFlow 2.6s linear 1.7s infinite; }
.lc-e4 { animation: lcFlow 2.6s linear 1.9s infinite; }
.lc-e5 { animation: lcFlow 2.6s linear 2.1s infinite; }
.lc-loop { }
.lc-trace { animation: lcFade 0.5s var(--ease-spring) 1.35s both; }