.how-hero.svelte-1thf6pg{padding:clamp(60px,8vw,110px) 0 80px}.how-hero.svelte-1thf6pg h1:where(.svelte-1thf6pg){max-width:850px;margin:20px 0 22px;font-size:clamp(40px,6vw,72px);letter-spacing:-.055em;line-height:.98;text-wrap:balance;font-weight:800}.how-hero.svelte-1thf6pg h1:where(.svelte-1thf6pg) em:where(.svelte-1thf6pg){font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.how-hero.svelte-1thf6pg p:where(.svelte-1thf6pg){max-width:560px;margin:0 0 30px;color:var(--muted);line-height:1.65;font-size:15px}.mechanic-card.svelte-1thf6pg{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(30px,5vw,70px);padding:clamp(30px,4vw,50px);border-radius:32px;background:var(--gradient-soft);box-shadow:var(--shadow)}.mechanic-copy.svelte-1thf6pg h2:where(.svelte-1thf6pg),.steps-heading.svelte-1thf6pg h2:where(.svelte-1thf6pg),.rules-copy.svelte-1thf6pg h2:where(.svelte-1thf6pg),.how-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){margin:15px 0 16px;font-size:clamp(30px,3.6vw,46px);line-height:1;letter-spacing:-.05em;font-weight:800}.mechanic-copy.svelte-1thf6pg p:where(.svelte-1thf6pg),.rules-copy.svelte-1thf6pg p:where(.svelte-1thf6pg){max-width:420px;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.65}.mechanic-diagram.svelte-1thf6pg{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.diagram-arrow.svelte-1thf6pg{color:var(--coral-deep);font-size:20px;font-weight:800}.diagram-step.svelte-1thf6pg{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;padding:22px 10px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm)}.diagram-step.svelte-1thf6pg strong:where(.svelte-1thf6pg){font-size:13px}.diagram-step.svelte-1thf6pg small:where(.svelte-1thf6pg){color:var(--muted);font-size:11px}.diagram-step.open.svelte-1thf6pg{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow);text-shadow:0 1px 2px rgba(0,0,0,.22)}.diagram-step.open.svelte-1thf6pg small:where(.svelte-1thf6pg){color:#fffc}.diagram-step.open.svelte-1thf6pg .diagram-icon:where(.svelte-1thf6pg){background:#ffffff38;color:#fff}.diagram-step.locked.svelte-1thf6pg .diagram-icon:where(.svelte-1thf6pg){background:var(--sky);color:var(--sky-ink)}.diagram-step.owned.svelte-1thf6pg .diagram-icon:where(.svelte-1thf6pg){background:var(--mint-soft);color:var(--mint)}.diagram-icon.svelte-1thf6pg{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;margin-bottom:4px}.steps-section.svelte-1thf6pg{padding:clamp(44px,6vw,64px) 0}.steps-heading.svelte-1thf6pg{margin-bottom:26px}.steps-grid.svelte-1thf6pg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card.svelte-1thf6pg{display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px 24px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm);animation:svelte-1thf6pg-step-in .48s ease-out both;animation-delay:var(--step-delay);transition:transform .16s ease,box-shadow .16s ease}.step-card.svelte-1thf6pg:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.step-card.svelte-1thf6pg h3:where(.svelte-1thf6pg){margin:16px 0 8px;font-size:20px;letter-spacing:-.04em}.step-card.svelte-1thf6pg p:where(.svelte-1thf6pg){margin:0;color:var(--muted);font-size:13px;line-height:1.6}.step-top.svelte-1thf6pg{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--coral-deep)}.step-number.svelte-1thf6pg{color:var(--muted);font-size:11px}.rules-section.svelte-1thf6pg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,90px);padding:0 0 90px}.rules-copy.svelte-1thf6pg h2:where(.svelte-1thf6pg){max-width:570px}.rules-list.svelte-1thf6pg{display:flex;flex-direction:column;gap:10px}.rules-list.svelte-1thf6pg>div:where(.svelte-1thf6pg){display:flex;gap:15px;padding:18px 20px;color:var(--coral-deep);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.rules-list.svelte-1thf6pg span:where(.svelte-1thf6pg){display:flex;flex-direction:column;gap:5px}.rules-list.svelte-1thf6pg strong:where(.svelte-1thf6pg){color:var(--ink);font-size:13px}.rules-list.svelte-1thf6pg small:where(.svelte-1thf6pg){color:var(--muted);font-size:12px;line-height:1.45}.how-cta.svelte-1thf6pg{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px;padding:clamp(30px,4vw,46px);border-radius:32px;background:var(--ink-fixed);color:var(--on-ink-fixed);box-shadow:var(--shadow)}.how-cta.svelte-1thf6pg h2:where(.svelte-1thf6pg){margin-bottom:0}.eyebrow.light.svelte-1thf6pg{color:var(--muted-on-dark)}@keyframes svelte-1thf6pg-step-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.mechanic-card.svelte-1thf6pg,.rules-section.svelte-1thf6pg{grid-template-columns:1fr;gap:30px}.steps-grid.svelte-1thf6pg{grid-template-columns:1fr}.mechanic-diagram.svelte-1thf6pg{grid-template-columns:1fr;gap:10px}.diagram-arrow.svelte-1thf6pg{transform:rotate(90deg);justify-self:center}.diagram-step.svelte-1thf6pg{display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:center;text-align:left;padding:14px 16px}.diagram-icon.svelte-1thf6pg{width:42px;height:42px;margin-bottom:0;grid-row:1/3}.how-cta.svelte-1thf6pg{align-items:flex-start;flex-direction:column}.how-cta.svelte-1thf6pg .button:where(.svelte-1thf6pg){width:100%}}