.how-it-works{--hiw-bg-content: #ffffff;--hiw-bg-visual: #f8f7f4;--hiw-text: #0a0a0a;--hiw-accent: #2d5a27;--hiw-section-height: 85vh;--hiw-text-muted: rgba(10, 10, 10, .5);--hiw-border: rgba(10, 10, 10, .1);--hiw-transition: .3s ease;--hiw-radius-md: 12px;--hiw-radius-lg: 20px;--hiw-radius-full: 100px}.how-it-works__wrapper{display:grid;grid-template-columns:1fr 1fr;min-height:var(--hiw-section-height)}.how-it-works__content{padding:clamp(48px,8vw,80px) clamp(24px,5vw,60px);display:flex;flex-direction:column;justify-content:center;background:var(--hiw-bg-content);border-right:1px solid var(--hiw-border)}.how-it-works__header{margin-bottom:clamp(32px,5vw,48px)}.how-it-works__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--hiw-accent);margin:0 0 12px}.how-it-works__heading{font-size:clamp(26px,3.5vw,36px);font-weight:700;line-height:1.2;color:var(--hiw-text);margin:0}.how-it-works__steps{display:flex;flex-direction:column;gap:2px}.how-it-works__step{display:flex;align-items:center;gap:20px;padding:24px;border-radius:var(--hiw-radius-md);cursor:pointer;transition:all var(--hiw-transition);border:1px solid transparent;background:transparent;text-align:left;width:100%;font-family:inherit}.how-it-works__step:hover{background:var(--hiw-bg-visual)}.how-it-works__step--active{background:var(--hiw-bg-visual);border-color:var(--hiw-border)}.how-it-works__step:focus-visible{outline:3px solid var(--hiw-accent);outline-offset:2px}.how-it-works__step-number{width:48px;height:48px;background:var(--hiw-bg-content);border:1px solid var(--hiw-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--hiw-text-muted);transition:all var(--hiw-transition);flex-shrink:0}.how-it-works__step--active .how-it-works__step-number{background:var(--hiw-accent);border-color:var(--hiw-accent);color:#fff}.how-it-works__step-content{flex:1}.how-it-works__step-title{font-size:18px;font-weight:600;color:var(--hiw-text);margin:0 0 4px}.how-it-works__step-description{font-size:14px;color:var(--hiw-text-muted);line-height:1.5;margin:0}.how-it-works__visual{position:relative;overflow:hidden;background:var(--hiw-bg-visual)}.how-it-works__visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .6s ease,transform .6s ease}.how-it-works__picture{display:block;width:100%;height:100%}.how-it-works__visual-bg img,.how-it-works__visual-bg svg,.how-it-works__image{width:100%;height:100%;object-fit:cover}.how-it-works__visual-bg--hidden{opacity:0;transform:scale(1.05);pointer-events:none}.how-it-works__counter{position:absolute;top:clamp(24px,4vw,40px);right:clamp(24px,4vw,40px);z-index:3}.how-it-works__counter-value{font-size:clamp(80px,12vw,140px);font-weight:700;color:var(--hiw-accent);opacity:.12;line-height:1;display:block}.how-it-works__mobile-ui{display:none}[data-layout=content-right] .how-it-works__wrapper{direction:rtl}[data-layout=content-right] .how-it-works__wrapper>*{direction:ltr}[data-layout=content-right] .how-it-works__content{border-right:none;border-left:1px solid var(--hiw-border)}@media (max-width: 1024px){.how-it-works__wrapper{grid-template-columns:1fr;min-height:100svh;position:relative}.how-it-works__content{display:none}.how-it-works__visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.how-it-works__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 30%,transparent 50%,rgba(0,0,0,.6) 100%);z-index:2;pointer-events:none}.how-it-works__counter{display:none}.how-it-works__mobile-ui{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:10;min-height:100svh;padding:24px 20px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.how-it-works__mobile-top{display:flex;flex-direction:column;gap:20px}.how-it-works__mobile-header{text-align:center}.how-it-works__mobile-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffffb3;margin:0 0 8px}.how-it-works__mobile-heading{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.how-it-works__pills{display:flex;justify-content:center;gap:8px}.how-it-works__pill{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--hiw-radius-full);color:#fffc;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--hiw-transition)}.how-it-works__pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.how-it-works__pill-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:12px;font-weight:700;transition:all var(--hiw-transition)}.how-it-works__pill-title{display:none}.how-it-works__pill--active{background:#fff;border-color:#fff;color:var(--hiw-text)}.how-it-works__pill--active .how-it-works__pill-num{background:var(--hiw-accent);color:#fff}.how-it-works__pill--active .how-it-works__pill-title{display:block}.how-it-works__mobile-card{margin-top:auto}.how-it-works__mobile-card-inner{background:#ffffffe6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.5);border-radius:var(--hiw-radius-lg);padding:24px;box-shadow:0 -10px 40px #0000001a,0 0 0 1px #fff3 inset}.how-it-works__progress{height:3px;background:#0000001a;border-radius:2px;margin-bottom:20px;overflow:hidden}.how-it-works__progress-bar{height:100%;width:var(--progress, 33%);background:var(--hiw-accent);border-radius:2px;transition:width .4s ease}.how-it-works__slides{position:relative;min-height:100px}.how-it-works__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(10px);transition:all .4s ease;pointer-events:none}.how-it-works__slide--active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.how-it-works__slide-number{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--hiw-accent);margin-bottom:8px}.how-it-works__slide-divider{opacity:.4}.how-it-works__slide-title{font-size:20px;font-weight:700;color:var(--hiw-text);margin:0 0 8px;line-height:1.3}.how-it-works__slide-description{font-size:14px;color:var(--hiw-text-muted);line-height:1.6;margin:0}.how-it-works__nav{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08)}.how-it-works__nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hiw-border);border-radius:50%;color:var(--hiw-text);cursor:pointer;transition:all var(--hiw-transition);font-family:inherit}.how-it-works__nav-btn:hover:not(:disabled){background:var(--hiw-accent);border-color:var(--hiw-accent);color:#fff}.how-it-works__nav-btn:disabled{opacity:.3;cursor:not-allowed}.how-it-works__nav-btn:focus-visible{outline:2px solid var(--hiw-accent);outline-offset:2px}[data-layout=content-right] .how-it-works__wrapper{direction:ltr}}@media (max-width: 380px){.how-it-works__pill{padding:8px 12px}.how-it-works__mobile-card-inner{padding:20px 16px}}@media (prefers-reduced-motion: reduce){.how-it-works__visual-bg,.how-it-works__slide,.how-it-works__progress-bar{transition:opacity .2s ease;transform:none}.how-it-works__visual-bg--hidden{transform:none}.how-it-works__step,.how-it-works__step-number,.how-it-works__pill,.how-it-works__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/251/assets/section-how-it-works.css.map */