@keyframes cloudUpload{0%{opacity:0;transform:translateY(30px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes cloudPulse{0%,to{filter:drop-shadow(0 0 10px #26b4e24d);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #26b4e280);transform:scale(1.02)}}@keyframes fileFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(-2deg)}75%{transform:translateY(-5px)rotate(2deg)}}.cloud-upload-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.cloud-upload-container{width:240px;height:200px;position:relative}.cloud-upload-icon{animation:3s ease-in-out infinite cloudPulse;position:absolute;top:20px;left:50%;transform:translate(-50%)}.cloud-upload-icon svg{stroke:#26b4e2;stroke-width:2px;fill:#26b4e21a;width:100px;height:70px}.cloud-upload-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud-upload-arrow svg{stroke:#26b4e2;stroke-width:2.5px;fill:none;width:32px;height:32px;animation:2s ease-in-out infinite cloudUpload}.cloud-upload-files{gap:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.cloud-upload-file{background:linear-gradient(135deg,#fff,#f1f5f9);border:2px solid #4a9eb24d;border-radius:6px;justify-content:center;align-items:center;width:40px;height:50px;animation:3s ease-in-out infinite fileFloat;display:flex;box-shadow:0 4px 12px #0000001a}.cloud-upload-file:first-child{animation-delay:0s}.cloud-upload-file:nth-child(2){animation-delay:.5s}.cloud-upload-file:nth-child(3){animation-delay:1s}.cloud-upload-file svg{stroke:#4a9eb2;stroke-width:2px;fill:none;width:20px;height:20px}.cloud-upload-progress{background:#4a9eb233;border-radius:3px;width:180px;height:6px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.cloud-upload-progress-bar{background:linear-gradient(90deg,#26b4e2,#4a9eb2);border-radius:3px;height:100%;animation:3s ease-in-out infinite progressFill}@keyframes progressFill{0%{width:0%}50%{width:100%}51%{width:0%}to{width:0%}}@keyframes gearRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gearRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes gearsGlow{0%,to{filter:drop-shadow(0 0 5px #4a9eb24d)}50%{filter:drop-shadow(0 0 15px #4a9eb299)}}.gears-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.gears-container{width:220px;height:180px;animation:3s ease-in-out infinite gearsGlow;position:relative}.gear{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.gear svg{stroke:#4a9eb2;stroke-width:1.5px;fill:#4a9eb226;width:100%;height:100%}.gear-large{width:100px;height:100px;animation:6s linear infinite gearRotate;top:20px;left:20px}.gear-medium{width:70px;height:70px;animation:4s linear infinite gearRotateReverse;top:50px;right:30px}.gear-small{width:50px;height:50px;animation:3s linear infinite gearRotate;bottom:20px;left:70px}.gear-center-dot{background:#4a9eb2;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #4a9eb299}.gears-flow-arrow{position:absolute;bottom:30px;right:20px}.gears-flow-arrow svg{stroke:#6f848d;stroke-width:2px;fill:none;width:50px;height:20px}@keyframes robotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes robotEyeBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes robotArmWave{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}@keyframes sparkFly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty))scale(0)}}.automation-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.automation-container{width:200px;height:220px;position:relative}.robot-body{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:3px solid #94a3b8;border-radius:20px;width:100px;height:120px;animation:2s ease-in-out infinite robotBounce;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}.robot-head{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:3px solid #94a3b8;border-radius:15px 15px 10px 10px;width:70px;height:60px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.robot-eyes{justify-content:center;gap:12px;margin-top:15px;display:flex}.robot-eye{background:#26b4e2;border-radius:50%;width:14px;height:14px;animation:4s ease-in-out infinite robotEyeBlink;box-shadow:0 0 10px #26b4e2cc}.robot-antenna{background:#94a3b8;border-radius:2px;width:4px;height:20px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.robot-antenna:after{content:"";background:#26b4e2;border-radius:50%;width:12px;height:12px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #26b4e2cc}.robot-screen{background:#0f172a;border:2px solid #26b4e2;border-radius:6px;justify-content:center;align-items:center;width:60px;height:40px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.robot-screen-text{color:#26b4e2;font-family:monospace;font-size:.6rem;animation:1s ease-in-out infinite percentFlicker}.robot-arm{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid #94a3b8;border-radius:10px;width:20px;height:60px;position:absolute;top:30px}.robot-arm-left{transform-origin:top;animation:3s ease-in-out infinite robotArmWave;left:-25px}.robot-arm-right{transform-origin:top;animation:3s ease-in-out infinite reverse robotArmWave;right:-25px}.automation-sparks{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.automation-spark{background:#fbbf24;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 8px #fbbf24cc}@keyframes butterflyFly{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-20px)rotate(5deg)}50%{transform:translate(60px)rotate(0)}75%{transform:translate(30px,20px)rotate(-5deg)}}@keyframes wingFlap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.3)}}@keyframes cocoonTransform{0%,40%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.8)}to{opacity:0;transform:scale(.5)}}@keyframes butterflyEmerge{0%,45%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.transformation-animation{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative;overflow:hidden}.transformation-container{justify-content:space-around;align-items:center;width:280px;height:180px;display:flex;position:relative}.transformation-stage{flex-direction:column;align-items:center;gap:12px;display:flex}.transformation-label{text-transform:uppercase;letter-spacing:.05em;color:#6f848d;font-size:.7rem;font-weight:600}.transformation-cocoon{background:linear-gradient(135deg,#6f848d,#4a5568);border-radius:25px 25px 20px 20px;width:50px;height:70px;position:relative;box-shadow:0 4px 15px #0003}.transformation-cocoon:before{content:"";background:#4a9eb24d;border-radius:4px;width:30px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.transformation-arrow{align-items:center;gap:8px;display:flex}.transformation-arrow svg{stroke:#26b4e2;stroke-width:2px;fill:none;width:40px;height:20px}.transformation-arrow-dots{gap:4px;display:flex}.transformation-arrow-dot{opacity:0;background:#26b4e2;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dotFade}.transformation-arrow-dot:first-child{animation-delay:0s}.transformation-arrow-dot:nth-child(2){animation-delay:.3s}.transformation-arrow-dot:nth-child(3){animation-delay:.6s}@keyframes dotFade{0%,to{opacity:0}50%{opacity:1}}.transformation-butterfly{width:80px;height:60px;animation:6s ease-in-out infinite butterflyFly;position:relative}.butterfly-wing{transform-origin:100%;background:linear-gradient(135deg,#26b4e2,#4a9eb2,#6f848d);border-radius:50%/60% 60% 40% 40%;width:35px;height:50px;animation:.3s ease-in-out infinite wingFlap;position:absolute;top:50%}.butterfly-wing-left{transform-origin:100%;left:5px}.butterfly-wing-right{transform-origin:0;animation-delay:50ms;right:5px;transform:scaleX(-1)}.butterfly-body{background:linear-gradient(#1a1a1a,#4a5568);border-radius:4px;width:8px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.butterfly-antenna{background:#1a1a1a;border-radius:1px;width:2px;height:15px;position:absolute;top:-8px}.butterfly-antenna-left{left:1px;transform:rotate(-20deg)}.butterfly-antenna-right{right:1px;transform:rotate(20deg)}