/* Sign-up → first deposit journey (DESIGN 2.4). Every rule is scoped to .ftd-* markup, which only renders
   while the site takes deposits, so a site with deposits off is unchanged. Colours come from the brand vars. */
.ftd-dialog .dialog-content{padding:20px 18px 18px}
.ftd-sheet h2{margin:0 0 12px;font-size:1.15rem;line-height:1.3;color:var(--text)}
.ftd-trust{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px;color:var(--dim);font-size:.86rem}
.ftd-trust li{display:flex;align-items:center;gap:8px}
.ftd-trust li::before{content:"✓";color:var(--brand);font-weight:700}
.ftd-trust a{color:var(--brand);text-decoration:underline}
.ftd-deposit-trust{margin:12px 0 0}
.ftd-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ftd-chip{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);
 color:var(--text);font:inherit;font-weight:600;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.ftd-chip small{font-size:.68rem;font-weight:500;color:var(--faint)}
.ftd-chip.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.ftd-actions{display:grid;gap:8px}
.ftd-actions .button{width:100%;min-height:46px}
.ftd-nudge{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:12px;
 border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.88rem}
.ftd-nudge span{flex:1}
.ftd-nudge .button{white-space:nowrap}
.ftd-nudge-close{width:44px;height:44px;flex:none;border:0;background:none;color:var(--dim);font-size:1.3rem;cursor:pointer}
.ftd-shortfall{width:100%;min-height:44px;margin-top:8px}
.ftd-hero{margin:0 0 14px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}
.ftd-hero h2,.ftd-hero h3{margin:0 0 10px}
/* F2 header pill (orchestrator fix 2026-10-06, owner: "why does the add money header pill look weird"): a real pill, not a
   highlighted word -- the plain .header-wallet is a label+amount link with no padding on phones and a hidden icon. */
.header-wallet.ftd-zero-pill{display:inline-flex;align-items:center;gap:6px;min-width:0;height:36px;padding:0 5px 0 14px;border-radius:999px;background:var(--brand);color:var(--brand-ink,#141414);border:1px solid var(--brand);font-size:13px;font-weight:800;letter-spacing:.01em;white-space:nowrap;line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.header-wallet.ftd-zero-pill strong{font-weight:800}
.header-wallet.ftd-zero-pill>.icon{position:static;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(0,0,0,.14);color:inherit;top:auto;right:auto}
.header-wallet.ftd-zero-pill:hover{filter:brightness(.96)}
@media(max-width:760px){.header-wallet.ftd-zero-pill{height:34px;padding:0 4px 0 12px}.header-wallet.ftd-zero-pill>.icon{display:inline-flex;width:24px;height:24px;padding:5px}}
.ftd-chip:focus-visible,.ftd-nudge-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}