.how-page{padding-bottom:var(--section-gap);display:flow-root}.how-page em{color:var(--brand-green);font-style:normal}[dir=rtl] .how-page em{color:inherit}.how-page h1,.how-page h2{font-weight:700;line-height:normal}.how-page .home-step h3{font-weight:700}.how-hero{isolation:isolate;min-height:var(--hero-height);border-bottom:1px solid #e5e7eb;display:flex;position:relative;overflow:hidden}.how-hero-content{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:clamp(16px,3svh,24px);width:100%;max-width:1440px;margin-inline:auto;padding:clamp(24px,9svh,80px) 48px;display:flex}.how-hero h1{max-width:631px;font-size:clamp(32px,6.4svh,52px)}.how-hero-content>p{max-width:558px;color:var(--brand-gray);font-size:18px;line-height:normal}.how-hero-art{--art-top:clamp(20px,4svh,36px);z-index:-1;width:min(44.58%,calc(var(--hero-height) - var(--art-top) - 24px));aspect-ratio:1;inset-inline-end:max(2.5%,50% - 684px);top:var(--art-top);position:absolute}.how-hero-art img{object-fit:contain}.how-process{margin-top:var(--section-gap);padding-block:80px}.how-process-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-height:286px;padding-bottom:48px;display:grid}.how-process-intro>.badge{margin:4px 12px}.how-process-copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.how-process-copy .home-swatch{margin-block:2px 12px}.how-process-copy h2{font-size:36px}.how-process-copy>p{max-width:412px;color:var(--brand-gray);font-size:16px;line-height:normal}.how-process-copy .action{margin-top:12px}.how-page .home-step-slot{overflow:hidden}.how-page .home-step-art img{right:auto!important}.how-after{--after-padding:clamp(24px,8svh,80px);margin-top:var(--section-gap);height:calc(100svh - var(--sticky-header-height));padding-block:var(--after-padding);background:#d5dcd8;overflow:clip}.how-after-layout{grid-template-columns:minmax(0,1fr) minmax(0,590px);gap:clamp(24px,4.4vw,64px);height:100%;display:grid}.how-after-copy{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:clamp(24px,5svh,48px);min-height:0;padding-top:2px;display:flex}.how-after-copy>.badge{margin-block:4px}.how-after-statement{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.how-after-statement .home-swatch{margin-bottom:12px}.how-after-statement h2{font-size:clamp(28px,5.9svh,48px)}.how-after-statement>p{color:#6b7280;max-width:412px;font-size:16px;line-height:normal}.how-outcomes-stage{justify-content:flex-end;align-items:center;min-width:0;min-height:0;display:flex;container-type:size}.how-outcomes{--dir:1;aspect-ratio:590/594;flex:none;width:min(100cqw,99.3266cqh);max-width:590px;position:relative;container-type:inline-size}.how-outcome-toggle{text-align:center;border-radius:25px;width:100%;position:absolute;inset:0}.how-card{color:#fff;isolation:isolate;width:74.915%;height:84.512%;transform:translate(calc(var(--x)*var(--dir)),var(--y))rotate(calc(var(--r)*var(--dir)));border-radius:4.237cqw;flex-direction:column;justify-content:center;align-items:center;gap:4.068cqw;display:flex;position:absolute;top:15.488%;left:25.424%;box-shadow:-10px 3px 6.35px #00000040}.how-card-pattern{z-index:-1;opacity:.09;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.how-card-pattern img{max-width:none;width:113.15%!important;top:.08%!important;left:-72.01%!important;right:auto!important}.how-card-approved{--x:0%;--y:0%;--r:0deg;z-index:2;background:var(--brand-green)}.how-card-rejected{--x:-20.94%;--y:-8.64%;--r:-15deg;z-index:1;background:var(--brand-navy)}.is-rejected .how-card-approved{--x:-19.36%;--y:-9.03%;--r:-15deg;z-index:1}.is-rejected .how-card-rejected{--x:-0.45%;--y:0%;--r:0deg;z-index:2}.how-card-title{white-space:pre-line;font-size:5.424cqw;font-weight:700;line-height:normal}.how-card-description{width:79.186%;font-size:3.39cqw;line-height:normal}.how-outcome-icon{justify-content:center;align-items:center;width:8.814cqw;height:8.814cqw;margin-bottom:-1.356cqw;display:flex}.how-outcome-icon-desktop{transform-origin:50%;display:block}.how-outcome-icon-approved .how-outcome-icon-desktop{transform:scale(1.603)}.how-outcome-icon-rejected .how-outcome-icon-desktop{transform:scale(1.6684)}.how-outcome-icon-mobile{display:none}.how-page .home-whatsapp{position:fixed}@media (min-width:1200px){.how-hero-art{width:min(52vw,820px,calc(var(--hero-height) - var(--art-top) - 24px))}}@media (min-width:768px){[dir=rtl] .how-hero-art{margin-top:12px;top:50%;left:max(7.57%,50% - 611px);right:auto;translate:0 -50%}[dir=rtl] .how-process-intro{padding-bottom:64px}}@media (min-width:768px) and (max-width:1199px){.how-hero h1{max-width:52%;font-size:clamp(32px,5.4svh,44px)}.how-hero-content>p{max-width:48%}.how-after-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.how-after-statement h2{font-size:clamp(28px,4.4svh,36px)}}@media (max-width:767px){.how-hero{height:var(--hero-height);min-height:0;padding-block:clamp(16px,calc(var(--hero-height)*.08),60px)clamp(24px,calc(var(--hero-height)*.107),80px);flex-direction:column}.how-hero-art{--art-size:min(342px,100vw - 48px);z-index:0;top:auto;width:var(--art-size);flex:0 1 var(--art-size);aspect-ratio:auto;align-self:center;min-height:0;position:relative;inset-inline-end:auto}.how-hero-content{flex:none;gap:16px;margin-top:auto;padding:24px 24px 0}.how-hero h1{font-size:28px}.how-hero-content>p{font-size:16px}.how-process{padding-block:24px}.how-process-intro{flex-direction:column;gap:16px;min-height:0;padding-bottom:24px;display:flex}.how-process-intro>.badge{margin-inline:0}.how-process-copy{gap:16px}.how-process-copy .home-swatch{margin:24px 0 0}.how-process-copy h2{font-size:24px}.how-process-copy .action{min-height:48px;margin:0}.how-page .home-steps{min-height:400.819px}.how-after{padding-block:clamp(24px,6svh,56px);overflow:hidden}.how-after-layout{flex-direction:column;gap:clamp(16px,3svh,24px);display:flex}.how-after-copy{flex:none;justify-content:flex-start;gap:clamp(16px,5svh,56px);padding:0}.how-after-statement{gap:16px}.how-after-statement .home-swatch{margin-bottom:0}.how-after-statement h2{font-size:24px}.how-after-statement>p{color:var(--brand-gray)}.how-outcomes-stage{flex:1;justify-content:center}.how-outcomes{max-width:342px}[dir=rtl] .how-outcomes{--dir:-1}[dir=rtl] .how-card{left:auto;right:25.424%}.how-card{box-shadow:-5.797px 1.739px 3.681px #00000040}.how-card-title{font-size:5.263cqw}.how-card-description{font-size:3.509cqw}.how-outcome-icon-desktop{display:none}.how-outcome-icon-mobile{display:block}}@media (prefers-reduced-motion:reduce){.how-page *,.how-page :before,.how-page :after{transition:none!important;animation:none!important}}
