.how-page.svelte-1thf6pg{gap:clamp(2.5rem,7vw,5.5rem);width:min(100%,78rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 1rem 5rem;display:grid}.how-hero.svelte-1thf6pg{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:min(34rem,100vh - 8rem);margin:calc(-1*clamp(2rem,6vw,5rem)) calc(50% - 50vw) 0;padding:clamp(5rem,9vw,8rem) max(1rem,50vw - 39rem) clamp(3rem,7vw,5rem);display:grid;position:relative;overflow:hidden}.how-hero-image.svelte-1thf6pg,.how-hero-overlay.svelte-1thf6pg{position:absolute;inset:0}.how-hero-image.svelte-1thf6pg{object-fit:cover;object-position:center center;width:100%;height:100%}.how-hero-overlay.svelte-1thf6pg{background:linear-gradient(90deg, #09090bf0 0%, #09090bc7 38%, #09090b80 70%, #09090bd6 100%), linear-gradient(180deg, #09090b8c 0%, #09090b24 48%, var(--color-background) 100%)}.how-hero-copy.svelte-1thf6pg,.section-intro.svelte-1thf6pg,.section-heading.svelte-1thf6pg{gap:1rem;display:grid}.how-hero-copy.svelte-1thf6pg,.how-flow-card.svelte-1thf6pg{z-index:1;position:relative}.how-hero.svelte-1thf6pg h1:where(.svelte-1thf6pg){max-width:15ch;color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(2.75rem,5.2vw,4.35rem);font-weight:720;line-height:1}.how-hero.svelte-1thf6pg p:where(.svelte-1thf6pg),.section-intro.svelte-1thf6pg>p:where(.svelte-1thf6pg),.how-role-panel.svelte-1thf6pg>div:where(.svelte-1thf6pg)>p:where(.svelte-1thf6pg),.money-copy.svelte-1thf6pg p:where(.svelte-1thf6pg),.how-final-cta.svelte-1thf6pg p:where(.svelte-1thf6pg){max-width:62ch;color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.75}.how-hero.svelte-1thf6pg>.how-hero-copy:where(.svelte-1thf6pg)>p:where(.svelte-1thf6pg):not(.eyebrow,.how-trust-line){font-size:clamp(1.05rem,2vw,1.25rem)}.how-hero-actions.svelte-1thf6pg{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.35rem;display:flex}.button-primary.svelte-1thf6pg,.button-secondary.svelte-1thf6pg{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.75rem 1rem;font-weight:760;line-height:1;display:inline-flex}.button-primary.svelte-1thf6pg{border:2px solid var(--color-primary);background:linear-gradient(var(--color-primary), var(--color-primary)) padding-box, conic-gradient(from var(--border-angle), var(--color-primary) 60%, var(--color-accent) 100%) border-box;color:var(--color-text-primary)}.button-secondary.svelte-1thf6pg{border:1px solid var(--color-line);color:var(--color-text-primary);background:#ffffff0a}.how-trust-line.svelte-1thf6pg{font-weight:760;color:var(--color-accent)!important}.how-flow-card.svelte-1thf6pg{border:1px solid var(--color-line);box-shadow:var(--box-shadow-card);background:linear-gradient(135deg,#22d3ee1f,#0000 45%),#ffffff0a;border-radius:8px;gap:.75rem;padding:1rem;display:grid}.how-flow-card.svelte-1thf6pg div:where(.svelte-1thf6pg){border:1px solid var(--color-line);background:#09090bb3;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .8rem;padding:1rem;display:grid}.how-flow-card.svelte-1thf6pg svg{color:var(--color-accent);grid-row:span 2}.how-flow-card.svelte-1thf6pg strong:where(.svelte-1thf6pg){color:var(--color-text-primary)}.how-flow-card.svelte-1thf6pg span:where(.svelte-1thf6pg),.how-card.svelte-1thf6pg p:where(.svelte-1thf6pg),.not-grid.svelte-1thf6pg p:where(.svelte-1thf6pg),.faq-list.svelte-1thf6pg p:where(.svelte-1thf6pg),.role-steps.svelte-1thf6pg p:where(.svelte-1thf6pg),.how-stepper.svelte-1thf6pg p:where(.svelte-1thf6pg){color:var(--color-text-secondary);margin:0;line-height:1.65}.how-role-panel.svelte-1thf6pg,.how-section.svelte-1thf6pg,.how-final-cta.svelte-1thf6pg{border-top:1px solid var(--color-line);padding-top:clamp(1.5rem,4vw,2.25rem)}.how-role-panel.svelte-1thf6pg{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:end;gap:1rem;display:grid}.how-role-panel.svelte-1thf6pg h2:where(.svelte-1thf6pg),.section-heading.svelte-1thf6pg h2:where(.svelte-1thf6pg),.section-intro.svelte-1thf6pg h2:where(.svelte-1thf6pg){color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(1.65rem,3vw,2.75rem);font-weight:720;line-height:1}.how-final-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:clamp(1.6rem,2.7vw,2.55rem);font-weight:720;line-height:1}.role-selector.svelte-1thf6pg{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.role-selector.svelte-1thf6pg button:where(.svelte-1thf6pg){border:1px solid var(--color-line);min-height:4.35rem;color:var(--color-text-primary);text-align:left;background:#ffffff09;border-radius:8px;align-content:center;gap:.2rem;padding:.75rem;display:grid}.role-selector.svelte-1thf6pg button:where(.svelte-1thf6pg) span:where(.svelte-1thf6pg),.how-card.svelte-1thf6pg span:where(.svelte-1thf6pg),.how-stepper.svelte-1thf6pg span:where(.svelte-1thf6pg),.role-steps.svelte-1thf6pg span:where(.svelte-1thf6pg){color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.role-selector.svelte-1thf6pg button.active:where(.svelte-1thf6pg){background:#22d3ee1a;border-color:#22d3ee8c}.role-selector.svelte-1thf6pg button.active:where(.svelte-1thf6pg) span:where(.svelte-1thf6pg){color:var(--color-accent)}.role-switcher.svelte-1thf6pg{z-index:30;justify-items:end;gap:.55rem;width:min(9.5rem,100vw - 2rem);display:grid;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.role-jump.svelte-1thf6pg{width:100%;color:var(--color-text-primary);text-align:left;box-shadow:var(--box-shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090be6;border:1px solid #22d3ee73;border-radius:8px;gap:.1rem;padding:.65rem .8rem;display:grid}.role-popover.svelte-1thf6pg{border:1px solid var(--color-line);width:100%;box-shadow:var(--box-shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090bf0;border-radius:8px;gap:.35rem;padding:.45rem;display:grid}.role-popover.svelte-1thf6pg button:where(.svelte-1thf6pg){color:var(--color-text-primary);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;gap:.1rem;padding:.6rem .7rem;display:grid}.role-popover.svelte-1thf6pg button:where(.svelte-1thf6pg):hover,.role-popover.svelte-1thf6pg button:where(.svelte-1thf6pg):focus-visible,.role-popover.svelte-1thf6pg button.active:where(.svelte-1thf6pg){background:#22d3ee17;border-color:#22d3ee66}.role-jump.svelte-1thf6pg span:where(.svelte-1thf6pg),.role-popover.svelte-1thf6pg span:where(.svelte-1thf6pg){color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.role-jump.svelte-1thf6pg strong:where(.svelte-1thf6pg){text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.1;overflow:hidden}.role-popover.svelte-1thf6pg strong:where(.svelte-1thf6pg){font-size:.9rem;line-height:1.15}.two-column.svelte-1thf6pg,.role-meaning.svelte-1thf6pg,.money-section.svelte-1thf6pg{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);display:grid}.how-stepper.svelte-1thf6pg,.role-steps.svelte-1thf6pg{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.how-stepper.svelte-1thf6pg li:where(.svelte-1thf6pg),.role-steps.svelte-1thf6pg div:where(.svelte-1thf6pg){border-bottom:1px solid var(--color-line);grid-template-columns:2rem 1fr;align-items:start;gap:.85rem;padding:.85rem .75rem;display:grid}.how-stepper.svelte-1thf6pg li.active:where(.svelte-1thf6pg){box-shadow:inset 2px 0 0 var(--color-accent);background:linear-gradient(90deg,#22d3ee14,#0000 62%);border-color:#22d3ee59}.role-steps.svelte-1thf6pg div:where(.svelte-1thf6pg):first-child{padding-top:0}.how-stepper.svelte-1thf6pg span:where(.svelte-1thf6pg),.role-steps.svelte-1thf6pg span:where(.svelte-1thf6pg){width:2rem;height:2rem;color:var(--color-primary-light);background:#8b5cf624;border-radius:999px;place-items:center;display:grid}.how-card-grid.svelte-1thf6pg,.not-grid.svelte-1thf6pg{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.25rem;display:grid}.how-card.svelte-1thf6pg,.not-grid.svelte-1thf6pg article:where(.svelte-1thf6pg){border:1px solid var(--color-line);background:#ffffff09;border-radius:8px;gap:.8rem;padding:1rem;display:grid}.how-card.active.svelte-1thf6pg{background:#22d3ee12;border-color:#22d3ee61}.how-card.active.svelte-1thf6pg span:where(.svelte-1thf6pg){color:var(--color-accent)}.how-card.svelte-1thf6pg h3:where(.svelte-1thf6pg),.not-grid.svelte-1thf6pg h3:where(.svelte-1thf6pg){color:var(--color-text-primary);margin:0;font-size:1.05rem;line-height:1.2}.role-callout.svelte-1thf6pg{color:var(--color-text-primary);background:#22d3ee14;border:1px solid #22d3ee47;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.role-callout.svelte-1thf6pg svg{color:var(--color-accent);flex:none}.role-callout.svelte-1thf6pg p:where(.svelte-1thf6pg){color:var(--color-text-primary);margin:0;line-height:1.6}.money-flow.svelte-1thf6pg{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.money-flow.svelte-1thf6pg div:where(.svelte-1thf6pg){border:1px solid var(--color-line);background:#ffffff09;border-radius:8px;align-content:center;gap:.65rem;min-height:7rem;padding:1rem;display:grid;position:relative}.money-flow.svelte-1thf6pg div:where(.svelte-1thf6pg):not(:last-child):after{content:"->";z-index:2;color:var(--color-accent);font-family:var(--font-mono);font-size:.8rem;position:absolute;top:50%;right:-1.1rem;transform:translateY(-50%)}.money-flow.svelte-1thf6pg svg{color:var(--color-primary-light)}.money-flow.svelte-1thf6pg span:where(.svelte-1thf6pg){color:var(--color-text-primary);font-weight:760;line-height:1.25}.money-copy.svelte-1thf6pg{gap:1rem;display:grid}.money-copy.svelte-1thf6pg strong:where(.svelte-1thf6pg){border-left:2px solid var(--color-accent);color:var(--color-text-primary);padding-left:1rem;line-height:1.55}.faq-list.svelte-1thf6pg{gap:.65rem;margin-top:1.25rem;display:grid}.faq-list.svelte-1thf6pg details:where(.svelte-1thf6pg){border:1px solid var(--color-line);background:#ffffff09;border-radius:8px}.faq-list.svelte-1thf6pg summary:where(.svelte-1thf6pg){color:var(--color-text-primary);padding:1rem;font-weight:760}.faq-list.svelte-1thf6pg p:where(.svelte-1thf6pg){padding:0 1rem 1rem}.how-final-cta.svelte-1thf6pg{justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1rem;display:flex}@media (width<=980px){.how-hero.svelte-1thf6pg,.how-role-panel.svelte-1thf6pg,.two-column.svelte-1thf6pg,.role-meaning.svelte-1thf6pg,.money-section.svelte-1thf6pg{grid-template-columns:1fr}.how-card-grid.svelte-1thf6pg,.not-grid.svelte-1thf6pg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.how-page.svelte-1thf6pg{padding-top:1.25rem}.how-hero.svelte-1thf6pg{min-height:auto}.how-hero.svelte-1thf6pg h1:where(.svelte-1thf6pg){font-size:clamp(2.35rem,11vw,3.2rem)}.role-selector.svelte-1thf6pg,.how-card-grid.svelte-1thf6pg,.not-grid.svelte-1thf6pg,.money-flow.svelte-1thf6pg{grid-template-columns:1fr}.money-flow.svelte-1thf6pg div:where(.svelte-1thf6pg):not(:last-child):after{top:auto;bottom:-1.1rem;right:1rem;transform:rotate(90deg)}.how-final-cta.svelte-1thf6pg{display:grid}}
