Cosmic

Build a high-performance, agency-grade Hero section called "Cosmic" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
**Create a full-viewport, dark cinematic hero section for a brand called "COSMIQ." using React, Tailwind CSS, and lucide-react. No other packages. Use Vite + TypeScript.**

Visual Aesthetics & Mood:
dark near-black full viewport space brand hero bold condensed logo custom display headline font mixed with light sans-serif absolutely positioned scattered elements cosmic mysterious cinematic edgy dramatic immersive stark bold

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)