.onb-shell{flex:1;min-height:100vh;display:flex;background:var(--bg);font-family:var(--font-body)}.onb-rail{width:280px;flex:none;background:var(--ink-forest);color:var(--bg);padding:30px 26px;display:flex;flex-direction:column}.onb-rail__brand{margin-bottom:26px}.onb-rail__heading{font:400 18px/1.25 var(--font-display);margin-bottom:20px;color:var(--bg)}.onb-rail__lead{font:400 13px/1.6 var(--font-body);color:var(--on-dark-1);margin:0 0 auto}.onb-steps{display:flex;flex-direction:column;gap:2px;flex:1;margin:4px 0 0}.onb-step{display:flex;align-items:center;gap:11px;padding:8px;border-radius:8px;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;color:inherit}.onb-step--active{background:rgba(127,184,154,.1)}.onb-step__circle{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex:none;font:700 10px var(--font-mono)}.onb-step__circle--done{background:var(--brand);color:#fff}.onb-step__circle--active{background:var(--gold);color:var(--ink-forest)}.onb-step__circle--future{border:1.5px solid #3a4a40;color:#6f8077}.onb-step__title{font:600 12px var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bg)}.onb-step--future .onb-step__title{color:var(--on-dark-1)}.onb-progress{margin-top:16px}.onb-progress__row{display:flex;justify-content:space-between;margin-bottom:6px}.onb-progress__count{font:400 10px var(--font-mono);color:var(--on-dark-1)}.onb-progress__pct{font:400 10px var(--font-mono);color:var(--gold)}.onb-progress__track{height:5px;background:var(--progress-track,#2c3a31);border-radius:var(--radius-full);overflow:hidden}.onb-progress__fill{height:100%;background:var(--gold);border-radius:var(--radius-full);transition:width var(--transition-base)}.onb-rail__signout{margin-top:16px;padding-top:14px;border-top:1px solid rgba(241,236,224,.08)}.onb-rail__signout a{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--font-body);color:#6f8077;text-decoration:none}.onb-rail__signout a:hover{color:var(--on-dark-1)}.onb-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:40px 44px;overflow-y:auto;max-width:760px}.onb-content--center{justify-content:center}.onb-eyebrow{font:700 10px var(--font-mono);letter-spacing:.14em;color:var(--brand);text-transform:uppercase;margin-bottom:10px}.onb-title{font:400 28px var(--font-display);color:var(--ink);margin:0 0 6px}.onb-title--sm{font-size:25px}.onb-blurb{font:400 14px/1.55 var(--font-body);color:var(--muted);margin:0 0 24px}.onb-card{background:var(--raised);border:1px solid var(--border);border-radius:13px;padding:22px}.onb-done-hint{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:500 13px var(--font-body);color:var(--success)}.onb-nav{justify-content:space-between;margin-top:18px}.onb-nav,.onb-nav__right{display:flex;align-items:center}.onb-nav__right{gap:10px}.onb-back{appearance:none;display:inline-flex;align-items:center;gap:7px;font:600 13px var(--font-body);color:var(--muted);background:none;border:none;cursor:pointer;padding:0}.onb-back:hover:not(:disabled){color:var(--ink)}.onb-back:disabled{opacity:.4;cursor:default}.onb-skip{appearance:none;font:600 13px var(--font-body);color:var(--muted);background:none;border:none;cursor:pointer;padding:8px 6px}.onb-skip:hover{color:var(--ink)}.onb-body-lead{margin:0 0 18px;font:400 14px/1.6 var(--font-body);color:var(--text)}.onb-fields{display:flex;flex-direction:column;gap:15px}.onb-swatch-label{display:block;font:600 12px var(--font-body);color:var(--text);margin-bottom:11px}.onb-swatches{display:flex;gap:12px;margin-bottom:24px}.onb-swatch{appearance:none;width:42px;height:42px;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:transform var(--transition-fast)}.onb-swatch:hover{transform:translateY(-1px)}.onb-swatch--on{box-shadow:0 0 0 2px var(--raised),0 0 0 4px var(--ink-forest)}.onb-swatch__tick{position:absolute;inset:0;justify-content:center;color:#fff}.onb-swatch__tick,.onb-upload{display:flex;align-items:center}.onb-upload{border:1.5px dashed var(--border-strong,#cfc7b4);border-radius:13px;padding:28px 22px;text-align:center;flex-direction:column;background:var(--sunken,#faf7ef)}.onb-upload__icon{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);margin-bottom:13px}.onb-upload__title{font:600 15px var(--font-body);color:var(--ink);margin:0 0 4px}.onb-upload__body{font:400 13px/1.5 var(--font-body);color:var(--faint);margin:0 auto 16px;max-width:320px}.onb-upload__btn{appearance:none;display:inline-flex;align-items:center;gap:7px;font:600 13px var(--font-body);color:var(--ink);background:var(--raised);border:1.5px solid var(--border);border-radius:9px;padding:9px 16px;cursor:pointer;text-decoration:none}.onb-upload__btn:hover{border-color:var(--brand)}.onb-feedrow{display:flex;align-items:center;gap:13px;margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:11px;background:var(--raised);text-decoration:none}.onb-feedrow__icon{width:38px;height:38px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);flex:none}.onb-feedrow__meta{flex:1;min-width:0}.onb-feedrow__title{display:block;font:600 14px var(--font-body);color:var(--ink)}.onb-feedrow__sub{display:block;font:400 12px var(--font-body);color:var(--faint)}.onb-feedrow__link{display:inline-flex;align-items:center;gap:4px;font:600 13px var(--font-body);color:var(--brand);flex:none}.onb-options{display:flex;flex-direction:column;gap:10px}.onb-option{appearance:none;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:13px;border:1.5px solid var(--border);background:var(--raised);border-radius:11px;padding:14px;transition:border-color var(--transition-fast),background var(--transition-fast)}.onb-option--on{border-color:var(--brand);background:var(--brand-soft)}.onb-option__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:var(--sunken);color:var(--brand);flex:none}.onb-option--on .onb-option__icon{background:var(--raised)}.onb-option__meta{flex:1;min-width:0}.onb-option__label{display:block;font:600 14px var(--font-body);color:var(--ink)}.onb-option__sub{display:block;font:400 12px var(--font-body);color:var(--faint)}.onb-radio{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--border);flex:none;display:flex;align-items:center;justify-content:center}.onb-radio--on{border-color:var(--brand)}.onb-radio__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--brand)}.onb-info{text-align:center;padding:18px 0;flex-direction:column}.onb-info,.onb-info__icon{display:flex;align-items:center}.onb-info__icon{width:56px;height:56px;border-radius:14px;justify-content:center;margin-bottom:15px}.onb-info__icon--brand{background:#D9E4DC;color:var(--brand)}.onb-info__icon--clay{background:#FBF1DC;color:#C9892F}.onb-info__title{font:600 16px var(--font-body);color:var(--ink);margin:0 0 7px}.onb-info__body{font:400 13px/1.6 var(--font-body);color:var(--faint);max-width:360px;margin:0}.onb-info__retry{appearance:none;margin-top:16px;font:600 13px var(--font-body);color:var(--brand);background:none;border:none;cursor:pointer}.onb-rolecards{display:flex;flex-direction:column;gap:13px}.onb-rolecard{background:var(--raised);border:1.5px solid var(--border);border-radius:13px;padding:18px;display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;cursor:pointer;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.onb-rolecard:hover{box-shadow:var(--shadow-sm)}.onb-rolecard--primary,.onb-rolecard:hover{border-color:var(--brand)}.onb-rolecard__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}.onb-rolecard__icon--supplier{background:var(--brand-soft);color:var(--brand)}.onb-rolecard__icon--retailer{background:var(--info-soft);color:var(--info-strong)}.onb-rolecard__icon--installer{background:var(--clay-soft);color:var(--clay-strong)}.onb-rolecard__body{flex:1;min-width:0}.onb-rolecard__title{font:600 16px var(--font-body);color:var(--ink);margin-bottom:2px}.onb-rolecard__sub{font:400 12px/1.45 var(--font-body);color:var(--muted)}.onb-rolecard__chevron{color:#C2BBA8;flex:none}.onb-rolecard--soon{opacity:.72;cursor:default}.onb-rolecard--soon:hover{border-color:var(--border);box-shadow:none}.onb-rolecard__pill{font:700 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--sunken);color:var(--faint);padding:3px 8px;border-radius:5px;flex:none}.onb-done{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.onb-done__panel{width:100%;max-width:440px;text-align:center;background:var(--ink-forest);border-radius:16px;padding:44px 40px;color:var(--bg);box-shadow:var(--shadow-lg)}.onb-done__badge{width:68px;height:68px;border-radius:var(--radius-full);background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.onb-done__title{font:400 28px var(--font-display);margin-bottom:9px;color:var(--bg)}.onb-done__body{font:400 14px/1.55 var(--font-body);color:var(--on-dark-1);margin:0 auto 22px;max-width:320px}.onb-done__cta{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--font-body);background:var(--gold);color:var(--ink-forest);padding:12px 22px;border-radius:9px;border:none;cursor:pointer;text-decoration:none}.onb-done__cta:hover{filter:brightness(1.04)}.onb-overlay{position:fixed;inset:0;background:rgba(241,236,224,.6);display:flex;align-items:center;justify-content:center;z-index:50}@media (max-width:860px){.onb-shell{flex-direction:column}.onb-rail{width:100%}.onb-rail__lead{display:none}.onb-content{max-width:100%;padding:28px 22px}}