Aeon \u2014 Venture Past Our Sky<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\n<style>\n\/* \u2500\u2500 Reset & Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { background: #000; color: #fff; font-family: 'Barlow', sans-serif; overflow-x: hidden; }\n\n\/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.font-heading { font-family: 'Instrument Serif', serif; font-style: italic; }\n.font-body { font-family: 'Barlow', sans-serif; }\n\n\/* \u2500\u2500 Liquid Glass \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.lg {\n background: rgba(255,255,255,0.04);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n position: relative;\n overflow: hidden;\n}\n.lg::before {\n content: \"\";\n position: absolute; inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg,\n rgba(255,255,255,0.45) 0%,\n rgba(255,255,255,0.15) 20%,\n rgba(255,255,255,0) 40%,\n rgba(255,255,255,0) 60%,\n rgba(255,255,255,0.15) 80%,\n rgba(255,255,255,0.45) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n z-index: 1;\n}\n\n.lg-strong {\n background: rgba(255,255,255,0.06);\n backdrop-filter: blur(50px);\n -webkit-backdrop-filter: blur(50px);\n box-shadow: 4px 4px 16px rgba(0,0,0,0.15),\n inset 0 1px 1px rgba(255,255,255,0.18);\n position: relative;\n overflow: hidden;\n}\n.lg-strong::before {\n content: \"\";\n position: absolute; inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg,\n rgba(255,255,255,0.5) 0%,\n rgba(255,255,255,0.2) 20%,\n rgba(255,255,255,0) 40%,\n rgba(255,255,255,0) 60%,\n rgba(255,255,255,0.2) 80%,\n rgba(255,255,255,0.5) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n z-index: 1;\n}\n\n\/* \u2500\u2500 Navbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#navbar {\n position: fixed;\n top: 16px; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 64px;\n}\n.nav-logo {\n width: 48px; height: 48px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.nav-logo span {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n font-size: 22px;\n color: #fff;\n line-height: 1;\n}\n.nav-pill {\n border-radius: 9999px;\n padding: 6px;\n display: flex; align-items: center; gap: 2px;\n}\n.nav-pill a {\n padding: 8px 14px;\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.88);\n text-decoration: none;\n border-radius: 9999px;\n transition: color 0.2s, background 0.2s;\n white-space: nowrap;\n}\n.nav-pill a:hover { color: #fff; background: rgba(255,255,255,0.06); }\n.nav-cta {\n background: #fff;\n color: #000;\n border-radius: 9999px;\n padding: 8px 18px;\n font-size: 14px;\n font-weight: 600;\n font-family: 'Barlow', sans-serif;\n border: none;\n cursor: pointer;\n display: flex; align-items: center; gap: 6px;\n white-space: nowrap;\n margin-left: 6px;\n transition: background 0.2s, transform 0.15s;\n}\n.nav-cta:hover { background: rgba(255,255,255,0.88); transform: scale(1.02); }\n.nav-spacer { width: 48px; height: 48px; flex-shrink: 0; }\n\n\/* \u2500\u2500 Section 1 \u2014 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hero {\n position: relative;\n width: 100%; height: 100vh;\n overflow: hidden;\n background: #000;\n display: flex; flex-direction: column;\n}\n#hero-video {\n position: absolute;\n left: 50%; top: 0;\n transform: translateX(-50%);\n width: 120%; height: 120%;\n object-fit: cover;\n object-position: center top;\n z-index: 0;\n opacity: 0;\n}\n#hero-layer {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n#hero-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 96px 16px 0;\n text-align: center;\n}\n\n\/* Badge *\/\n.badge {\n border-radius: 9999px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 28px;\n}\n.badge-chip {\n background: #fff;\n color: #000;\n padding: 4px 12px;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: 600;\n font-family: 'Barlow', sans-serif;\n}\n.badge-text {\n font-size: 13px;\n color: rgba(255,255,255,0.88);\n font-family: 'Barlow', sans-serif;\n padding-right: 12px;\n}\n\n\/* Headline *\/\n#headline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n row-gap: 0.08em;\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(52px, 7vw, 88px);\n line-height: 0.88;\n letter-spacing: -4px;\n max-width: 780px;\n margin: 0 auto;\n}\n#headline .word {\n display: inline-block;\n margin-right: 0.25em;\n opacity: 0;\n filter: blur(10px);\n transform: translateY(50px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n#headline .word.visible {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n}\n\n\/* Subheading *\/\n.subhead {\n margin-top: 20px;\n font-size: 15px;\n color: rgba(255,255,255,0.9);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n line-height: 1.45;\n max-width: 560px;\n opacity: 0;\n filter: blur(8px);\n transform: translateY(16px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n.subhead.visible { opacity: 1; filter: blur(0); transform: translateY(0); }\n\n\/* CTAs *\/\n.cta-row {\n display: flex;\n align-items: center;\n gap: 28px;\n margin-top: 28px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.cta-row.visible { opacity: 1; transform: translateY(0); }\n.btn-primary {\n border-radius: 9999px;\n padding: 10px 22px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Barlow', sans-serif;\n color: #fff;\n border: none;\n cursor: pointer;\n display: flex; align-items: center; gap: 8px;\n position: relative; z-index: 1;\n transition: transform 0.15s;\n}\n.btn-primary:hover { transform: scale(1.03); }\n.btn-secondary {\n background: none;\n border: none;\n color: #fff;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Barlow', sans-serif;\n cursor: pointer;\n display: flex; align-items: center; gap: 6px;\n opacity: 0.85;\n transition: opacity 0.2s;\n}\n.btn-secondary:hover { opacity: 1; }\n\n\/* Stats *\/\n.stats-row {\n display: flex;\n align-items: stretch;\n gap: 16px;\n margin-top: 32px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.stats-row.visible { opacity: 1; transform: translateY(0); }\n.stat-card {\n border-radius: 20px;\n padding: 20px;\n width: 200px;\n display: flex;\n flex-direction: column;\n}\n.stat-value {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: 38px;\n letter-spacing: -1px;\n line-height: 1;\n margin-top: 16px;\n}\n.stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.75);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n margin-top: 6px;\n}\n\n\/* Partners *\/\n#partners {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding-bottom: 32px;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n#partners.visible { opacity: 1; transform: translateY(0); }\n.partners-chip {\n border-radius: 9999px;\n padding: 4px 14px;\n font-size: 12px;\n color: rgba(255,255,255,0.85);\n font-family: 'Barlow', sans-serif;\n font-weight: 500;\n}\n.partners-names {\n display: flex;\n align-items: center;\n gap: 48px;\n}\n.partners-names span {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(20px, 2.5vw, 28px);\n letter-spacing: -0.5px;\n}\n\n\/* \u2500\u2500 Section 2 \u2014 Capabilities \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#capabilities {\n position: relative;\n min-height: 100vh;\n background: #000;\n overflow: hidden;\n}\n#cap-video {\n position: absolute;\n inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n z-index: 0;\n opacity: 0;\n}\n#cap-layer {\n position: relative;\n z-index: 10;\n padding: 96px 80px 48px;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n.cap-kicker {\n font-size: 13px;\n font-family: 'Barlow', sans-serif;\n color: rgba(255,255,255,0.7);\n margin-bottom: 20px;\n letter-spacing: 0.5px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.cap-kicker.visible { opacity: 1; transform: translateY(0); }\n.cap-heading {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(56px, 7vw, 96px);\n line-height: 0.92;\n letter-spacing: -3px;\n opacity: 0;\n filter: blur(8px);\n transform: translateY(24px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n.cap-heading.visible { opacity: 1; filter: blur(0); transform: translateY(0); }\n\n\/* Cards Grid *\/\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 64px;\n}\n@media (max-width: 900px) {\n .cards-grid { grid-template-columns: 1fr; }\n #cap-layer { padding: 96px 28px 48px; }\n #navbar { padding: 0 24px; }\n .nav-pill { display: none; }\n .partners-names { gap: 20px; }\n}\n.cap-card {\n border-radius: 20px;\n padding: 24px;\n min-height: 360px;\n display: flex;\n flex-direction: column;\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.cap-card.visible { opacity: 1; transform: translateY(0); }\n.card-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n.card-icon-box {\n width: 44px; height: 44px;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.card-icon-box svg { width: 22px; height: 22px; fill: #fff; }\n.card-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n max-width: 70%;\n}\n.tag {\n border-radius: 9999px;\n padding: 4px 10px;\n font-size: 11px;\n color: rgba(255,255,255,0.88);\n font-family: 'Barlow', sans-serif;\n white-space: nowrap;\n}\n.card-spacer { flex: 1; }\n.card-bottom { margin-top: 24px; }\n.card-title {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(28px, 2.5vw, 36px);\n letter-spacing: -1px;\n line-height: 1;\n}\n.card-body {\n margin-top: 12px;\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n line-height: 1.55;\n max-width: 30ch;\n}\n\n\/* \u2500\u2500 Utility Icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nsvg.icon-arrow { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\nsvg.icon-play { width: 15px; height: 15px; fill: currentColor; }\nsvg.icon-stat { width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 1.5; }\n\n\/* \u2500\u2500 Scroll fade-in base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.anim-item {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.anim-item.visible { opacity: 1; transform: translateY(0); }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <div class=\"nav-logo lg\">\n <span>a<\/span>\n <\/div>\n\n <div class=\"nav-pill lg\">\n <a href=\"#\">Home<\/a>\n <a href=\"#\">Voyages<\/a>\n <a href=\"#\">Worlds<\/a>\n <a href=\"#\">Innovation<\/a>\n <a href=\"#\">Plan Launch<\/a>\n <button class=\"nav-cta\">\n Claim a Spot\n <svg class=\"icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"nav-spacer\"><\/div>\n<\/nav>\n\n\n\n<section id=\"hero\">\n <video id=\"hero-video\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_38xzZboKViGWJOttwIXH07lWA1P\/hf_20260418_080021_d598092b-c4c2-4e53-8e46-94cf9064cd50.mp4\"\n muted playsinline preload=\"auto\"><\/video>\n\n <div id=\"hero-layer\">\n \n <div id=\"hero-content\">\n\n \n <div class=\"badge lg anim-item\" id=\"badge\">\n <span class=\"badge-chip\">New<\/span>\n <span class=\"badge-text\">Maiden Crewed Voyage to Mars Arrives 2026<\/span>\n <\/div>\n\n \n <div id=\"headline\" role=\"heading\" aria-level=\"1\">\n \n <\/div>\n\n \n <p class=\"subhead\" id=\"subhead\">\n Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach\u2014secure and extraordinary.\n <\/p>\n\n \n <div class=\"cta-row\" id=\"ctas\">\n <button class=\"btn-primary lg-strong\">\n Start Your Voyage\n <svg class=\"icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n <\/button>\n <button class=\"btn-secondary\">\n View Liftoff\n <svg class=\"icon-play\" viewBox=\"0 0 24 24\"><polygon points=\"6 4 20 12 6 20 6 4\"\/><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"stats-row\" id=\"stats\">\n <div class=\"stat-card lg\">\n <svg class=\"icon-stat\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M12 7v5l3.5 2\"\/>\n <\/svg>\n <div class=\"stat-value\">34.5 Min<\/div>\n <div class=\"stat-label\">Average Videos Watch Time<\/div>\n <\/div>\n <div class=\"stat-card lg\">\n <svg class=\"icon-stat\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M2 12h20M12 3a15 15 0 0 1 4 9 15 15 0 0 1-4 9 15 15 0 0 1-4-9 15 15 0 0 1 4-9z\"\/>\n <\/svg>\n <div class=\"stat-value\">2.8B+<\/div>\n <div class=\"stat-label\">Users Across the Globe<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"partners\">\n <div class=\"partners-chip lg\">Collaborating with top aerospace pioneers globally<\/div>\n <div class=\"partners-names\">\n <span>Aeon<\/span>\n <span>Vela<\/span>\n <span>Apex<\/span>\n <span>Orbit<\/span>\n <span>Zeno<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"capabilities\">\n <video id=\"cap-video\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_38xzZboKViGWJOttwIXH07lWA1P\/hf_20260418_094631_d30ab262-45ee-4b7d-99f3-5d5848c8ef13.mp4\"\n muted playsinline preload=\"auto\"><\/video>\n\n <div id=\"cap-layer\">\n <p class=\"cap-kicker\" id=\"cap-kicker\">\/\/ Capabilities<\/p>\n <h2 class=\"cap-heading\" id=\"cap-heading\">Production<br>evolved<\/h2>\n\n <div class=\"cards-grid\">\n\n \n <div class=\"cap-card lg\" id=\"card-0\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Natural Context<\/span>\n <span class=\"tag lg\">Photo Realism<\/span>\n <span class=\"tag lg\">Infinite Settings<\/span>\n <span class=\"tag lg\">Eco-Vibe<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">AI Scenery<\/h3>\n <p class=\"card-body\">AI analyzes your product to create indistinguishable natural environments \u2014 from Icelandic cliffs to misty forests.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cap-card lg\" id=\"card-1\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M18 4H6l-2 4v12h16V8l-2-4zm-6 14a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm-7-9l1.5-3h11L19 9H5z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Scale Fast<\/span>\n <span class=\"tag lg\">Visual Consistency<\/span>\n <span class=\"tag lg\">Time Saver<\/span>\n <span class=\"tag lg\">Ready to Post<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">Batch Production<\/h3>\n <p class=\"card-body\">Style your entire product line in minutes. Create a unified visual identity for catalogues and social media without weeks of retouching.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cap-card lg\" id=\"card-2\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 21h6v-1H9v1zm3-19a7 7 0 0 0-7 7c0 2.4 1.2 4.5 3 5.74V17h8v-2.26A7 7 0 0 0 12 2z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Ray Tracing<\/span>\n <span class=\"tag lg\">Physical Shadows<\/span>\n <span class=\"tag lg\">Studio Quality<\/span>\n <span class=\"tag lg\">Sunlight Sync<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">Smart Lighting<\/h3>\n <p class=\"card-body\">Automatic lighting and material adjustment. Achieve flawless integration with realistic shadows and sunlight.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<script>\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n FadingVideo \u2014 pure rAF crossfade, no CSS transitions\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst FADE_MS = 500;\nconst FADE_OUT_LEAD = 0.55;\n\nfunction initFadingVideo(video) {\n let rafId = null;\n let fadingOut = false;\n\n video.style.opacity = '0';\n\n function fadeTo(target) {\n if (rafId) cancelAnimationFrame(rafId);\n const start = performance.now();\n const from = parseFloat(video.style.opacity) || 0;\n function step(now) {\n const t = Math.min((now - start) \/ FADE_MS, 1);\n video.style.opacity = from + (target - from) * t;\n if (t < 1) rafId = requestAnimationFrame(step);\n }\n rafId = requestAnimationFrame(step);\n }\n\n video.addEventListener('loadeddata', () => {\n video.style.opacity = '0';\n video.play().catch(() => {});\n fadeTo(1);\n });\n\n video.addEventListener('timeupdate', () => {\n const rem = video.duration - video.currentTime;\n if (!fadingOut && video.duration && rem <= FADE_OUT_LEAD && rem > 0) {\n fadingOut = true;\n fadeTo(0);\n }\n });\n\n video.addEventListener('ended', () => {\n video.style.opacity = '0';\n setTimeout(() => {\n video.currentTime = 0;\n fadingOut = false;\n video.play().catch(() => {});\n fadeTo(1);\n }, 100);\n });\n}\n\ninitFadingVideo(document.getElementById('hero-video'));\ninitFadingVideo(document.getElementById('cap-video'));\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n BlurText \u2014 word-by-word staggered reveal\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function buildHeadline() {\n const container = document.getElementById('headline');\n const words = 'Venture Past Our Sky Across the Universe'.split(' ');\n words.forEach((w, i) => {\n const span = document.createElement('span');\n span.className = 'word';\n span.textContent = w;\n span.style.transitionDelay = (i * 0.1) + 's';\n container.appendChild(span);\n });\n})();\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n IntersectionObserver \u2014 scroll + load animations\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n io.unobserve(entry.target);\n }\n });\n}, { threshold: 0.08 });\n\n\/\/ Hero elements (stagger via delay already baked in styles)\nconst heroAnimTargets = [\n { el: document.getElementById('badge'), delay: 0.4 },\n { el: document.querySelector('#headline'), delay: 0.5 },\n { el: document.getElementById('subhead'), delay: 0.8 },\n { el: document.getElementById('ctas'), delay: 1.1 },\n { el: document.getElementById('stats'), delay: 1.3 },\n { el: document.getElementById('partners'),delay: 1.5 },\n];\n\nheroAnimTargets.forEach(({ el, delay }) => {\n if (!el) return;\n el.style.transitionDelay = delay + 's';\n io.observe(el);\n});\n\n\/\/ Headline words\ndocument.querySelectorAll('#headline .word').forEach(w => io.observe(w));\n\n\/\/ Capabilities section\n['cap-kicker','cap-heading','card-0','card-1','card-2'].forEach((id, i) => {\n const el = document.getElementById(id);\n if (!el) return;\n el.style.transitionDelay = (0.1 + i * 0.13) + 's';\n io.observe(el);\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aeon \u2014 Venture Past Our Sky a Home Voyages Worlds Innovation Plan Launch Claim a Spot New Maiden Crewed Voyage to Mars Arrives 2026 Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach\u2014secure and extraordinary. Start Your Voyage View Liftoff 34.5 Min Average Videos Watch Time […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dms4us.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nAeon \u2014 Venture Past Our Sky<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\n<style>\n\/* \u2500\u2500 Reset & Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { background: #000; color: #fff; font-family: 'Barlow', sans-serif; overflow-x: hidden; }\n\n\/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.font-heading { font-family: 'Instrument Serif', serif; font-style: italic; }\n.font-body { font-family: 'Barlow', sans-serif; }\n\n\/* \u2500\u2500 Liquid Glass \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.lg {\n background: rgba(255,255,255,0.04);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n position: relative;\n overflow: hidden;\n}\n.lg::before {\n content: \"\";\n position: absolute; inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg,\n rgba(255,255,255,0.45) 0%,\n rgba(255,255,255,0.15) 20%,\n rgba(255,255,255,0) 40%,\n rgba(255,255,255,0) 60%,\n rgba(255,255,255,0.15) 80%,\n rgba(255,255,255,0.45) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n z-index: 1;\n}\n\n.lg-strong {\n background: rgba(255,255,255,0.06);\n backdrop-filter: blur(50px);\n -webkit-backdrop-filter: blur(50px);\n box-shadow: 4px 4px 16px rgba(0,0,0,0.15),\n inset 0 1px 1px rgba(255,255,255,0.18);\n position: relative;\n overflow: hidden;\n}\n.lg-strong::before {\n content: \"\";\n position: absolute; inset: 0;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(180deg,\n rgba(255,255,255,0.5) 0%,\n rgba(255,255,255,0.2) 20%,\n rgba(255,255,255,0) 40%,\n rgba(255,255,255,0) 60%,\n rgba(255,255,255,0.2) 80%,\n rgba(255,255,255,0.5) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n z-index: 1;\n}\n\n\/* \u2500\u2500 Navbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#navbar {\n position: fixed;\n top: 16px; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 64px;\n}\n.nav-logo {\n width: 48px; height: 48px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.nav-logo span {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n font-size: 22px;\n color: #fff;\n line-height: 1;\n}\n.nav-pill {\n border-radius: 9999px;\n padding: 6px;\n display: flex; align-items: center; gap: 2px;\n}\n.nav-pill a {\n padding: 8px 14px;\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.88);\n text-decoration: none;\n border-radius: 9999px;\n transition: color 0.2s, background 0.2s;\n white-space: nowrap;\n}\n.nav-pill a:hover { color: #fff; background: rgba(255,255,255,0.06); }\n.nav-cta {\n background: #fff;\n color: #000;\n border-radius: 9999px;\n padding: 8px 18px;\n font-size: 14px;\n font-weight: 600;\n font-family: 'Barlow', sans-serif;\n border: none;\n cursor: pointer;\n display: flex; align-items: center; gap: 6px;\n white-space: nowrap;\n margin-left: 6px;\n transition: background 0.2s, transform 0.15s;\n}\n.nav-cta:hover { background: rgba(255,255,255,0.88); transform: scale(1.02); }\n.nav-spacer { width: 48px; height: 48px; flex-shrink: 0; }\n\n\/* \u2500\u2500 Section 1 \u2014 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hero {\n position: relative;\n width: 100%; height: 100vh;\n overflow: hidden;\n background: #000;\n display: flex; flex-direction: column;\n}\n#hero-video {\n position: absolute;\n left: 50%; top: 0;\n transform: translateX(-50%);\n width: 120%; height: 120%;\n object-fit: cover;\n object-position: center top;\n z-index: 0;\n opacity: 0;\n}\n#hero-layer {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n#hero-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 96px 16px 0;\n text-align: center;\n}\n\n\/* Badge *\/\n.badge {\n border-radius: 9999px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 28px;\n}\n.badge-chip {\n background: #fff;\n color: #000;\n padding: 4px 12px;\n border-radius: 9999px;\n font-size: 12px;\n font-weight: 600;\n font-family: 'Barlow', sans-serif;\n}\n.badge-text {\n font-size: 13px;\n color: rgba(255,255,255,0.88);\n font-family: 'Barlow', sans-serif;\n padding-right: 12px;\n}\n\n\/* Headline *\/\n#headline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n row-gap: 0.08em;\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(52px, 7vw, 88px);\n line-height: 0.88;\n letter-spacing: -4px;\n max-width: 780px;\n margin: 0 auto;\n}\n#headline .word {\n display: inline-block;\n margin-right: 0.25em;\n opacity: 0;\n filter: blur(10px);\n transform: translateY(50px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n#headline .word.visible {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n}\n\n\/* Subheading *\/\n.subhead {\n margin-top: 20px;\n font-size: 15px;\n color: rgba(255,255,255,0.9);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n line-height: 1.45;\n max-width: 560px;\n opacity: 0;\n filter: blur(8px);\n transform: translateY(16px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n.subhead.visible { opacity: 1; filter: blur(0); transform: translateY(0); }\n\n\/* CTAs *\/\n.cta-row {\n display: flex;\n align-items: center;\n gap: 28px;\n margin-top: 28px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.cta-row.visible { opacity: 1; transform: translateY(0); }\n.btn-primary {\n border-radius: 9999px;\n padding: 10px 22px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Barlow', sans-serif;\n color: #fff;\n border: none;\n cursor: pointer;\n display: flex; align-items: center; gap: 8px;\n position: relative; z-index: 1;\n transition: transform 0.15s;\n}\n.btn-primary:hover { transform: scale(1.03); }\n.btn-secondary {\n background: none;\n border: none;\n color: #fff;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Barlow', sans-serif;\n cursor: pointer;\n display: flex; align-items: center; gap: 6px;\n opacity: 0.85;\n transition: opacity 0.2s;\n}\n.btn-secondary:hover { opacity: 1; }\n\n\/* Stats *\/\n.stats-row {\n display: flex;\n align-items: stretch;\n gap: 16px;\n margin-top: 32px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.stats-row.visible { opacity: 1; transform: translateY(0); }\n.stat-card {\n border-radius: 20px;\n padding: 20px;\n width: 200px;\n display: flex;\n flex-direction: column;\n}\n.stat-value {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: 38px;\n letter-spacing: -1px;\n line-height: 1;\n margin-top: 16px;\n}\n.stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.75);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n margin-top: 6px;\n}\n\n\/* Partners *\/\n#partners {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding-bottom: 32px;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n#partners.visible { opacity: 1; transform: translateY(0); }\n.partners-chip {\n border-radius: 9999px;\n padding: 4px 14px;\n font-size: 12px;\n color: rgba(255,255,255,0.85);\n font-family: 'Barlow', sans-serif;\n font-weight: 500;\n}\n.partners-names {\n display: flex;\n align-items: center;\n gap: 48px;\n}\n.partners-names span {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(20px, 2.5vw, 28px);\n letter-spacing: -0.5px;\n}\n\n\/* \u2500\u2500 Section 2 \u2014 Capabilities \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#capabilities {\n position: relative;\n min-height: 100vh;\n background: #000;\n overflow: hidden;\n}\n#cap-video {\n position: absolute;\n inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n z-index: 0;\n opacity: 0;\n}\n#cap-layer {\n position: relative;\n z-index: 10;\n padding: 96px 80px 48px;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n.cap-kicker {\n font-size: 13px;\n font-family: 'Barlow', sans-serif;\n color: rgba(255,255,255,0.7);\n margin-bottom: 20px;\n letter-spacing: 0.5px;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.cap-kicker.visible { opacity: 1; transform: translateY(0); }\n.cap-heading {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(56px, 7vw, 96px);\n line-height: 0.92;\n letter-spacing: -3px;\n opacity: 0;\n filter: blur(8px);\n transform: translateY(24px);\n transition: opacity 0.7s ease, filter 0.7s ease, transform 0.7s ease;\n}\n.cap-heading.visible { opacity: 1; filter: blur(0); transform: translateY(0); }\n\n\/* Cards Grid *\/\n.cards-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-top: 64px;\n}\n@media (max-width: 900px) {\n .cards-grid { grid-template-columns: 1fr; }\n #cap-layer { padding: 96px 28px 48px; }\n #navbar { padding: 0 24px; }\n .nav-pill { display: none; }\n .partners-names { gap: 20px; }\n}\n.cap-card {\n border-radius: 20px;\n padding: 24px;\n min-height: 360px;\n display: flex;\n flex-direction: column;\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.cap-card.visible { opacity: 1; transform: translateY(0); }\n.card-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n}\n.card-icon-box {\n width: 44px; height: 44px;\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.card-icon-box svg { width: 22px; height: 22px; fill: #fff; }\n.card-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n max-width: 70%;\n}\n.tag {\n border-radius: 9999px;\n padding: 4px 10px;\n font-size: 11px;\n color: rgba(255,255,255,0.88);\n font-family: 'Barlow', sans-serif;\n white-space: nowrap;\n}\n.card-spacer { flex: 1; }\n.card-bottom { margin-top: 24px; }\n.card-title {\n font-family: 'Instrument Serif', serif;\n font-style: italic;\n color: #fff;\n font-size: clamp(28px, 2.5vw, 36px);\n letter-spacing: -1px;\n line-height: 1;\n}\n.card-body {\n margin-top: 12px;\n font-size: 13px;\n color: rgba(255,255,255,0.85);\n font-family: 'Barlow', sans-serif;\n font-weight: 300;\n line-height: 1.55;\n max-width: 30ch;\n}\n\n\/* \u2500\u2500 Utility Icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nsvg.icon-arrow { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\nsvg.icon-play { width: 15px; height: 15px; fill: currentColor; }\nsvg.icon-stat { width: 26px; height: 26px; stroke: #fff; fill: none; stroke-width: 1.5; }\n\n\/* \u2500\u2500 Scroll fade-in base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.anim-item {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.anim-item.visible { opacity: 1; transform: translateY(0); }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <div class=\"nav-logo lg\">\n <span>a<\/span>\n <\/div>\n\n <div class=\"nav-pill lg\">\n <a href=\"#\">Home<\/a>\n <a href=\"#\">Voyages<\/a>\n <a href=\"#\">Worlds<\/a>\n <a href=\"#\">Innovation<\/a>\n <a href=\"#\">Plan Launch<\/a>\n <button class=\"nav-cta\">\n Claim a Spot\n <svg class=\"icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"nav-spacer\"><\/div>\n<\/nav>\n\n\n\n<section id=\"hero\">\n <video id=\"hero-video\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_38xzZboKViGWJOttwIXH07lWA1P\/hf_20260418_080021_d598092b-c4c2-4e53-8e46-94cf9064cd50.mp4\"\n muted playsinline preload=\"auto\"><\/video>\n\n <div id=\"hero-layer\">\n \n <div id=\"hero-content\">\n\n \n <div class=\"badge lg anim-item\" id=\"badge\">\n <span class=\"badge-chip\">New<\/span>\n <span class=\"badge-text\">Maiden Crewed Voyage to Mars Arrives 2026<\/span>\n <\/div>\n\n \n <div id=\"headline\" role=\"heading\" aria-level=\"1\">\n \n <\/div>\n\n \n <p class=\"subhead\" id=\"subhead\">\n Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach\u2014secure and extraordinary.\n <\/p>\n\n \n <div class=\"cta-row\" id=\"ctas\">\n <button class=\"btn-primary lg-strong\">\n Start Your Voyage\n <svg class=\"icon-arrow\" viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n <\/button>\n <button class=\"btn-secondary\">\n View Liftoff\n <svg class=\"icon-play\" viewBox=\"0 0 24 24\"><polygon points=\"6 4 20 12 6 20 6 4\"\/><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"stats-row\" id=\"stats\">\n <div class=\"stat-card lg\">\n <svg class=\"icon-stat\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M12 7v5l3.5 2\"\/>\n <\/svg>\n <div class=\"stat-value\">34.5 Min<\/div>\n <div class=\"stat-label\">Average Videos Watch Time<\/div>\n <\/div>\n <div class=\"stat-card lg\">\n <svg class=\"icon-stat\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M2 12h20M12 3a15 15 0 0 1 4 9 15 15 0 0 1-4 9 15 15 0 0 1-4-9 15 15 0 0 1 4-9z\"\/>\n <\/svg>\n <div class=\"stat-value\">2.8B+<\/div>\n <div class=\"stat-label\">Users Across the Globe<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"partners\">\n <div class=\"partners-chip lg\">Collaborating with top aerospace pioneers globally<\/div>\n <div class=\"partners-names\">\n <span>Aeon<\/span>\n <span>Vela<\/span>\n <span>Apex<\/span>\n <span>Orbit<\/span>\n <span>Zeno<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"capabilities\">\n <video id=\"cap-video\" src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_38xzZboKViGWJOttwIXH07lWA1P\/hf_20260418_094631_d30ab262-45ee-4b7d-99f3-5d5848c8ef13.mp4\"\n muted playsinline preload=\"auto\"><\/video>\n\n <div id=\"cap-layer\">\n <p class=\"cap-kicker\" id=\"cap-kicker\">\/\/ Capabilities<\/p>\n <h2 class=\"cap-heading\" id=\"cap-heading\">Production<br>evolved<\/h2>\n\n <div class=\"cards-grid\">\n\n \n <div class=\"cap-card lg\" id=\"card-0\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Natural Context<\/span>\n <span class=\"tag lg\">Photo Realism<\/span>\n <span class=\"tag lg\">Infinite Settings<\/span>\n <span class=\"tag lg\">Eco-Vibe<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">AI Scenery<\/h3>\n <p class=\"card-body\">AI analyzes your product to create indistinguishable natural environments \u2014 from Icelandic cliffs to misty forests.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cap-card lg\" id=\"card-1\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M18 4H6l-2 4v12h16V8l-2-4zm-6 14a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm-7-9l1.5-3h11L19 9H5z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Scale Fast<\/span>\n <span class=\"tag lg\">Visual Consistency<\/span>\n <span class=\"tag lg\">Time Saver<\/span>\n <span class=\"tag lg\">Ready to Post<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">Batch Production<\/h3>\n <p class=\"card-body\">Style your entire product line in minutes. Create a unified visual identity for catalogues and social media without weeks of retouching.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"cap-card lg\" id=\"card-2\">\n <div class=\"card-top\">\n <div class=\"card-icon-box lg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 21h6v-1H9v1zm3-19a7 7 0 0 0-7 7c0 2.4 1.2 4.5 3 5.74V17h8v-2.26A7 7 0 0 0 12 2z\"\/>\n <\/svg>\n <\/div>\n <div class=\"card-tags\">\n <span class=\"tag lg\">Ray Tracing<\/span>\n <span class=\"tag lg\">Physical Shadows<\/span>\n <span class=\"tag lg\">Studio Quality<\/span>\n <span class=\"tag lg\">Sunlight Sync<\/span>\n <\/div>\n <\/div>\n <div class=\"card-spacer\"><\/div>\n <div class=\"card-bottom\">\n <h3 class=\"card-title\">Smart Lighting<\/h3>\n <p class=\"card-body\">Automatic lighting and material adjustment. Achieve flawless integration with realistic shadows and sunlight.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<script>\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n FadingVideo \u2014 pure rAF crossfade, no CSS transitions\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst FADE_MS = 500;\nconst FADE_OUT_LEAD = 0.55;\n\nfunction initFadingVideo(video) {\n let rafId = null;\n let fadingOut = false;\n\n video.style.opacity = '0';\n\n function fadeTo(target) {\n if (rafId) cancelAnimationFrame(rafId);\n const start = performance.now();\n const from = parseFloat(video.style.opacity) || 0;\n function step(now) {\n const t = Math.min((now - start) \/ FADE_MS, 1);\n video.style.opacity = from + (target - from) * t;\n if (t < 1) rafId = requestAnimationFrame(step);\n }\n rafId = requestAnimationFrame(step);\n }\n\n video.addEventListener('loadeddata', () => {\n video.style.opacity = '0';\n video.play().catch(() => {});\n fadeTo(1);\n });\n\n video.addEventListener('timeupdate', () => {\n const rem = video.duration - video.currentTime;\n if (!fadingOut && video.duration && rem <= FADE_OUT_LEAD && rem > 0) {\n fadingOut = true;\n fadeTo(0);\n }\n });\n\n video.addEventListener('ended', () => {\n video.style.opacity = '0';\n setTimeout(() => {\n video.currentTime = 0;\n fadingOut = false;\n video.play().catch(() => {});\n fadeTo(1);\n }, 100);\n });\n}\n\ninitFadingVideo(document.getElementById('hero-video'));\ninitFadingVideo(document.getElementById('cap-video'));\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n BlurText \u2014 word-by-word staggered reveal\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function buildHeadline() {\n const container = document.getElementById('headline');\n const words = 'Venture Past Our Sky Across the Universe'.split(' ');\n words.forEach((w, i) => {\n const span = document.createElement('span');\n span.className = 'word';\n span.textContent = w;\n span.style.transitionDelay = (i * 0.1) + 's';\n container.appendChild(span);\n });\n})();\n\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n IntersectionObserver \u2014 scroll + load animations\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n io.unobserve(entry.target);\n }\n });\n}, { threshold: 0.08 });\n\n\/\/ Hero elements (stagger via delay already baked in styles)\nconst heroAnimTargets = [\n { el: document.getElementById('badge'), delay: 0.4 },\n { el: document.querySelector('#headline'), delay: 0.5 },\n { el: document.getElementById('subhead'), delay: 0.8 },\n { el: document.getElementById('ctas'), delay: 1.1 },\n { el: document.getElementById('stats'), delay: 1.3 },\n { el: document.getElementById('partners'),delay: 1.5 },\n];\n\nheroAnimTargets.forEach(({ el, delay }) => {\n if (!el) return;\n el.style.transitionDelay = delay + 's';\n io.observe(el);\n});\n\n\/\/ Headline words\ndocument.querySelectorAll('#headline .word').forEach(w => io.observe(w));\n\n\/\/ Capabilities section\n['cap-kicker','cap-heading','card-0','card-1','card-2'].forEach((id, i) => {\n const el = document.getElementById(id);\n if (!el) return;\n el.style.transitionDelay = (0.1 + i * 0.13) + 's';\n io.observe(el);\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aeon \u2014 Venture Past Our Sky a Home Voyages Worlds Innovation Plan Launch Claim a Spot New Maiden Crewed Voyage to Mars Arrives 2026 Discover the universe in ways once unimaginable. Our pioneering vessels and breakthrough engineering bring deep-space exploration within reach\u2014secure and extraordinary. Start Your Voyage View Liftoff 34.5 Min Average Videos Watch Time […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dms4us.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":7,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/dms4us.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/dms4us.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}