@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b18;--text:#f4f3ff;--muted:#a6a8c2;--purple:#b8a5ff;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 25%,#17163a 0%,#0b0d20 37%,var(--bg) 72%);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(1px 1px at 15% 20%,#fff 99%,transparent),radial-gradient(1px 1px at 72% 12%,#c9c1ff 99%,transparent),radial-gradient(1px 1px at 44% 66%,#fff 99%,transparent),radial-gradient(2px 2px at 88% 72%,#fff 99%,transparent),radial-gradient(1px 1px at 30% 82%,#b6a6ff 99%,transparent);background-size:300px 250px,360px 320px,240px 300px,400px 330px,280px 360px;z-index:-1}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{color:#fff;text-decoration:none;font:600 23px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand-mark{color:var(--purple);margin-right:7px}.nav-link{color:#c3c3d8;text-decoration:none;font-size:14px}.nav-link:hover,.footer a:hover{color:#fff}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:35px;padding-bottom:80px}.hero-copy{z-index:2;padding-bottom:35px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:2.3px;color:#bcb0ff}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a9f4d0;margin-right:9px;box-shadow:0 0 12px #a9f4d0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-2.7px}h1{font-size:clamp(48px,6.2vw,78px);line-height:1.04;margin:25px 0 20px;font-weight:600}h1 span{background:linear-gradient(105deg,#c9bcff,#9d8cff 60%,#f0c7ff);background-clip:text;color:transparent}.intro{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:30px}.download-btn{display:inline-flex;align-items:center;gap:15px;padding:14px 18px;border-radius:14px;background:#c3b5ff;color:#17132b;text-decoration:none;box-shadow:0 8px 38px #9280ff30;transition:transform .2s,box-shadow .2s}.download-btn:hover{transform:translateY(-3px);box-shadow:0 12px 45px #9280ff55}.download-icon{font-size:27px;line-height:1}.download-btn strong,.download-btn small{display:block}.download-btn strong{font-size:14px}.download-btn small{font-size:11px;opacity:.72;margin-top:3px}.arrow{font-size:17px;margin-left:15px}.hint{color:#8588a6;font-size:12px;margin-top:17px}.hint span{color:var(--purple);margin-right:5px}.moon-stage{height:500px;display:grid;place-items:center;position:relative}.moon{width:min(400px,72vw);aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 0 65px #a8a5ff19,0 0 150px #8c7bff16;animation:float 7s ease-in-out infinite}.moon:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -38px -13px 65px #02030c99,inset 14px 12px 35px #fff1}.moon img{width:100%;height:100%;object-fit:cover;display:block}.orbit{position:absolute;border:1px solid #c7beff18;border-radius:50%;width:470px;height:470px;transform:rotate(-24deg)}.orbit-two{width:530px;height:340px;transform:rotate(35deg);border-color:#c7beff12}.moon-label{position:absolute;bottom:12px;font-size:9px;letter-spacing:2px;color:#8588a6}.scroll-cue{position:absolute;bottom:25px;left:0;color:#777b9b;font-size:9px;letter-spacing:2px}.scroll-cue span{margin-left:12px;color:var(--purple)}.details{padding:100px 0 110px;border-top:1px solid var(--line)}h2{font-size:clamp(36px,4.5vw,54px);line-height:1.1;margin:17px 0 45px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff09,#ffffff02);border-radius:18px;min-height:190px}.card-icon{font-size:25px;color:var(--purple)}.detail-card h3{font:600 17px 'Space Grotesk',sans-serif;margin:21px 0 9px}.detail-card p,.install-note p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.install-note{margin-top:22px;display:flex;gap:15px;padding:21px;border:1px solid #b9a9ff2b;background:#a99aff08;border-radius:14px}.note-symbol{flex:0 0 24px;height:24px;border:1px solid #a99aff88;border-radius:50%;display:grid;place-items:center;color:#c9bcff;font-size:13px}.install-note strong{display:block;font-size:13px;margin:2px 0 6px}.footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer .brand{font-size:19px}.footer p{font-size:12px;color:#8588a6;margin:0 auto 0 0}.footer small{width:100%;color:#666b8b;font-size:10px}.footer small a{color:#a6a8c2}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:760px){.wrap{width:min(100% - 34px,560px)}.nav{height:72px}.hero{grid-template-columns:1fr;padding-top:75px;min-height:auto}.hero-copy{padding-bottom:0}.moon-stage{height:390px;margin-top:12px}.moon{width:min(320px,76vw)}.orbit{width:370px;height:370px}.orbit-two{width:390px;height:270px}.moon-label{bottom:8px}.scroll-cue{bottom:15px}.details{padding:75px 0}.detail-grid{grid-template-columns:1fr}.detail-card{min-height:0}.footer{gap:12px}.footer p{width:100%;order:3}.footer small{order:4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}