.how-to{max-width:1200px;margin:0 auto;padding:60px 20px}.how-to__header{text-align:center;margin-bottom:48px}.how-to__title{font-family:var(--font-heading);font-size:42px;font-weight:400;color:var(--color-dark-navy);margin-bottom:8px}.how-to__subtitle{font-size:15px;font-weight:300;line-height:1.6;color:#4a5568}.how-to__viewport{overflow:visible}.how-to__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.how-to__step-image{border-radius:12px;overflow:hidden;margin-bottom:20px;aspect-ratio:4/3}.how-to__step-image img{width:100%;height:100%;object-fit:cover}.how-to__step-placeholder{width:100%;height:100%;background:#e0e4e8}.how-to__step-title{font-size:18px;font-weight:700;font-style:italic;color:var(--color-dark-navy);margin-bottom:8px}.how-to__step-text{font-size:15px;line-height:1.6;color:#4a5568}.how-to__cta-wrap{text-align:center}.how-to__cta{display:inline-block;background:var(--color-cta);color:#fff;padding:18px 80px;border-radius:50px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:opacity .2s}.how-to__cta:hover{opacity:.9}.how-to__trial{text-align:center;margin:0;font-size:13px;font-weight:300;line-height:1.6;color:var(--color-dark-navy, #0D0D1A)}.how-to__trial svg{display:inline-block;vertical-align:middle;margin-right:4px}.how-to__carousel-nav{display:none}.how-to__arrow{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:background .2s;flex-shrink:0}.how-to__arrow:hover{background:#f0f0f0}.how-to__dots{display:flex;align-items:center;gap:8px}.how-to__dot{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .2s}.how-to__dot--active{background:var(--color-dark-navy)}@media(max-width:768px){.how-to{padding:40px 16px}.how-to__title{font-size:30px}.how-to__viewport{overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.how-to__steps{display:flex;gap:16px;margin-bottom:24px;transition:transform .4s ease}.how-to__step{flex:0 0 85%;min-width:0}.how-to__carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.how-to__cta{display:block;padding:16px 40px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-to-steps.css.map */