AI agent onboarding

Onboarding is where an "AI agent" app has to prove the agent is real. This screen set walks a new user from sign-in to a home the agent has already started filling, and makes every step feel crafted rather than form-like:

1. Welcome — company logos and faces orbit a glass brand lens on two tilted ellipses (front nodes grow and brighten, back nodes blur and slip behind the lens), a live counter ticks up, and "Continue with Apple / Google / Sign up with email / Log in" call your auth.
2. Pick a side — two liquid glass orbs joined by a liquid bridge; picking a side grows that orb to the center while the other shrinks to a droplet, and the headline blur-replaces to that side's pitch.
3. About you — underline fields with a live profile card that updates as you type, stage chips and a ruler picker (team size / years).
4. What you want — rim-lit option chips with drawn checks, a salary range slider over a market histogram (bars inside the range light up, dashed median line, value bubbles while dragging).
5. Playbook — a snapping card carousel that tilts cards as they scroll; pick up to 3, selected cards get a moving foil border and the picks appear as tags.
6. Import — upload a deck / résumé or a website: viewfinder corners, a laser sweeps a mock page lighting the lines it passes, read progress, extracted fields pop out as chips (feed it your real parser through onImport).
7. Meet your agent — name it under a calibrating tick ring around a flowing mesh-gradient orb; every keystroke sends a ripple through the dot field.
8. Review — "All set, Jordan" with a profile summary card, then onFinish(result); show SWOnboardingWelcomeBubble on your home so the agent greets the user with what it already found.