.HowItWorksPage-module__7KvliG__page{background:var(--color-page);overflow:hidden}.HowItWorksPage-module__7KvliG__hero{isolation:isolate;min-height:min(620px,100svh - 120px);padding:64px max(16px, calc((100vw - var(--container)) / 2));background:linear-gradient(118deg, transparent 0 18%, #22ff7752 18% 18.75%, transparent 18.75% 100%), linear-gradient(118deg, transparent 0 68%, #22ff772e 68% 68.5%, transparent 68.5% 100%), var(--color-secondary);color:#fff;align-items:center;display:grid;position:relative;overflow:hidden}.HowItWorksPage-module__7KvliG__heroImage{right:max(12px, calc((100vw - var(--container)) / 2));z-index:-2;opacity:.9;width:min(48vw,620px);height:auto;position:absolute;bottom:-44px}.HowItWorksPage-module__7KvliG__heroOverlay{z-index:-1;background:linear-gradient(90deg,#0f172afa 0%,#0f172ae6 44%,#0f172a6b 100%),radial-gradient(circle at 78% 20%,#22c55e38,#0000 28%);position:absolute;inset:0}.HowItWorksPage-module__7KvliG__heroContent{gap:18px;width:min(660px,100%);display:grid}.HowItWorksPage-module__7KvliG__heroContent p,.HowItWorksPage-module__7KvliG__sectionHeading p,.HowItWorksPage-module__7KvliG__detailBand p,.HowItWorksPage-module__7KvliG__cta p{color:var(--color-brand);text-transform:uppercase;font-size:13px;font-weight:900}.HowItWorksPage-module__7KvliG__heroContent h1{letter-spacing:0;font-size:clamp(38px,6vw,68px);line-height:.98}.HowItWorksPage-module__7KvliG__heroContent span{color:#ffffffc7;max-width:600px;font-size:18px;line-height:1.65}.HowItWorksPage-module__7KvliG__heroActions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.HowItWorksPage-module__7KvliG__primaryAction,.HowItWorksPage-module__7KvliG__secondaryAction{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex}.HowItWorksPage-module__7KvliG__primaryAction{background:var(--color-brand);color:var(--color-secondary);gap:8px;box-shadow:0 16px 34px #22c55e3d}.HowItWorksPage-module__7KvliG__secondaryAction{color:#fff;background:#ffffff14;border:1px solid #fff3}.HowItWorksPage-module__7KvliG__metrics{width:min(var(--container), calc(100% - 32px));z-index:2;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:-38px auto 0;display:grid;position:relative;overflow:hidden}.HowItWorksPage-module__7KvliG__metrics article{border-right:1px solid var(--color-border);gap:6px;padding:22px;display:grid}.HowItWorksPage-module__7KvliG__metrics article:last-child{border-right:0}.HowItWorksPage-module__7KvliG__metrics strong{color:var(--color-text);font-size:clamp(24px,3vw,34px);line-height:1}.HowItWorksPage-module__7KvliG__metrics span,.HowItWorksPage-module__7KvliG__steps p,.HowItWorksPage-module__7KvliG__detailBand span,.HowItWorksPage-module__7KvliG__details p{color:var(--color-muted);line-height:1.6}.HowItWorksPage-module__7KvliG__stepsSection,.HowItWorksPage-module__7KvliG__detailBand,.HowItWorksPage-module__7KvliG__details,.HowItWorksPage-module__7KvliG__cta{width:min(var(--container), calc(100% - 32px));margin:28px auto 0}.HowItWorksPage-module__7KvliG__sectionHeading{gap:8px;margin-bottom:16px;display:grid}.HowItWorksPage-module__7KvliG__sectionHeading h2,.HowItWorksPage-module__7KvliG__detailBand h2,.HowItWorksPage-module__7KvliG__cta h2{color:var(--color-text);font-size:clamp(28px,4vw,44px);line-height:1.05}.HowItWorksPage-module__7KvliG__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.HowItWorksPage-module__7KvliG__steps article,.HowItWorksPage-module__7KvliG__details article{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:8px;gap:12px;display:grid}.HowItWorksPage-module__7KvliG__steps article{padding:20px;position:relative}.HowItWorksPage-module__7KvliG__stepNumber{color:#22c55e42;font-size:38px;font-weight:950;line-height:1}.HowItWorksPage-module__7KvliG__steps svg,.HowItWorksPage-module__7KvliG__details svg{color:var(--color-cashback)}.HowItWorksPage-module__7KvliG__steps h3,.HowItWorksPage-module__7KvliG__details h3{color:var(--color-text);font-size:18px;line-height:1.2}.HowItWorksPage-module__7KvliG__detailBand{background:linear-gradient(118deg, transparent 0 66%, #22ff772e 66% 66.7%, transparent 66.7% 100%), var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;gap:24px;padding:30px;display:grid}.HowItWorksPage-module__7KvliG__detailBand>div:first-child,.HowItWorksPage-module__7KvliG__balancePreview{gap:12px;display:grid}.HowItWorksPage-module__7KvliG__balancePreview div{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:8px;gap:5px;padding:18px;display:grid}.HowItWorksPage-module__7KvliG__balancePreview span{color:var(--color-muted);text-transform:uppercase;font-size:13px;font-weight:850}.HowItWorksPage-module__7KvliG__balancePreview strong{color:var(--color-text);font-size:30px}.HowItWorksPage-module__7KvliG__balancePreview small{color:var(--color-cashback);font-size:13px;font-weight:850}.HowItWorksPage-module__7KvliG__details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.HowItWorksPage-module__7KvliG__details article{padding:20px}.HowItWorksPage-module__7KvliG__cta{background:var(--color-secondary);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:56px;padding:28px;display:flex}.HowItWorksPage-module__7KvliG__cta h2{color:#fff;max-width:720px}@media (max-width:980px){.HowItWorksPage-module__7KvliG__heroImage{opacity:.48;width:min(54vw,520px)}.HowItWorksPage-module__7KvliG__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.HowItWorksPage-module__7KvliG__detailBand,.HowItWorksPage-module__7KvliG__details{grid-template-columns:1fr}}@media (max-width:640px){.HowItWorksPage-module__7KvliG__hero{min-height:540px;padding:38px 16px 72px}.HowItWorksPage-module__7KvliG__heroImage{opacity:.32;width:440px;bottom:-30px;right:-96px}.HowItWorksPage-module__7KvliG__heroOverlay{background:linear-gradient(90deg,#0f172afa,#0f172ac7)}.HowItWorksPage-module__7KvliG__heroContent span{font-size:16px}.HowItWorksPage-module__7KvliG__primaryAction,.HowItWorksPage-module__7KvliG__secondaryAction{width:100%}.HowItWorksPage-module__7KvliG__metrics,.HowItWorksPage-module__7KvliG__stepsSection,.HowItWorksPage-module__7KvliG__detailBand,.HowItWorksPage-module__7KvliG__details,.HowItWorksPage-module__7KvliG__cta{width:min(100% - 24px, var(--container))}.HowItWorksPage-module__7KvliG__metrics{grid-template-columns:1fr;margin-top:-44px}.HowItWorksPage-module__7KvliG__metrics article{border-right:0;border-bottom:1px solid var(--color-border);padding:18px}.HowItWorksPage-module__7KvliG__metrics article:last-child{border-bottom:0}.HowItWorksPage-module__7KvliG__steps{grid-template-columns:1fr}.HowItWorksPage-module__7KvliG__detailBand,.HowItWorksPage-module__7KvliG__cta{padding:22px}.HowItWorksPage-module__7KvliG__cta{display:grid}}