.onboarding{padding:2rem 0 4rem}.ob-grid{align-items:stretch;gap:1.5rem;display:grid}.ob-card{border-radius:28px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.ob-step{color:var(--color-coral);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.ob-progress{background:color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:99px;height:8px;overflow:hidden}.ob-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-coral), var(--color-lilac));height:100%;transition:width .4s;display:block}.ob-sub{opacity:.8;margin:0}.ob-chips{flex-wrap:wrap;gap:.6rem;display:flex}.ob-chip{border:2px solid color-mix(in srgb, var(--color-ink) 15%, transparent);background:var(--color-surface);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:99px;padding:.6rem 1rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.ob-chip:hover{transform:translateY(-2px)}.ob-chip[aria-pressed=true]{border-color:var(--chip,var(--color-coral));background:color-mix(in srgb, var(--chip,var(--color-coral)) 25%, transparent)}.ob-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.ob-photo{object-fit:cover;border-radius:28px;width:100%;height:100%;min-height:420px;display:none}@media (min-width:900px){.ob-grid{grid-template-columns:1.1fr .9fr}.ob-card{padding:2.5rem}.ob-photo{display:block}}@media (prefers-reduced-motion:reduce){.ob-progress span,.ob-chip{transition:none}.ob-chip:hover{transform:none}}