.steps{--steps-scroll-per-step: 80vh;--steps-sticky-height: 543px;position:relative;width:100%;max-width:1508px;margin:0 auto}.steps__sticky{position:sticky;top:calc((100vh - var(--steps-sticky-height)) / 2);width:100%;height:var(--steps-sticky-height)}.steps__inner{position:relative;display:flex;width:100%;height:100%;overflow:hidden;will-change:transform}.steps__card{position:relative;flex:1 1 0;height:100%;overflow:hidden;cursor:pointer;min-width:0;transition:flex-grow 700ms cubic-bezier(0.65, 0.05, 0.36, 1), background-color 700ms cubic-bezier(0.65, 0.05, 0.36, 1);will-change:flex-grow;backface-visibility:hidden;transform:translateZ(0)}.steps__card[data-step-index="0"]{background-color:#0F1A26}.steps__card[data-step-index="1"]{background-color:#1B2A3A}.steps__card[data-step-index="2"]{background-color:#C08A4A}.steps__card.is-active{flex-grow:1.9}.steps__card-inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:60px 80px 120px 80px;box-sizing:border-box}.steps__header{display:flex;align-items:flex-start;gap:24px;position:relative}.steps__label{display:inline-block;font-size:26px;font-weight:700;letter-spacing:2px;color:#FFFFFF;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center}.steps__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;align-self:end}.steps__icon .steps__icon-img,.steps__icon img{display:block;max-width:100px;width:90px;height:70px;padding-left:15px;align-self:end;filter:brightness(0) invert(1)}.steps__content{position:relative;display:flex;flex-direction:column;gap:16px}.steps__headline{font-size:40px;font-weight:500;line-height:1.2;color:#FFFFFF;margin:0}.steps__text-wrapper{overflow:hidden;max-height:0;opacity:0;transform:translateY(12px);transition:max-height 700ms cubic-bezier(0.65, 0.05, 0.36, 1), opacity 560ms cubic-bezier(0.65, 0.05, 0.36, 1), transform 700ms cubic-bezier(0.65, 0.05, 0.36, 1);will-change:opacity, transform}.steps__text{font-size:18px;line-height:1.6;color:rgba(255, 255, 255, 0.85);margin:0;padding-top:4px}.steps__card.is-active .steps__text-wrapper{max-height:400px;opacity:1;transform:translateY(0);transition-delay:150ms}@media (max-width:1199px){.steps{--steps-sticky-height: 480px}.steps__card-inner{padding:48px 48px 80px 48px}.steps__headline{font-size:28px}.steps__text{font-size:16px}.steps__label{font-size:22px}}@media (max-width:1023px){.steps{height:auto !important}.steps__sticky{position:relative;top:auto;transform:none;height:auto}.steps__inner{flex-direction:column;height:auto;overflow:visible}.steps__card{flex:0 0 auto;width:100%;height:auto;cursor:default;transition:none}.steps__card.is-active{flex-grow:0}.steps__card-inner{width:100%;padding:40px 32px 48px}.steps__label{writing-mode:horizontal-tb;transform:none}.steps__header{margin-bottom:24px;align-items:center}.steps__text-wrapper{max-height:none;opacity:1;overflow:visible;transform:none;transition:none}.steps__card.is-active .steps__text-wrapper{transition-delay:0s}}@media (max-width:767px){.steps__card-inner{padding:32px 24px 40px}.steps__headline{font-size:22px}.steps__text{font-size:15px}}@media (max-width:479px){.steps__card-inner{padding:50px 20px 36px}.steps__icon{width:40px;height:40px}}