Clarity Core

Build a high-performance, agency-grade Landing Page section called "Clarity Core" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a premium single-page landing site for "LumiDerm" — a luxury skincare/biotech brand. Use React + TypeScript + Vite + Tailwind CSS. Use lucide-react for icons. Use the font "Helvetica Now Text" loaded from this CDN:
https://db.onlinewebfonts.com/c/08e020de1811ec4489f82d1247a42c09?family=Helvetica+Now+Text

Visual Aesthetics & Mood:
black luxury skincare biotech splash screen loading progress bar curtain reveal animation fixed fullscreen no scroll clean modern grotesque uppercase tracked labels premium clinical elegant dark cinematic polished sophisticated high-end

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons