.s-steps{padding:4rem 0}.s-steps__inner{display:grid;align-items:start;gap:clamp(2.5rem,5vw,4.5rem);grid-template-areas:"intro steps";grid-template-columns:minmax(260px, 38%) 1fr}@media only screen and (max-width: 987px){.s-steps__inner{grid-template-areas:"intro" "steps" "cta";grid-template-columns:1fr;row-gap:2rem}}.s-steps__intro{top:clamp(1.5rem,3vw,2.5rem);grid-area:intro;opacity:1;transform:none;transition:none}@media only screen and (max-width: 987px){.s-steps__intro{position:static}}.s-steps--animated .s-steps__intro{position:sticky;opacity:0;transform:translateY(1.25rem);transition:opacity .6s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media only screen and (max-width: 987px){.s-steps--animated .s-steps__intro{position:relative;opacity:1;transform:none;transition:none}.s-steps--animated .s-steps__intro.is-visible{opacity:1;transform:none}}.s-steps--animated .s-steps__intro.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion: reduce){.s-steps--animated .s-steps__intro{opacity:1;transform:none;transition:none}}.s-steps__pretitle{margin-bottom:1rem;color:var(--color-brand-1);font-family:var(--font-ptmono);letter-spacing:.04em;text-transform:uppercase}.s-steps__title{margin-bottom:1.25rem}.s-steps__text{margin-bottom:1.75rem;max-width:44ch;color:var(--color-black-text)}@media only screen and (max-width: 987px){.s-steps__text{max-width:100%}}.s-steps__cta--desktop{margin-top:1.75rem}@media only screen and (max-width: 987px){.s-steps__cta--desktop{display:none}}.s-steps__cta--mobile{display:none}@media only screen and (max-width: 987px){.s-steps__cta--mobile{display:block;grid-area:cta}}.s-steps__steps{display:flex;flex-direction:column;gap:1.25rem;grid-area:steps;margin:0;padding:0;list-style:none}.s-steps__step-card{position:relative;padding:1.625rem 2rem;background:var(--color-white);border:1px solid var(--color-grey-light);border-radius:14px;box-shadow:0 1px 3px rgba(18,16,17,.04);overflow:hidden}@media only screen and (max-width: 987px){.s-steps__step-card{padding:1.375rem}}.s-steps__step-card:before{position:absolute;top:1.8125rem;left:0;width:3px;height:1.125rem;background-color:var(--color-brand-2, var(--color-brand-2));transform:scaleY(0);transform-origin:top center;transition:transform .5s cubic-bezier(0.2, 0.7, 0.2, 1);content:""}@media(prefers-reduced-motion: reduce){.s-steps__step-card:before{transform:scaleY(1);transition:none}}@media only screen and (max-width: 987px){.s-steps__step-card:before{transform:scaleY(1);transition:none}}.s-steps__step.is-active .s-steps__step-card:before{transform:scaleY(1)}.s-steps__step-top{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.s-steps__step-icon{display:inline-flex;flex:none}.s-steps__step-icon svg{display:block;width:1.375rem;height:1.375rem}.s-steps__step-label{color:var(--color-grey);font-family:var(--font-ptmono);letter-spacing:.06em;text-transform:uppercase}.s-steps__step-body{display:grid;align-items:start;gap:1.75rem;grid-template-columns:minmax(140px, 40%) 1fr}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-steps__step-body{gap:.625rem;grid-template-columns:1fr}}.s-steps__step-title{margin:0;max-width:12ch;color:var(--color-black-text);font-family:var(--font-heading);font-size:1.75rem;font-weight:400;line-height:1.25}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-steps__step-title{max-width:none;font-size:18px}}.s-steps__step-desc{margin:0;color:var(--color-grey-dark);font-size:1rem;line-height:1.55}