@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#030811;--panel:#09182a;--line:#29415f;--text:#eef4ff;--muted:#9aacc6;--gold:#f5cf73;--blue:#6db8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 4%,rgba(42,105,174,.17),transparent 35%),radial-gradient(circle at 10% 30%,rgba(122,96,190,.08),transparent 30%)}
.site-header{min-height:78px;max-width:1480px;margin:auto;padding:16px clamp(22px,5vw,76px);display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid rgba(117,155,202,.15)}.brand{display:flex;align-items:center;gap:12px;font:700 20px Space Grotesk,sans-serif;letter-spacing:.16em}.brand small{display:block;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);font-size:13px;font-weight:600;color:#b9c8dd}.site-header nav a:hover{color:var(--gold)}.nav-cta{padding:11px 16px;border:1px solid rgba(245,207,115,.5);border-radius:9px;color:var(--gold)!important}
main{max-width:1480px;margin:auto}.hero{min-height:610px;padding:clamp(52px,7vw,100px) clamp(22px,5vw,76px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:50px}.eyebrow,.section-heading>span,.device-label,.feature-number,.art-caption,footer{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.20em}.eyebrow{color:var(--gold);display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#b995ff;box-shadow:0 0 14px #b995ff}.hero h1{font:700 clamp(45px,5vw,78px)/1.04 Space Grotesk,sans-serif;letter-spacing:-.055em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{max-width:580px;color:#b7c6db;font-size:clamp(16px,1.35vw,20px);line-height:1.7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{min-height:47px;border-radius:9px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{border:1px solid #f6d58b;background:linear-gradient(135deg,#fbe1a5,#ebbd5b);color:#182038;box-shadow:0 12px 34px rgba(236,188,91,.16)}.button.secondary{border:1px solid #547295;background:rgba(17,38,64,.7);color:#eaf2ff}.hero-note{color:#8095b1;font:11px 'IBM Plex Mono',monospace;margin-top:22px}
.hero-art{position:relative;min-height:480px;border:1px solid rgba(84,124,172,.5);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 58% 45%,#0d2440,#071425 50%,#020713 78%);box-shadow:0 25px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#d4e9ff 0.7px,transparent .9px);background-size:27px 27px;opacity:.20;mask-image:radial-gradient(circle,#000,transparent 75%)}.orbit{position:absolute;border:1px dashed rgba(171,198,233,.38);border-radius:50%;transform:rotate(-20deg)}.orbit-earth{width:74%;height:42%;left:13%;top:31%}.orbit-moon{width:27%;height:21%;left:59%;top:32%;border-color:rgba(245,207,115,.58)}.body-sun,.body-earth,.body-moon{position:absolute;border-radius:50%}.body-sun{width:112px;height:112px;left:18%;top:37%;background:radial-gradient(circle at 36% 34%,#fff2a0,#f59e37 34%,#bb3e13 73%,#5a1a11);box-shadow:0 0 22px rgba(255,126,36,.6),0 0 95px rgba(246,108,35,.28)}.body-earth{width:68px;height:68px;left:64%;top:42%;background:radial-gradient(circle at 30% 31%,rgba(255,255,255,.55),transparent 16%),url('lunalab_assets/earth_threejs.jpg') center/cover;box-shadow:inset -17px -6px 17px rgba(0,0,0,.68),0 0 22px rgba(73,164,255,.28)}.body-moon{width:29px;height:29px;left:81%;top:34%;background:url('lunalab_assets/moon_lroc_color_2k.jpg') center/cover;box-shadow:inset -7px -2px 8px rgba(0,0,0,.62),0 0 13px rgba(210,225,255,.22)}.body-sun span,.body-earth span,.body-moon span{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#d2e2f5}.art-caption{position:absolute;left:26px;bottom:24px;color:#8aa3c2}.hero-art::after{content:'LUNALAB / 01';position:absolute;right:24px;top:21px;color:#758ba9;font:10px 'IBM Plex Mono',monospace;letter-spacing:.15em}
.explore,.install{padding:72px clamp(22px,5vw,76px)}.section-heading{margin-bottom:30px}.section-heading>span{color:var(--gold)}.section-heading h2{font:700 clamp(30px,3vw,44px)/1.13 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:10px 0 0}.section-heading p{max-width:680px;color:var(--muted)}.feature-grid,.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card,.download-card{border:1px solid rgba(74,111,160,.48);border-radius:17px;padding:26px;background:linear-gradient(145deg,rgba(15,35,59,.9),rgba(5,13,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.03)}.feature-card{min-height:250px;position:relative;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(245,207,115,.65)}.feature-icon{font-size:34px;line-height:1;color:var(--gold)}.feature-number{position:absolute;right:25px;top:29px;color:#637a98}.feature-card h3,.download-card h3{font:700 23px Space Grotesk,sans-serif;margin:24px 0 8px}.feature-card p,.download-card p{font-size:13px;color:#9eafc6;line-height:1.65;margin:0}.feature-card strong{font-size:12px;color:var(--gold);margin-top:auto;padding-top:24px}.feature-card strong span{margin-left:7px}.feature-card.phases .feature-icon{color:#d5c8ee}.feature-card.photo .feature-icon{color:#8edcc0}
.install{border-top:1px solid rgba(117,155,202,.13)}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card{display:grid;grid-template-columns:50px 1fr;gap:0 20px;align-items:start}.device-icon{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(245,207,115,.4);font-size:29px;background:rgba(245,207,115,.07)}.device-label{color:var(--gold)}.download-card h3{margin:4px 0 7px}.download-card .button{grid-column:1/-1;margin-top:25px;width:100%}.download-file{grid-column:1/-1;justify-self:start;margin-top:15px;padding:0;border:0;background:none;color:#a7d3ff;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:13px;cursor:pointer}.install-feedback{min-height:24px;color:#d7e5f7;font-size:13px}.install-help{color:#8799b2;font-size:12px;margin:4px 0 0}footer{max-width:1480px;margin:auto;padding:28px clamp(22px,5vw,76px) 36px;border-top:1px solid rgba(117,155,202,.15);display:flex;justify-content:space-between;gap:18px;color:#7890af}footer a{color:var(--gold)}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-art{min-height:420px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}}@media(max-width:650px){.site-header{align-items:flex-start}.site-header nav{gap:12px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a:first-child{display:none}.nav-cta{display:none}.hero{padding-top:50px;gap:26px;min-height:auto}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-art{min-height:300px}.body-sun{width:75px;height:75px}.body-earth{width:47px;height:47px}.body-moon{width:22px;height:22px}.feature-grid,.download-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.explore,.install{padding-top:52px;padding-bottom:52px}footer{flex-direction:column}}