Reveal Text Mask

Create a React + TypeScript component `RevealText` that reveals a massive headline from behind a horizontal light line, with a mirrored reflection underneath — cinematic, Apple keynote style.

Requirements:
- Wrapper: `relative overflow-hidden` block on a near-black background (#030303).
- The word is rendered in `font-black uppercase text-7xl md:text-9xl text-white tracking-tight`.
- Reveal: wrap the text in a container with `overflow-hidden`; animate the inner `motion.div` from `y: '110%'` to `y: '0%'` with `duration: 1.1, ease: [0.16,1,0.3,1]`. Split by word, stagger 0.08s.
- Light line: an absolutely positioned 1px div, `bg-gradient-to-r from-transparent via-white to-transparent`, animated `scaleX: 0 -> 1` (origin center) in 0.8s BEFORE the text rises, then fading to `opacity: 0.25`.
- Reflection: duplicate the headline with `scaleY(-1)`, `opacity-25`, a `mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 70%)` and `blur-[2px]`. It must animate in sync with the main text.