:root{--ob-max-width: 480px;--ob-padding-x: 24px;--ob-padding-y: 24px;--ob-teal-tint: #CFFAF4;--ob-text-on-light: #1C2321;--ob-text-muted-light: #606864;--ob-text-on-navy: #E8EBED;--ob-text-muted-navy: #9BA39F;--ob-card-light: #FFFFFF;--ob-card-light-elevated: #F0F3F2;--ob-card-navy: #171E1C;--ob-card-navy-elevated: #1F2825;--ob-border-light: #D5DCDA;--ob-border-navy: #2F3735;--ob-gold-dark: #E8C850}.ob-screen{min-height:100dvh;background:var(--off-white);color:var(--ob-text-on-light);font-family:var(--font-sans);display:flex;justify-content:center}.ob-screen[data-surface=navy]{background:var(--navy);color:var(--ob-text-on-navy)}.ob-shell{width:100%;max-width:var(--ob-max-width);display:flex;flex-direction:column;padding:var(--ob-padding-y) var(--ob-padding-x);min-height:100dvh}.ob-topbar{display:flex;align-items:center;gap:16px;margin-bottom:32px}.ob-back{appearance:none;background:transparent;border:none;cursor:pointer;padding:11px;margin-left:-11px;color:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:background .15s;min-width:44px;min-height:44px}.ob-back:hover{background:#0000000a}[data-surface=navy] .ob-back:hover{background:#ffffff0f}.ob-back:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ob-back svg{width:22px;height:22px}.ob-progress-track{flex:1;height:6px;background:var(--ob-border-light);border-radius:999px;overflow:hidden}[data-surface=navy] .ob-progress-track{background:var(--ob-border-navy)}.ob-progress-fill{height:100%;background:var(--teal);border-radius:999px;transition:width .32s cubic-bezier(.22,1,.36,1)}.ob-question-header{margin-bottom:24px}.ob-question-title{font-family:var(--font-serif);font-size:clamp(24px,5.6vw,28px);font-weight:700;line-height:1.2;color:inherit;margin-bottom:8px}.ob-question-sub{font-size:15px;line-height:1.5;color:var(--ob-text-muted-light)}[data-surface=navy] .ob-question-sub{color:var(--ob-text-muted-navy)}.ob-body{flex:1;display:flex;flex-direction:column;overflow-y:auto}.ob-options{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}.ob-option{appearance:none;width:100%;background:var(--ob-card-light);border:1.5px solid var(--ob-border-light);border-radius:14px;padding:16px 18px;text-align:left;font-family:inherit;font-size:15.5px;line-height:1.4;color:var(--ob-text-on-light);cursor:pointer;transition:border-color .18s,background .18s,transform .08s;display:flex;align-items:center;gap:12px;position:relative}.ob-option:hover:not(:disabled):not([data-selected=true]){border-color:var(--teal);background:#0f766e0a}.ob-option:active:not(:disabled){transform:scale(.995)}.ob-option:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ob-option[data-selected=true]{border-color:var(--teal);background:var(--ob-teal-tint)}.ob-option:disabled{opacity:.4;cursor:not-allowed}[data-surface=navy] .ob-option{background:var(--ob-card-navy);border-color:var(--ob-border-navy);color:var(--ob-text-on-navy)}[data-surface=navy] .ob-option[data-selected=true]{background:var(--ob-card-navy-elevated);border-color:var(--teal)}[data-surface=navy] .ob-option:hover:not(:disabled):not([data-selected=true]){background:#cffaf40a;border-color:var(--teal)}.ob-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.ob-option-label{font-weight:500}.ob-option-descriptor{font-size:13.5px;color:var(--ob-text-muted-light);line-height:1.45}[data-surface=navy] .ob-option-descriptor{color:var(--ob-text-muted-navy)}.ob-indicator{flex-shrink:0;width:22px;height:22px;border-radius:999px;border:1.8px solid var(--ob-border-light);display:flex;align-items:center;justify-content:center;background:transparent;transition:border-color .15s,background .15s}.ob-indicator[data-shape=square]{border-radius:6px}.ob-option[data-selected=true] .ob-indicator{border-color:var(--teal);background:var(--teal)}[data-surface=navy] .ob-indicator{border-color:var(--ob-border-navy)}[data-surface=navy] .ob-option[data-selected=true] .ob-indicator{border-color:var(--teal);background:var(--teal)}.ob-indicator-dot{width:8px;height:8px;border-radius:999px;background:var(--white);opacity:0}.ob-option[data-selected=true] .ob-indicator-dot{opacity:1}.ob-indicator-check{width:14px;height:14px;color:var(--white);opacity:0}.ob-option[data-selected=true] .ob-indicator-check{opacity:1}.ob-tier-pill{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--gold-light);color:var(--gold);padding:4px 10px;border-radius:999px}[data-surface=navy] .ob-tier-pill{background:#e8c85024;color:var(--ob-gold-dark)}.ob-audio-button{appearance:none;background:transparent;border:1.5px solid var(--ob-border-light);width:36px;height:36px;border-radius:999px;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--teal);transition:background .15s,border-color .15s}.ob-audio-button:hover{background:var(--teal-light);border-color:var(--teal)}.ob-audio-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ob-audio-button[data-playing=true]{background:var(--teal);color:var(--white);border-color:var(--teal)}[data-surface=navy] .ob-audio-button{border-color:var(--ob-border-navy)}.ob-audio-button svg{width:14px;height:14px}.ob-footer{padding-top:16px;margin-top:auto;display:flex;flex-direction:column;gap:12px}.ob-cta-primary{appearance:none;width:100%;background:var(--teal);color:var(--white);border:none;border-radius:999px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .18s,transform .08s,opacity .18s}.ob-cta-primary:hover:not(:disabled){background:#0c5f59}.ob-cta-primary:active:not(:disabled){transform:scale(.99)}.ob-cta-primary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.ob-cta-primary:disabled{background:var(--ob-border-light);color:var(--ob-text-muted-light);cursor:not-allowed}[data-surface=navy] .ob-cta-primary:disabled{background:var(--ob-card-navy-elevated);color:var(--ob-text-muted-navy)}.ob-link-secondary{display:inline-block;text-align:center;font-size:14px;color:inherit;opacity:.85;text-decoration:underline;text-underline-offset:3px}[data-surface=navy] .ob-link-secondary{color:var(--ob-text-on-navy)}.ob-primer-content{display:flex;flex-direction:column;height:100%;flex:1;padding-top:32px}.ob-primer-headline{font-family:var(--font-serif);font-size:clamp(28px,7vw,36px);font-weight:700;line-height:1.15;color:var(--ob-text-on-navy);margin-bottom:16px}.ob-primer-sub{font-size:16px;line-height:1.55;color:var(--ob-text-muted-navy);margin-bottom:32px}.ob-primer-pager{display:flex;gap:8px;justify-content:center;margin:24px 0 16px}.ob-primer-dot{width:8px;height:8px;border-radius:999px;background:#e8ebed4d;transition:background .2s,transform .2s}.ob-primer-dot[data-active=true]{background:var(--ob-text-on-navy);transform:scale(1.15)}.ob-phrase-stack{display:flex;flex-direction:column;gap:12px;margin:12px 0 24px}.ob-phrase-row{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ob-text-on-navy)}.ob-phrase-row[data-strike=true] .ob-phrase-text{text-decoration:line-through;color:var(--ob-text-muted-navy)}.ob-phrase-pill{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--gold-light);color:var(--ob-gold-dark);padding:3px 8px;border-radius:999px;margin-left:auto}.ob-wave-icon{width:22px;height:22px;color:var(--teal);flex-shrink:0}.ob-mock-chat{display:flex;flex-direction:column;gap:12px;margin:16px 0 24px}.ob-mock-bubble{max-width:88%;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.4}.ob-mock-bubble[data-sender=user]{background:var(--ob-card-navy);align-self:flex-end;display:flex;align-items:center;gap:8px}.ob-mock-bubble[data-sender=ai]{background:var(--ob-card-navy-elevated);align-self:flex-start}.ob-mock-highlight{color:var(--ob-gold-dark);font-weight:600}.ob-nine-dot{display:flex;gap:6px;margin:16px 0 24px}.ob-nine-dot-segment{flex:1;height:6px;border-radius:999px;background:#e8ebed4d}.ob-interstitial-body{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}.ob-interstitial-headline{font-family:var(--font-serif);font-size:clamp(26px,6vw,32px);font-weight:700;line-height:1.2;color:inherit;margin-bottom:24px}.ob-interstitial-sub{font-size:17px;line-height:1.55;color:var(--ob-text-muted-light);opacity:0;animation:ob-fade-in .6s .4s cubic-bezier(.22,1,.36,1) forwards}[data-surface=navy] .ob-interstitial-sub{color:var(--ob-text-muted-navy)}@keyframes ob-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ob-loading-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px}.ob-loading-headline{font-family:var(--font-serif);font-size:clamp(24px,5.5vw,28px);font-weight:700;color:inherit}.ob-loading-proof{font-size:14px;color:var(--ob-text-muted-light);max-width:340px;line-height:1.5}[data-surface=navy] .ob-loading-proof{color:var(--ob-text-muted-navy)}.ob-spinner{width:40px;height:40px;border-radius:999px;border:3px solid var(--ob-border-light);border-top-color:var(--teal);animation:ob-spin .9s linear infinite}[data-surface=navy] .ob-spinner{border-color:var(--ob-border-navy);border-top-color:var(--teal)}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-signup-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.ob-input{width:100%;padding:14px 16px;font-family:inherit;font-size:15px;background:var(--ob-card-navy);border:1.5px solid var(--ob-border-navy);border-radius:12px;color:var(--ob-text-on-navy);outline:none;transition:border-color .18s,box-shadow .18s}.ob-input:focus,.ob-input:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e2e;outline:none}.ob-input::placeholder{color:var(--ob-text-muted-navy)}.ob-divider{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ob-text-muted-navy);margin:8px 0}.ob-divider:before,.ob-divider:after{content:"";flex:1;height:1px;background:var(--ob-border-navy)}.ob-cta-secondary{appearance:none;width:100%;background:var(--ob-card-navy);color:var(--ob-text-on-navy);border:1.5px solid var(--ob-border-navy);border-radius:999px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,border-color .18s}.ob-cta-secondary:hover:not(:disabled){background:var(--ob-card-navy-elevated);border-color:var(--ob-text-muted-navy)}.ob-cta-secondary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.ob-cta-secondary:disabled{opacity:.6;cursor:not-allowed}.ob-cta-secondary svg{width:16px;height:16px}.ob-error{font-size:14px;color:#ffb4ab;text-align:center;min-height:18px}[data-surface=light] .ob-error{color:#ba1a1a}.ob-done-body{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:24px}.ob-store-badges{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;margin-top:16px;width:100%;flex-wrap:wrap}.ob-store-link{display:inline-flex;border-radius:10px;transition:transform .08s,opacity .18s}.ob-store-link:hover{opacity:.92}.ob-store-link:active{transform:scale(.98)}.ob-store-link:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.ob-store-link img{display:block;height:48px;width:auto}.ob-mode-toggle{appearance:none;background:transparent;border:none;cursor:pointer;padding:8px 0;font-family:inherit;font-size:14px;text-align:center;color:var(--ob-text-on-navy);text-decoration:underline;text-underline-offset:3px}.ob-mode-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ob-spinner{animation:none;border-top-color:var(--teal)}.ob-interstitial-sub{opacity:1;animation:none}}.ob-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}