@keyframes mouseMoveSequence{0%{top:102%;left:102%;transform:scale(1)}5%{top:28%;left:50%;transform:scale(1)}10%{top:28%;left:50%;transform:scale(1)}18%{top:49%;left:50%;transform:scale(1)}25%{top:49%;left:50%;transform:scale(1)}28%{top:66%;left:50%;transform:scale(1)}30%{top:66%;left:50%;transform:scale(.8)}32%{top:66%;left:50%;transform:scale(1)}40%{top:45%;left:50%;transform:scale(1)}50%{top:45%;left:50%;transform:scale(1)}52%{top:60%;left:50%;transform:scale(1)}54%{top:60%;left:50%;transform:scale(.8)}56%{top:60%;left:50%;transform:scale(1)}60%{opacity:1;top:102%;left:102%}62%{opacity:0;top:102%;left:102%}65%{opacity:0;top:45%;left:60%}75%{opacity:0;top:45%;left:60%}78%{opacity:1;top:55%;left:60%}85%{opacity:1;top:55%;left:60%}68%{opacity:1;top:25%;left:70%;transform:scale(1)}75%{opacity:1;top:25%;left:70%;transform:scale(1)}80%{opacity:1;top:60%;left:30%;transform:scale(1)}88%{opacity:1;top:60%;left:30%;transform:scale(1)}to{opacity:1;top:102%;left:102%}}@keyframes typingSequence1{0%,9%{width:0}18%{width:100%}to{width:100%}}@keyframes typingSequence2{0%,21%{width:0}29%{width:100%}to{width:100%}}@keyframes popupSequence{0%,39%{opacity:0;transform:translate(-50%,-50%)scale(0)}42%,58%{opacity:1;transform:translate(-50%,-50%)scale(1)}61%,to{opacity:0;transform:translate(-50%,-50%)scale(0)}}@keyframes typingSequence3{0%,43%{clip-path:inset(0 100% 0 0)}50%,to{clip-path:inset(0)}}@keyframes buttonClickSequence{0%,29%{transform:scale(1)}30%{transform:scale(.95)}31%,to{transform:scale(1)}}@keyframes verifyClickSequence{0%,53%{transform:scale(1)}54%{transform:scale(.95)}55%,to{transform:scale(1)}}@keyframes slideOut{0%,60%{opacity:1;pointer-events:auto;transform:translateY(0)}65%,95%{opacity:0;pointer-events:none;transform:translateY(-20px)}to{opacity:1;pointer-events:auto;transform:translateY(0)}}@keyframes slideIn{0%,60%{opacity:0;transform:translateY(20px)}65%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes typingSequence4{0%,68%{opacity:0;width:0}68.1%{opacity:1;width:0}75%{opacity:1;width:100%}to{opacity:1;width:100%}}@keyframes typingSequence5{0%,80%{opacity:0;width:0}80.1%{opacity:1;width:0}88%{opacity:1;width:100%}to{opacity:1;width:100%}}@keyframes drawLineVertical{0%,12%{opacity:0;height:0}18%{opacity:1;height:4rem}85%{opacity:1;height:4rem}95%,to{opacity:0;height:4rem}}@keyframes flowFadeIn{0%,18%{opacity:0;transform:translateY(-10px)}25%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(-10px)}}@keyframes drawPathL{0%,43%{opacity:0;width:0;height:0}44%{opacity:1;width:0;height:0}50%{opacity:1;width:0;height:4rem}56%{opacity:1;width:3rem;height:4rem}85%{opacity:1;width:3rem;height:4rem}95%,to{opacity:0;width:3rem;height:4rem}}@keyframes flowPopIn{0%,49%{opacity:0;transform:scale(.9)}55%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(.9)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes row3Running{0%{opacity:1}25%{opacity:1}26%{opacity:0}to{opacity:0}}@keyframes row3QC{0%,24%{opacity:0}25%{opacity:1}74%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes row3Verified{0%,74%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes row3ConfLow{0%,24%{opacity:0}25%{opacity:1}74%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes row3ConfHigh{0%,74%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes row3BtnAppear{0%,32%{opacity:0;transform:translateY(3px)}33%{opacity:1;transform:translateY(0)}74%{opacity:1;transform:scale(1)}75%{opacity:0}to{opacity:0}}@keyframes row3LabelManual{0%,74%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes row3HighlightBg{0%,24%{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}25%,74%{background-color:#fff1f2;border-color:#fca5a5;box-shadow:0 4px 6px -1px #fb71854d}75%,to{background-color:#f0fdf4;border-color:#86efac;box-shadow:0 4px 6px -1px #4ade8033}}@keyframes row3CursorMove{0%,32%{opacity:0;top:120%;right:-10%}33%{opacity:1;top:120%;right:-10%}42%{opacity:1;top:50%;right:5%;transform:translateY(-50%)scale(1)}58%{opacity:1;top:50%;right:5%;transform:translateY(-50%)scale(1)}60%{opacity:1;top:50%;right:5%;transform:translateY(-50%)scale(.85)}62%{opacity:1;top:50%;right:5%;transform:translateY(-50%)scale(1)}70%{opacity:1;top:120%;right:10%}75%,to{opacity:0}}@keyframes templateGridOut{0%,20%{opacity:1;transform:translateY(0)scale(1)}30%,to{opacity:0;pointer-events:none;transform:translateY(-20px)scale(.98)}}@keyframes templatePulse{0%,20%{box-shadow:0 0 #c6b5a066}10%{box-shadow:0 0 0 8px #c6b5a000}20%,to{box-shadow:0 0 #c6b5a000}}@keyframes workflowBuilderIn{0%,25%{opacity:0;transform:translateY(20px)}35%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes nodeAppear1{0%,30%{opacity:0;transform:translate(-10px)}40%,90%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes nodeAppear2{0%,35%{opacity:0;transform:translate(-10px)}45%,90%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes nodeAppear3{0%,40%{opacity:0;transform:translateY(10px)}50%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes nodeAppear4{0%,50%{opacity:0;transform:translateY(10px)}60%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes connectorAppear{0%,35%{opacity:0}45%,90%{opacity:1}to{opacity:0}}@keyframes panelSlideIn{0%,40%{opacity:0;transform:translate(20px)}55%,90%{opacity:1;transform:translate(0)}to{opacity:0}}@keyframes workflowCursor{0%,15%{opacity:0;top:35%;left:75%}20%{opacity:1;top:35%;left:75%}25%{top:35%;left:75%;transform:scale(.9)}27%{top:35%;left:75%;transform:scale(1)}30%,to{opacity:0}}
