.onboard{max-width:600px;padding-top:clamp(2rem,6vw,3.5rem);padding-bottom:2rem}.progress{height:4px;border-radius:999px;background:var(--line);overflow:hidden}.progress-bar{display:block;height:100%;width:33%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.step-count{margin-top:.75rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.step{margin-top:1.5rem}.step h1{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800;margin-bottom:.5rem}.sub{color:var(--ink-soft);font-size:1.05rem;margin-bottom:1.75rem}.choices{border:0;padding:0;display:grid;gap:.75rem}.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;inset:0}.choice-body{display:grid;gap:.15rem;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem 1rem 3.25rem;position:relative;transition:border-color .15s,background-color .15s}.choice-body:before{content:"";position:absolute;left:1.2rem;top:50%;translate:0 -50%;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-faint);background:var(--surface)}.choice-body strong{font-size:1.05rem}.choice-body span{color:var(--ink-soft);font-size:.92rem}.choice:hover .choice-body{border-color:var(--ink-faint)}.choice input:checked+.choice-body{border-color:var(--ink)}.choice input:checked+.choice-body:before{border:5px solid var(--ink)}.choice input:focus-visible+.choice-body{outline:2px solid var(--focus);outline-offset:2px}.stepper{display:flex;align-items:center;justify-content:center;gap:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1rem}.stepper-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;flex:none}.stepper-btn:hover{border-color:var(--ink-faint)}.stepper-value{display:grid;justify-items:center}.stepper-value input{width:3.2ch;border:0;background:transparent;text-align:center;font:800 3.5rem/1 var(--font-display);color:var(--ink);-moz-appearance:textfield}.stepper-value input::-webkit-outer-spin-button,.stepper-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-value input:focus{outline:none}.stepper-value:focus-within{outline:2px solid var(--focus);outline-offset:6px;border-radius:var(--radius-sm)}.stepper-unit{color:var(--ink-soft);font-size:.9rem}.hint{margin-top:1rem;color:var(--ink-soft);font-size:.95rem}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}.fields label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--ink-soft)}.fields em{font-style:normal;font-weight:400;color:var(--ink-faint)}.fields .field-wide{grid-column:1 / -1}.fields input{font:inherit;font-size:1rem;font-weight:400;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.55em .7em;min-height:2.6rem}.fields input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #2f6fed26}.error{margin-top:.75rem;color:var(--status-rejected);font-size:.92rem}@media(max-width:480px){.fields{grid-template-columns:1fr}}.actions{display:flex;align-items:center;gap:.75rem;margin-top:2rem}.actions .spacer{flex:1}.actions .text-btn{white-space:nowrap}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000}.text-btn{all:unset;color:var(--ink-soft);font-size:.95rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-btn:hover{color:var(--ink)}.text-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.step h1:focus{outline:none}
