.scrollable-container{background:linear-gradient(135deg,#6a1b9a,#1565c0 50%,#3949ab);min-height:100vh;color:white;padding:4rem 0}.gradient-text{background:linear-gradient(45deg,#bb86fc,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.timeline-container{position:relative}.timeline-line-bg{position:absolute;height:100%!important;left:20px;width:4px;background-color:rgba(255,255,255,.2);border-radius:2px}.timeline-line-progress{position:absolute;left:20px;top:0;width:4px;background-color:#fff;border-radius:1px;transition:height .1s linear}.timeline-indicator{position:absolute;width:16px;height:16px;background-color:#fff;border:4px solid #ffffff;border-radius:50%;left:14px;transition:top .1s linear;transform:translateY(-50%)}.step-content{margin-left:64px;transition:all .4s cubic-bezier(.4,0,.2,1);padding-bottom:9rem}.step-content.active{opacity:1;transform:scale(1)}.step-content.inactive{opacity:.7;transform:scale(.95)}.image-container{position:-webkit-sticky;position:sticky;top:10%;height:574px;border-radius:135px;overflow:hidden;display:block;margin:auto;max-width:384px}.image-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.image-slide img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.image-hidden{opacity:0;transform:translateY(100%) scale(.9);pointer-events:none}.image-active,.image-visible{opacity:1;transform:translateY(0) scale(1)}.image-active{z-index:20}.image-inactive{opacity:.8;transform:translateY(0) scale(.98)}.slide-in-from-bottom{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-from-top{animation:slideInFromTop .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.image-slide:not(.image-hidden){transition:all .3s cubic-bezier(.4,0,.2,1)}.image-slide.image-hidden{transition:all .2s cubic-bezier(.4,0,.2,1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.desk-view-container{width:100%;max-width:1200px;margin:0 auto}@media (max-width:991px){.step-content{margin-left:48px}.scrollable-container{padding:2rem 0}.image-container{height:384px;width:260px}.timeline-indicator{left:12px}.timeline-line-bg,.timeline-line-progress{left:20px}}@media (max-width:767px){.step-content{margin-left:40px}.scrollable-container{padding:1.5rem 0}.image-container{height:350px;margin-top:1rem;margin-bottom:2rem}.step-content h3{font-size:1.5rem}.step-content p{font-size:1rem}}html{scroll-behavior:smooth}.image-container{perspective:1000px}.image-container,.image-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}