.website-landing-page.svelte-1xo5rs8{position:fixed;inset:0;overflow:hidden;background-color:#fff}.background-image.svelte-1xo5rs8{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.card-wrapper.svelte-1xo5rs8{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.card.svelte-1xo5rs8{position:relative;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .2);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem 2.5rem;min-width:280px;max-width:420px;box-shadow:0 8px 32px #0000001f;transition:all .3s ease-out}.card[data-variant=dark].svelte-1xo5rs8{--glass-bg: rgba(0, 0, 0, .35);--glass-border: rgba(255, 255, 255, .12);box-shadow:0 8px 32px #00000059;max-width:680px;padding-top:1.5rem}.card[data-variant=dark].svelte-1xo5rs8 .dark-title:where(.svelte-1xo5rs8){margin:0 0 .5rem;font-size:3.4rem;font-weight:700;color:#f2f2f7;text-align:center}.how-it-works-body.svelte-1xo5rs8{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:start;gap:0 1.5rem;row-gap:.75rem;position:relative;isolation:isolate}.active-step-slot.svelte-1xo5rs8{grid-column:1;grid-row:1;position:relative;width:100%;height:7.7rem;margin-bottom:0;overflow:visible;justify-self:end;min-width:220px}.steps-column.svelte-1xo5rs8{grid-column:1;grid-row:2;min-width:220px;position:relative;justify-self:end;overflow:visible}.steps-column-spacer.svelte-1xo5rs8{grid-column:3;grid-row:2;justify-self:start}.preview-wrap.svelte-1xo5rs8{grid-column:2;grid-row:2;position:relative;right:15%}.active-step-content.svelte-1xo5rs8{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:0}.active-step-header.svelte-1xo5rs8{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.active-step-slot.svelte-1xo5rs8 .step-num-circle:where(.svelte-1xo5rs8){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:5rem;height:5rem;border-radius:50%;border:1px solid #fff;color:#fff;font-size:2.2rem;font-weight:600}.active-step-slot.svelte-1xo5rs8 .step-num-circle-text:where(.svelte-1xo5rs8){margin:0;position:relative;left:.25rem}.active-step-slot.svelte-1xo5rs8 .step-label:where(.svelte-1xo5rs8){color:#fff;font-size:2.2rem;font-weight:600;transform:translateY(-10px)}.active-step-slot.svelte-1xo5rs8 .step-text:where(.svelte-1xo5rs8){margin:0 0 0 5.5rem;padding:0;white-space:nowrap;overflow:visible;text-overflow:unset;min-width:0;position:relative;bottom:1rem;transform:translateY(-10px)}.steps-list.svelte-1xo5rs8{list-style:none;margin:0;padding:0;flex-shrink:0;overflow:visible}.step-item.svelte-1xo5rs8{display:flex;align-items:center;gap:.5rem;margin-bottom:16px;transition:opacity .2s;min-width:min-content;flex-shrink:0}.step-item.svelte-1xo5rs8:hover{opacity:.9}.step-item.svelte-1xo5rs8 .step-num-circle:where(.svelte-1xo5rs8){display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border-radius:50%;border:1px solid #7a7a7a;background:transparent;color:#7a7a7a;font-size:1.5rem;font-weight:400}.step-item.svelte-1xo5rs8 .step-num-circle-text:where(.svelte-1xo5rs8){margin:0;position:relative;left:.1rem}.step-item.svelte-1xo5rs8 .step-label:where(.svelte-1xo5rs8){color:#7a7a7a;font-size:1.6rem;font-weight:500;white-space:nowrap;overflow:visible;text-overflow:unset;flex-shrink:0}.step-text.svelte-1xo5rs8{font-size:1.5rem;font-weight:400;line-height:2.2rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-wrap.svelte-1xo5rs8{flex-shrink:0;position:relative;z-index:1;width:min(200px,55%);min-width:200px;aspect-ratio:200 / 390;display:flex;justify-content:center;align-items:flex-start;transform:translate(15%,-5%)}.preview-wrap.svelte-1xo5rs8 .preview-image:where(.svelte-1xo5rs8){position:absolute;width:100%;height:auto;max-width:200px;max-height:450px;object-fit:contain}.card.svelte-1xo5rs8 .title:where(.svelte-1xo5rs8){margin:0 0 .75rem;font-size:3.4rem;line-height:4.1rem;font-weight:700;color:#1c1c1e;text-align:center}.card.svelte-1xo5rs8 .description:where(.svelte-1xo5rs8){margin:0 0 1.5rem;font-size:1.5rem;color:#3a3a3a;line-height:2;text-align:center}.card.svelte-1xo5rs8 .buttons:where(.svelte-1xo5rs8){display:flex;flex-direction:column;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.card.svelte-1xo5rs8 .buttons:where(.svelte-1xo5rs8) button{flex:1;min-width:100px}.card.svelte-1xo5rs8 .bottom-link-wrapper:where(.svelte-1xo5rs8){text-align:center}.card.svelte-1xo5rs8 .bottom-link:where(.svelte-1xo5rs8){font-size:1.7rem;color:#3a3a3a;text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;padding:0}.card.svelte-1xo5rs8 .bottom-link:where(.svelte-1xo5rs8):hover{color:#000}.close-btn.svelte-1xo5rs8{position:absolute;top:2.5rem;right:1.5rem;z-index:2;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background:#ffffff26;color:#fffffff2;cursor:pointer;transition:background .2s,color .2s}.close-btn.svelte-1xo5rs8:hover{background:#ffffff40;color:#fff}.close-btn.svelte-1xo5rs8 svg{width:1.25rem;height:1.25rem}.how-it-works-footer.svelte-1xo5rs8{position:relative;width:100%;padding-top:1.25rem;margin-top:.5rem;min-height:4.25rem}.footer-buttons-wrap.svelte-1xo5rs8{position:absolute;top:1.25rem;left:0;right:0;height:3rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.footer-buttons-wrap-single.svelte-1xo5rs8{justify-content:center}.footer-buttons-wrap.svelte-1xo5rs8 .back-btn:where(.svelte-1xo5rs8),.footer-buttons-wrap.svelte-1xo5rs8 .next-btn:where(.svelte-1xo5rs8),.footer-buttons-wrap.svelte-1xo5rs8 .exit-btn:where(.svelte-1xo5rs8){pointer-events:auto}.back-btn.svelte-1xo5rs8{padding:.6rem 1.75rem;font-size:1rem;font-weight:600;color:#f2f2f7;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}.back-btn.svelte-1xo5rs8:hover{background:#fff3;border-color:#ffffff4d}.next-btn.svelte-1xo5rs8{padding:.6rem 1.75rem;font-size:1rem;font-weight:600;color:#fff;background:#08f;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background .2s}.next-btn.svelte-1xo5rs8:hover{background:#0070dd}.exit-btn.svelte-1xo5rs8{padding:.6rem 1.75rem;font-size:1rem;font-weight:600;color:#f2f2f7;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}.exit-btn.svelte-1xo5rs8:hover{background:#fff3;border-color:#ffffff4d}@media screen and (max-width:599px){.card.svelte-1xo5rs8{width:100%;margin:auto 2rem}.how-it-works-body.svelte-1xo5rs8{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.5rem;column-gap:.75rem}.active-step-slot.svelte-1xo5rs8{grid-column:1 / -1;grid-row:1;justify-self:center;height:6rem;min-height:6rem}.steps-column.svelte-1xo5rs8{grid-column:1;grid-row:2;justify-self:start;align-self:start;min-width:0}.steps-column-spacer.svelte-1xo5rs8{display:none}.preview-wrap.svelte-1xo5rs8{grid-column:2;grid-row:2;justify-self:end;align-self:start;right:0;transform:translate(calc(-20px + 15%),-5%);width:270px;min-width:270px}.preview-wrap.svelte-1xo5rs8 .preview-image:where(.svelte-1xo5rs8){max-width:270px;max-height:526px}.card[data-variant=dark].svelte-1xo5rs8{max-width:360px;width:100%;margin:auto 1.25rem;padding:1.5rem 1.25rem 1.25rem;min-height:540px}.close-btn.svelte-1xo5rs8{top:calc(1.5rem + 6px)}.active-step-slot.svelte-1xo5rs8 .step-text:where(.svelte-1xo5rs8){font-size:14px;line-height:22px;margin:0 .25rem 0 4.75rem}.active-step-slot.svelte-1xo5rs8 .step-label:where(.svelte-1xo5rs8){font-size:19px;line-height:4rem}.active-step-slot.svelte-1xo5rs8 .step-num-circle:where(.svelte-1xo5rs8){width:4rem;height:4rem;font-size:21px}.step-item.svelte-1xo5rs8 .step-label:where(.svelte-1xo5rs8){font-size:14px;line-height:2.75rem}.step-item.svelte-1xo5rs8 .step-num-circle:where(.svelte-1xo5rs8){width:2.75rem;height:2.75rem;font-size:14px}.step-text.svelte-1xo5rs8{font-size:16px;line-height:24px}.card[data-variant=dark].svelte-1xo5rs8 .dark-title:where(.svelte-1xo5rs8){font-size:2.8rem;line-height:3.4rem;padding-top:1.5rem;padding-bottom:2.5rem}.card.svelte-1xo5rs8 .title:where(.svelte-1xo5rs8){font-size:34px;line-height:41px}.card.svelte-1xo5rs8 .description:where(.svelte-1xo5rs8){font-size:15px}.how-it-works-footer.svelte-1xo5rs8{padding-top:.25rem;margin-top:-70px;position:relative;z-index:2;min-height:3.75rem}.footer-buttons-wrap.svelte-1xo5rs8{top:.25rem;height:3.5rem}.back-btn.svelte-1xo5rs8,.next-btn.svelte-1xo5rs8,.exit-btn.svelte-1xo5rs8{padding:.72rem 2.1rem;font-size:1.2rem}}