.how-it-works{background:#f9f9f9}.how-it-works__header{text-align:center;max-width:800px;margin:0 auto 60px}.how-it-works__subtitle{font-family:Gotham,sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:2px;color:var(--beige);margin:0 0 16px}.how-it-works__title{font-family:Cochin LT Std,serif;font-size:40px;line-height:1.2;color:var(--dark-blue);margin:0 0 24px;font-weight:500}.how-it-works__description{font-family:Gotham,sans-serif;font-size:16px;line-height:1.6;color:#0f203dcc;font-weight:300}.how-it-works__description p{margin:0}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:60px;position:relative}.step-item{position:relative;text-align:center;animation:fadeInUp .6s ease forwards;opacity:0}.step-item:nth-child(1){animation-delay:.1s}.step-item:nth-child(2){animation-delay:.2s}.step-item:nth-child(3){animation-delay:.3s}.step-item:nth-child(4){animation-delay:.4s}.step-item:nth-child(5){animation-delay:.5s}.step-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-item__number-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.step-item__number{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--dark-blue) 0%,rgba(15,32,61,.9) 100%);border:3px solid var(--beige);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .4s ease;box-shadow:0 4px 16px #0f203d26}.step-item:hover .step-item__number{transform:scale(1.1);box-shadow:0 8px 24px #0f203d40}.step-item__number span{font-family:Cochin LT Std,serif;font-size:36px;font-weight:500;color:var(--beige)}.step-item__connector{position:absolute;top:40px;left:calc(50% + 40px);width:calc(100% + 48px);height:2px;background:linear-gradient(to right,var(--beige) 0%,rgba(195,177,139,.3) 50%,var(--beige) 100%);z-index:1}.step-item__icon{margin-bottom:20px;color:var(--beige);transition:all .3s ease}.step-item__icon svg{width:48px;height:48px}.step-item:hover .step-item__icon{transform:scale(1.1);color:var(--dark-blue)}.step-item__content{padding:0 20px}.step-item__title{font-family:Cochin LT Std,serif;font-size:24px;line-height:1.3;color:var(--dark-blue);margin:0 0 16px;font-weight:500}.step-item__description{font-family:Gotham,sans-serif;font-size:15px;line-height:1.6;color:#0f203db3;font-weight:300;margin-bottom:20px}.step-item__description p{margin:0}.step-item__link{margin-top:16px}.step-link{font-family:Gotham,sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:var(--beige);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border-bottom:1px solid transparent}.step-link:hover{color:var(--dark-blue);border-bottom-color:var(--dark-blue);gap:12px}.step-link svg{transition:transform .3s ease}.step-link:hover svg{transform:translate(4px)}.how-it-works__button{text-align:center}.how-it-works__button .button{min-width:250px;padding:16px 48px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s ease}.how-it-works__button .button--primary{background:var(--dark-blue);color:#fff;border:2px solid var(--dark-blue)}.how-it-works__button .button--primary:hover{background:transparent;color:var(--dark-blue);transform:translateY(-2px);box-shadow:0 8px 20px #0f203d33}.how-it-works__button .button--secondary{background:transparent;color:var(--dark-blue);border:2px solid var(--dark-blue)}.how-it-works__button .button--secondary:hover{background:var(--dark-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0f203d33}@media screen and (max-width: 989px){.how-it-works__steps{grid-template-columns:1fr;gap:60px}.step-item__connector{display:none}.how-it-works__title{font-size:32px}}@media screen and (max-width: 749px){.how-it-works__header{margin-bottom:40px}.how-it-works__steps{gap:48px;margin-bottom:40px}.how-it-works__title{font-size:28px}.how-it-works__description{font-size:15px}.step-item__number{width:70px;height:70px}.step-item__number span{font-size:32px}.step-item__title{font-size:22px}.step-item__description{font-size:14px}.step-item__content{padding:0 10px}.how-it-works__button .button{width:100%;max-width:300px}}@media screen and (min-width: 750px) and (max-width: 989px){.how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:48px}.step-item:nth-child(odd) .step-item__connector{display:block}.step-item:nth-child(2n) .step-item__connector,.step-item:last-child .step-item__connector{display:none}}.how-it-works.color-inverse{background:var(--dark-blue)}.how-it-works.color-inverse .how-it-works__title{color:#fff}.how-it-works.color-inverse .how-it-works__description{color:#fffc}.how-it-works.color-inverse .step-item__title{color:#fff}.how-it-works.color-inverse .step-item__description{color:#ffffffb3}.how-it-works.color-inverse .step-item__number{background:#ffffff1a;border-color:var(--beige)}.how-it-works.color-background-1{background:#fff}
/*# sourceMappingURL=/cdn/shop/t/78/assets/section-how-it-works.css.map */