.machex-how-process{position:relative;width:100%;overflow:hidden;padding-top:var(--mhp-padding-top-desktop, 100px);padding-bottom:var(--mhp-padding-bottom-desktop, 100px);background:var(--mhp-background, #f5f7fa)}.machex-how-process *,.machex-how-process *:before,.machex-how-process *:after{box-sizing:border-box}.machex-how-process__container{width:min(calc(100% - 48px),var(--mhp-container-width, 1600px));margin-inline:auto}.machex-how-process__header{width:100%;max-width:850px;margin-bottom:54px}.machex-how-process--align-center .machex-how-process__header{margin-right:auto;margin-left:auto;text-align:center}.machex-how-process__eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--mhp-accent, #0755c9);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.machex-how-process--align-center .machex-how-process__eyebrow{justify-content:center}.machex-how-process__eyebrow-line{display:block;width:44px;height:2px;flex:0 0 auto;background:currentColor}.machex-how-process__heading{margin:0;color:var(--mhp-heading, #071b42);font-size:clamp(38px,4vw,62px);font-weight:780;line-height:1.06;letter-spacing:-.05em;text-wrap:balance}.machex-how-process__heading strong,.machex-how-process__heading em{color:var(--mhp-accent, #0755c9);font-style:normal;font-weight:inherit}.machex-how-process__description{max-width:760px;margin-top:22px;color:var(--mhp-text, #5f6b7a);font-size:clamp(15px,1.05vw,17px);line-height:1.8}.machex-how-process--align-center .machex-how-process__description{margin-right:auto;margin-left:auto}.machex-how-process__description p{margin:0}.machex-how-process__description p+p{margin-top:12px}.machex-how-process__steps{display:grid;grid-template-columns:repeat(var(--mhp-columns-desktop, 3),minmax(0,1fr));gap:24px}.machex-how-process__step{position:relative;display:flex;min-width:0;min-height:310px;flex-direction:column;padding:28px;overflow:visible;border:1px solid var(--mhp-border, #dfe5ec);border-radius:var(--mhp-card-radius, 14px);background:var(--mhp-card-background, #ffffff);box-shadow:0 12px 34px #071b420d;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;isolation:isolate}.machex-how-process__step:before{content:"";position:absolute;z-index:-1;top:0;right:0;width:130px;height:130px;border-radius:0 var(--mhp-card-radius, 14px) 0 100%;background:color-mix(in srgb,var(--mhp-accent, #0755c9) 5%,transparent);pointer-events:none;transition:transform .26s ease}.machex-how-process__step:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;border-radius:0 0 var(--mhp-card-radius, 14px) var(--mhp-card-radius, 14px);background:var(--mhp-accent, #0755c9);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.machex-how-process__step:hover{border-color:color-mix(in srgb,var(--mhp-accent, #0755c9) 34%,var(--mhp-border, #dfe5ec));box-shadow:0 24px 54px #071b421c;transform:translateY(-6px)}.machex-how-process__step:hover:before{transform:scale(1.12)}.machex-how-process__step:hover:after{transform:scaleX(1)}.machex-how-process__step--highlighted{border-color:transparent;background:var(--mhp-heading, #071b42);box-shadow:0 22px 52px #071b4233}.machex-how-process__step--highlighted:before{background:color-mix(in srgb,var(--mhp-accent, #0755c9) 24%,transparent)}.machex-how-process__step--highlighted:after{transform:scaleX(1)}.machex-how-process__step--highlighted:hover{border-color:transparent;box-shadow:0 28px 64px #071b4245}.machex-how-process__step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.machex-how-process__number{color:color-mix(in srgb,var(--mhp-accent, #0755c9) 18%,transparent);font-size:clamp(44px,4vw,68px);font-weight:850;line-height:.9;letter-spacing:-.08em}.machex-how-process__step--highlighted .machex-how-process__number{color:#ffffff1a}.machex-how-process__icon{display:flex;width:58px;height:58px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--mhp-accent, #0755c9) 16%,transparent);border-radius:12px;background:var(--mhp-icon-background, #edf4ff);color:var(--mhp-accent, #0755c9);transition:color .22s ease,background-color .22s ease,transform .22s ease}.machex-how-process__icon svg{width:36px;height:36px}.machex-how-process__custom-icon{display:block;width:100%;height:100%;padding:10px;object-fit:contain}.machex-how-process__step:hover .machex-how-process__icon{background:var(--mhp-accent, #0755c9);color:#fff;transform:translateY(-3px)}.machex-how-process__step--highlighted .machex-how-process__icon{border-color:#ffffff24;background:color-mix(in srgb,var(--mhp-accent, #0755c9) 34%,transparent);color:#fff}.machex-how-process__step-content{margin-top:auto}.machex-how-process__step-eyebrow{display:block;margin-bottom:9px;color:var(--mhp-accent, #0755c9);font-size:9px;font-weight:800;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.machex-how-process__step-title{margin:0;color:var(--mhp-card-heading, #071b42);font-size:clamp(20px,1.5vw,26px);font-weight:760;line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.machex-how-process__step-description{margin-top:13px;color:var(--mhp-card-text, #5f6b7a);font-size:13px;line-height:1.72}.machex-how-process__step-description p{margin:0}.machex-how-process__step-description p+p{margin-top:8px}.machex-how-process__step--highlighted .machex-how-process__step-eyebrow{color:color-mix(in srgb,var(--mhp-accent, #0755c9) 54%,#ffffff)}.machex-how-process__step--highlighted .machex-how-process__step-title{color:#fff}.machex-how-process__step--highlighted .machex-how-process__step-description{color:#c7d1df}.machex-how-process__connector{position:absolute;z-index:5;top:50%;right:-37px;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--mhp-border, #dfe5ec);border-radius:50%;background:var(--mhp-background, #f5f7fa);color:var(--mhp-accent, #0755c9);box-shadow:0 8px 20px #071b4214;transform:translateY(-50%)}.machex-how-process__connector svg{width:20px;height:20px}.machex-how-process[style*="--mhp-columns-desktop: 3"] .machex-how-process__step:nth-child(3n) .machex-how-process__connector{display:none}.machex-how-process[style*="--mhp-columns-desktop: 2"] .machex-how-process__step:nth-child(2n) .machex-how-process__connector{display:none}.machex-how-process--connected .machex-how-process__steps{gap:1px;overflow:hidden;border:1px solid var(--mhp-border, #dfe5ec);border-radius:var(--mhp-card-radius, 14px);background:var(--mhp-border, #dfe5ec)}.machex-how-process--connected .machex-how-process__step{border:0;border-radius:0;box-shadow:none}.machex-how-process--connected .machex-how-process__step:after{border-radius:0}.machex-how-process--connected .machex-how-process__step:hover{box-shadow:none;transform:none}.machex-how-process--connected .machex-how-process__connector{display:none}.machex-how-process__note{display:flex;width:min(100%,940px);align-items:flex-start;gap:15px;margin:38px auto 0;padding:20px 24px;border:1px solid color-mix(in srgb,var(--mhp-accent, #0755c9) 16%,var(--mhp-border, #dfe5ec));border-radius:10px;background:color-mix(in srgb,var(--mhp-accent, #0755c9) 4%,#ffffff)}.machex-how-process__note-icon{display:flex;width:28px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--mhp-accent, #0755c9)}.machex-how-process__note-icon svg{width:24px;height:24px}.machex-how-process__note-text{color:var(--mhp-text, #5f6b7a);font-size:13px;line-height:1.7}.machex-how-process__note-text p{margin:0}.machex-how-process .rte>:first-child{margin-top:0}.machex-how-process .rte>:last-child{margin-bottom:0}@media screen and (min-width:1600px){.machex-how-process__step{min-height:330px;padding:32px}.machex-how-process__steps{gap:28px}.machex-how-process__connector{right:-41px}}@media screen and (max-width:1399px){.machex-how-process__container{width:min(calc(100% - 40px),var(--mhp-container-width, 1600px))}.machex-how-process__steps{gap:20px}.machex-how-process__step{min-height:300px;padding:25px}.machex-how-process__connector{right:-34px;width:44px;height:44px}}@media screen and (max-width:989px){.machex-how-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.machex-how-process__step{min-height:290px}.machex-how-process__connector{display:none}.machex-how-process--connected .machex-how-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.machex-how-process{padding-top:var(--mhp-padding-top-mobile, 65px);padding-bottom:var(--mhp-padding-bottom-mobile, 70px)}.machex-how-process__container{width:calc(100% - 32px)}.machex-how-process__header{margin-bottom:36px}.machex-how-process__eyebrow{margin-bottom:15px;font-size:10px}.machex-how-process__eyebrow-line{width:34px}.machex-how-process__heading{font-size:clamp(33px,9vw,46px);line-height:1.08}.machex-how-process__description{margin-top:18px;font-size:15px;line-height:1.72}.machex-how-process__steps,.machex-how-process--connected .machex-how-process__steps{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:visible;border:0;border-radius:0;background:transparent}.machex-how-process__steps:before{content:"";position:absolute;top:46px;bottom:46px;left:28px;width:2px;background:color-mix(in srgb,var(--mhp-accent, #0755c9) 22%,var(--mhp-border, #dfe5ec))}.machex-how-process__step,.machex-how-process--connected .machex-how-process__step{min-height:0;padding:22px 20px 22px 82px;border:1px solid var(--mhp-border, #dfe5ec);border-radius:min(var(--mhp-card-radius, 14px),13px);box-shadow:0 10px 28px #071b420d}.machex-how-process__step:hover{transform:none}.machex-how-process__step-top{position:absolute;top:22px;left:16px;margin:0}.machex-how-process__number{position:absolute;top:-14px;left:48px;font-size:28px;opacity:.8}.machex-how-process__icon{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 6px var(--mhp-background, #f5f7fa)}.machex-how-process__icon svg{width:29px;height:29px}.machex-how-process__step-content{margin-top:0}.machex-how-process__step-title{font-size:20px}.machex-how-process__step-description{font-size:12px}.machex-how-process__connector{display:none}.machex-how-process__note{gap:12px;margin-top:28px;padding:18px}.machex-how-process__note-text{font-size:12px}}@media screen and (max-width:420px){.machex-how-process__container{width:calc(100% - 24px)}.machex-how-process__step,.machex-how-process--connected .machex-how-process__step{padding-right:17px;padding-left:76px}.machex-how-process__steps:before{left:26px}.machex-how-process__step-top{left:14px}.machex-how-process__icon{width:46px;height:46px}.machex-how-process__number{left:45px}}@media(hover:none){.machex-how-process__step:hover,.machex-how-process__step:hover .machex-how-process__icon{transform:none}}@media(prefers-reduced-motion:reduce){.machex-how-process__step,.machex-how-process__step:before,.machex-how-process__step:after,.machex-how-process__icon{transition:none}.machex-how-process__step:hover,.machex-how-process__step:hover:before,.machex-how-process__step:hover .machex-how-process__icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/machex-how-it-works-process.css.map */