﻿:root{--dark:#081a35;--light:#edf5ff;--accent:#91c9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--light);font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:3;display:flex;justify-content:space-between;align-items:center;width:100%;padding:32px 6%}.brand{display:flex;align-items:center;gap:20px;font-size:36px;letter-spacing:-3px}.brand small{padding-left:20px;border-left:1px solid #ffffff55;font-size:9px;line-height:1.7;letter-spacing:1.5px}nav{display:flex;gap:30px;font-size:12px}.hero{position:relative;min-height:850px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#245ca080,transparent 65%)}.copy{position:relative;z-index:2;padding:190px 8% 140px}.label{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--accent);margin:0 0 30px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(50px,5.8vw,90px);letter-spacing:-3px;line-height:1.08}em{color:var(--accent)}.intro{max-width:380px;line-height:1.85;color:#c1d6ed;margin:32px 0}.button{display:inline-flex;gap:65px;padding:18px 24px;background:var(--accent);color:var(--dark);font-size:12px}.button:hover{background:#c1e2ff}.bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:20px;font-size:9px;letter-spacing:2px}.orbit{position:absolute;width:850px;height:850px;right:-200px;top:2%;border:1px solid #91c9ff30;border-radius:50%}.orbit:before,.orbit:after{content:'';position:absolute;inset:60px;border:1px solid #91c9ff20;border-radius:50%}.orbit:after{inset:130px}.planet{position:absolute;inset:190px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d5edff,#8abce8 18%,#386da5 37%,#163b6a 60%,#061329 80%);box-shadow:-20px -10px 80px #87bfff25,inset 15px 15px 30px #ffffff15}.explore{padding:100px 8%;background:var(--light);color:#102f56}.explore .label,.about .label{color:#285e9c}h2{font-size:clamp(36px,4vw,58px);letter-spacing:-1.5px}.explore>p:not(.label){color:#45617f}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #102f5630}.tabs button{display:grid;grid-template-columns:30px 1fr;gap:12px;text-align:left;padding:25px 15px;background:none;border:0;border-bottom:2px solid #102f5630;font:11px Arial,sans-serif;color:#3f6084;cursor:pointer}.tabs span{font:30px Georgia,serif}.tabs small{grid-column:2;font-size:11px}.tabs button[aria-selected=true]{background:#d5e7fb;border-bottom-color:#102f56;color:#102f56}.tabs button:hover{background:#d5e7fb}article{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 0 45px;min-height:380px}h3{font-size:42px;line-height:1.2}#era-copy{font-size:16px;line-height:1.9;color:#405f80;margin-top:0}aside{border-left:2px solid #4a86c4;padding-left:20px;margin-top:30px}aside small{font-size:9px;letter-spacing:2px}aside p{font:24px/1.4 Georgia,serif;margin:12px 0}.note{font-size:11px;line-height:1.8;color:#45617f;margin-top:28px}.axis{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:1px}.axis>div{position:relative;flex:1;height:1px;background:#9dbbdc}.axis b{position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#24578f;transition:left .3s}.reflection{text-align:center;padding:110px 8%;background:radial-gradient(ellipse at 50% 100%,#245b9c50,transparent 70%)}.reflection h2{font-size:clamp(50px,6vw,82px);line-height:1.15}.reflection>p:not(.label){line-height:2;color:#bed3ed;margin:30px 0}.reflection a,.about a{font-size:12px;display:inline-block;border-bottom:1px solid;padding-bottom:7px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:100px 8%;background:#dceafb;color:#102f56}.about em{color:#2d6098}.about h3{font-size:26px}.about p:not(.label){line-height:1.9}dl{margin:28px 0}dl>div{display:grid;grid-template-columns:1fr 1.6fr;gap:15px;padding:14px 0;border-top:1px solid #102f5625;font-size:12px}dt{color:#45617f}dd{margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;font-size:9px;letter-spacing:1px}:focus-visible{outline:3px solid #428ee0;outline-offset:5px}@media(max-width:750px){header{padding:25px 6%}.brand{font-size:28px;gap:10px}.brand small{font-size:7px;padding-left:10px}nav{gap:15px;font-size:10px}.hero{min-height:820px}.copy{padding:160px 7% 130px}h1{font-size:53px;letter-spacing:-2px}.intro{max-width:300px}.orbit{width:620px;height:620px;right:-350px;top:180px;opacity:.6}.planet{inset:150px}.bottom{font-size:7px;gap:20px}.explore,.about{padding:70px 7%}.tabs button{padding:20px 7px;grid-template-columns:1fr;gap:8px}.tabs span{font-size:24px}.tabs small{grid-column:1;font-size:9px}article,.about{grid-template-columns:1fr;gap:35px}article{padding-top:40px;min-height:470px}h3{font-size:36px}.axis{font-size:7px;gap:8px}.reflection{padding:80px 7%}footer{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.axis b{transition:none}}

