.pipeline-connections{position:absolute;inset:0;pointer-events:none;z-index:1;contain:strict;will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;isolation:isolate}@keyframes flow{0%{background-position:-200% 0;opacity:.4;transform:scaleX(1)}25%{opacity:.7;transform:scale3d(1.02,1.02,1)}50%{opacity:.9;transform:scale3d(1.05,1.05,1)}75%{opacity:.7;transform:scale3d(1.02,1.02,1)}to{background-position:200% 0;opacity:.4;transform:scaleX(1)}}@keyframes flowVertical{0%{background-position:0 -200%;opacity:.4;transform:scaleX(1)}25%{opacity:.65;transform:scaleY(1.03)}50%{opacity:.85;transform:scaleY(1.06)}75%{opacity:.65;transform:scaleY(1.03)}to{background-position:0 200%;opacity:.4;transform:scaleX(1)}}@keyframes flowReverse{0%{background-position:200% 0;opacity:.4;transform:scaleX(1) rotateY(0deg)}25%{opacity:.7;transform:scale3d(1.02,1.02,1) rotateY(2deg)}50%{opacity:.9;transform:scale3d(1.05,1.05,1) rotateY(0deg)}75%{opacity:.7;transform:scale3d(1.02,1.02,1) rotateY(-2deg)}to{background-position:-200% 0;opacity:.4;transform:scaleX(1) rotateY(0deg)}}@keyframes particleFloat{0%{transform:translate3d(0,100vh,0) rotate(0deg) scale3d(.8,.8,1);opacity:0}5%{opacity:.6}15%{opacity:1;transform:translate3d(20px,85vh,0) rotate(45deg) scaleX(1)}50%{opacity:.8;transform:translate3d(60px,50vh,0) rotate(180deg) scale3d(1.2,1.2,1)}85%{opacity:.6;transform:translate3d(80px,15vh,0) rotate(300deg) scaleX(1)}to{transform:translate3d(100px,-10vh,0) rotate(1turn) scale3d(.6,.6,1);opacity:0}}@keyframes pulsateGlow{0%,to{filter:drop-shadow(0 0 2px currentColor);opacity:.6;transform:scaleX(1)}25%{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor);opacity:.85;transform:scale3d(1.05,1.05,1)}50%{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor);opacity:1;transform:scale3d(1.1,1.1,1)}75%{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor);opacity:.85;transform:scale3d(1.05,1.05,1)}}@keyframes interactivePulse{0%{transform:scaleX(1);filter:drop-shadow(0 0 4px currentColor)}50%{transform:scale3d(1.15,1.15,1);filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 24px currentColor)}to{transform:scaleX(1);filter:drop-shadow(0 0 4px currentColor)}}.connection-line{position:absolute;background-size:200% 100%;transition:all .3s cubic-bezier(.25,1,.5,1);will-change:background-position,opacity,transform;backface-visibility:hidden;transform:translateZ(0);isolation:isolate;contain:layout style paint;image-rendering:optimizeSpeed;text-rendering:optimizeSpeed}.connection-horizontal{height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),rgba(16,185,129,.9),rgba(59,130,246,.8),transparent);animation:flow 2.8s cubic-bezier(.4,0,.2,1) infinite;border-radius:1px;transform:translateZ(0)}.connection-horizontal:hover{animation:flow 1.8s cubic-bezier(.4,0,.2,1) infinite;height:2.5px;filter:brightness(1.2)}.connection-vertical{width:2px;background:linear-gradient(0deg,transparent,rgba(59,130,246,.8),rgba(16,185,129,.9),rgba(59,130,246,.8),transparent);background-size:100% 200%;animation:flowVertical 2.3s cubic-bezier(.4,0,.2,1) infinite;border-radius:1px;transform:translateZ(0)}.connection-vertical:hover{animation:flowVertical 1.6s cubic-bezier(.4,0,.2,1) infinite;width:2.5px;filter:brightness(1.2)}.connection-reverse{height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.8),rgba(236,72,153,.9),rgba(6,182,212,.8),transparent);animation:flowReverse 2.6s cubic-bezier(.4,0,.2,1) infinite;border-radius:1px;transform:translateZ(0)}.connection-arrow{position:absolute;width:0;height:0;animation:pulsateGlow 1.8s ease-in-out infinite;transition:all .15s ease;will-change:transform,filter;transform:translateZ(0);backface-visibility:hidden}.connection-arrow:hover{animation:interactivePulse .8s ease-in-out infinite;filter:brightness(1.3)}.arrow-right{border-left:8px solid}.arrow-left,.arrow-right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow-left{border-right:8px solid}.arrow-down{border-top:8px solid;border-left:4px solid transparent;border-right:4px solid transparent}.particle-system{top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;will-change:transform;contain:strict;isolation:isolate}.data-particle,.particle-system{position:absolute;transform:translateZ(0)}.data-particle{border-radius:50%;animation:particleFloat var(--duration,6.5s) linear infinite;will-change:transform,opacity;backface-visibility:hidden;animation-delay:var(--delay,0s)}.flow-primary{animation-duration:2.2s;filter:drop-shadow(0 0 4px currentColor);transform:translateZ(0)}.flow-secondary{animation-duration:2.6s;opacity:.7;filter:drop-shadow(0 0 2px currentColor);transform:translateZ(0)}.flow-tertiary{animation-duration:3.1s;opacity:.5;filter:drop-shadow(0 0 1px currentColor);transform:translateZ(0)}@media (max-width:768px){.pipeline-connections{display:none}.mobile-flow-indicator{animation-duration:1.8s;will-change:transform,opacity;transform:translateZ(0)}}@media (min-width:769px) and (max-width:1024px){.connection-line{opacity:.7;filter:none}.connection-horizontal{height:1.5px;animation-duration:3.2s}.connection-vertical{width:1.5px;animation-duration:2.8s}.data-particle:nth-child(n+5){display:none}}@media (min-width:1025px){.connection-line{opacity:.8}.data-particle{display:block}.pipeline-connections{mix-blend-mode:screen}}@media (prefers-reduced-motion:reduce){.connection-arrow,.connection-line,.data-particle{animation:none!important;transition:none!important}.connection-line{background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);opacity:.8}.connection-vertical{background:linear-gradient(0deg,transparent,rgba(59,130,246,.6),transparent);opacity:.8}.connection-arrow{filter:none}}@media (prefers-contrast:high){.connection-line{background:currentColor!important;opacity:1!important}.connection-arrow{filter:none!important;opacity:1!important}.data-particle{border:1px solid;filter:none!important}}@supports (contain:strict){.particle-system,.pipeline-connections{contain:strict}}@supports (contain:layout style paint){.particle-system,.pipeline-connections{contain:layout style paint}}@supports (transform:translate3d(0,0,0)){.connection-arrow,.connection-line,.data-particle{transform:translateZ(0)}}@supports (will-change:transform){.connection-arrow,.connection-line,.data-particle{will-change:transform,opacity}}@supports (backface-visibility:hidden){.connection-arrow,.connection-line,.data-particle,.pipeline-connections{backface-visibility:hidden}}@media (min-resolution:120dpi) and (min-width:1440px){.connection-line{animation-duration:2s!important}.data-particle{animation-duration:5s!important}.connection-arrow{animation-duration:1.5s!important}}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.4s}.stagger-4{animation-delay:.6s}.stagger-5{animation-delay:.8s}.stagger-6{animation-delay:1s}.stagger-7{animation-delay:1.2s}.stagger-8{animation-delay:1.4s}.transformation-section{padding:6rem 0}.transformation-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch;min-height:auto;transition:grid-template-columns .3s cubic-bezier(.25,1,.5,1),gap .3s ease-out,align-items .2s ease-out;will-change:grid-template-columns,gap}@media (min-width:640px){.transformation-grid{gap:2.5rem}}@media (min-width:768px){.transformation-grid{grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center}}@media (min-width:1024px){.transformation-grid{grid-template-columns:5fr 2fr 5fr;gap:2rem;max-width:1400px;margin:0 auto}}@media (min-width:1280px){.transformation-grid{gap:3rem}}@media (min-width:1440px){.transformation-grid{gap:4rem}}@media (min-width:1920px){.transformation-grid{max-width:1600px}}.transformation-arrow{position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,1,.5,1);will-change:transform,opacity}.transformation-arrow-mobile{flex-direction:column;animation:advancedPulseVertical 2s cubic-bezier(.4,0,.6,1) infinite;will-change:transform}.transformation-arrow-desktop{flex-direction:row;animation:advancedPulseHorizontal 2s cubic-bezier(.4,0,.6,1) infinite;will-change:transform}@keyframes advancedPulseVertical{0%,to{transform:translateZ(0) scaleX(1);filter:drop-shadow(0 0 15px rgba(16,185,129,.4)) drop-shadow(0 0 25px rgba(6,182,212,.2)) drop-shadow(0 0 40px rgba(16,185,129,.1))}25%{transform:translate3d(0,2px,0) scale3d(1.02,1.02,1);filter:drop-shadow(0 0 18px rgba(16,185,129,.5)) drop-shadow(0 0 30px rgba(6,182,212,.25)) drop-shadow(0 0 50px rgba(16,185,129,.15))}50%{transform:translate3d(0,8px,0) scale3d(1.1,1.1,1);filter:drop-shadow(0 0 25px rgba(16,185,129,.7)) drop-shadow(0 0 40px rgba(6,182,212,.4)) drop-shadow(0 0 60px rgba(16,185,129,.2)) drop-shadow(0 0 80px rgba(6,182,212,.1))}75%{transform:translate3d(0,2px,0) scale3d(1.02,1.02,1);filter:drop-shadow(0 0 18px rgba(16,185,129,.5)) drop-shadow(0 0 30px rgba(6,182,212,.25)) drop-shadow(0 0 50px rgba(16,185,129,.15))}}@keyframes advancedPulseHorizontal{0%,to{transform:translateZ(0) scaleX(1);filter:drop-shadow(0 0 15px rgba(16,185,129,.4)) drop-shadow(0 0 25px rgba(6,182,212,.2)) drop-shadow(0 0 40px rgba(16,185,129,.1))}25%{transform:translate3d(4px,0,0) scale3d(1.02,1.02,1);filter:drop-shadow(0 0 18px rgba(16,185,129,.5)) drop-shadow(0 0 30px rgba(6,182,212,.25)) drop-shadow(0 0 50px rgba(16,185,129,.15))}50%{transform:translate3d(12px,0,0) scale3d(1.05,1.05,1);filter:drop-shadow(0 0 25px rgba(16,185,129,.7)) drop-shadow(0 0 40px rgba(6,182,212,.4)) drop-shadow(0 0 60px rgba(16,185,129,.2)) drop-shadow(0 0 80px rgba(6,182,212,.1))}75%{transform:translate3d(4px,0,0) scale3d(1.02,1.02,1);filter:drop-shadow(0 0 18px rgba(16,185,129,.5)) drop-shadow(0 0 30px rgba(6,182,212,.25)) drop-shadow(0 0 50px rgba(16,185,129,.15))}}.transformation-arrow-glow{position:relative;background:linear-gradient(45deg,#10b981,#06b6d4);border:1px solid rgba(16,185,129,.6);border-radius:50%;backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.25,1,.5,1);width:3.5rem;height:3.5rem;animation:dynamicGradientShift 3s ease-in-out infinite;will-change:transform,background,box-shadow;box-shadow:0 0 20px rgba(16,185,129,.4),0 0 40px rgba(6,182,212,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.transformation-arrow-glow:before{inset:-2px;background:linear-gradient(45deg,rgba(16,185,129,.3),rgba(6,182,212,.2));z-index:-1;animation:outerGlowPulse 2s ease-in-out infinite}.transformation-arrow-glow:after,.transformation-arrow-glow:before{content:"";position:absolute;border-radius:50%;will-change:opacity,transform}.transformation-arrow-glow:after{inset:-6px;background:radial-gradient(circle,rgba(16,185,129,.15) 0,transparent 70%);z-index:-2;animation:shadowGlowPulse 2s ease-in-out .5s infinite}@keyframes dynamicGradientShift{0%,to{background:linear-gradient(45deg,#10b981,#06b6d4)}50%{background:linear-gradient(45deg,#059669,#0891b2,#10b981)}}@keyframes outerGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes shadowGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.transformation-arrow-glow:hover{background:linear-gradient(45deg,#059669,#0891b2,#10b981,#06b6d4);border-color:rgba(16,185,129,.8);transform:scale(1.15);box-shadow:0 0 30px rgba(16,185,129,.6),0 0 60px rgba(6,182,212,.4),0 0 90px rgba(16,185,129,.2),inset 0 1px 0 hsla(0,0%,100%,.3)}.transformation-arrow-glow:hover:before{opacity:1;transform:scale(1.2);background:linear-gradient(45deg,rgba(16,185,129,.5),rgba(6,182,212,.4))}.transformation-arrow-glow:hover:after{opacity:.8;transform:scale(1.4)}@media (min-width:768px){.transformation-arrow-glow{width:4rem;height:4rem}}@media (min-width:1024px){.transformation-arrow-glow{width:4.5rem;height:4.5rem}}.transformation-card{backdrop-filter:blur(8px);border-radius:.75rem;transition:all .3s cubic-bezier(.25,1,.5,1),padding .3s ease-out,margin .3s ease-out,transform .2s ease-out;position:relative;overflow:hidden;will-change:transform,box-shadow}.transformation-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.02),transparent);opacity:0;transition:opacity .3s ease}.transformation-card:hover:before{opacity:1}.transformation-content{text-align:center;transition:text-align .2s ease-out,padding .3s ease-out,margin .3s ease-out;will-change:transform}@media (min-width:768px){.transformation-content{text-align:left}.transformation-content *{transition:inherit}}.transformation-container{max-width:100%;overflow-x:hidden;padding-left:1rem;padding-right:1rem;transition:padding .3s ease-out}@media (min-width:640px){.transformation-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.transformation-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.transformation-container{padding-left:0;padding-right:0}}.transformation-section{overflow-x:hidden;width:100%}.transformation-grid{max-width:100%;overflow:hidden}.transformation-animation{will-change:transform,opacity;backface-visibility:hidden;transform-origin:center}.transformation-smooth-transition{transition-timing-function:cubic-bezier(.25,1,.5,1);backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d}.transformation-grid{contain:layout style;isolation:isolate}.transformation-arrow{contain:layout style paint;transform:translateZ(0)}.transformation-content{contain:layout}@media (prefers-reduced-motion:reduce){.transformation-arrow-desktop,.transformation-arrow-mobile{animation:none}.transformation-arrow-glow,.transformation-arrow-glow:after,.transformation-arrow-glow:before{animation:none;transition:none}.transformation-arrow,.transformation-card,.transformation-container,.transformation-content,.transformation-grid{transition:none!important}.transformation-animation{will-change:auto}}@media (prefers-contrast:high){.transformation-card{border-width:2px;background:Canvas;color:CanvasText}.transformation-arrow-glow{border-width:2px;background:ButtonFace;animation:none}.transformation-arrow-glow:after,.transformation-arrow-glow:before{display:none}}@media (hover:none){.transformation-card:hover:before{opacity:0}.transformation-card:active{transform:scale(.98)}.transformation-arrow-glow:hover,.transformation-arrow-glow:hover:after,.transformation-arrow-glow:hover:before{transform:none;background:linear-gradient(45deg,#10b981,#06b6d4);opacity:inherit}.transformation-arrow-glow:active{transform:scale(.95)}.transformation-arrow-glow{min-width:44px;min-height:44px}}.transformation-focusable:focus{outline:2px solid #3b82f6;outline-offset:2px}.transformation-focusable:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.3)}@media (max-width:374px){.transformation-grid{gap:1.5rem}.transformation-container{padding-left:.75rem;padding-right:.75rem}.transformation-arrow-glow{width:3rem;height:3rem}}@media (min-width:375px) and (max-width:639px){.transformation-grid{gap:2rem}}@media (max-width:767px){.transformation-grid{grid-template-columns:1fr;align-items:stretch}.transformation-arrow{padding:1.5rem 0;transform:rotate(0deg)}}@media (min-width:768px){.transformation-grid{grid-template-columns:1fr auto 1fr;align-items:center}.transformation-arrow{padding:0;transform:rotate(0deg)}}@media (min-width:768px) and (max-width:1023px) and (orientation:landscape){.transformation-grid{grid-template-columns:1fr auto 1fr;gap:2rem}}@media (max-width:767px) and (orientation:landscape){.transformation-section{padding:4rem 0}.transformation-grid{gap:1.5rem}.transformation-card{padding:3px}}@media print{.transformation-arrow-desktop,.transformation-arrow-glow,.transformation-arrow-glow:after,.transformation-arrow-glow:before,.transformation-arrow-mobile{animation:none}.transformation-card{break-inside:avoid}}