design(landing): identity-first reskin — token SSOT, serif voice, monogram avatars

[catomean]

Why

A design assessment found the Botsmann landing looked like a generic 2021-era AI-SaaS template with no identity of its own. The brand was fragmented across three disagreeing sources:

• tailwind.config → OpenAI-borrowed openai-green #10a37f / openai-gray
• globals.css → plain black/white
• page.tsx → scattered blue→purple→cyan gradients

This PR derives Botsmann's own voice — serious, credible counsel (real domain professionals, not a toy chatbot): warm editorial ink + a single authoritative ochre accent, carried by a serif display typeface rather than gradient tricks. No reasoning-by-analogy — this does not try to look like ChatGPT/OpenAI/x.ai.

What changed

1. Real identity as the single SSOT in globals.css — two-tier (primitive → semantic) CSS custom properties for brand / action / surface / text + radii + shadows. tailwind.config.js is wired to those vars (no literal values). Ripped out openai-green / openai-gray and migrated every consumer to the semantic action / brand tokens.
2. Killed the generic "AI gradient" skin — removed the blue→purple→cyan gradient wordmark, the blurred gradient hero blobs, gradient buttons, and glassmorphism. Replaced with one confident ochre accent + ink and hairline editorial surfaces. Typography carries the hero.
3. Adopted a real typeface via next/font — Fraunces (serif display, headings + wordmark) + Inter (UI/body), bound to --font-serif / --font-sans. Retires system-ui.
4. Replaced emoji avatars (⚖️🩺🔬🇨🇭🎨♛) with a new ProfessionalAvatar monogram badge built on the existing accentColor SSOT.
5. One headline value prop — browser tab title, hero H1, and footer now all agree on "Your Private AI Professionals" (previously the tab said "Your Data. Your AI. Your Control." while the H1 said something else).

Scope & safety

• Design only — all content and functionality preserved. Structure (3×2 grid, How-It-Works, Privacy, Enterprise band) kept; only the surface was reskinned.
• Token-SSOT discipline — no bg-[#hex], tailwind maps to CSS vars, tokens live only in globals.css.

Verification

• npm run lint (next lint --max-warnings 0) → clean
• npx tsc --noEmit → no new errors (the one error in tests/__tests__/lib/embeddings.test.ts is pre-existing on main, unrelated to this PR)
• next build → compiled successfully; production CSS resolves the full token chain (--color-action: var(--primitive-ochre-600) → .bg-action{background-color:var(--color-action)})
• Visual before/after captured at 1440×900 via Playwright

🤖 Generated with Claude Code