.how-it-works{position:relative;overflow:hidden}.how-it-works .container{max-width:1200px;margin:0 auto;padding:0 20px}.how-it-works__title{text-align:center;font-weight:700;margin:0 0 16px;line-height:1.2}.how-it-works__subtitle{text-align:center;color:#6b7280;font-size:18px;max-width:600px;margin:0 auto 48px;line-height:1.6}.how-it-works__steps{display:grid;gap:32px;margin-bottom:48px}.how-it-works__steps--2{grid-template-columns:repeat(2,1fr)}.how-it-works__steps--3{grid-template-columns:repeat(3,1fr)}.how-it-works__steps--4{grid-template-columns:repeat(4,1fr)}.how-it-works__steps--5{grid-template-columns:repeat(5,1fr)}.step-card{text-align:center;padding:24px 16px;position:relative;transition:transform .3s ease}.step-card:hover{transform:translateY(-4px)}.step-card__number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:24px;font-weight:700;margin:0 auto 20px;transition:all .3s ease}.step-card--active .step-card__number{transform:scale(1.1);box-shadow:0 8px 16px -4px #ff6b6b4d}.step-card__title{font-size:18px;font-weight:600;margin:0 0 8px;color:#1a1a2e;line-height:1.3}.step-card__subtitle{font-size:14px;color:#ff6b6b;font-weight:500;margin:0 0 12px}.step-card__description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.step-card__button{display:inline-block;margin-top:16px;padding:8px 20px;background:#ff6b6b;color:#fff;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.step-card__button:hover{background:#ff5252;transform:translateY(-2px)}.how-it-works__timeline{position:relative;margin:60px 0}.timeline__line{position:absolute;top:28px;left:10%;right:10%;height:2px;background:#e5e7eb;z-index:1}.timeline__steps{display:flex;position:relative;z-index:2}.timeline__step{flex:1;text-align:center;padding:0 10px}.timeline__node{position:relative;margin-bottom:24px}.node__number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#e5e7eb;color:#6b7280;border-radius:50%;font-size:24px;font-weight:700;position:relative;z-index:3;transition:all .3s ease}.timeline__step--active .node__number{background:#ff6b6b;color:#fff;transform:scale(1.15);box-shadow:0 8px 24px -8px #ff6b6b80}.timeline__content{padding:0 8px}.timeline__title{font-size:16px;font-weight:600;margin:0 0 8px;color:#1a1a2e;line-height:1.3}.timeline__description{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.vertical-timeline__step{display:flex;gap:24px;margin-bottom:32px;position:relative}.vertical-timeline__step:last-child{margin-bottom:0}.vertical-timeline__connector{position:relative;flex-shrink:0;width:60px}.connector__line{position:absolute;left:29px;top:0;bottom:0;width:2px;background:#e5e7eb}.connector__line--extended{bottom:-32px}.connector__node{position:relative;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.connector__node span{width:48px;height:48px;background:#e5e7eb;color:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transition:all .3s ease}.vertical-timeline__step--active .connector__node span{background:#ff6b6b;color:#fff;transform:scale(1.1)}.vertical-timeline__content{flex:1;padding-top:8px}.vertical-timeline__title{font-size:18px;font-weight:600;margin:0 0 4px;color:#1a1a2e;line-height:1.3}.vertical-timeline__subtitle{font-size:14px;color:#ff6b6b;font-weight:500;margin:0 0 8px}.vertical-timeline__description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.how-it-works__footer{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid #E5E7EB}.how-it-works__footer p{color:#6b7280;margin-bottom:20px}.desktop-only{display:block}.mobile-only{display:none}@media screen and (max-width: 749px){.desktop-only{display:none}.mobile-only{display:block}.how-it-works__steps{grid-template-columns:1fr;gap:24px}.how-it-works__steps--2,.how-it-works__steps--3,.how-it-works__steps--4,.how-it-works__steps--5{grid-template-columns:1fr}.step-card{text-align:left;display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px -2px #0000001a}.step-card__number{margin:0;flex-shrink:0;width:48px;height:48px;font-size:20px}.step-card__title,.step-card__description{text-align:left}.how-it-works__subtitle{font-size:16px;margin-bottom:32px}}@media screen and (min-width: 750px) and (max-width: 989px){.how-it-works__steps--4,.how-it-works__steps--5{grid-template-columns:repeat(2,1fr)}.timeline__title{font-size:14px}.timeline__description{font-size:13px}}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.step-card--active .step-card__number,.timeline__step--active .node__number{animation:pulse 2s infinite}
/*# sourceMappingURL=/cdn/shop/t/93/assets/section-how-it-works.css.map */