Build ONE standalone HTML file (index.html) that recreates this Silentship hero EXACTLY. No framework, no extra sections, no redesign, no guessed values. Output a complete document with CSS in and JS at the end of . GOAL A self-contained marketing hero. The section occupies exactly 100dvh, overflow:hidden, never scrolls internally. The page may scroll so later sections can be appended. Scope component styles under .hero-section except global reset/tokens. ════════════════════════════════════════ ASSETS — USE THESE EXACT URLS (do not invent, swap, or omit) ════════════════════════════════════════ PORTRAIT video (FIRST , with media): https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260826_123600_09b00bd9-d15f-4f51-bc92-59c188a9038d.mp4 LANDSCAPE video (SECOND , no media — default): https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260826_123559_8bd76733-400a-4f35-a4c5-ee653cd0a975.mp4 Poster PNG: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260826_181503_79927e88-7fb7-484b-9dc0-df18d227d035.png Partner logo PNGs (imgs, NOT SVG wordmarks), each width="1584" height="672" decoding="async": OpenAI: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260826_182155_ba605e38-ddae-4241-93fb-edee3bb1cb97.png Gemini: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260826_182248_f506655e-7de7-444f-be91-b604fe9cdae3.png Claude: https://d8j0ntlcm91z4.cloudfront.
……（完整源码请在站内查看）