Flabbergasted — AI Voice Platform — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE FLABBERGASTED TEMPLATE BY LEXINGTON THEMES — A DARK-THEMED SAAS LANDING PAGE BUILT FOR AN AI VOICE PLATFORM, FEATURING MESH GRADIENT BACKGROUNDS, SCROLLING LOGO MARQUEE, FEATURE GRIDS, VOICE CLONING DEMO, PRICING TABLE WITH MONTHLY/ANNUAL TOGGLE, FEATURE COMPARISON TABLE, CUSTOMER TESTIMONIAL SLIDER, AND A FULL FOOTER. REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP REQUIRED. REFERENCE: `https://lexingtonthemes.com/viewports/flabbergasted`

## DESIGN OVERVIEW

- **THEME:** PURE DARK — NEAR-BLACK BACKGROUND (`#0A0A0A` / `oklch(0.145 0 0)`), DARK CARDS (`oklch(0.205 0 0)`), AND SUBTLE BORDERS (`oklch(0.269 0 0)`)
- **FONTS:** INTER VARIABLE FOR BODY TEXT; INTER DISPLAY FOR HEADINGS (USED VIA `font-display` CLASS); GEIST MONO FOR MONOSPACE LABELS
- **ACCENT COLORS:** PURPLE/VIOLET ACCENT SCALE (`--color-accent-*`), PLUS NAMED MESH GRADIENTS: `meshLightBlue`, `meshRainbow`, `meshPurple`, `meshYellow`, `meshMagenta`, `meshGreen`
- **PATTERN BACKGROUNDS:** REPEATING VERTICAL AND HORIZONTAL STRIPE PATTERNS USING CSS `repeating-linear-gradient` IN DARK, ACCENT, AND LIGHT VARIANTS
- **LAYOUT:** MAX-WIDTH `72rem` (6XL) CONTENT CONTAINER WITH `xl:border-x` SIDE BORDERS; FULL-WIDTH DARK NAV FIXED AT TOP

## SECTIONS (HOME PAGE — `index.html`)