.how-it-works{width:100%;position:relative;overflow:hidden}.how-it-works__container{max-width:1400px;margin:0 auto;padding:0 20px}.how-it-works__header{text-align:center;margin-bottom:60px}.how-it-works__title{font-weight:700;line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}.how-it-works__subtitle{font-weight:400;line-height:1.5;margin:0;opacity:.9}.how-it-works__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.how-it-works__card{position:relative;padding:24px 20px;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s cubic-bezier(.25,.46,.45,.94);height:100%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(40px) scale(.95);animation-fill-mode:both}.how-it-works__card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.how-it-works__card:hover .how-it-works__step-number span{transform:translate(-50%) scale(1.15) rotate(5deg);box-shadow:0 8px 25px #0000004d}.how-it-works__card:hover .how-it-works__icon img,.how-it-works__card:hover .how-it-works__icon-placeholder svg{transform:scale(1.08) rotate(-2deg)}.how-it-works__card.animate-in{animation:cardSlideIn .8s cubic-bezier(.16,1,.3,1) forwards}.how-it-works__card:nth-child(1){animation-delay:.1s}.how-it-works__card:nth-child(2){animation-delay:.3s}.how-it-works__card:nth-child(3){animation-delay:.5s}.how-it-works__card:nth-child(4){animation-delay:.7s}.how-it-works__card:nth-child(5){animation-delay:.9s}.how-it-works__card:nth-child(6){animation-delay:1.1s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.how-it-works__card.animate-in:hover{box-shadow:0 20px 40px -4px #00000026,0 8px 16px -4px #0000001a!important}.how-it-works__card.animate-in:hover .how-it-works__step-number span{box-shadow:0 4px 12px #0003}.how-it-works__step-number{position:absolute;top:-15px;left:50%;z-index:10}.how-it-works__step-number span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:600;font-size:14px;border:3px solid #ffffff;transform:translate(-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.how-it-works__icon{margin:0 0 24px;flex-shrink:0;width:100%}.how-it-works__icon img{width:100%;height:400px;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.how-it-works__icon-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto}.how-it-works__icon-placeholder svg{width:100%;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.how-it-works__card-title{font-weight:600;line-height:1.3;margin:0 0 12px;text-align:center}.how-it-works__card-description{font-weight:400;line-height:1.6;margin:0;text-align:center;flex-grow:1}@media (min-width: 1200px){.how-it-works__container{padding:0 40px}.how-it-works__grid{gap:32px}.how-it-works__card{padding:32px 24px}}@media (max-width: 1023px){.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:20px}.how-it-works__header{margin-bottom:40px}.how-it-works__title{font-size:32px}.how-it-works__subtitle{font-size:16px}}@media (max-width: 767px){.how-it-works__container{padding:0 16px}.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:16px}.how-it-works__header{margin-bottom:32px}.how-it-works__title{font-size:28px}.how-it-works__subtitle{font-size:16px}.how-it-works__card{padding:20px 16px}}@media (max-width: 575px){.how-it-works__container{padding:0 12px}.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:12px}.how-it-works__title{font-size:24px}.how-it-works__subtitle{font-size:14px}.how-it-works__card{padding:16px 12px}.how-it-works__icon img,.how-it-works__icon-placeholder{width:100%;height:230px}.how-it-works__step-number span{width:28px;height:28px;font-size:13px}}@media (max-width: 480px){.how-it-works__header{margin-bottom:24px}.how-it-works__title{font-size:22px;margin-bottom:12px}.how-it-works__card-title{font-size:16px}.how-it-works__card-description{font-size:13px}}@media (prefers-reduced-motion: reduce){.how-it-works__card{animation:none!important;transition:box-shadow .2s ease;opacity:1!important;transform:none!important}.how-it-works__card:hover{transform:none!important}.how-it-works__card:hover .how-it-works__step-number span{transform:translate(-50%)!important}.how-it-works__card:hover .how-it-works__icon img,.how-it-works__card:hover .how-it-works__icon-placeholder svg{transform:none!important}}.how-it-works__card:focus-within{outline:2px solid currentColor;outline-offset:4px}.how-it-works__card.animate-in:focus-within{transform:translateY(-4px)}@media (prefers-contrast: high){.how-it-works__card{border:2px solid}.how-it-works__step-number span{border-width:2px}}@media print{.how-it-works{background:#fff!important;color:#000!important}.how-it-works__card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-how-it-works.css.map */