/* rescue-claude-code.html — hero animation (prefix: cc-)
   Theme: Three divergent modules merge into one canonical pattern */
@keyframes ccGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes ccPop  { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@keyframes ccFlow { 0% { stroke-dashoffset: 18; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes ccFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.cc-glow { animation: ccGlow 3.5s ease-in-out infinite; }
.cc-mod  { transform-box: fill-box; transform-origin: center; }
.cc-m1 { animation: ccPop 0.5s var(--ease-spring) 0.4s both; }
.cc-m2 { animation: ccPop 0.5s var(--ease-spring) 0.55s both; }
.cc-m3 { animation: ccPop 0.5s var(--ease-spring) 0.7s both; }
.cc-merge { stroke-dasharray: 6; }
.cc-a1 { animation: ccFlow 2.6s linear 1.3s infinite; }
.cc-a2 { animation: ccFlow 2.6s linear 1.5s infinite; }
.cc-a3 { animation: ccFlow 2.6s linear 1.7s infinite; }
.cc-canon { animation: ccFade 0.55s var(--ease-spring) 1.5s both; }