.how-it-works{background-color:#2969cd;padding:var(--section-padding-v-mobile) 20px;overflow:hidden;width:100%;margin:0}.how-it-works__container{max-width:1600px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:48px;align-items:flex-start}.how-it-works__heading{margin:0;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#fff}.how-it-works__body{display:flex;flex-direction:column;gap:40px;width:100%}.how-it-works__image-col{width:100%;max-width:480px;align-self:center}.how-it-works__image-wrap{border-radius:var(--radius-image-lg);overflow:hidden;aspect-ratio:4 / 3;box-shadow:0 24px 60px #00000059;transform:scale(.93) translateY(24px);opacity:0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s ease}.how-it-works__image-wrap.is-visible{transform:scale(1) translateY(0);opacity:1}.how-it-works__image{width:100%;height:100%;display:block;object-fit:cover}.how-it-works__image-placeholder{width:100%;height:100%;display:block}.how-it-works__steps-col{display:flex;flex-direction:row;gap:16px;position:relative;flex:1}.how-it-works__timeline-indicator{display:flex;flex-direction:column;width:2px;margin-top:48px;margin-bottom:32px}.how-it-works__line-segment{flex:1;width:2px;background:#fff;border-radius:2px;margin-bottom:40px;transform-origin:top;transform:scaleY(0);opacity:.9;transition:transform .8s cubic-bezier(.22,1,.36,1)}.how-it-works__line-segment:last-child{margin-bottom:0}.how-it-works__line-segment.is-drawing{transform:scaleY(1)}.how-it-works__steps-list{display:flex;flex-direction:column;gap:32px;flex:1}.how-it-works__step{display:flex;flex-direction:column;gap:8px;position:relative}.how-it-works__step-header{display:flex;flex-direction:row;align-items:center;gap:12px;transform:translate(28px);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease}.how-it-works__step-header.is-visible{transform:translate(0);opacity:1}.how-it-works__number{font-size:32px;font-weight:700;color:#fff;line-height:1;min-width:36px}.how-it-works__step-title{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#fff}.how-it-works__step-content{transform:translate(28px);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1) .1s,opacity .55s ease .1s;padding-left:48px}.how-it-works__step-content.is-visible{transform:translate(0);opacity:1}.how-it-works__step-text{margin:0;font-size:15px;font-weight:500;line-height:1.6;color:#ffffffe6}@media screen and (min-width:900px){.how-it-works{padding:var(--section-padding-v) var(--container-padding)}.how-it-works__container{gap:48px}.how-it-works__heading{font-size:48px}.how-it-works__body{flex-direction:row;align-items:center;gap:80px}.how-it-works__image-col{flex:0 0 42%;max-width:42%;align-self:auto}.how-it-works__image-wrap{aspect-ratio:3 / 4}.how-it-works__steps-col{flex:1;gap:24px}.how-it-works__step-title{font-size:22px}.how-it-works__number{font-size:40px;min-width:44px}.how-it-works__step-content{padding-left:68px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/homepage-how-it-works.css.map */