:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: a slim control bar, a step strip, then a stage holding one device frame
   (a faithful reproduction of the live getbits.app signup shell) with a notes rail
   beside it. "All screens" lays the three paths out as rows of scaled-down frames. */
:root{
  --bg:#f1efe9; --fg:#161616; --muted:#6d6a63; --line:#dcd8cf; --panel:#ffffff; --chip:#e7e3da;
  --accent:#b98635; --accent-soft:#f5ead3; --accent-ink:#6b4d1f;
  --tag-decision:#8e6627; --tag-decision-bg:#fbf3e2;
  --tag-removed:#9c3b32; --tag-removed-bg:#fbeae8;
  --tag-open:#9a5a12; --tag-open-bg:#fdf0dd;
  --tag-neutral:#5b5851; --tag-neutral-bg:#eeebe4;
  --tag-suggest:#2f5f8a; --tag-suggest-bg:#e6eff8;
  --tag-branch:#3b6b45; --tag-branch-bg:#e6f1e8;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --bits-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#151412; --fg:#f0ece5; --muted:#a39e94; --line:#2c2a25; --panel:#1e1c19; --chip:#2a2823;
    --accent:#d4a24a; --accent-soft:#3a2f1b; --accent-ink:#e8c98a;
    --tag-decision:#e3bd73; --tag-decision-bg:#3a2f1b; --tag-removed:#f0a097; --tag-removed-bg:#41231f;
    --tag-open:#f0b36a; --tag-open-bg:#3f2d14; --tag-neutral:#b9b3a8; --tag-neutral-bg:#2a2823;
    --tag-suggest:#9fc4e8; --tag-suggest-bg:#1f2f3d; --tag-branch:#a6d1ae; --tag-branch-bg:#1f3324;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#151412; --fg:#f0ece5; --muted:#a39e94; --line:#2c2a25; --panel:#1e1c19; --chip:#2a2823;
  --accent:#d4a24a; --accent-soft:#3a2f1b; --accent-ink:#e8c98a;
  --tag-decision:#e3bd73; --tag-decision-bg:#3a2f1b; --tag-removed:#f0a097; --tag-removed-bg:#41231f;
  --tag-open:#f0b36a; --tag-open-bg:#3f2d14; --tag-neutral:#b9b3a8; --tag-neutral-bg:#2a2823;
  --tag-suggest:#9fc4e8; --tag-suggest-bg:#1f2f3d; --tag-branch:#a6d1ae; --tag-branch-bg:#1f3324;
  color-scheme:dark;
}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
button{font-family:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- prototype chrome ---------- */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}
.bar__brand{display:flex;align-items:center;gap:9px;margin-right:auto;font-weight:600;font-size:14px;min-width:0}
.bar__brand svg{width:54px;height:auto;flex:none}
.bar__brand svg path{fill:var(--fg)}
.bar__tag{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:3px 8px;border-radius:999px;white-space:nowrap}
.seg-group{display:inline-flex;padding:3px;border-radius:999px;background:var(--chip);gap:2px}
.seg{appearance:none;border:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;line-height:1.2}
.seg:hover{color:var(--fg)}
.seg[aria-pressed="true"]{background:var(--panel);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.10)}
.ghost{appearance:none;border:1px solid var(--line);background:transparent;color:var(--fg);font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;line-height:1.2}
.ghost:hover{border-color:var(--muted)}
.bar__actions{display:inline-flex;gap:6px;margin-left:auto}

.stepsRow{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:12px 16px 0}
.stepsRow[hidden]{display:none}
.steps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1 1 auto;min-width:0}
.step{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 10px 4px 5px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.2}
.step:hover{color:var(--fg)}
.step__n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--chip);font-size:10.5px;color:var(--fg);font-variant-numeric:tabular-nums}
.step--done .step__n{background:var(--accent-soft);color:var(--accent-ink)}
.step[aria-current="step"]{border-color:var(--accent);color:var(--fg)}
.step[aria-current="step"] .step__n{background:var(--accent);color:#fff}
.step__sep{color:var(--line);font-size:12px}
.steps__path{font-size:12px;color:var(--muted);margin-right:6px}

.stage{display:flex;flex-wrap:wrap;gap:20px 24px;padding:16px;align-items:flex-start;justify-content:center}
.fit{position:relative;flex:0 0 auto;max-width:100%}
.device{position:absolute;top:0;left:0;transform-origin:top left;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.device--phone{width:390px;height:820px;border-radius:44px;box-shadow:0 0 0 10px #141414,0 0 0 11px #3a3a3a,0 36px 70px -24px rgba(0,0,0,.55)}
.device--phone .notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:104px;height:28px;border-radius:999px;background:#141414;z-index:3}
.device--phone .statusbar{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:14px;font-weight:600;color:#0a0a0a;letter-spacing:-.01em;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;background:linear-gradient(rgba(250,247,241,.96),rgba(250,247,241,.82));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.device--phone .statusbar svg{width:46px;height:12px}
.device--phone .suShell__inner{padding-top:66px}
.device--desktop{width:1000px;height:720px;border-radius:12px;box-shadow:0 0 0 1px var(--line),0 30px 60px -28px rgba(0,0,0,.45)}
.browserbar{flex:none;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:#efece6;border-bottom:1px solid #e0dcd3}
.browserbar i{width:11px;height:11px;border-radius:50%;background:#d8d3c9;display:inline-block}
.browserbar .url{margin:0 auto;height:24px;padding:0 12px;border-radius:999px;background:#fff;color:#6d6a63;font-size:11.5px;display:inline-flex;align-items:center;gap:6px;min-width:280px;justify-content:center}
.browserbar .url svg{width:11px;height:11px}
.device .suFrame{flex:1 1 auto;min-height:0}

.notes{flex:1 1 280px;max-width:380px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px}
.notes__eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.notes__title{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:4px 0 2px;text-wrap:balance}
.notes__doc{font-size:12.5px;color:var(--muted);margin-bottom:12px}
.notes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.notes li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:13px;line-height:1.45}
.tag{display:inline-block;margin-top:1px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:5px;white-space:nowrap;color:var(--tag-neutral);background:var(--tag-neutral-bg)}
.tag--decision{color:var(--tag-decision);background:var(--tag-decision-bg)}
.tag--removed{color:var(--tag-removed);background:var(--tag-removed-bg)}
.tag--open{color:var(--tag-open);background:var(--tag-open-bg)}
.tag--suggestion{color:var(--tag-suggest);background:var(--tag-suggest-bg)}
.tag--branch{color:var(--tag-branch);background:var(--tag-branch-bg)}
.notes__foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.notes__foot a{color:var(--fg)}

/* ---------- all-screens map ---------- */
.map{display:flex;flex-direction:column;gap:18px;padding:16px}
.lane{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px 10px;min-width:0}
.lane__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:12px}
.lane__title{font-weight:600;font-size:15px}
.lane__sub{color:var(--muted);font-size:12.5px}
.lane__count{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.lane__track{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;align-items:flex-start;scrollbar-width:thin}
.mini{flex:0 0 auto;width:164px;background:transparent;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:16px}
.mini:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mini__frame{width:164px;height:344px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#faf7f1;position:relative;transition:box-shadow .2s}
.mini__frame *{pointer-events:none}
.mini:hover .mini__frame{box-shadow:0 0 0 2px var(--accent)}
.mini__frame>.suFrame{width:390px;height:820px;transform:scale(.42);transform-origin:top left;pointer-events:none;overflow:hidden}
.mini__cap{margin-top:7px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}
.mini__cap .step__n{min-width:17px;height:17px;font-size:10px}
.mini__sub{font-size:11px;color:var(--muted);margin-top:1px;line-height:1.35}
.mini--variant .mini__frame{border-style:dashed}
.lane__arrow{flex:0 0 auto;align-self:flex-start;margin-top:160px;color:var(--muted);opacity:.7}
.map__intro{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;padding:0 2px}
.map__intro p{margin:0;font-size:13px;color:var(--muted);max-width:78ch}

/* ---------- Bits signup shell: base resets the live site gets from Tailwind preflight ---------- */
.suFrame{container:suframe / inline-size;height:100%;overflow-y:auto;overflow-x:hidden;background:#faf7f1;color:#0a0a0a;font-family:var(--bits-font);font-size:16px;line-height:1.5;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;text-align:left;color-scheme:light}
:where(.suFrame) *,:where(.suFrame) *::before,:where(.suFrame) *::after{box-sizing:border-box;border:0 solid #e5e7eb}
:where(.suFrame) :is(h1,h2,h3,p,ul,ol){margin:0}
:where(.suFrame) :is(ul,ol){padding:0;list-style:none}
:where(.suFrame) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
:where(.suFrame) a{color:inherit;text-decoration:none}
:where(.suFrame) :is(img,svg){display:block}
:where(.suFrame) :is(input,select){font:inherit;color:inherit;margin:0;letter-spacing:inherit}
:where(.suFrame) input::placeholder{color:#9a9a9a}
.suFrame .suShell{min-height:100%}
.suFrame .suLogo{display:inline-flex;align-items:center;height:56px}
.suFrame .suLogo svg{width:56px;height:auto}
.suFrame .suBack svg{width:14px;height:14px}
.suFrame .suField__chevron svg{width:16px;height:16px}
.suFrame .suField__reveal svg{width:16px;height:16px}
.suFrame .suChoice__tick svg{width:11px;height:11px}
.suFrame .suNote svg,.suFrame .suAlert svg{width:16px;height:16px;flex:none;margin-top:2px}
.suFrame .suNote--gold svg{color:#b98635}

.suShell{position:relative;display:flex;flex-direction:column;min-height:100%;background:#faf7f1;letter-spacing:-.02em;overflow-x:hidden}.suGlow{position:absolute;inset:0;overflow:hidden;pointer-events:none}.suGlow:before{content:"";position:absolute;top:-320px;left:50%;width:1100px;max-width:160vw;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(212,162,74,.26),rgba(212,162,74,.08) 55%,rgba(212,162,74,0));filter:blur(10px)}.suShell__inner{position:relative;display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:1120px;margin:0 auto;padding:0 20px 72px}.suShell__header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 8px}.suWrap{display:flex;flex-direction:column;width:100%;max-width:420px;margin:0 auto}.suCard{background:#fff;border:1px solid #ececec;border-radius:20px;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 16px 40px -16px hsla(0,0%,4%,.12);padding:24px 26px 26px}.suProgress{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:20px}.suProgress__track{display:flex;flex:1 1 auto;gap:3px}.suProgress__seg{flex:1 1 0;height:3px;border-radius:2px;background:#f2f2f2;transition:background-color .42s cubic-bezier(.16,1,.3,1)}.suProgress__seg--on{background:#d4a24a}.suProgress__label{flex:none;font-size:11px;font-weight:600;color:#9a9a9a;font-variant-numeric:tabular-nums}.suBack{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;margin:0;padding:0;border:1px solid hsla(0,0%,4%,.1);border-radius:999px;background:hsla(0,0%,100%,.7);color:#525252;font-size:13px;font-weight:600;letter-spacing:-.02em;text-decoration:none;transition:border-color .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1)}.suBack:hover{color:#0a0a0a;border-color:hsla(0,0%,4%,.22);transform:translateX(-2px)}.suBack svg{width:16px;height:16px}.suHead{margin-bottom:20px}.suHead__title{margin:0;font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.045em;color:#0a0a0a;text-wrap:balance}.suHead__subtitle{margin:7px 0 0;font-size:13px;line-height:1.55;color:#717171}.suBody{gap:16px}.suBody,.suBody>form,.suField{display:flex;flex-direction:column}.suField__label{margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:-.02em;color:#3f3f3f}.suField__control{position:relative;display:flex}.suField input,.suField select{width:100%;height:48px;padding:0 14px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;color:#0a0a0a;font:inherit;font-size:15px;letter-spacing:-.02em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.suField input::-moz-placeholder{color:#9a9a9a}.suField input::placeholder{color:#9a9a9a}.suField input:focus,.suField select:focus{outline:none;border-color:#d4a24a;box-shadow:0 0 0 3px rgba(212,162,74,.16)}.suField select,.suField--trailing input{padding-right:42px}.suField--error input,.suField--error select{border-color:#b3392f;box-shadow:0 0 0 3px rgba(179,57,47,.12)}.suField__hint{color:#717171}.suField__error,.suField__hint{margin:7px 0 0;font-size:12px;line-height:1.5}.suField__error{font-weight:600;color:#b3392f}.suField__reveal{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#9a9a9a;cursor:pointer;transition:color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1)}.suField__reveal:hover{color:#0a0a0a;background:#fafafa}.suField__reveal:focus-visible{outline:2px solid #d4a24a;outline-offset:1px}.suField__chevron{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;pointer-events:none;color:#717171}.suField--prefixed .suField__control{align-items:stretch;height:48px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.suField--prefixed:not(.suField--error) .suField__control:focus-within{border-color:#d4a24a;box-shadow:0 0 0 3px rgba(212,162,74,.16)}.suField--prefixed.suField--error .suField__control{border-color:#b3392f;box-shadow:0 0 0 3px rgba(179,57,47,.12)}.suField__prefix{display:flex;align-items:center;flex:none;padding:0 12px 0 14px;border-right:1px solid #ececec;background:#fafafa;color:#717171;font-size:15px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suField--prefixed input,.suField--prefixed input:focus,.suField--prefixed.suField--error input{height:100%;min-width:0;border:0;border-radius:0;box-shadow:none}.suBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;padding:0 20px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:background-color .24s cubic-bezier(.16,1,.3,1),opacity .24s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.suBtn:disabled{cursor:not-allowed;opacity:.35}.suBtn--primary{background:#0a0a0a;color:#fff;box-shadow:0 8px 24px -10px hsla(0,0%,4%,.55)}.suBtn--primary:hover:not(:disabled){background:#1f1f1f;transform:translateY(-1px)}.suBtn--primary:active:not(:disabled){transform:translateY(0) scale(.99)}.suBtn--white{background:#fff;color:#0a0a0a;border:1px solid #ececec}.suBtn--white:hover:not(:disabled){border-color:#c9c9c9}.suBtn__spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:suSpin .7s linear infinite}.suBtn--white .suBtn__spinner{border-color:#0a0a0a hsla(0,0%,4%,.2) hsla(0,0%,4%,.2)}@keyframes suSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.suBack,.suBtn,.suField input,.suField select,.suProgress__seg{transition:none}.suBtn__spinner{animation-duration:2s}}.suList{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.suList>li{position:relative;margin:0;padding-left:24px;font-size:13px;line-height:1.55;color:#525252}.suList>li:before{content:"";position:absolute;left:4px;top:6px;width:5px;height:9px;border:solid #b98635;border-width:0 2px 2px 0;transform:rotate(45deg)}.suList__title{display:block;font-weight:600;color:#0a0a0a}.suConsent{padding:12px 14px;border:1px solid #ececec;border-radius:12px;background:#fafafa}.suConsent label{display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer}.suConsent input[type=checkbox]{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:#0a0a0a;border-color:#d9d9d9;cursor:pointer}.suConsent__text{font-size:12px;line-height:1.55;color:#525252}.suConsent__text a{color:#0a0a0a;font-weight:500;text-decoration:underline;text-underline-offset:2px}.suNote{display:flex;gap:8px;margin:0;padding:12px 14px;border:1px solid #ececec;border-radius:12px;background:#fafafa;font-size:13px;line-height:1.55;text-align:left;color:#525252}.suNote--gold{border-color:rgba(212,162,74,.35);background:#fbf6ec;color:#6b4d1f}.suAlert{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;border:1px solid rgba(179,57,47,.24);border-radius:12px;background:#fbeceb;font-size:13px;font-weight:600;line-height:1.5;text-align:left;color:#b3392f}.suAlert svg{flex:none;margin-top:1px}.suWaiting{align-items:center;gap:12px;padding:40px 0;font-size:13px;color:#525252}.suChoices,.suWaiting{display:flex;flex-direction:column}.suChoices{gap:8px}.suChoice{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.suChoice:hover{border-color:#d9d9d9;background:#fafafa}.suChoice--on{border-color:#0a0a0a;background:#fff;box-shadow:0 0 0 1px #0a0a0a,0 1px 2px hsla(0,0%,4%,.04),0 8px 24px -8px hsla(0,0%,4%,.08)}.suChoice__tick{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border:1px solid #c9c9c9;border-radius:50%;color:transparent;transition:border-color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1)}.suChoice--on .suChoice__tick{border-color:#0a0a0a;background:#0a0a0a;color:#fff}.suBelow{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:18px;text-align:center;font-size:13px;line-height:1.55;color:#717171}.suBelow a{color:#3f3f3f;font-weight:600;text-decoration:none}.suBelow a:hover{color:#0a0a0a}.suBelow .suBelow__accent{font-size:15px;font-weight:600;color:#8e6627}.suBelow .suBelow__accent:hover{color:#6b4d1f}.suTerms{max-width:42ch;margin:0 auto;font-size:12px;line-height:1.6;letter-spacing:-.02em;color:#9a9a9a;text-align:center}.suTerms a{color:#717171;font-weight:500;text-decoration:underline;text-underline-offset:2px}.suTerms a:hover{color:#0a0a0a}@container suframe (max-width:575px){.suShell{min-height:100%}.suShell__inner{padding:calc(18px + env(safe-area-inset-top, 0px)) max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom, 0px)) max(16px,env(safe-area-inset-left))}.suShell__header{display:none}.suGlow:before{top:-380px;width:720px;max-width:190vw;height:700px;background:radial-gradient(closest-side,rgba(212,162,74,.34),rgba(212,162,74,.12) 52%,rgba(212,162,74,0));filter:blur(16px)}.suGlow:after{content:"";position:absolute;left:-30%;bottom:-260px;width:620px;max-width:170vw;height:460px;background:radial-gradient(closest-side,rgba(212,162,74,.16),rgba(212,162,74,0));filter:blur(20px)}.suWrap{max-width:100%;flex:1 1 auto}.suCard{display:flex;flex:1 1 auto;flex-direction:column;padding:4px 2px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.suBody>.suBody,.suBody>form,.suCard>.suBody{flex:1 1 auto}.suProgress{margin-bottom:26px}.suProgress__seg{height:4px}.suProgress__seg--on{background:linear-gradient(90deg,#d9ad56,#b98635)}.suProgress__label{color:#8e6627}.suBack{margin:0}.suHead{position:relative;margin-bottom:28px}.suHead__title{font-size:32px;line-height:1.1}.suHead__subtitle{margin-top:12px;font-size:16px;color:#525252}.suBody{gap:22px}.suField__label{margin-bottom:10px;font-size:16px;color:#0a0a0a}.suField input,.suField select,.suField--prefixed .suField__control{height:56px;border-radius:16px;border-color:hsla(0,0%,4%,.1);font-size:16px;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 6px 16px -12px hsla(0,0%,4%,.28)}.suField input,.suField select{padding:0 18px}.suField select,.suField--trailing input{padding-right:48px}.suField__prefix{padding:0 14px 0 18px;font-size:16px}.suField--prefixed input{box-shadow:none}.suField--error input,.suField--error select,.suField--prefixed.suField--error .suField__control{border-color:#b3392f;box-shadow:0 0 0 4px rgba(179,57,47,.14)}.suField input:focus,.suField select:focus,.suField--prefixed:not(.suField--error) .suField__control:focus-within{border-color:#d4a24a;box-shadow:0 0 0 4px rgba(212,162,74,.18)}.suField__reveal{right:8px;width:40px;height:40px}.suBody>.suBody>.suBtn--primary,.suBody>.suBtn--primary,.suBody>form>.suBtn--primary{margin-top:auto}.suBtn{height:56px;font-size:16px}.suBtn--primary{box-shadow:0 10px 24px -12px hsla(0,0%,4%,.55),0 2px 10px -6px rgba(212,162,74,.4)}.suBelow{gap:12px;margin-top:16px}.suList>li{font-size:14px}.suConsent__text{font-size:13px}}@container suframe (max-width:360px){.suHead__title{font-size:26px}}.suWrap--wide{max-width:720px}@container suframe (max-width:575px){.suWrap--wide{max-width:100%}}.suField input.suCode{text-align:center;font-size:21px;font-weight:600;letter-spacing:.4em;text-indent:.4em;font-variant-numeric:tabular-nums}.suResend{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid #d9d9d9;border-radius:999px;background:#fff;color:#0a0a0a;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.suResend:hover:not(:disabled){border-color:#0a0a0a;background:#fafafa;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 8px 24px -8px hsla(0,0%,4%,.08);transform:translateY(-1px)}.suResend:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:none}.suResend:disabled{cursor:not-allowed;opacity:.5}.suResend:focus-visible{outline:2px solid #d4a24a;outline-offset:2px}.suResendRow{display:flex;justify-content:center;font-size:13px;color:#717171}

/* ---------- components the new flow adds, in the live shell's language ---------- */
.suRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.suRow--dob{grid-template-columns:1fr 1fr 1.5fr}
.suActions{display:flex;flex-direction:column;gap:10px}
.suBtn svg{width:16px;height:16px;margin-right:8px;flex:none}
.suLink{appearance:none;background:none;border:0;padding:0;color:#3f3f3f;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}
.suLink:hover{color:#0a0a0a}
.suTerms .suLink{color:#717171;font-weight:500;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.suAddr{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #ececec;border-radius:12px;background:#fafafa;font-size:13.5px;line-height:1.5;color:#0a0a0a}
.suAddr svg{width:16px;height:16px;flex:none;margin-top:3px;color:#8e6627}
.suAddr__txt{flex:1 1 auto;min-width:0}
.suAddr .suLink{flex:none;margin-top:1px}

/* Trustpilot strip on step 1 */
.suTrust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:0;font-size:13px;line-height:1.2;color:#0a0a0a;text-decoration:none}.suTrust__g{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.suTrust__word{font-weight:700;font-size:15px;letter-spacing:-.02em}
.suTrust__stars{display:inline-flex;gap:2px}.suTrust__stars i{display:inline-grid;place-items:center;width:20px;height:20px;background:#00b67a}.suTrust__stars i svg{width:14px;height:14px;fill:#fff}
.suTrust__stars i.half{background:linear-gradient(90deg,#00b67a 50%,#dcdce6 50%)}.suTrust__stars i.off{background:#dcdce6}
.suTrust__count{text-decoration:underline;text-underline-offset:2px}
.suTrust__logo{display:inline-flex;align-items:center;gap:3px;font-weight:700;letter-spacing:-.02em}.suTrust__logo svg{width:17px;height:17px;fill:#00b67a}
@container suframe (max-width:575px){.suTrust{font-size:14px}.suTrust__word{font-size:16px}}
/* card + Trustpilot intro on step 1 */
.suIntro{display:flex;flex-direction:column;align-items:center;gap:16px;margin:-4px 0 0}
.suIntro .suCardArt{max-width:230px}
.suIntro .suTrust{margin:0}

.suCheck{display:flex;flex-direction:column;gap:8px}
.suCheck__item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff;font-size:14px;color:#9a9a9a;transition:border-color .3s,background-color .3s,color .3s}
.suCheck__item--doing{border-color:rgba(212,162,74,.45);background:#fbf6ec;color:#0a0a0a}
.suCheck__item--done{color:#0a0a0a}
.suCheck__icon{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid #d9d9d9;display:grid;place-items:center;color:transparent}
.suCheck__icon svg{width:11px;height:11px}
.suCheck__item--doing .suCheck__icon{border:2px solid rgba(212,162,74,.3);border-top-color:#b98635;animation:suSpin .8s linear infinite}
.suCheck__item--done .suCheck__icon{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.suCheck__sub{display:block;font-size:12px;color:#9a9a9a;margin-top:1px}
.suCheck__item--doing .suCheck__sub,.suCheck__item--done .suCheck__sub{color:#717171}

/* credit card illustration */
.suCardArt{position:relative;width:100%;max-width:300px;aspect-ratio:1.586;border-radius:16px;background:linear-gradient(135deg,#232323,#0a0a0a 58%,#1b150b);box-shadow:0 18px 40px -18px rgba(10,10,10,.55);color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.suCardArt::after{content:"";position:absolute;right:-30%;bottom:-70%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(212,162,74,.38),rgba(212,162,74,0))}
.suCardArt__top{display:flex;justify-content:space-between;align-items:center}
.suCardArt__top svg{width:52px;height:auto}
.suCardArt__top svg path{fill:#fff}
.suCardArt__kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.suCardArt__chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,#e2bd6a,#b98635)}
.suCardArt__bottom{display:flex;justify-content:space-between;align-items:flex-end}
.suCardArt__num{font-size:15px;letter-spacing:.12em;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.suCardArt__lim{text-align:right}
.suCardArt__lim b{display:block;font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1}
.suCardArt__lim span{font-size:10.5px;color:rgba(255,255,255,.6);letter-spacing:.06em;text-transform:uppercase}
.suCardArt--wide{max-width:280px;margin:0 auto}
.suVerify{display:flex;flex-direction:column;gap:14px;padding:18px 16px 16px;border:1px solid rgba(212,162,74,.35);border-radius:16px;background:linear-gradient(180deg,#fbf6ec,#fff)}
.suVerify__hero{display:flex;justify-content:center}.suVerify__hero svg{width:160px;height:112px}
.suVerify__steps{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.suVerify__steps li{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;color:#3f3f3f}
.suVerify__n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;background:#0a0a0a;color:#fff;font-size:11px;font-weight:700}
@container suframe (max-width:575px){.suVerify__steps li{font-size:14px}}
.suCardWrap{position:relative;display:block;width:100%;max-width:300px;margin:0 auto;container-type:inline-size}.suCardWrap--wide{max-width:280px}.suCardImg{display:block;width:100%;height:auto;margin:0}
.suCardName{position:absolute;left:5%;top:70%;max-width:62%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:3.6cqw;line-height:1;letter-spacing:-.02em;color:#262215;pointer-events:none}
.suIntro .suCardWrap{width:100%;max-width:230px;margin:0}

/* offer facts (summary-box style) */
.suFacts{border:1px solid #ececec;border-radius:12px;background:#fff;overflow:hidden}
.suFacts__row{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;font-size:13px;line-height:1.4;border-top:1px solid #f0f0f0}
.suFacts__row:first-child{border-top:0}
.suFacts__row span:first-child{color:#717171;flex:0 0 auto}
.suFacts__row span:last-child{color:#0a0a0a;font-weight:600;text-align:right;min-width:0}
.suFacts__row span:last-child small{display:block;font-weight:400;color:#717171;font-size:12px}

.suSection{display:flex;flex-direction:column;gap:8px}
.suSection__title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:#0a0a0a}
.suSection__title small{font-weight:500;color:#9a9a9a;font-size:11.5px;text-align:right}

.suOpt{align-items:flex-start}
.suOpt .suChoice__tick{margin-top:1px}
.suOpt__body{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.suOpt__row{display:flex;align-items:center;gap:8px}
.suOpt__name{font-weight:600;font-size:15px;color:#0a0a0a}
.suOpt__badge{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#8e6627;background:#fbf6ec;border:1px solid rgba(212,162,74,.35);border-radius:999px;padding:2px 7px;white-space:nowrap}
.suOpt__price{margin-left:auto;font-weight:600;font-size:15px;color:#0a0a0a;font-variant-numeric:tabular-nums;white-space:nowrap}
.suOpt__price small{font-size:12px;font-weight:500;color:#717171}
.suOpt__meta{font-size:12.5px;line-height:1.5;color:#717171}
.suOpt__meta b{font-weight:600;color:#3f3f3f}


/* plan picker — copied from the live getbits.app/signup/plans styles */
.suPlanPicker{display:flex;flex-direction:column;gap:16px}
.suTabs{display:flex;justify-content:center;gap:6px}
.suTab{position:relative;min-width:84px;height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#525252;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .24s cubic-bezier(.16,1,.3,1)}
.suTab:hover:not(.suTab--on){color:#0a0a0a}
.suTab--on{color:#fff}
.suTab:focus-visible{outline:2px solid #d4a24a;outline-offset:2px}
.suTab__pill{position:absolute;inset:0;border-radius:999px;background:#0a0a0a;box-shadow:0 6px 16px -10px hsla(0,0%,4%,.6)}
.suTab__label{position:relative;z-index:1}
.suPlanStage{position:relative}
.suPlan{position:relative;overflow:hidden;padding:26px 22px 24px;border:1px solid #ececec;border-radius:24px;background:#fff;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 18px 44px -20px hsla(0,0%,4%,.18)}
.suPlan__art{position:absolute;top:-28px;right:-66px;width:200px;aspect-ratio:1.586/1;transform:rotate(-24deg);filter:drop-shadow(0 18px 28px rgba(10,10,10,.28));pointer-events:none;user-select:none}
.suPlan__art .suCardWrap{width:100%;height:100%;max-width:none;margin:0}.suPlan__art img{width:100%;height:100%;object-fit:contain;max-width:none;margin:0}
.suPlan__eyebrow{display:block;margin:54px 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8e6627}
.suPlan__title{margin:0;font-size:34px;line-height:1.05;font-weight:700;letter-spacing:-.04em;color:#0a0a0a}
.suPlan__price{margin:8px 0 0;font-size:16px;line-height:1.4;color:#525252}
.suPlan__price strong{font-weight:600;color:#0a0a0a;font-variant-numeric:tabular-nums}
.suPlan__features{display:flex;flex-direction:column;gap:14px;margin:22px 0 0;padding:0;list-style:none}
.suPlan__features>li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:#1f1f1f}
.suPlan__features svg{flex:none;width:20px;height:20px;color:#525252}
.suPlan__features>li>span{min-width:0}.suPlan__features small{display:block;margin-top:3px;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:-.01em;color:#717171}.suPlan__features li.is-muted small{color:#b5b5b5}
.suPlan__features li.is-muted{color:#9a9a9a}
.suPlan__features li.is-muted svg{color:#b5b5b5}
.suPlanPicker{--pl:#8e6627;--pl-pill:#a97a2e;--pl-soft:#f7efe0}
.suPlanPicker--sapphire{--pl:#2b5a9b;--pl-pill:#2b5a9b;--pl-soft:#e4ecf8}
.suPlanPicker--black{--pl:#0a0a0a;--pl-pill:#0a0a0a;--pl-soft:#e9e7e2}
.suPlanPicker .suTab__pill{background:var(--pl-pill)}
.suPlanPicker .suTab:focus-visible{outline-color:var(--pl-pill)}
.suPlanPicker .suPlan{background:linear-gradient(180deg,var(--pl-soft),#fff 46%)}.suPlanPicker .suPlan::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--pl-pill)}.suPlanPicker .suPlan__price strong{color:var(--pl)}
.suPlanPicker .suPlan__eyebrow{color:var(--pl)}
.suPlanPicker .suPlan__features svg{color:var(--pl)}
.suPlanPicker .suPlan__features li.is-muted svg{color:#b5b5b5}
.suPlanNote{margin:0;font-size:12.5px;line-height:1.55;letter-spacing:-.01em;text-align:center;color:#717171}
.suHelp{display:flex;flex-direction:column;align-items:center;gap:12px}
.suHelp__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:0;background:transparent;color:#8e6627;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.02em;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.suHelp__link:hover{color:#6b4d1f}
.suHelp__panel{width:100%;padding:14px 16px;border:1px solid rgba(212,162,74,.35);border-radius:14px;background:#fbf6ec;color:#6b4d1f;font-size:13px;line-height:1.55;text-align:left}
.suHelp__panel p{margin:0}
.suHelp__panel strong{color:#4f381a}
.suHelp__action{display:inline-flex;align-items:center;justify-content:center;height:40px;margin-top:12px;padding:0 18px;border:1px solid rgba(107,77,31,.3);border-radius:999px;background:#fff;color:#4f381a;font:inherit;font-size:14px;font-weight:600;letter-spacing:-.02em;cursor:pointer}
.suHelp__action:hover{border-color:#4f381a;background:#fdfaf3}
@container suframe (max-width:575px){
  .suTab{height:42px;font-size:15px}
  .suPlan{padding:28px 22px 26px}
  .suPlan__title{font-size:38px}
  .suPlan__features>li{font-size:16px}
  .suHelp__link{font-size:15px}
}

/* payment summary */
.suSummary{display:flex;flex-direction:column;border:1px solid #ececec;border-radius:12px;background:#fafafa;overflow:hidden}
.suSummary__row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;border-top:1px solid #ececec}
.suSummary__row:first-child{border-top:0}
.suSummary__name{font-weight:600;color:#0a0a0a;font-size:14px}
.suSummary__sub{font-size:12px;color:#717171;margin-top:2px;line-height:1.45}
.suSummary__price{font-weight:600;font-size:15px;color:#0a0a0a;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex:none}
.suSummary__price small{display:block;font-size:11.5px;font-weight:500;color:#717171}
.suSecure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#9a9a9a}
.suSecure svg{width:13px;height:13px}
.suHintInline{display:block;color:#717171;font-weight:400;margin-top:2px}

/* payday: income-source chips, per-source blocks, aligned-schedule preview */
.suChips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.suChip{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #ececec;border-radius:12px;background:#fff;text-align:left;cursor:pointer;min-width:0;transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1)}
.suChip:hover{border-color:#d9d9d9;background:#fafafa}
.suChip--on{border-color:#0a0a0a;box-shadow:0 0 0 1px #0a0a0a}
.suChip__tick{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;margin-top:1px;border:1px solid #c9c9c9;border-radius:6px;color:transparent;transition:border-color .24s,background-color .24s}
.suChip__tick svg{width:10px;height:10px}
.suChip--on .suChip__tick{border-color:#0a0a0a;background:#0a0a0a;color:#fff}
.suChip>span:last-child{display:flex;flex-direction:column;min-width:0}
.suChip__l{font-size:13.5px;font-weight:600;color:#0a0a0a;line-height:1.3}
.suChip__h{font-size:11.5px;color:#717171;line-height:1.35;margin-top:2px}
.suChips .suChip:last-child:nth-child(odd){grid-column:1 / -1}
.suSrc{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid #ececec;border-radius:14px;background:#fafafa}
.suSrc--error{border-color:rgba(179,57,47,.4)}
.suSrc__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.suSrc__title{font-size:14px;font-weight:600;color:#0a0a0a}
.suSrc .suField input,.suSrc .suField select{background:#fff}
.suSrc input[type=date]{min-width:0}
.suSrc input[type=date]::-webkit-date-and-time-value{text-align:left}
.suAlign{display:flex;flex-direction:column;border:1px solid rgba(212,162,74,.35);border-radius:14px;background:#fbf6ec;overflow:hidden}
.suAlign__row{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid rgba(212,162,74,.22);font-size:13px;line-height:1.4}
.suAlign__row:first-child{border-top:0}
.suAlign__k{color:#8e6627;flex:0 0 auto;font-weight:500}
.suAlign__v{color:#0a0a0a;text-align:right;min-width:0}
.suAlign__v b{font-weight:600}
.suAlign__v small{display:block;font-size:11.5px;color:#6b4d1f;margin-top:2px;line-height:1.4}
@container suframe (max-width:575px){
  .suChip__l{font-size:14px}.suChip__h{font-size:12px}
  .suSrc__title{font-size:15px}
  .suAlign__row{font-size:14px;padding:12px 16px}
  .suAlign__v small{font-size:12px}
}

/* inline calendar (replaces the native date input) */
.suCal{border:1px solid #ececec;border-radius:16px;background:#fff;padding:12px 12px 10px;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 6px 16px -12px hsla(0,0%,4%,.28)}
.suCal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.suCal__month{font-size:14px;font-weight:600;color:#0a0a0a}
.suCal__nav{width:32px;height:32px;border-radius:50%;border:1px solid #ececec;background:#fff;display:grid;place-items:center;color:#525252;cursor:pointer}
.suCal__nav svg{width:14px;height:14px}
.suCal__nav--r svg{transform:rotate(180deg)}
.suCal__nav:disabled{opacity:.3;cursor:default}
.suCal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.suCal__grid--dow span{text-align:center;font-size:11px;font-weight:600;color:#9a9a9a;padding:2px 0 6px}
.suCal__d{height:38px;border-radius:10px;border:0;background:transparent;font:inherit;font-size:14px;font-weight:500;color:#0a0a0a;cursor:pointer;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.suCal__d:hover{background:#fafafa}
.suCal__d--off{color:#d0d0d0;cursor:default}
.suCal__d--today{box-shadow:inset 0 0 0 1px #d4a24a}
.suCal__d--on{background:#0a0a0a;color:#fff;box-shadow:none}
.suCal__sel{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:13px;color:#717171;text-align:center}
.suCal__sel b{color:#0a0a0a;font-weight:600}
@container suframe (max-width:575px){ .suCal__d{height:42px;font-size:15px} }

/* store badges */
.suDl{text-decoration:none}
.suDl svg{width:18px;height:18px;margin-right:8px}
.suBadges{display:flex;gap:8px}
.suBadge{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border-radius:10px;background:#0a0a0a;color:#fff;text-decoration:none}
.suBadge__ic{flex:none;width:22px;height:22px;display:grid;place-items:center}
.suBadge__ic svg{width:20px;height:20px}
.suBadge__t{display:flex;flex-direction:column;line-height:1.05;font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suBadge__t small{font-size:9.5px;font-weight:500;letter-spacing:.02em;opacity:.8}

/* final-state definitions */
.states{padding:16px;display:flex;flex-direction:column;gap:14px}
.states__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.stCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px;min-width:0}
.stCard__head{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:12px}
.stCard__title{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}
.stCard__dl{margin:0;display:grid;grid-template-columns:1fr;gap:4px 0}
.stCard__dl dt{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.stCard__dl dd{margin:2px 0 0;font-size:13px;line-height:1.5}

/* documents to review */
.suDocRow{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #ececec;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}
.suDocRow:hover{border-color:#d9d9d9;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 8px 24px -8px hsla(0,0%,4%,.08)}
.suDocRow__read{display:inline-flex;align-items:center;gap:3px;color:#3b6b45;font-weight:600}.suDocRow__read svg{width:11px;height:11px}
.suDocTile__chev--r{transform:rotate(-90deg)}
.suGet{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:14px}.suGet__hero{display:none;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:120px}.suGet__hero svg{width:min(200px,46cqw);height:auto}.suGet__qr{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 14px;border:1px solid #ececec;border-radius:20px;background:#fff;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 16px 40px -16px hsla(0,0%,4%,.12)}.suGet__qr svg{width:168px;height:168px}.suGet__qr span{font-size:13px;font-weight:600;color:#0a0a0a}.suGet__or{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a9a9a}.suGet .suBtn{width:100%}.suGet__sms{margin:0;text-align:center;font-size:13px;line-height:1.5;color:#717171}.suGet__sms b{color:#0a0a0a;font-weight:600}.suDone .suSteps__t{font-size:13.5px}
@container suframe (max-width:575px){.suGet__qr,.suGet__or{display:none}.suGet__hero{display:flex}.suGet{gap:12px}.suGet__sms{font-size:14px}.suDone .suBody>.suBody{flex:1 1 auto}}
.suDone__post{margin:0;text-align:center;font-size:13px;color:#717171}
.suDocRow__n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#0a0a0a;color:#fff;font-size:12.5px;font-weight:700}
.suDocRow--read .suDocRow__n{background:#3b6b45}.suDocRow__n svg{width:14px;height:14px}
.suConsents{display:flex;flex-direction:column;gap:8px}
.suSheet__kicker{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8e6627;margin-bottom:1px}
.suDraft{margin:0 0 14px;padding:10px 12px;border:1px dashed rgba(142,102,39,.5);border-radius:10px;background:#fbf6ec;color:#6b4d1f;font-size:12.5px;line-height:1.5}
.suFrame{position:relative}
.suSheet{position:absolute;inset:0;display:flex;flex-direction:column;background:#faf7f1}
.suSheet__head{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid #ececec;background:#faf7f1}
.suSheet__back{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid hsla(0,0%,4%,.1);border-radius:999px;background:hsla(0,0%,100%,.7);color:#525252;cursor:pointer}.suSheet__back svg{width:16px;height:16px}
.suSheet__title{font-size:15px;font-weight:600;letter-spacing:-.02em;color:#0a0a0a}
.suSheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 16px 24px;-webkit-overflow-scrolling:touch}
.suSheet .suDoc{max-height:none;overflow:visible;margin:0 auto;padding:0;border:0;background:transparent;font-size:14px;line-height:1.6;max-width:720px}.suSheet .suDoc h3{font-size:14.5px}
.suSheet__foot{flex:none;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #ececec;background:#fff}
.suSheet__foot .suBtn{max-width:420px;margin:0 auto}
.suSheet__hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 10px;font-size:12.5px;color:#8e6627}.suSheet__hint svg{width:13px;height:13px}
.device--phone .suSheet__head{padding-top:60px}
.suDocs{display:flex;flex-direction:column;gap:8px}
.suDocTile{border:1px solid #ececec;border-radius:12px;background:#fff}
.suDocTile summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.suDocTile summary::-webkit-details-marker{display:none}
.suDocTile__icon{flex:none;width:36px;height:36px;border-radius:10px;background:#fafafa;border:1px solid #ececec;display:grid;place-items:center;color:#8e6627}
.suDocTile__icon svg{width:17px;height:17px}
.suDocTile__body{flex:1 1 auto;min-width:0}
.suDocTile__title{display:block;font-size:14px;font-weight:600;color:#0a0a0a}
.suDocTile__sub{display:block;font-size:12px;color:#717171;margin-top:1px}
.suDocTile__chev{flex:none;color:#9a9a9a;transition:transform .2s}
.suDocTile__chev svg{width:16px;height:16px}
.suDocTile[open] .suDocTile__chev{transform:rotate(180deg)}
.suConsent--locked label{cursor:not-allowed}.suConsent--locked .suConsent__text{color:#9a9a9a}.suConsent--locked .suConsent__text a{color:#717171}.suConsent__lock{display:flex;align-items:center;gap:6px;margin:8px 0 0 27px;font-size:12px;line-height:1.4;color:#8e6627}.suConsent__lock svg{width:13px;height:13px;flex:none}
.suDoc--full{max-height:320px}
.suDoc{max-height:200px;overflow-y:auto;margin:0 14px 14px;padding:12px 14px;border:1px solid #ececec;border-radius:10px;background:#fafafa;font-size:12.5px;line-height:1.55;color:#525252;scrollbar-width:thin}
.suDoc h3{font-size:12.5px;font-weight:600;color:#0a0a0a;margin:0 0 3px}
.suDoc p+h3{margin-top:10px}
.suDoc p+p{margin-top:6px}

.suTiles{display:flex;flex-direction:column;gap:8px}
.suTile{display:flex;gap:12px;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff}
.suTile__icon{flex:none;width:36px;height:36px;border-radius:10px;background:#fbf6ec;color:#8e6627;display:grid;place-items:center}
.suTile__icon svg{width:17px;height:17px}
.suTile__icon--ink{background:#0a0a0a;color:#fff}
.suTile__body{min-width:0}
.suTile__title{font-size:14px;font-weight:600;color:#0a0a0a}
.suTile__text{font-size:12.5px;color:#717171;line-height:1.5;margin-top:2px}

.suPath{display:flex;flex-direction:column;gap:0;counter-reset:p}
.suPath li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:12px;padding-bottom:16px}
.suPath li:last-child{padding-bottom:0}
.suPath li::before{counter-increment:p;content:counter(p);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:600;color:#6b4d1f;background:#fbf6ec;border:1px solid rgba(212,162,74,.45);z-index:1}
.suPath li:first-child::before{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.suPath li::after{content:"";position:absolute;left:13.5px;top:30px;bottom:2px;width:1px;background:#e5dfd2}
.suPath li:last-child::after{display:none}
.suPath__body{min-width:0}
.suPath__title{display:block;font-size:14px;font-weight:600;color:#0a0a0a;line-height:28px}
.suPath__text{display:block;font-size:13px;line-height:1.5;color:#525252}
.suPath__when{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8e6627;vertical-align:middle}

.suSpin--dark{border-color:hsla(0,0%,4%,.15);border-top-color:#0a0a0a}
/* decline screen */
.suDeclined{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border:1px solid rgba(212,162,74,.38);border-radius:16px;background:linear-gradient(160deg,#fbf2df 0%,#fdf8ee 55%,#fffdf8 100%)}
.suDeclined__p{margin:0;font-size:15px;line-height:1.5;letter-spacing:-.02em;color:#262215}.suDeclined__p+.suDeclined__p{font-weight:600}
@container suframe (max-width:575px){.suDeclined{padding:18px 20px;gap:12px}.suDeclined__p{font-size:17px}}
/* embedded Stripe Checkout form (ui_mode: form), themed through the Appearance API to match our fields */
.suStripe{display:flex;flex-direction:column;gap:16px}
.suStripe input[readonly]{color:#717171;background:#fafafa}
.suCardBox{border:1px solid #d9d9d9;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}
.suCardBox:focus-within{border-color:#d4a24a;box-shadow:0 0 0 3px rgba(212,162,74,.16)}
.suField--error .suCardBox{border-color:#b3392f;box-shadow:0 0 0 3px rgba(179,57,47,.12)}
.suCardBox__row{display:flex;align-items:center;border-top:1px solid #ececec}
.suCardBox__row:first-child{border-top:0}
.suCardBox__row--split input+input{border-left:1px solid #ececec}
.suField .suCardBox input,.suField .suCardBox input:focus,.suField--error .suCardBox input{flex:1 1 0;min-width:0;height:48px;border:0;border-radius:0;box-shadow:none;background:transparent}
.suCardBox__icon{flex:none;display:flex;padding:0 14px 0 0;color:#b5b5b5}.suCardBox__icon svg{width:22px;height:22px}
.suExpress{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.suExpress__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:48px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:filter .2s}
.suExpress__btn:hover{filter:brightness(1.12)}
.suExpress__btn--apple{background:#0a0a0a;color:#fff}.suExpress__mark{display:inline-flex}.suExpress__mark svg{width:18px;height:18px}
.suExpress__btn--link{background:#00d66f;color:#0a0a0a;font-weight:800;letter-spacing:-.03em}
.suOr{display:flex;align-items:center;gap:12px;margin:-2px 0;font-size:12px;color:#9a9a9a}.suOr::before,.suOr::after{content:"";flex:1 1 auto;height:1px;background:#ececec}
.suStripe__by{display:flex;align-items:center;justify-content:center;gap:6px;margin:-2px 0 0;font-size:12px;color:#9a9a9a}.suStripe__by svg{width:12px;height:12px}.suStripe__by b{font-weight:700;color:#717171}
@container suframe (max-width:575px){
  .suStripe{gap:22px}
  .suCardBox{border-radius:16px;border-color:hsla(0,0%,4%,.1);box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 6px 16px -12px hsla(0,0%,4%,.28)}
  .suCardBox:focus-within{border-color:#d4a24a;box-shadow:0 0 0 4px rgba(212,162,74,.18)}
  .suField--error .suCardBox{border-color:#b3392f;box-shadow:0 0 0 4px rgba(179,57,47,.14)}
  .suField .suCardBox input,.suField .suCardBox input:focus,.suField--error .suCardBox input{height:56px;padding:0 18px;font-size:16px;box-shadow:none}
  .suCardBox__icon{padding-right:18px}
  .suStripe__by{font-size:13px}
  .suExpress{gap:12px}
  .suExpress__btn{height:56px;border-radius:16px}
  .suOr{font-size:13px}
}
/* delivery / status tracker */
.suTrack{display:flex;flex-direction:column;padding:2px 0}
.suTrack__item{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:0 12px;padding-bottom:18px;align-items:start}
.suTrack__item:last-child{padding-bottom:0}
.suTrack__item::after{content:"";position:absolute;left:11.5px;top:26px;bottom:2px;width:1px;background:#e5dfd2}
.suTrack__item:last-child::after{display:none}
.suTrack__item--done::after{background:#0a0a0a}
.suTrack__dot{position:relative;width:24px;height:24px;border-radius:50%;border:1.5px solid #d9d9d9;background:#fff;display:grid;place-items:center;color:#fff;z-index:1}
.suTrack__dot svg{width:11px;height:11px;visibility:hidden}
.suTrack__item--done .suTrack__dot svg{visibility:visible}
.suTrack__item--done .suTrack__dot{background:#0a0a0a;border-color:#0a0a0a;color:#fff}
.suTrack__item--now .suTrack__dot{border-color:#b98635;box-shadow:0 0 0 4px rgba(212,162,74,.18)}
.suTrack__item--now .suTrack__dot::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#b98635}
.suTrack__title{display:block;font-size:15px;font-weight:600;color:#0a0a0a;line-height:24px}
.suTrack__sub{display:block;font-size:12.5px;color:#717171;line-height:1.4;margin-top:1px}
.suTrack__when{font-size:12.5px;color:#9a9a9a;line-height:24px;white-space:nowrap;font-variant-numeric:tabular-nums}
.suTrack__item--done .suTrack__when,.suTrack__item--now .suTrack__when{color:#0a0a0a;font-weight:600}
.suStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.suStat{padding:12px 12px 11px;border:1px solid #ececec;border-radius:12px;background:#fff;min-width:0}
.suStat__v{font-size:17px;font-weight:600;letter-spacing:-.03em;color:#0a0a0a;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suStat__l{font-size:11.5px;color:#717171;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suBlock{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #ececec;border-radius:14px;background:#fff}
.suBlock__t{font-size:14px;font-weight:600;color:#0a0a0a}
.suBlock__s{font-size:12.5px;color:#717171;margin-top:-6px;line-height:1.4}
.suBlock .suStores .suBtn{height:46px}
.suBlock .suLinkBox{height:50px;border-radius:14px;box-shadow:none;background:#fafafa}
.suBlock .suLinkBox .suBtn{height:38px}
/* referral */
.suRefer{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;background:#0a0a0a;color:#fff;box-shadow:0 16px 36px -18px rgba(10,10,10,.6)}
.suRefer__amt{font-size:34px;font-weight:600;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.suRefer__amt small{display:block;margin-top:6px;font-size:12px;font-weight:500;letter-spacing:0;color:#d9ad56}
.suRefer__txt{font-size:13px;line-height:1.45;color:rgba(255,255,255,.78);border-left:1px solid rgba(255,255,255,.14);padding-left:16px}
.suRefer__txt b{color:#fff;font-weight:600}
.suLinkBox{display:flex;align-items:center;gap:10px;height:56px;padding:0 6px 0 16px;border:1px solid hsla(0,0%,4%,.1);border-radius:16px;background:#fff;box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 6px 16px -12px hsla(0,0%,4%,.28)}
.suLinkBox__url{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.suLinkBox__url span{color:#9a9a9a;font-weight:500}
.suLinkBox .suBtn{width:auto;height:42px;padding:0 16px;font-size:14px;flex:none}
.suSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.suSteps__i{padding:12px;border:1px solid #ececec;border-radius:12px;background:#fff;text-align:center;min-width:0}
.suSteps__n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fbf6ec;border:1px solid rgba(212,162,74,.45);color:#6b4d1f;font-size:11.5px;font-weight:600;margin-bottom:6px}
.suSteps__t{font-size:12.5px;font-weight:600;color:#0a0a0a;line-height:1.3}
.suMore{border:1px solid #ececec;border-radius:12px;background:#fff;font-size:13px;line-height:1.55;color:#525252}
.suMore summary{padding:12px 14px;font-weight:600;color:#0a0a0a;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
.suMore summary::-webkit-details-marker{display:none}
.suMore summary::after{content:"+";font-weight:500;color:#9a9a9a;font-size:16px;line-height:1}
.suMore[open] summary::after{content:"–"}
.suMore p{padding:0 14px 12px}
.suStores{display:flex;gap:8px}
.suStores .suBtn{flex:1 1 0;min-width:0;height:44px;font-size:14px}
.suLabel{font-size:12px;font-weight:600;color:#717171;text-align:center}
.suFoot{background:#0a0a0a;color:rgba(255,255,255,.72);padding:22px 20px 26px;font-size:12px;line-height:1.6}
.suFoot__in{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 36px;align-items:flex-start}
.suFoot__in>div{min-width:0}
.suFoot svg{width:56px;height:auto;margin-bottom:8px}
.suFoot svg path{fill:#fff}
.suFoot b{color:#fff;font-weight:600}
.suFoot__legal{flex-basis:100%;color:rgba(255,255,255,.5);font-size:11px;max-width:72ch}

@container suframe (max-width:575px){
  .suOpt__name{font-size:16px}
  .suOpt__meta{font-size:13px}
  .suTile__title{font-size:15px}
  .suTile__text{font-size:13px}
  .suPath__title{font-size:15px}
  .suPath__text{font-size:13.5px}
  .suCheck__item{font-size:15px;padding:16px}
  .suMore{font-size:13.5px}
  .suDoc{font-size:13px;max-height:220px}
  .suSummary__name{font-size:15px}
  .suSection__title{font-size:14px}
  .suAddr{font-size:14px}
  .suLink{font-size:14px}
  .suFacts__row{font-size:14px;padding:12px 16px}
  .suIntro{gap:24px}
  .suIntro .suCardWrap{width:72%;max-width:250px}
  .suDocTile__title{font-size:15px}
  .suTrack__title{font-size:16px}
  .suTrack__sub,.suTrack__when{font-size:13px}
  .suStat__v{font-size:18px}
  .suStat__l{font-size:12px}
  .suBlock__t{font-size:15px}
  .suDone .suHead__subtitle{font-size:21px;margin-top:14px}
  .suDone__post{font-size:14px}
  .suSteps__t{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.suCheck__item--doing .suCheck__icon{animation-duration:2s}.mini__frame{transition:none}}

/* mock UI: the frame fills the viewport */
body.mock{margin:0;height:100%}
body.mock>.suFrame{height:100vh}