.template-index .how-it-works{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:clamp(76px,8vw,112px) 24px clamp(72px,7vw,104px)!important;background:linear-gradient(180deg,#f7f7f5,#f1f2f0);box-sizing:border-box;position:relative;overflow:hidden}.template-index .how-it-works:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(17,24,39,.06);border-radius:50%;right:-190px;top:-210px}.template-index .how-it-works-inner{width:min(1220px,100%);margin:0 auto;position:relative}.template-index .how-header{width:min(760px,100%);margin:0 auto clamp(48px,6vw,70px)!important;text-align:center!important}.template-index .how-header .section-label{margin-bottom:14px}.template-index .how-header .section-title{margin:0}.template-index .how-header .section-desc{max-width:680px}.template-index .how-steps{width:100%!important;max-width:none!important;margin:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.template-index .how-steps:before{display:none!important}.template-index .how-step{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:10px clamp(22px,3vw,48px) 14px;min-height:190px;box-sizing:border-box;position:relative}.template-index .how-step+.how-step{border-left:1px solid rgba(17,24,39,.12)}.template-index .how-step:first-child{padding-left:0}.template-index .how-step:last-child{padding-right:0}.template-index .step-index{font-family:var(--font-display);font-size:clamp(42px,5vw,64px);line-height:.9;font-weight:600;letter-spacing:-2px;color:#d6d7d4;min-width:52px}.template-index .how-step:nth-child(1) .step-index{color:var(--taste-color)}.template-index .how-step:nth-child(2) .step-index{color:var(--experience-color)}.template-index .how-step:nth-child(3) .step-index{color:var(--explorer-color)}.template-index .step-kicker{display:block;font-size:10px;line-height:1;letter-spacing:2.2px;font-weight:700;color:#8b8f94;margin:2px 0 12px}.template-index .how-step .step-title{font-size:22px;line-height:1.2;margin:0 0 12px}.template-index .how-step .step-desc{margin:0;max-width:300px;font-size:15px;line-height:1.65}.template-index .how-cta{margin-top:52px;text-align:center}.template-index .how-cta .btn{display:inline-flex;align-items:center;gap:12px}.template-index .how-cta .btn span{font-size:18px;line-height:1}@media(max-width:800px){.template-index .how-it-works{padding:64px 20px 70px!important}.template-index .how-steps{grid-template-columns:1fr;gap:0}.template-index .how-step,.template-index .how-step:first-child,.template-index .how-step:last-child{padding:22px 0}.template-index .how-step+.how-step{border-left:0;border-top:1px solid rgba(17,24,39,.12)}.template-index .how-step .step-desc{max-width:none}.template-index .how-cta{margin-top:28px}}@media(max-width:480px){.template-index .how-step{grid-template-columns:48px 1fr;gap:16px}.template-index .step-index{font-size:42px;min-width:48px}.template-index .how-step .step-title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/unify-v47-how-it-works.css.map */