Build a production-quality, pixel-accurate fullscreen marketing page for a studio brand called INFLUXO. Recreate this exact section in one shot: a fixed top navbar plus a full-viewport hero with a looping CloudFront background video. Do not invent extra sections, extra copy, extra logos, extra overlays, or extra UI. Match layout, type, spacing, colors, motion, and breakpoints exactly as specified. STACK / CONSTRAINTS - React + TypeScript + Vite + Tailwind CSS v3. - lucide-react icons only: Play and X. - Page shell: min-h-screen, background #0a0a0a. - White body text (#ffffff), overflow-x hidden. - Global reset: margin 0, padding 0, box-sizing border-box on *. - Body font-family: 'Larsseit', sans-serif. FONTS (load both in index.html, these exact stylesheet URLs) 1) Larsseit (sans, used for almost all UI): https://db.onlinewebfonts.com/c/d5bd523d9152e80458f764c62c5bb9df?family=Larsseit 2) Plantin Infant MT Std Italic (serif italic, used ONLY for the two italic headline words): https://db.onlinewebfonts.com/c/3188d95f0fc5fdd0ed446e1acdc9902c?family=Plantin+Infant+MT+Std+Italic Tailwind theme.extend: - colors.cyan.brand = '#02edf8' - fontFamily.larsseit = ['Larsseit', 'sans-serif'] - fontFamily.plantin = ['Plantin Infant MT Std Italic', 'serif'] Utility class .font-italic-serif: - font-family: 'Plantin Infant MT Std Italic', serif - font-style: italic BRAND COLOR - Cyan brand: #02edf8 (Tailwind: bg-cyan-brand / text-cyan-brand) EXACT BACKGROUND VIDEO (do not substitute, do not u
……（完整源码请在站内查看）