Eclipsio — Référence de design web et prompt

# Prompt: Eclipsio hero

Build a single-file, one-screen **landing hero for a personal-website builder** for a fictional product, **Eclipsio** ("Launch a Personal Brand That Outshines Every Résumé"). Use plain HTML, CSS and vanilla JS, with no framework and no build step. It's pure black space with a total solar eclipse rising from the bottom edge: a dark sphere ringed by a blazing amber-orange corona, with solar flares curling off its rim and a few orange embers in the dark.

## Scene

- **Plate:** the eclipse is ONE 1448×1086 image: `https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/b4b7e033-b082-4f09-8ec4-2fabca30c4b4.webp`.
  - **Composition:** the sphere fills the bottom of the frame, its rim apex about two thirds of the way down, and everything above it is black.
  - **Placement:** anchor it to the bottom of the screen at the reference height, centred, wider than the viewport if needed. It sits in its own clipped layer so it never causes sideways scroll.
- **Motion:** a 5s muted looping video of the same plate plays over it: `https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/48106c12-33c9-4cea-9780-4a080477405e.mp4` (1280×720). The corona boils and a large flare erupts and arcs off the rim; the sphere stays still.
  - The video is the plate mirror-padded 241/1448 on each side to 16:9. Give it the same height as the plate, **aspect-ratio 1930/1086**, centred the same way, so it lines up exactly.
  - Fade it in once it is playing.