.solution-card{opacity:0;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #26b4e226;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out forwards cardFadeIn;display:block;position:relative;overflow:hidden}.solution-card:hover{border-color:#26b4e266;transform:translateY(-8px);box-shadow:0 20px 40px #26b4e226,0 8px 16px #00000014}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.solution-card-inner{flex-direction:column;height:100%;display:flex}.solution-animation-area{background:linear-gradient(135deg,#26b4e20d 0%,#4a9eb214 100%);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.solution-content{flex-direction:column;flex:1;padding:24px;display:flex}.solution-title{color:#1a1a1a;margin-bottom:8px;font-size:1.25rem;font-weight:700;transition:color .3s}.solution-card:hover .solution-title{color:#26b4e2}.solution-description{color:#6f848d;flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.6}.solution-cta{color:#26b4e2;align-items:center;gap:8px;font-size:.875rem;font-weight:600;transition:gap .3s;display:inline-flex}.solution-card:hover .solution-cta{gap:12px}.cta-arrow{width:18px;height:18px;transition:transform .3s}.solution-card:hover .cta-arrow{transform:translate(4px)}.card-animation-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}@keyframes cloudFloatCard{0%,to{opacity:.85;transform:translateY(0)translate(0)}25%{opacity:1;transform:translateY(-12px)translate(8px)}50%{opacity:.85;transform:translateY(-20px)translate(-6px)}75%{opacity:1;transform:translateY(-10px)translate(-12px)}}.cloud-shape-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#26b4e240,#4a9eb226);border-radius:30px;justify-content:center;align-items:center;animation:6s ease-in-out infinite cloudFloatCard;display:flex;position:absolute;box-shadow:0 4px 20px #26b4e226}.cloud-shape-card.cloud-1{width:100px;height:70px;animation-delay:0s;top:15%;left:8%}.cloud-shape-card.cloud-2{width:90px;height:70px;animation-delay:2s;top:45%;left:50%;transform:translate(-50%)}.cloud-shape-card.cloud-3{width:105px;height:65px;animation-delay:4s;top:20%;right:8%}.cloud-logo-card{z-index:3;object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:auto;max-width:75%;height:auto;max-height:45%;position:relative}.solution-card:hover .cloud-shape-card{animation-duration:3s}.solution-card:hover .cloud-shape-card.cloud-1{box-shadow:0 6px 25px #ff990040}.solution-card:hover .cloud-shape-card.cloud-2{box-shadow:0 6px 25px #4285f440}.solution-card:hover .cloud-shape-card.cloud-3{box-shadow:0 6px 25px #0078d440}.devops-card-animation{justify-content:center;align-items:center;display:flex}.devops-circle{width:140px;height:140px;position:relative}.devops-track{width:100%;height:100%;position:absolute;top:0;left:0}.devops-node{background:linear-gradient(135deg,#26b4e226,#4a9eb21a);border:2px solid #26b4e24d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute}.devops-node span{color:#4a9eb2;text-transform:uppercase;letter-spacing:.02em;font-size:.55rem;font-weight:700}.devops-node.node-plan{animation:4s ease-in-out infinite nodeHighlight;top:-8px;left:50%;transform:translate(-50%)}.devops-node.node-build{animation:4s ease-in-out 1s infinite nodeHighlight;top:50%;right:-8px;transform:translateY(-50%)}.devops-node.node-test{animation:4s ease-in-out 2s infinite nodeHighlight;bottom:-8px;left:50%;transform:translate(-50%)}.devops-node.node-deploy{animation:4s ease-in-out 3s infinite nodeHighlight;top:50%;left:-8px;transform:translateY(-50%)}@keyframes nodeHighlight{0%,20%,to{box-shadow:none;background:linear-gradient(135deg,#26b4e226,#4a9eb21a);border-color:#26b4e24d;transform:translate(-50%)scale(1)}10%{background:linear-gradient(135deg,#26b4e259,#4a9eb240);border-color:#26b4e2cc;transform:translate(-50%)scale(1.1);box-shadow:0 0 15px #26b4e280}}@keyframes nodeHighlightY{0%,20%,to{box-shadow:none;background:linear-gradient(135deg,#26b4e226,#4a9eb21a);border-color:#26b4e24d;transform:translateY(-50%)scale(1)}10%{background:linear-gradient(135deg,#26b4e259,#4a9eb240);border-color:#26b4e2cc;transform:translateY(-50%)scale(1.1);box-shadow:0 0 15px #26b4e280}}.devops-node.node-build,.devops-node.node-deploy{animation-name:nodeHighlightY}.devops-traveler{z-index:10;background:linear-gradient(135deg,#26b4e2,#4a9eb2);border-radius:50%;width:12px;height:12px;animation:4s linear infinite travelCircle;position:absolute;box-shadow:0 0 10px #26b4e2cc,0 0 20px #26b4e266}@keyframes travelCircle{0%{top:-6px;left:50%;transform:translate(-50%)}25%{top:50%;left:calc(100% - 6px);transform:translateY(-50%)}50%{top:calc(100% - 6px);left:50%;transform:translate(-50%)}75%{top:50%;left:-6px;transform:translateY(-50%)}to{top:-6px;left:50%;transform:translate(-50%)}}.devops-center{background:linear-gradient(135deg,#26b4e233,#4a9eb226);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.devops-center svg{color:#26b4e2;width:18px;height:18px}.solution-card:hover .devops-traveler,.solution-card:hover .devops-node{animation-duration:2s}.ai-brain{width:100px;height:80px;position:relative}.ai-neuron{background:radial-gradient(circle,#26b4e2,#4a9eb2);border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite neuronGlow;position:absolute;box-shadow:0 0 12px #26b4e299}.ai-neuron.n1{animation-delay:0s;top:0;left:20%}.ai-neuron.n2{animation-delay:.3s;top:0;right:20%}.ai-neuron.n3{animation-delay:.6s;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-neuron.n4{animation-delay:.9s;bottom:0;left:10%}.ai-neuron.n5{animation-delay:1.2s;bottom:0;right:10%}@keyframes neuronGlow{0%,to{transform:scale(1);box-shadow:0 0 12px #26b4e299}50%{transform:scale(1.2);box-shadow:0 0 25px #26b4e2}}.ai-neuron.n3{animation-name:neuronGlowCenter}@keyframes neuronGlowCenter{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 12px #26b4e299}50%{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 25px #26b4e2}}.ai-synapse{background:linear-gradient(#26b4e2cc,#0000);width:2px;height:30px;animation:1.5s ease-in-out infinite synapseFlow;position:absolute}.ai-synapse.s1{animation-delay:0s;top:14px;left:28%;transform:rotate(45deg)}.ai-synapse.s2{animation-delay:.3s;top:14px;right:28%;transform:rotate(-45deg)}.ai-synapse.s3{animation-delay:.6s;bottom:14px;left:25%;transform:rotate(-45deg)}.ai-synapse.s4{animation-delay:.9s;bottom:14px;right:25%;transform:rotate(45deg)}@keyframes synapseFlow{0%,to{opacity:.3}50%{opacity:1}}.ai-sparks{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ai-spark{background:#26b4e2;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite sparkFloat;position:absolute}.ai-spark:first-child{animation-delay:0s;top:10%;left:5%}.ai-spark:nth-child(2){animation-delay:1s;top:50%;right:0}.ai-spark:nth-child(3){animation-delay:2s;bottom:10%;left:50%}@keyframes sparkFloat{0%,to{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-15px)scale(1)}}.transform-gears{width:100px;height:80px;position:relative}.gear{animation:4s linear infinite gearSpin;position:absolute}.gear svg{fill:#26b4e2cc;filter:drop-shadow(0 2px 8px #26b4e266)}.gear.gear-large{width:60px;height:60px;top:0;left:0}.gear.gear-small{width:40px;height:40px;animation-duration:3s;animation-direction:reverse;bottom:0;right:0}.gear.gear-small svg{fill:#4a9eb2cc}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transform-progress{background:#26b4e233;border-radius:2px;width:80px;height:4px;position:absolute;bottom:-20px;left:50%;overflow:hidden;transform:translate(-50%)}.progress-bar{background:linear-gradient(90deg,#26b4e2,#4a9eb2);border-radius:2px;width:30%;height:100%;animation:2s ease-in-out infinite progressMove}@keyframes progressMove{0%{width:10%;margin-left:0}50%{width:40%;margin-left:30%}to{width:10%;margin-left:90%}}.security-shield-wrapper{width:70px;height:80px;position:relative}.shield-shape{z-index:2;position:relative}.shield-shape svg{stroke:#26b4e2;fill:#26b4e21a;filter:drop-shadow(0 4px 12px #26b4e24d);width:70px;height:80px}.shield-pulse{border:2px solid #26b4e266;border-radius:50%/60% 60% 40% 40%;width:90px;height:100px;animation:2s ease-out infinite shieldExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shield-pulse.delay-1{animation-delay:1s}@keyframes shieldExpand{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.security-lock{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.security-lock svg{stroke:#fff;stroke-width:2.5px;fill:#26b4e2cc;width:100%;height:100%}.data-bars{align-items:flex-end;gap:8px;height:80px;display:flex}.data-bar{background:linear-gradient(#26b4e2,#4a9eb2);border-radius:4px 4px 0 0;width:16px;animation:2s ease-in-out infinite barBounce}.data-bar.bar-1{height:40px;animation-delay:0s}.data-bar.bar-2{height:60px;animation-delay:.15s}.data-bar.bar-3{height:35px;animation-delay:.3s}.data-bar.bar-4{height:70px;animation-delay:.45s}.data-bar.bar-5{height:50px;animation-delay:.6s}@keyframes barBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.6)}}.data-flow{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.data-particle{background:#26b4e2;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite particleRise;position:absolute;box-shadow:0 0 10px #26b4e2cc}.data-particle:first-child{animation-delay:0s;left:20%}.data-particle:nth-child(2){animation-delay:1s;left:50%}.data-particle:nth-child(3){animation-delay:2s;left:80%}@keyframes particleRise{0%{opacity:0;bottom:10%;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;bottom:90%;transform:scale(.5)}}.data-graph-line{pointer-events:none;width:80%;height:40px;position:absolute;bottom:20px;left:10%}.graph-path{stroke:#26b4e280;stroke-dasharray:200;stroke-dashoffset:200px;animation:3s ease-in-out infinite graphDraw}@keyframes graphDraw{0%{stroke-dashoffset:200px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}@media (max-width:768px){.solution-animation-area{height:150px}.solution-content{padding:20px}.solution-title{font-size:1.125rem}.devops-circle{width:120px;height:120px}.devops-node{width:36px;height:36px}.devops-node span{font-size:.45rem}}