.how-it-works h1,.how-it-works h2,.how-it-works h3,.how-it-works h4,.how-it-works p,.how-it-works span{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.how-it-works{position:relative;background-color:var(--hiw-bg, #0a0a0a);padding-top:var(--hiw-padding-top, 72px);padding-bottom:var(--hiw-padding-bottom, 72px);overflow:hidden}.how-it-works__container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 24px}.how-it-works__header{text-align:center;margin-bottom:64px}.how-it-works .how-it-works__badge{display:inline-block;padding:6px 20px;border-radius:50px;background:#7ecbf314;color:var(--hiw-accent, #7ecbf3);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;border:1px solid rgba(126,203,243,.15)}.how-it-works .how-it-works__heading{color:var(--hiw-text, #ffffff);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;margin:0 auto 14px;max-width:600px}.how-it-works .how-it-works__heading.h0{font-size:clamp(32px,5.5vw,56px)}.how-it-works .how-it-works__heading.h1{font-size:clamp(28px,4.5vw,46px)}.how-it-works .how-it-works__heading.h2{font-size:clamp(24px,3.5vw,38px)}.how-it-works .how-it-works__heading.h3{font-size:clamp(20px,3vw,30px)}.how-it-works .how-it-works__subheading{color:var(--hiw-text-muted, #888888);font-size:clamp(14px,1.6vw,16px);line-height:1.6;max-width:460px;margin:0 auto;font-weight:400}.how-it-works__steps{display:grid;gap:32px}.how-it-works__steps--cols-1{grid-template-columns:1fr;max-width:320px;margin:0 auto}.how-it-works__steps--cols-2{grid-template-columns:repeat(2,1fr)}.how-it-works__steps--cols-3{grid-template-columns:repeat(3,1fr)}.how-it-works__steps--cols-4{grid-template-columns:repeat(4,1fr)}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-top:60px}.how-it-works__number-watermark{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:clamp(64px,8vw,90px);font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--hiw-number-color, #7ecbf3);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transition:opacity .4s ease}.how-it-works__step:hover .how-it-works__number-watermark{opacity:.22}.how-it-works__step-content{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.how-it-works .how-it-works__step-title{color:var(--hiw-accent, #7ecbf3);font-size:clamp(18px,2vw,24px);font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.how-it-works .how-it-works__step-desc{color:var(--hiw-text-muted, #888888);font-size:14px;line-height:1.65;font-weight:400;max-width:260px;margin:0 auto}@media(prefers-reduced-motion:no-preference){.how-it-works__step{opacity:0;transform:translateY(24px);animation:hiw-reveal .6s ease forwards}.how-it-works__step:nth-child(1){animation-delay:.15s}.how-it-works__step:nth-child(2){animation-delay:.3s}.how-it-works__step:nth-child(3){animation-delay:.45s}.how-it-works__step:nth-child(4){animation-delay:.6s}.how-it-works__badge,.how-it-works__heading,.how-it-works__subheading{opacity:0;transform:translateY(14px);animation:hiw-reveal .5s ease forwards}.how-it-works__badge{animation-delay:.05s}.how-it-works__heading{animation-delay:.1s}.how-it-works__subheading{animation-delay:.15s}@keyframes hiw-reveal{to{opacity:1;transform:translateY(0)}}}@media screen and (max-width:900px){.how-it-works__steps--cols-4{grid-template-columns:repeat(2,1fr);gap:40px 24px}.how-it-works__steps--cols-3{grid-template-columns:repeat(3,1fr);gap:24px}.how-it-works__header{margin-bottom:48px}}@media screen and (max-width:600px){.how-it-works{--hiw-padding-top: 52px;--hiw-padding-bottom: 52px}.how-it-works__steps--cols-3,.how-it-works__steps--cols-4{grid-template-columns:1fr;gap:44px}.how-it-works__step{flex-direction:row;text-align:left;align-items:flex-start;padding-top:0;gap:16px}.how-it-works__number-watermark{position:relative;top:auto;left:auto;transform:none;font-size:52px;opacity:.15;flex-shrink:0;width:60px;text-align:center;line-height:.9;margin-top:-4px}.how-it-works__step-content{align-items:flex-start;gap:6px}.how-it-works .how-it-works__step-desc{margin:0;max-width:none}.how-it-works__header{margin-bottom:36px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how-it-works.css.map */