:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;
  background: #090d18;
  color: #edf1f8;
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: inherit; }
header, main, footer {
  width: min(1050px, 90%);
  margin: auto;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
}
.logo { font-weight: 800; letter-spacing: .08em; }
nav a { margin-left: 18px; text-decoration: none; }
nav a[aria-current="page"] { color: #ffc58b; }
.hero {
  padding: 95px 0 110px;
  background: radial-gradient(ellipse at 80% 40%,
              #55392b 0%, #171b29 40%, #090d18 75%);
}
.eyebrow {
  color: #ffc58b;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .8rem;
}
h1 {
  font-size: clamp(3.5rem, 10vw, 7rem);
  line-height: 1.05;
  margin: 15px 0;
}
h2 { font-size: 2rem; margin-top: 60px; }
.lead { max-width: 640px; font-size: 1.2rem; color: #c5cbd8; }
.planet {
  width: min(300px, 65vw);
  aspect-ratio: 1;
  border-radius: 50%;
  margin: 55px auto 0;
  background:
    radial-gradient(circle at 30% 30%, #c8a78b, transparent 22%),
    radial-gradient(circle at 65% 65%, #554c4b, transparent 28%),
    radial-gradient(circle at 70% 25%, #79635a, transparent 18%),
    radial-gradient(circle at 35% 70%, #413d43, transparent 24%),
    radial-gradient(circle at 35% 30%, #bda18a, #6d6060 60%, #24232c);
  box-shadow: inset -35px -20px 55px #090d18,
              0 0 75px #9b70552b;
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 18px;
}
.card {
  padding: 24px;
  background: #161c2a;
  border: 1px solid #303747;
  border-radius: 15px;
}
.value { font-size: 1.8rem; font-weight: 750; color: #ffc58b; }
.card p, .muted { color: #b8c0d0; }
article { max-width: 760px; }
footer {
  padding: 60px 0 30px;
  color: #929cad;
  font-size: .9rem;
}
@media (max-width: 600px) {
  header { flex-wrap: wrap; gap: 15px; }
  .hero { padding-top: 50px; }
}
EOF