/* The guided sign-up as a chat: SoftSI's window in the corner (widget) or open on /start (page). */
.onb-panel,.onb-page{--onb-teal:#087e8a;--onb-teal-dark:#066571;--onb-teal-tint:#edf6f5;--onb-ink:#162f3a;--onb-muted:#526772;--onb-line:#dce5e5;--onb-paper:#f1f6f5;--onb-night:#123c46;--onb-focus:#d27b22;--onb-error:#b4232c;color:var(--onb-ink);font-family:'DM Sans',sans-serif}
.onb-panel{display:flex;flex-direction:column;background:#fff;color:var(--onb-ink);font-size:14.5px;line-height:1.55;box-sizing:border-box}
.onb-panel *,.onb-panel *::before,.onb-panel *::after{box-sizing:border-box}
.onb-panel[hidden]{display:none}
.onb-panel--widget{position:fixed;right:18px;bottom:18px;z-index:1020;width:400px;height:640px;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);border-radius:18px;border:1px solid var(--onb-line);box-shadow:0 30px 70px rgba(22,52,61,.26),0 4px 14px rgba(22,52,61,.1);animation:onb-panel-in .28s cubic-bezier(.2,.8,.2,1) both}
.onb-panel--page{position:relative;width:min(760px,100%);min-height:70vh;margin:0 auto;border-radius:18px;border:1px solid var(--onb-line);box-shadow:0 24px 60px rgba(22,52,61,.08)}
.onb-panel:focus{outline:none}
@keyframes onb-panel-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}

.onb-panel__head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--onb-line);background:linear-gradient(180deg,#f7fbfb,#fff);border-radius:18px 18px 0 0;flex:none}
.onb-panel__buddy{display:block;width:44px;height:44px;flex:none}
.onb-panel__titles{min-width:0;flex:1;line-height:1.25}
.onb-panel__titles strong{display:block;font-size:15px;font-weight:700}
.onb-panel__sub{display:block;font-size:12px;color:var(--onb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onb-panel__tools{display:flex;gap:4px;flex:none}
.onb-panel__tool{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--onb-muted);font:inherit;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.onb-panel__tool:hover{background:var(--onb-teal-tint);color:var(--onb-teal)}
.onb-panel__tool:focus-visible,.onb-panel button:focus-visible,.onb-panel a:focus-visible,.onb-panel input:focus-visible,.onb-panel select:focus-visible{outline:3px solid var(--onb-focus);outline-offset:2px}

.onb-panel__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 10px;scroll-behavior:smooth;background:var(--onb-paper)}
.onb-panel__foot{flex:none;padding:10px 14px 12px;border-top:1px solid var(--onb-line);background:#fff;border-radius:0 0 18px 18px}

/* The setup card: a bar at the top of the chat, its detail folded underneath. */
.onb-setup{position:sticky;top:-14px;z-index:2;margin:-14px -14px 12px;padding:8px 10px 0;background:linear-gradient(180deg,var(--onb-paper) 70%,rgba(241,246,245,0))}
.onb-setup[hidden]{display:none}
.onb-setup__bar{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--onb-line);border-radius:12px;background:#fff;font:inherit;font-size:13.5px;color:var(--onb-ink);cursor:pointer;text-align:left;box-shadow:0 4px 14px rgba(22,52,61,.06)}
.onb-setup__label{font-weight:650;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onb-setup__price{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.onb-setup__price small{font-weight:500;color:var(--onb-muted);margin-left:5px;font-size:12px}
.onb-setup__chevron{color:var(--onb-muted);transition:transform .2s}
.onb-setup--open .onb-setup__chevron{transform:rotate(180deg)}
.onb-setup__body{background:#fff;border:1px solid var(--onb-line);border-top:0;border-radius:0 0 12px 12px;margin-top:-6px;padding:14px 12px 12px;font-size:13.5px;max-height:48vh;overflow:auto}
.onb-setup__body[hidden]{display:none}
.onb-setup__body dl{margin:0;display:grid;gap:10px}
.onb-setup__body dt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--onb-muted)}
.onb-setup__body dd{margin:3px 0 0}
.onb-setup__body ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.onb-setup__body ul li{display:flex;justify-content:space-between;gap:10px}
.onb-setup__body ul li span:last-child{color:var(--onb-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}
.onb-setup__total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--onb-line)}
.onb-setup__total .onb-amount{font-size:22px;font-weight:700;letter-spacing:-.02em}
.onb-setup__total .onb-amount small{font-size:12px;font-weight:500;color:var(--onb-muted);margin-left:5px;letter-spacing:0}
.onb-setup__total .onb-strike{text-decoration:line-through;color:var(--onb-muted);font-size:12.5px}
.onb-setup__note{margin:8px 0 0;font-size:12.5px;color:var(--onb-muted);line-height:1.5}

/* The conversation. */
.onb-log{display:flex;flex-direction:column;gap:12px}
.onb-msg{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:flex-start;animation:onb-rise .25s ease both}
.onb-msg--you{grid-template-columns:minmax(0,1fr);justify-items:end}
.onb-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(145deg,#0a9aa8,#066571);color:#fff;font-weight:700;font-size:11px;letter-spacing:-.02em;margin-top:2px}
.onb-bubble{background:#fff;border:1px solid var(--onb-line);border-radius:4px 14px 14px 14px;padding:11px 14px;max-width:100%;font-size:14.5px;line-height:1.55}
.onb-bubble p{margin:0}.onb-bubble p+p{margin-top:8px}
.onb-bubble .onb-who{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--onb-teal);margin-bottom:4px}
.onb-msg--you .onb-bubble{background:var(--onb-night);color:#fff;border-color:var(--onb-night);border-radius:14px 4px 14px 14px;max-width:85%}
.onb-msg--you .onb-who{color:#9fd3d0}
.onb-bubble a{color:var(--onb-teal);text-underline-offset:3px}
.onb-msg--you .onb-bubble a{color:#d5f0df}
.onb-bubble .onb-hint{font-size:12.5px;color:var(--onb-muted);margin-top:6px}
.onb-typing{display:inline-flex;gap:5px;padding:4px 0}
.onb-typing i{width:6px;height:6px;border-radius:50%;background:#9fb6b8;animation:onb-blink 1.1s infinite}
.onb-typing i:nth-child(2){animation-delay:.18s}.onb-typing i:nth-child(3){animation-delay:.36s}
@keyframes onb-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes onb-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.onb-choices{margin:12px 0 4px 36px;min-height:8px}
.onb-hint{font-size:12.5px;color:var(--onb-muted);margin:0 0 8px}
.onb-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.onb-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid #c9d8d7;background:#fff;color:var(--onb-ink);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.onb-chip:hover{border-color:var(--onb-teal);background:var(--onb-teal-tint)}
.onb-chip--primary{background:var(--onb-teal);border-color:var(--onb-teal);color:#fff}
.onb-chip--primary:hover{background:var(--onb-teal-dark);border-color:var(--onb-teal-dark)}
.onb-chip--quiet{border-style:dashed;color:var(--onb-muted)}
.onb-chip[disabled]{opacity:.55;cursor:default}
.onb-chip .onb-chip-meta{font-size:11px;font-weight:500;color:var(--onb-muted)}

.onb-describe{display:flex;gap:8px;margin-top:10px}
.onb-describe input,.onb-ask input,.onb-form input,.onb-form select{flex:1;min-width:0;width:100%;min-height:42px;padding:9px 12px;border:1px solid #c9d8d7;border-radius:8px;font:inherit;font-size:14px;color:var(--onb-ink);background:#fff}
.onb-describe button,.onb-ask button,.onb-form .onb-submit,.onb-button{min-height:42px;padding:9px 16px;border-radius:8px;border:1px solid var(--onb-teal);background:var(--onb-teal);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.onb-describe button:hover,.onb-ask button:hover,.onb-form .onb-submit:hover,.onb-button:hover{background:var(--onb-teal-dark)}
.onb-button--ghost{background:#fff;color:var(--onb-ink);border-color:#c9d8d7}
.onb-button--ghost:hover{background:var(--onb-teal-tint)}
.onb-describe button[disabled],.onb-form .onb-submit[disabled],.onb-ask button[disabled]{opacity:.6;cursor:wait}

.onb-cards{display:grid;grid-template-columns:1fr;gap:8px}
.onb-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;text-align:left;padding:10px 12px;border:1px solid #c9d8d7;border-radius:12px;background:#fff;font:inherit;color:var(--onb-ink);cursor:pointer;transition:border-color .15s,background .15s}
.onb-card[hidden]{display:none}
.onb-card:hover{border-color:var(--onb-teal)}
.onb-card[aria-pressed="true"]{border-color:var(--onb-teal);background:var(--onb-teal-tint);box-shadow:inset 0 0 0 1px var(--onb-teal)}
.onb-card[disabled]{opacity:.6;cursor:default}
.onb-check{width:20px;height:20px;border-radius:6px;border:2px solid #b8cbca;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;margin-top:1px}
.onb-card[aria-pressed="true"] .onb-check{background:var(--onb-teal);border-color:var(--onb-teal)}
.onb-card strong{display:block;font-size:13.5px;font-weight:600;line-height:1.35}
.onb-card small{display:block;font-size:12px;line-height:1.45;color:var(--onb-muted);margin-top:3px}
.onb-card .onb-price{display:inline-block;font-size:11.5px;font-weight:600;color:var(--onb-teal);margin-top:5px}
.onb-card .onb-soon{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--onb-muted);margin-top:5px}
.onb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.onb-ask{display:flex;gap:8px}
.onb-ask[hidden]{display:none}
.onb-disclaimer{font-size:10.5px;line-height:1.45;color:var(--onb-muted);margin:8px 0 0}
.onb-disclaimer a{color:var(--onb-teal);text-underline-offset:3px}

/* The proposal inside the conversation. */
.onb-quote{margin-top:10px;border-top:1px solid var(--onb-line);padding-top:10px}
.onb-quote-lines{list-style:none;margin:0;padding:0;font-size:13px}
.onb-quote-lines li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed #e3ebeb}
.onb-quote-lines li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.onb-quote-lines li.onb-quote-discount{color:var(--onb-teal)}
.onb-quote-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;font-weight:650;font-size:16px;flex-wrap:wrap}
.onb-quote-total small{font-size:12px;font-weight:500;color:var(--onb-muted)}
.onb-quote-note{font-size:12px;color:var(--onb-muted);margin-top:6px}
.onb-interval{display:inline-flex;border:1px solid #c9d8d7;border-radius:999px;padding:3px;background:#fff;margin-top:10px}
.onb-interval button{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--onb-muted);padding:6px 12px;border-radius:999px;cursor:pointer}
.onb-interval button[aria-pressed="true"]{background:var(--onb-night);color:#fff}

/* The sign-up form, in the conversation. */
.onb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}
.onb-form .onb-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.onb-form .onb-field--wide{grid-column:1/-1}
.onb-form label{font-size:12.5px;font-weight:600}
.onb-form .onb-field-hint{font-size:11.5px;color:var(--onb-muted);line-height:1.45;margin:0}
.onb-form .onb-field-error{font-size:11.5px;color:var(--onb-error);font-weight:600;margin:0}
.onb-form .onb-field[data-invalid] input,.onb-form .onb-field[data-invalid] select{border-color:var(--onb-error)}
.onb-phone{display:grid;grid-template-columns:minmax(100px,.4fr) minmax(0,1fr);gap:8px}
.onb-radios{display:flex;gap:8px}
.onb-radios label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #c9d8d7;border-radius:999px;cursor:pointer;font-weight:550;font-size:13.5px}
.onb-radios label:has(input:checked){border-color:var(--onb-teal);background:var(--onb-teal-tint)}
.onb-radios input{margin:0;accent-color:var(--onb-teal)}
.onb-consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;font-size:13px;line-height:1.45;font-weight:500}
.onb-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--onb-teal)}
.onb-consent a{color:var(--onb-teal);text-underline-offset:3px}
.onb-form .onb-submit{grid-column:1/-1;width:100%}
.onb-form-error{grid-column:1/-1;font-size:13px;color:var(--onb-error);font-weight:600;margin:0}
.onb-form-error[hidden]{display:none}
.onb-otp{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.onb-otp input{width:150px;min-height:42px;padding:8px 10px;border:1px solid #c9d8d7;border-radius:8px;font:inherit;font-size:20px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}
.onb-otp-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px}
.onb-otp-links button{border:0;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--onb-teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.onb-done{display:grid;gap:10px}
.onb-done ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.5}
.onb-done ol li+li{margin-top:4px}
.onb-turnstile{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden}

/* The chat open on /start: wider bubbles, two columns where there is room. */
.onb-page .onb-stage{padding-block:40px 64px}
.onb-page .onb-head{margin-bottom:24px}
.onb-page .onb-title{font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.03em;font-weight:550;margin:12px 0 0;max-width:620px;text-wrap:balance}
.onb-page .onb-browse{margin:28px 0 0;font-size:14px;text-align:center}
.onb-page .onb-chip-row{justify-content:center}
.onb-panel--page .onb-panel__body{padding:18px}
.onb-panel--page .onb-bubble{font-size:15px}
@media(min-width:720px){.onb-panel--page .onb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.onb-panel--page .onb-msg--you .onb-bubble{max-width:70%}}

/* A phone: the window becomes a full-height sheet. */
@media(max-width:640px){
.onb-panel--widget{right:0;bottom:0;left:0;top:0;width:auto;height:auto;max-height:none;border-radius:0;border:0;animation:onb-sheet-in .28s ease both}
.onb-panel__head,.onb-panel__foot{border-radius:0}
html.onb-panel-open,html.onb-panel-open body{overflow:hidden}
.onb-form{grid-template-columns:1fr}
.onb-msg--you .onb-bubble{max-width:90%}
}
@keyframes onb-sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.onb-panel--widget,.onb-msg{animation:none}.onb-panel__body{scroll-behavior:auto}.onb-typing i{animation:none;opacity:.7}}