BUILD A LANDING PAGE THAT LOOKS HIRED.

Build a dark, monochrome, editorial landing page.

Structure: slim floating nav, hero with oversized display headline and one primary CTA, an asymmetric bento section of feature cards (mixed sizes, never four identical tiles), a full-width featured demo band, a stat row, a three-step how-it-works section, and a minimal footer.

Design system: backgrounds #050505 to #151515, text #F5F5F3 / #A1A1A1 / #686868, borders rgba(255,255,255,0.10) with 0.28 on hover. A bold extended display font for headings, a neutral sans for UI, monospace only for small technical labels. Radius 24px for panels, 18px for cards, pill buttons.

Motion: headline reveals line by line from a clipped mask, sections fade up 14px on scroll, cards lift 4px on hover, buttons lift 3px. Nothing else moves.

Rules: no purple gradients, no neon, no stock photography, no generic three-column feature grid, and plenty of negative space. Define all values as tokens in the stylesheet.

---
Tool: Lovable. Apply the changes directly to the existing codebase, reuse the current design tokens and component structure, and do not introduce new dependencies.