KnowSugar

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

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Healthcare with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
knowsugar-hero;blood sugar awareness diabetes prevention metabolic health wellness education scroll-driven landing page full-bleed cinematic background video glowing sugar cube crystal shatter human bust transformation inset rounded hero card expanding to fullscreen transparent navbar dark-to-white ink inversion left-aligned editorial copy bottom-aligned CTA row monochrome white typography soft slate accents inter sans-serif playfair italic serif contrast frosted glass translucent black cards backdrop blur health metric cards nutrition recovery movement prevention staggered

## 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)