.how-it-works{padding:var(--section-padding-top, 6rem) 0 var(--section-padding-bottom, 6rem);background:linear-gradient(135deg,#fffef7,#fffcf0,#fff9e6,#fff6dc,#fffcf0);position:relative}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fff6dc33,#fffcf01a,#fffef733);pointer-events:none}.how-it-works__container{width:100%;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.how-it-works__header{text-align:center;margin-bottom:5rem}.how-it-works__title{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:1.2;color:#2d3748;margin:0 0 1.5rem;letter-spacing:-.02em}.how-it-works__description{font-size:1.8rem;line-height:1.6;color:#4a5568;max-width:600px;margin:0 auto}.how-it-works__steps{display:flex;flex-direction:column;gap:0}.how-it-works__step{display:flex;align-items:flex-start;gap:2rem;position:relative;padding-bottom:3rem}.how-it-works__step:last-child{padding-bottom:0}.how-it-works__step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#001f41,#036);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #001f414d;position:relative;z-index:2}.how-it-works__step-number span{font-size:1.8rem;font-weight:700;color:#fff}.how-it-works__step-content{flex:1;padding-top:.5rem}.how-it-works__step-title{font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 1rem;line-height:1.3}.how-it-works__step-description{font-size:1.6rem;line-height:1.6;color:#4a5568;margin:0}.how-it-works__connector{position:absolute;left:29px;top:60px;bottom:-3rem;width:2px;background:linear-gradient(180deg,#4ade80,#22c55e);z-index:1}.how-it-works__step:last-child .how-it-works__connector{display:none}.color-scheme-2{background:linear-gradient(135deg,#f7fafc,#edf2f7,#e2e8f0)}.color-scheme-2:before{background:linear-gradient(45deg,#e2e8f04d,#edf2f71a,#f7fafc4d)}.color-scheme-3{background:#fff}.color-scheme-3:before{background:linear-gradient(45deg,#00000005,#00000003,#00000005)}@media screen and (max-width: 990px){.how-it-works{padding:4rem 0}.how-it-works__header{margin-bottom:4rem}.how-it-works__title{font-size:clamp(2.4rem,6vw,3.6rem)}.how-it-works__description{font-size:1.7rem}.how-it-works__step{gap:1.5rem}.how-it-works__step-number{width:50px;height:50px}.how-it-works__step-number span{font-size:1.6rem}.how-it-works__connector{left:24px;top:50px}}@media screen and (max-width: 749px){.how-it-works{padding:3rem 0}.how-it-works__container{padding:0 1.5rem}.how-it-works__header{margin-bottom:3rem}.how-it-works__step{gap:1.2rem;padding-bottom:2.5rem}.how-it-works__step-number{width:45px;height:45px}.how-it-works__step-number span{font-size:1.4rem}.how-it-works__step-title{font-size:1.8rem}.how-it-works__step-description{font-size:1.5rem}.how-it-works__connector{left:21.5px;top:45px;bottom:-2.5rem}}@media screen and (max-width: 480px){.how-it-works{padding:2.5rem 0}.how-it-works__container{padding:0 1rem}.how-it-works__header{margin-bottom:2.5rem}.how-it-works__step{gap:1rem;padding-bottom:2rem}.how-it-works__step-number{width:40px;height:40px}.how-it-works__step-number span{font-size:1.3rem}.how-it-works__step-title{font-size:1.6rem;margin-bottom:.8rem}.how-it-works__step-description{font-size:1.4rem;line-height:1.5}.how-it-works__connector{left:19px;top:40px;bottom:-2rem}}.how-it-works__step{opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease forwards}.how-it-works__step:nth-child(1){animation-delay:.2s}.how-it-works__step:nth-child(2){animation-delay:.4s}.how-it-works__step:nth-child(3){animation-delay:.6s}.how-it-works__step:nth-child(4){animation-delay:.8s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.how-it-works__step-number{animation:pulse 2s infinite}.how-it-works__step-number:nth-child(1){animation-delay:0s}.how-it-works__step-number:nth-child(2){animation-delay:.5s}.how-it-works__step-number:nth-child(3){animation-delay:1s}.how-it-works__step-number:nth-child(4){animation-delay:1.5s}@keyframes pulse{0%,to{box-shadow:0 8px 25px #001f414d}50%{box-shadow:0 8px 25px #001f4180,0 0 0 8px #001f411a}}@media (prefers-reduced-motion: reduce){.how-it-works__step{animation:none;opacity:1;transform:none}.how-it-works__step-number{animation:none}}.how-it-works__step:focus-within{outline:2px solid #001f41;outline-offset:4px;border-radius:8px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-how-it-works.css.map */