Clarity — Security SaaS Platform — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "CLARITY" NEXT.JS SAAS/SECURITY MARKETING TEMPLATE BY THEMEFISHER, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, THE FULL LOOK & FEEL, HOVER STATES, DROPDOWN/MOBILE-MENU INTERACTIONS, FAQ ACCORDION, PRICING TOGGLE, MARQUEE ANIMATIONS, AND SCROLL/ENTRANCE ANIMATIONS (AOS) ARE REPRODUCED FROM CAPTURED REFERENCE ARTIFACTS. ALL ASSETS (FONTS, IMAGES, ICONS) ARE VENDORED LOCALLY AND IT RUNS OFFLINE.

REFERENCE: `https://themefisher.com/demo?theme=clarity-nextjs`

## SUMMARY

CLARITY IS A MODERN SAAS/SECURITY MARKETING TEMPLATE WITH A CLEAN WHITE BACKGROUND, PURPLE ACCENT COLOR (#A97EFF), SATOSHI BODY FONT, AND CLASH GROTESK HEADING FONT. THE TEMPLATE FEATURES A FIXED NAVBAR WITH A MEGA DROPDOWN FOR "PAGES", A HERO SECTION WITH ANIMATED SVG BACKGROUND, BRAND MARQUEE, FEATURE HIGHLIGHTS, PRICING PLANS WITH TOGGLE, CUSTOMER REVIEWS CAROUSEL, AND A CALL-TO-ACTION SECTION. ALL PAGES SHARE THE SAME HEADER AND FOOTER. THE DESIGN IS RESPONSIVE WITH MOBILE HAMBURGER MENU AND USES AOS (ANIMATE ON SCROLL) FOR ENTRANCE ANIMATIONS.

## STYLE

### PALETTE
- PRIMARY: `#a97eff` (PURPLE)