:root{--ink:#f8fafc;--muted:#aab5c8;--cyan:#67e8f9;--blue:#3b82f6;--glass:rgba(7,14,30,.74)}*{box-sizing:border-box}html,body{margin:0;background:#02050c;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}#stars{position:fixed;inset:0;width:100%;height:100%;opacity:.72}header{position:fixed;z-index:20;left:0;right:0;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(#02050ce6,transparent)}.brand{color:#fff;text-decoration:none;display:grid;letter-spacing:.18em}.brand b{font-size:15px}.brand small{font-size:9px;color:var(--cyan);margin-top:4px}.tools{display:flex;align-items:center;gap:18px;font:700 11px/1 monospace;letter-spacing:.12em}.tools button{border:1px solid #ffffff24;background:#ffffff0b;padding:10px 13px;border-radius:99px;cursor:pointer}.progress{position:absolute;bottom:0;left:4vw;right:4vw;height:1px;background:#ffffff1c}.progress i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .6s ease}.slide{position:absolute;inset:0;padding:110px 8vw 90px;display:grid;align-items:center;opacity:0;visibility:hidden;transform:translateY(20px) scale(.99);transition:.65s cubic-bezier(.22,.8,.22,1)}.slide.active{opacity:1;visibility:visible;transform:none}.eyebrow{color:var(--cyan);font:800 12px/1.2 monospace;letter-spacing:.22em}.slide h1,.slide h2{font-size:clamp(42px,7vw,96px);line-height:.94;letter-spacing:-.055em;margin:18px 0 22px;max-width:900px}.slide h2{font-size:clamp(40px,6vw,78px)}.lead{font-size:clamp(18px,2vw,25px);line-height:1.5;color:#d5dbea;max-width:720px}.narrow{max-width:900px}.intro{grid-template-columns:1.15fr 1fr;gap:5vw}.copy{position:relative;z-index:2}.launch{display:flex;align-items:center;gap:36px;margin:32px 0 12px;border:0;border-radius:4px;background:var(--cyan);color:#06111b;padding:17px 20px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 40px #67e8f933}.copy small,.photo-copy small{color:var(--muted)}.moon{height:min(66vh,620px);position:relative;overflow:hidden;border-radius:40% 40% 8px 8px;background:radial-gradient(circle at 32% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 30%,#fff 0 1px,transparent 2px),linear-gradient(#020712 0 62%,#9aa2a8 63%,#30363b);box-shadow:inset 0 -90px 120px #000b}.earth{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;right:12%;top:9%;background:radial-gradient(circle at 35% 35%,#fff 0 5%,#3bb8d9 6% 34%,#247149 35% 44%,#1e5fca 45% 70%,#07182c 72%);box-shadow:0 0 35px #6bdcff88}.dancer{position:absolute;left:20%;bottom:13%;width:120px;height:270px;animation:moonwalk 5s ease-in-out infinite}.dancer span{position:absolute;display:block;background:#090b10;box-shadow:0 0 2px #fff4}.hat{width:72px;height:9px;left:29px;top:15px;border-radius:50%}.head{width:42px;height:52px;left:44px;top:22px;border-radius:48%}.body{width:54px;height:100px;left:38px;top:72px;border-radius:14px 14px 8px 8px;background:linear-gradient(110deg,#111,#888 48%,#111 52%)!important}.arm{width:18px;height:105px;top:76px;transform-origin:top;border-radius:10px}.a1{left:35px;transform:rotate(28deg)}.a2{left:78px;transform:rotate(-48deg)}.leg{width:19px;height:110px;top:164px;transform-origin:top;border-radius:9px}.l1{left:42px;transform:rotate(15deg)}.l2{left:70px;transform:rotate(-18deg)}.dust{position:absolute;bottom:9%;left:14%;width:48%;height:30px;background:radial-gradient(ellipse,#fff5,transparent 70%);filter:blur(9px);animation:dust 5s infinite}@keyframes moonwalk{0%{transform:translateX(120px) rotate(4deg)}50%{transform:translateX(-20px) rotate(-3deg)}100%{transform:translateX(120px) rotate(4deg)}}@keyframes dust{50%{opacity:.25;transform:scaleX(1.4)}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.facts{display:flex;gap:18px;margin-top:34px}.facts article,.planet-groups span{display:grid;gap:5px;padding:16px 18px;background:#ffffff0a;border:1px solid #ffffff18;border-radius:10px}.facts b{font-size:22px;color:var(--cyan)}.facts span,.planet-groups span{color:var(--muted)}.orbit-demo{height:min(64vh,580px);position:relative}.sun{position:absolute;left:50%;top:50%;width:110px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff9b0,#ffb000 45%,#ed4a00 70%);box-shadow:0 0 80px #ff8a00}.orbit{position:absolute;inset:8%;border:1px solid #ffffff30;border-radius:50%;animation:spin 14s linear infinite}.planet{position:absolute;top:46%;left:-24px;width:54px;aspect-ratio:1;border-radius:50%;background:linear-gradient(90deg,#0c1731 18%,#4aa4d8 48%,#62a954 60%,#1f4c8e);box-shadow:0 0 20px #60a5fa77;animation:spin 4s linear infinite}.planet i{position:absolute;inset:-12px;border:1px dashed #67e8f955;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.earth3d{justify-self:center;width:min(36vw,430px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 32%,#c9f1ff 0 6%,#3a9cd2 7% 28%,#4d996b 29% 38%,#1e69ad 39% 70%,#07111f 72%);box-shadow:-38px 15px 75px #000,0 0 50px #1c92d244;animation:spin 22s linear infinite}.earth3d:before{content:"";position:absolute;inset:-7%;border:1px solid #67e8f944;border-radius:50%;transform:rotate(23.5deg)}.terminator{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,transparent 46%,#02050cd9 58%)}.axisline{position:absolute;width:1px;height:124%;background:var(--cyan);left:50%;top:-12%;transform:rotate(23.5deg)}ul{line-height:2;font-size:18px;color:#d6dfed}aside,.myth{border-left:3px solid var(--cyan);padding:14px 18px;background:#67e8f90b;color:#dbeafe}.seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0}.seasons article{padding:22px;background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;display:grid;gap:8px}.seasons i{font-style:normal;font-size:34px}.seasons span{color:var(--muted)}.myth span{margin-left:8px}.photo{background-image:var(--bg);background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#02050cf2 0 38%,#02050c99 62%,#02050c33)}.photo-copy{position:relative;z-index:2;width:min(720px,75%);padding:30px;background:var(--glass);border:1px solid #ffffff1f;backdrop-filter:blur(10px);border-radius:18px}.photo-copy p:not(.eyebrow){font-size:20px;line-height:1.55}.planet-groups{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.planet-groups span{font-size:13px}.planet-groups b{color:#fff}.table{border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;margin-top:28px;background:#050a16c4}.table>div{display:grid;grid-template-columns:.8fr .7fr .8fr 1.6fr;padding:14px 20px;border-bottom:1px solid #ffffff12}.table>div:first-child{color:var(--cyan);font:700 11px monospace;letter-spacing:.1em;background:#67e8f90a}.table>div:last-child{border:0}.table .home{background:#2563eb25}.curios{display:grid;grid-template-columns:1fr 1fr;gap:12px}.curios button{display:flex;align-items:center;text-align:left;gap:16px;padding:18px;border:1px solid #ffffff18;background:#ffffff08;border-radius:12px;cursor:pointer}.curios b{color:var(--cyan);font:900 22px monospace}.quiz{margin-top:22px;padding:18px;border:1px solid #67e8f955;background:#061522;border-radius:12px}.quiz p{margin:0 0 12px;font-weight:800}.quiz button{padding:10px 14px;border:1px solid #ffffff25;background:#ffffff0b;border-radius:8px;margin:0 8px 8px 0;cursor:pointer}.quiz output{display:block;min-height:22px;color:var(--cyan);font-weight:800}.credits{text-align:right;color:#64748b;font:11px monospace;letter-spacing:.15em}.controls{position:fixed;z-index:25;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#07101bd4;border:1px solid #ffffff18;padding:8px;border-radius:99px;backdrop-filter:blur(14px)}.controls>button{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff0c;cursor:pointer}.controls>button:hover{background:var(--cyan);color:#031018}#dots{display:flex;gap:7px}#dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#64748b}#dots button.active{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}@media(max-width:800px){header{height:64px}.slide{padding:80px 22px 76px}.intro,.grid{grid-template-columns:1fr}.moon{position:absolute;inset:0;height:auto;opacity:.28;border-radius:0}.intro .copy{align-self:end}.slide h1,.slide h2{font-size:clamp(38px,13vw,66px)}.lead{font-size:16px}.orbit-demo{position:absolute;inset:18% -28% 12% 35%;opacity:.35;z-index:-1}.earth3d{width:58vw;opacity:.55}.facts,.planet-groups{gap:8px}.facts article{padding:12px}.facts b{font-size:16px}.seasons{grid-template-columns:1fr 1fr;gap:8px}.seasons article{padding:13px}.table{font-size:11px}.table>div{grid-template-columns:.7fr .7fr .7fr 1.2fr;padding:10px 8px}.photo-copy{width:100%;padding:20px}.photo-copy p:not(.eyebrow){font-size:16px}.curios{grid-template-columns:1fr}.curios button{padding:12px}.tools #counter{display:none}.brand small{display:none}}
