.su{--c-primary:#0ac20a;--c-primary-press:#08a008;--c-primary-soft:#eafbe8;--c-primary-glow:#0ac20a57;--c-ink:#102210;--c-text:#111827;--c-muted:#6b7280;--c-faint:#9ca3af;--c-surface:#f5f8f5;--c-surface-2:#f0f4f0;--c-border:#e6eee6;--c-danger:#ef4444;--fs-h2:22px;--fs-amount:34px;--fs-label:13px;--lh-tight:1.05;--lh-snug:1.25;--lh-body:1.45;--tracking-label:.08em;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--sh-card:0 4px 16px #1022100f;--sh-float:0 12px 32px #1022101f;--sh-glow:0 8px 22px var(--c-primary-glow);min-height:100vh;color:var(--c-text);font-family:var(--font-sans);background:#fff}.su a{text-decoration:none}.su-wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.su-label{font-weight:700;font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-faint)}.su-btn{border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;height:52px;padding:0 28px;font-family:inherit;font-size:17px;font-weight:700;transition:background-color .15s;display:inline-flex}.su-btn-primary{background:var(--c-primary);color:#fff;box-shadow:var(--sh-glow)}.su-btn-primary:hover{background:var(--c-primary-press);color:#fff}.su-btn-ghost{color:var(--c-ink);box-shadow:inset 0 0 0 1.5px var(--c-border);background:0 0}.su-btn-ghost:hover{background:var(--c-surface)}.su-btn:focus-visible,.su-step:focus-visible,.su-input:focus-visible{outline-offset:3px;outline:3px solid #0ac20a73}.su-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:56px;padding-bottom:40px;display:flex}.su-badge{border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary-press);font-weight:700;font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.su-hero h1{max-width:760px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.03em;color:var(--c-ink);text-wrap:balance;margin:0}.su-lede{max-width:560px;font-size:19px;line-height:var(--lh-body);color:var(--c-muted);text-wrap:pretty;margin:0}.su-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.su-how{padding-top:24px;padding-bottom:72px;scroll-margin-top:80px}.su-panel{border:1px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:40px;padding:clamp(20px,4vw,48px);display:grid}.su-steps{flex-direction:column;gap:10px;display:flex}.su-steps-label{margin-bottom:6px}.su-step{border-radius:var(--r-lg);box-shadow:none;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:16px;padding:18px 20px;transition:background .2s,box-shadow .2s;display:flex}.su-step.is-active{box-shadow:var(--sh-card);background:#fff}.su-step-num{background:var(--c-surface-2);width:36px;height:36px;color:var(--c-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;transition:background .2s,color .2s;display:flex}.su-step.is-active .su-step-num{background:var(--c-primary);color:#fff}.su-step-body{flex-direction:column;gap:4px;display:flex}.su-step-title{letter-spacing:-.01em;color:var(--c-ink);font-size:19px;font-weight:800}.su-step-desc{font-size:15px;line-height:var(--lh-body);color:var(--c-muted);text-wrap:pretty}.su-stage{justify-content:center;display:flex}.su-card{border-radius:var(--r-xl);width:100%;max-width:380px;min-height:440px;box-shadow:var(--sh-float);background:#fff;flex-direction:column;gap:18px;padding:24px;display:flex}.su-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.su-dots{gap:6px;display:flex}.su-dot{background:var(--c-border);border-radius:3px;width:6px;height:6px;transition:width .25s}.su-dot.is-active{background:var(--c-primary);width:20px}.su-panes{flex:1;min-width:0;display:grid}.su-pane{visibility:hidden;flex-direction:column;grid-area:1/1;gap:18px;min-width:0;display:flex}.su-pane.is-active{visibility:visible}.su-pane-tight{gap:14px}.su-pane-mid{gap:16px}.su-pane h3{font-weight:800;font-size:var(--fs-h2);color:var(--c-ink);margin:0}.su-card-cta{width:100%;height:48px;font-size:16px}.su-avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.su-hero-avatar{justify-content:center;padding:8px 0;display:flex}.su-field{flex-direction:column;gap:8px;display:flex}.su-input{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);height:52px;color:var(--c-ink);padding:0 16px;font-family:inherit;font-size:17px;font-weight:700}.su-input::placeholder{color:var(--c-faint);opacity:1;font-weight:700}.su-chips{flex-wrap:wrap;gap:8px;display:flex}.su-chip{border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-muted);padding:8px 14px;font-size:14px;font-weight:700}.su-chip.is-active{background:var(--c-primary-soft);color:var(--c-primary-press)}.su-member{border-radius:var(--r-md);background:var(--c-surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.su-member-name{color:var(--c-ink);flex:1;font-size:16px;font-weight:700}.su-member-status{color:var(--c-primary-press);font-size:13px;font-weight:700}.su-member-status.is-invited{color:var(--c-faint)}.su-link{border:1px dashed var(--c-border);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.su-link-url{min-width:0;color:var(--c-muted);overflow-wrap:anywhere;font-size:14px}.su-link-copy{color:var(--c-primary-press);flex:none;font-size:14px;font-weight:700}.su-bill{text-align:center;padding:12px 0 4px}.su-bill-total{letter-spacing:-.02em;color:var(--c-ink);margin-top:6px;font-size:clamp(30px,9vw,44px);font-weight:800}.su-bill-note{color:var(--c-muted);margin-top:4px;font-size:14px}.su-shares{flex-direction:column;gap:8px;display:flex}.su-share{align-items:center;gap:12px;display:flex}.su-share-name{color:var(--c-text);flex:1;font-size:15px}.su-share-amount{color:var(--c-ink);font-size:15px;font-weight:700}.su-owed{border-radius:var(--r-lg);background:var(--c-primary-soft);padding:18px}.su-owed .su-label{color:var(--c-primary-press)}.su-owed-amount{font-weight:800;font-size:clamp(26px, 8vw, var(--fs-amount));color:var(--c-primary-press);margin-top:4px}.su-balance{align-items:center;gap:12px;display:flex}.su-balance-label{color:var(--c-text);flex:1;font-size:15px}.su-balance-amount{color:var(--c-primary-press);white-space:nowrap;font-size:15px;font-weight:800}.su-balance-amount.is-owing{color:var(--c-danger)}.su-cta-wrap{padding-bottom:80px}.su-cta{border-radius:var(--r-xl);background:var(--c-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,4vw,40px);display:flex}.su-cta-copy{flex-direction:column;gap:8px;max-width:560px;display:flex}.su-cta h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.02em;color:#fff;margin:0}.su-cta p{font-size:17px;line-height:var(--lh-body);color:#cfe3cf;margin:0}@media (prefers-reduced-motion:reduce){.su-btn,.su-step,.su-step-num,.su-dot{transition:none}}