.animated-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.animated-background .deployment-group{width:100%;height:100%;position:relative}.animated-background .floating-icon{color:#9747ff;opacity:.12;will-change:transform, opacity;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.animated-background .source-group .wordpress-primary{opacity:.18;color:#7c3aed;animation:30s infinite source-float;top:20%;left:8%}.animated-background .source-group .php-symbol{opacity:.14;color:#8b5cf6;animation:25s -8s infinite source-float;top:50%;left:15%}.animated-background .source-group .code-brackets{opacity:.1;animation:35s -15s infinite source-float;top:75%;left:5%}.animated-background .build-group .docker-container{opacity:.15;color:#6366f1;animation:28s -3s infinite build-process;top:30%;left:35%}.animated-background .build-group .build-gear{opacity:.12;animation:20s -10s infinite build-rotate;top:65%;left:30%}.animated-background .cloud-group .cloud-infrastructure{opacity:.16;color:#7c3aed;filter:blur(.3px);animation:40s -5s infinite cloud-drift;top:15%;right:25%}.animated-background .cloud-group .server-cluster{opacity:.13;animation:32s -18s infinite cloud-drift;top:45%;right:20%}.animated-background .cloud-group .database{opacity:.11;color:#6366f1;animation:45s -25s infinite database-pulse;top:70%;right:30%}.animated-background .live-group .website-live{opacity:.17;color:#8b5cf6;animation:35s -7s infinite live-glow;top:25%;right:8%}.animated-background .live-group .success-check{opacity:.14;color:#10b981;animation:25s -12s infinite success-pulse;top:60%;right:12%}.animated-background .flow-arrows{width:100%;height:100%;position:absolute}.animated-background .flow-arrow{opacity:.08;color:#9747ff;position:absolute}.animated-background .arrow-1{animation:8s infinite arrow-pulse;top:32%;left:22%;transform:rotate(15deg)}.animated-background .arrow-2{animation:8s -2s infinite arrow-pulse;top:48%;left:48%;transform:rotate(5deg)}.animated-background .arrow-3{animation:8s -4s infinite arrow-pulse;top:65%;right:40%;transform:rotate(-10deg)}.animated-background .step-indicators{width:100%;height:100%;position:absolute}.animated-background .step-number{color:#fff;opacity:.1;background:linear-gradient(135deg,#9747ff,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;animation:12s infinite step-glow;display:flex;position:absolute}.animated-background .step-1{animation-delay:0s;top:35%;left:12%}.animated-background .step-2{animation-delay:-3s;top:45%;left:32%}.animated-background .step-3{animation-delay:-6s;top:55%;right:35%}.animated-background .step-4{animation-delay:-9s;top:40%;right:15%}.animated-background .bg-depth{opacity:.03;filter:blur(2px);background:linear-gradient(135deg,#9747ff15,#7c3aed15);border-radius:50%;animation:60s ease-in-out infinite depth-drift;position:absolute}.animated-background .depth-1{width:200px;height:200px;animation-delay:-10s;top:10%;left:50%}.animated-background .depth-2{width:150px;height:150px;animation-delay:-35s;bottom:20%;right:40%}@keyframes source-float{0%,to{opacity:.12;transform:translate(0)rotate(0)}25%{opacity:.18;transform:translate(8px,-12px)rotate(1deg)}50%{opacity:.1;transform:translate(-5px,-20px)rotate(-.5deg)}75%{opacity:.15;transform:translate(-8px,-8px)rotate(.5deg)}}@keyframes build-process{0%,to{opacity:.15;transform:translate(0)scale(1)}33%{opacity:.2;transform:translate(10px,-15px)scale(1.05)}66%{opacity:.12;transform:translate(-8px,-25px)scale(.95)}}@keyframes build-rotate{0%,to{opacity:.12;transform:rotate(0)}50%{opacity:.18;transform:rotate(180deg)}}@keyframes cloud-drift{0%,to{opacity:.13;transform:translate(0)rotate(0)}25%{opacity:.16;transform:translate(15px,-8px)rotate(1deg)}50%{opacity:.1;transform:translate(8px,-18px)rotate(-1deg)}75%{opacity:.14;transform:translate(-10px,-12px)rotate(.5deg)}}@keyframes database-pulse{0%,to{opacity:.11;transform:scale(1)}50%{opacity:.16;transform:scale(1.08)}}@keyframes live-glow{0%,to{opacity:.17;transform:translate(0)rotate(0)}33%{opacity:.22;transform:translate(12px,-10px)rotate(2deg)}66%{opacity:.13;transform:translate(-8px,-15px)rotate(-1deg)}}@keyframes success-pulse{0%,to{opacity:.14;transform:scale(1)}25%{opacity:.2;transform:scale(1.1)}50%{opacity:.16;transform:scale(1.05)}75%{opacity:.18;transform:scale(1.02)}}@keyframes arrow-pulse{0%,to{opacity:.08;transform:scale(1)}20%{opacity:.15;transform:scale(1.05)}40%{opacity:.12;transform:scale(1)}60%{opacity:.06;transform:scale(.98)}80%{opacity:.1;transform:scale(1.02)}}@keyframes step-glow{0%,to{opacity:.1;transform:scale(1)}25%{opacity:.18;transform:scale(1.1)}50%{opacity:.15;transform:scale(1.05)}75%{opacity:.12;transform:scale(1.02)}}@keyframes depth-drift{0%,to{opacity:.03;transform:translate(0)scale(1)}25%{opacity:.05;transform:translate(30px,-20px)scale(1.1)}50%{opacity:.02;transform:translate(-25px,-35px)scale(.9)}75%{opacity:.04;transform:translate(-35px,-15px)scale(1.05)}}@media (max-width:1024px){.animated-background .floating-icon{opacity:.1}.animated-background .step-number{opacity:.08}.animated-background .flow-arrow{opacity:.06}}@media (max-width:768px){.animated-background .floating-icon{opacity:.08}.animated-background .php-symbol,.animated-background .database,.animated-background .success-check,.animated-background .step-number,.animated-background .arrow-2,.animated-background .arrow-3{display:none}}@media (max-width:480px){.animated-background .floating-icon{opacity:.06}.animated-background .code-brackets,.animated-background .build-gear,.animated-background .server-cluster,.animated-background .flow-arrows{display:none}.animated-background .bg-depth{opacity:.02}}.animated-background:hover .floating-icon{opacity:.25;transition:opacity .4s}.animated-background:hover .step-number{opacity:.2;transition:opacity .4s}.animated-background:hover .flow-arrow{opacity:.15;transition:opacity .4s}@media (prefers-reduced-motion:reduce){.animated-background .floating-icon,.animated-background .step-number,.animated-background .flow-arrow,.animated-background .bg-depth{opacity:.06;animation:none!important}.animated-background:hover .floating-icon,.animated-background:hover .step-number,.animated-background:hover .flow-arrow{opacity:.1}}.animated-background .deployment-group,.animated-background .flow-arrows,.animated-background .step-indicators{will-change:auto}.animated-background .floating-icon,.animated-background .step-number,.animated-background .flow-arrow,.animated-background .bg-depth{backface-visibility:hidden;perspective:1000px}.animated-background .custom-artwork{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.animated-background .artwork-icon{opacity:.1;filter:blur(1.5px)drop-shadow(0 2px 8px #7c3aed22);will-change:transform, opacity;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute}.animated-background .cloud1{width:80px;animation:32s ease-in-out infinite artwork-float1;top:8%;left:12%}.animated-background .cloud2{width:70px;animation:36s ease-in-out infinite artwork-float2;bottom:10%;right:10%}.animated-background .docker1{width:60px;animation:28s ease-in-out infinite artwork-float3;top:60%;left:18%}.animated-background .server1{width:65px;animation:34s ease-in-out infinite artwork-float4;top:20%;right:18%}.animated-background .automation1{width:55px;animation:30s ease-in-out infinite artwork-float5;bottom:18%;left:40%}@keyframes artwork-float1{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.08)}}@keyframes artwork-float2{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(14px)scale(.96)}}@keyframes artwork-float3{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}@keyframes artwork-float4{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(12px)scale(1.02)}}@keyframes artwork-float5{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.06)}}@media (max-width:1024px){.animated-background .artwork-icon{opacity:.07}.animated-background .cloud1,.animated-background .cloud2,.animated-background .docker1,.animated-background .server1,.animated-background .automation1{width:48px!important}}@media (max-width:640px){.animated-background .artwork-icon{opacity:.04}.animated-background .cloud1,.animated-background .cloud2,.animated-background .docker1,.animated-background .server1,.animated-background .automation1{width:32px!important}}