:root{color-scheme:dark;--bg: #02050a;--bg-deeper: #000207;--text: #f4f7fb;--muted: #a6b1c1;--muted-2: #707c8c;--line: rgba(213, 229, 245, .18);--line-strong: rgba(243, 248, 255, .34);--red: #e01623;--red-hot: #ff2938;--cyan: #67c9ff;--panel: rgba(8, 15, 25, .66);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 76% 11%,rgba(65,154,220,.22),transparent 28rem),linear-gradient(180deg,#010308,#03070d 42%,#020408)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background-image:radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(121,185,255,.38) 0 1px,transparent 1.4px);background-position:0 0,36px 48px;background-size:132px 132px,188px 188px;opacity:.28;transform:translate3d(0,calc(var(--scroll-y, 0px) * -.035),0)}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;right:0;left:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:26px clamp(20px,4vw,36px);background:linear-gradient(180deg,#000207c7,#00020700)}.brand{display:inline-flex;align-items:center;width:clamp(92px,11vw,138px)}.brand img{display:block;width:100%;height:auto}.nav-links,.footer nav{display:flex;justify-content:center;gap:clamp(20px,4vw,64px)}.nav-links a,.header-cta,.footer a,.mission-copy-item a,.gallery-title{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nav-links a{color:#f4f7fbd6;transition:color .18s var(--ease),text-shadow .18s var(--ease)}.nav-links a:hover{color:#fff;text-shadow:0 0 18px rgba(103,201,255,.45)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 22px;border:1px solid var(--line-strong);color:#fff;background:#080e168f;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.header-cta:hover{border-color:#ffffffb3;background:#e0162333;transform:translateY(-1px)}.arrow-icon{width:18px;height:18px;margin-left:12px;color:var(--red-hot);fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7}.hero-section{position:relative;display:flex;align-items:center;min-height:92vh;overflow:hidden;border-bottom:1px solid rgba(180,202,222,.16);background:radial-gradient(circle at 74% 48%,rgba(85,162,220,.16),transparent 29rem),linear-gradient(90deg,#000000b8,#00000057 42%,#0000000a)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-canvas-fallback{background:radial-gradient(circle at 82% 48%,rgba(103,201,255,.24) 0 4%,rgba(47,111,168,.18) 5% 18%,transparent 19%),radial-gradient(circle at 72% 44%,rgba(245,249,255,.16),transparent 19rem),url(/codex-demo-comet/assets/deep-space-panorama.png) center / cover;opacity:.9}.hero-noise{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#000c,#0000006b 42%,#0000000f),linear-gradient(180deg,#0000001f,#01030838 76%,#010308e6)}.hero-orbit{position:absolute;width:58vw;min-width:560px;height:16vw;min-height:170px;border:1px solid rgba(229,239,251,.2);border-right-color:#e5effb14;border-left-color:#e5effb61;border-radius:50%;pointer-events:none;transform:rotate(-16deg)}.orbit-one{right:7%;top:28%}.orbit-two{right:-10%;top:45%;border-color:#e016236b;transform:rotate(-10deg)}.hero-content{position:relative;z-index:2;width:min(670px,calc(100% - 40px));margin-left:clamp(22px,6vw,76px);padding-top:54px}.hero-content h1,.journey-content h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,8vw,7.2rem);font-weight:500;line-height:.93;letter-spacing:0}.hero-content p{width:min(430px,100%);margin:28px 0 0;color:#e9eff7e0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.button:hover{transform:translateY(-2px)}.button.primary{border:1px solid var(--red);background:linear-gradient(135deg,var(--red),#b90915);box-shadow:0 18px 46px #e016233d}.button.primary .arrow-icon{color:#fff}.button.secondary{border:1px solid var(--line-strong);background:#070d1594}.section{position:relative;overflow:hidden;padding:clamp(52px,7vw,92px) clamp(18px,5vw,70px);border-bottom:1px solid rgba(180,202,222,.14);background:linear-gradient(180deg,#02060bfa,#000206fa)}.section-heading{margin-bottom:40px}.section-heading h2{display:inline-flex;flex-direction:column;gap:17px;margin:0;font-size:clamp(1rem,1.3vw,1.16rem);font-weight:900;letter-spacing:.42em;line-height:1.25;text-transform:uppercase}.section-heading h2:after{width:34px;height:2px;background:var(--red-hot);content:""}.section-note{max-width:520px;margin:10px 0 22px;color:#a6b1c1b8;font-size:.72rem;font-style:italic;line-height:1.65}.mission-layout{position:relative;display:grid;grid-template-columns:minmax(230px,330px) 1fr;gap:clamp(30px,5vw,74px);max-width:1320px;margin:0 auto}.mission-rail{position:absolute;top:20px;bottom:82px;left:6px;width:1px;background:linear-gradient(180deg,var(--red-hot),rgba(226,240,255,.6),rgba(226,240,255,.24))}.mission-copy{display:grid;gap:58px}.mission-copy-item{position:relative;padding-left:42px}.mission-dot{position:absolute;top:4px;left:0;width:14px;height:14px;border:1px solid rgba(255,255,255,.76);border-radius:50%;background:#02050a;box-shadow:0 0 0 4px #e016231f}.mission-copy-item:first-child .mission-dot{border-color:var(--red-hot)}.mission-copy-item h3,.timeline-node h3{margin:0;font-size:.88rem;font-weight:900;letter-spacing:.28em;line-height:1.35;text-transform:uppercase}.mission-copy-item p,.timeline-node p,.journey-content p{color:var(--muted);line-height:1.72}.mission-copy-item p{margin:14px 0 18px;font-size:.9rem}.mission-copy-item a{display:inline-flex;align-items:center;color:var(--red-hot)}.mission-visuals{display:grid;gap:22px}.mission-visual,.gallery-image,.lunar-horizon{background-image:url(/codex-demo-comet/assets/deep-space-panorama.png);background-repeat:no-repeat;background-size:cover}.mission-visual{min-height:clamp(145px,16vw,235px);border:1px solid rgba(255,255,255,.08);background-image:var(--mission-image);background-position:center;background-size:cover;box-shadow:inset 0 -55px 70px #00000075;transform:translateY(calc((var(--scroll-y, 0px) - 720px) * -.012 + var(--shift)))}.signals-section{padding-right:0;padding-left:0}.signals-section .section-heading{padding:0 clamp(18px,5vw,70px)}.gallery-row{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-color:rgba(255,255,255,.24) transparent}.gallery-card{min-width:180px;border:1px solid rgba(255,255,255,.12);background:#ffffff05;transition:border-color .18s var(--ease),transform .18s var(--ease)}.gallery-card:hover{border-color:#67c9ff85;transform:translateY(-3px)}.gallery-image{display:block;height:clamp(150px,17vw,245px);background-image:var(--gallery-image);background-position:center;background-size:cover;box-shadow:inset 0 -42px 50px #0000008f}.gallery-title{display:flex;align-items:center;min-height:62px;padding:0 16px}.timeline-section{background:linear-gradient(180deg,#04080efa,#000206fa),url(/codex-demo-comet/assets/deep-space-panorama.png) center / cover}.timeline-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:24px;max-width:1280px;margin:72px auto 0}.timeline-track:before{position:absolute;top:28px;right:2%;left:2%;height:1px;background:#ffffff57;content:""}.timeline-node{position:relative;padding-top:58px}.node-orbit{position:absolute;top:19px;left:0;width:18px;height:18px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:var(--bg);box-shadow:0 0 0 6px #67c9ff1a}.timeline-node strong{display:block;margin-bottom:8px;color:var(--muted-2);font-size:.78rem;font-weight:800;letter-spacing:.18em}.timeline-node p{margin:9px 0 0;font-size:.82rem}.journey-section{position:relative;display:grid;place-items:center;min-height:48vh;overflow:hidden;border-bottom:1px solid rgba(180,202,222,.14);background:#02050a}.lunar-horizon{position:absolute;inset:0;background-position:center bottom;filter:saturate(1.1) contrast(1.08);transform:translate3d(0,calc((var(--scroll-y, 0px) - 2300px) * -.045),0) scale(1.08)}.journey-section:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#02050a3d,#02050a61 55%,#02050acc),radial-gradient(circle at 20% 40%,rgba(103,201,255,.18),transparent 16rem)}.journey-content{position:relative;z-index:1;display:grid;justify-items:center;width:min(760px,calc(100% - 36px));text-align:center}.journey-content h2{font-size:clamp(2.8rem,5.2vw,5.4rem)}.journey-content p{margin:16px 0 28px;color:#f4f7fbe6;font-size:1.08rem}.footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:25px clamp(20px,4vw,36px);background:#02050a}.footer-brand{width:clamp(88px,9vw,118px)}.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:18px 42px}.footer a{color:#f4f7fbad;letter-spacing:0;text-transform:none}@media(max-width:860px){.site-header{grid-template-columns:1fr auto;gap:18px;padding-top:18px}.nav-links{display:none}.header-cta{min-height:40px;padding:0 14px;font-size:.58rem}.hero-section{min-height:92vh;align-items:flex-end;padding-bottom:72px}.hero-content{margin-left:20px;padding-top:112px}.hero-content h1{font-size:clamp(3.35rem,17vw,5.3rem)}.hero-noise{background:linear-gradient(180deg,#00000014,#00000080 44%,#000000f0),linear-gradient(90deg,#00000073,#00000005)}.hero-orbit{right:-290px;min-width:520px}.mission-layout{grid-template-columns:1fr}.mission-rail{bottom:auto;height:370px}.mission-visuals{order:-1}.timeline-track{grid-template-columns:1fr;gap:18px;margin-top:36px}.timeline-track:before{top:0;bottom:0;left:8px;width:1px;height:auto}.timeline-node{padding-top:0;padding-left:42px}.node-orbit{top:3px;left:0}.footer{grid-template-columns:1fr}.footer nav{justify-content:flex-start}}@media(max-width:560px){.brand{width:94px}.header-cta{max-width:138px;line-height:1.2;text-align:left}.hero-actions{display:grid;grid-template-columns:1fr;width:min(100%,320px)}.button{min-height:50px;padding:0 18px}.section-heading h2{max-width:100%;font-size:.92rem;letter-spacing:.28em}.gallery-row{grid-template-columns:repeat(4,76vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}