.homeStage{
  position:relative;
  height: calc(100vh - 64px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 28px 28px;
}
.heroCard{
  width:min(860px, 92vw);
  background: rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 28px 28px 24px;
  text-align:center;
  backdrop-filter: blur(10px);
}
.heroLogo{
  width:min(760px, 92%);
  height:auto;
  display:block;
  margin: 0 auto 10px;
}
.heroTag{
  margin: 0 0 18px;
  color: rgba(255,255,255,.82);
}
.heroActions{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
}
.btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,154,47,.28), rgba(255,154,47,.12));
  border:1px solid rgba(255,154,47,.45);
  color: rgba(255,255,255,.94);
  letter-spacing:.10em;
  font-weight:800;
  text-transform:uppercase;
}
.btnPrimary:hover{filter:brightness(1.06)}
.homePlanetWrap{
  position:absolute;
  left: 50%;
  bottom: -120px; /* make it feel like it's rising from below */
  transform: translateX(-50%);
  width: 640px;
  height: 640px;
  opacity: .55;
  pointer-events:none;
  filter: blur(.0px);
}
#planetCanvas{
  width:100%;
  height:100%;
  display:block;
}

/* POPFIX23: remove underline on home CTA */
.btnPrimary{ text-decoration: none; }
.btnPrimary:hover{ text-decoration: none; }