Gold Standard

# Prompt: recreate the SOSCALE hero landing page exactly

Build a single-file, zero-dependency static landing page (`index.html`, with inline `<style>` and two inline `<script>` blocks plus one tiny `<head>` script). The page is one full-viewport hero with no scrolling. Every size and position below is exact. Don't add or remove elements, rename classes or "improve" the design. Reproduce it one to one.

---

## 1. Assets

| Asset | Source | Notes |
|---|---|---|
| Hero background video | `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260930_000857_e98f4291-826d-46eb-9a28-8022b5fb7e62.mp4` | 1920×1080, 10.04 s, 16:9, no audio track, seamless loop (last frame ≈ first frame). Content: warm-toned editorial close-up, woman in profile facing right, dark hair in a loose bun, tortoiseshell sunglasses, black phone held to her left ear, chunky gold dome rings + thin gold diamond ring, gold teardrop earring, stacked gold bangles, black blazer, plain warm-beige wall on the right. Gentle motion: lips moving, hair drift, light glinting on gold. **This CloudFront file is HEVC/H.265**. Download it and re-encode to H.264 for cross-browser playback: `ffmpeg -i in.mp4 -an -c:v libx264 -crf 20 -preset slow -pix_fmt yuv420p -movflags +faststart assets/hero.mp4`. Point `<source>` at the CloudFront URL only if you accept that Firefox won't play it. |
| Poster frame | first frame of the video | `ffmpeg -i assets/hero.mp4 -frames:v 1 -q:v 3 assets/hero-poster.jpg` |