.orb-container{position:relative;z-index:2;width:100%;height:100%}.devops-animation-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.devops-orb-container{position:relative;z-index:2;width:100%;height:100%}@keyframes float1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-60px) translateX(40px)}}@keyframes float2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(70px) translateX(-50px)}}@keyframes float3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-90px) translateX(80px)}}@keyframes float4{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(50px) translateX(30px)}}@keyframes float5{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-40px) translateX(-60px)}}@keyframes testFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}.animate-float1{animation:float1 8s ease-in-out infinite}.animate-float2{animation:float2 12s ease-in-out infinite}.animate-float3{animation:float3 6s ease-in-out infinite}.animate-float4{animation:float4 10s ease-in-out infinite}.animate-float5{animation:float5 14s ease-in-out infinite}.animate-test{animation:testFloat 2s ease-in-out infinite}.hero-section{background-color:#0a0a0b;color:white;min-height:100vh;overflow:hidden}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:heroFadeIn .8s ease-out}.hero-subtitle{animation:heroFadeIn .8s ease-out .2s both}.hero-button{animation:heroFadeIn .8s ease-out .4s both}.logo-wall-wrapper{display:flex;flex-direction:column;gap:1rem;margin:auto;color:var(--color-text);background-color:var(--color-bg);mask-image:linear-gradient(90deg,hsl(0 0% 0%/0),hsl(0 0% 0%/1) 15%,hsl(0 0% 0%/1) 85%,hsl(0 0% 0%/0));-webkit-mask-image:linear-gradient(90deg,hsl(0 0% 0%/0),hsl(0 0% 0%/1) 15%,hsl(0 0% 0%/1) 85%,hsl(0 0% 0%/0))}.marquee{display:flex;overflow:hidden;user-select:none;gap:3rem}.marquee--hover-pause:hover .marquee__group{animation-play-state:paused}.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:3rem;min-width:100%;animation:scroll-x var(--duration) linear infinite}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 3rem))}}@keyframes scroll-y{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 3rem))}}.logo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;transition:transform .3s ease}.logo-item:hover{transform:scale(1.05)}.logo-img{width:auto;height:clamp(2.5rem,5vw,4rem);object-fit:contain}.logo-text{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}