.home-symbols {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}

.home-page .hero__copy {
  padding-top:40px;
  padding-bottom:40px;
}

.home-page .hero-orbit {
  position:relative;
  width:72%;
  max-width:480px;
  aspect-ratio:1;
  margin:80px auto;
  border:1px solid var(--hero-line-strong);
  border-radius:50%;
  background:radial-gradient(circle,var(--field-glow),var(--clear) 68%);
}

.home-page .hero-orbit::before,
.home-page .hero-orbit::after {
  content:"";
  position:absolute;
  inset:14%;
  border:1px solid var(--hero-line-strong);
  border-radius:50%;
}

.home-page .hero-orbit::after {
  inset:30%;
  background:var(--field-shade);
}

.home-page .hero-orbit img {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.home-page .hero-orbit span {
  position:absolute;
  inset:8% 46%;
  border-radius:50%;
  background:var(--accent);
  transform:rotate(38deg);
}

.home-page .hero__platforms {
  margin-top:24px;
}

.home-page .hero__actions {
  margin-top:24px;
}

.home-start-link {
  margin-top:8px;
  font-size:13px;
}

.home-intro {
  max-width:var(--reading-max);
  margin-top:24px;
  color:var(--text-muted);
}

.home-cap-summary {
  max-width:var(--reading-max);
  margin-inline:auto;
  margin-top:48px;
  color:var(--text-muted);
}

.home-cap-summary h3 {
  color:var(--text);
}

.home-platform-icon {
  width:24px;
  height:28px;
  margin-right:10px;
  color:var(--text-muted);
}

.home-section-link {
  margin-top:32px;
}

.home-fact-panel .section-head {
  margin-bottom:28px;
}

.home-fact-copy {
  max-width:var(--reading-max);
  margin-top:40px;
}

.home-fact-copy h3:first-child {
  margin-top:0;
}

.home-fact-panel .callout {
  margin-top:40px;
}

@media (max-width:960px) {
  .home-page .hero__copy {
    gap:28px;
    padding-top:32px;
    padding-bottom:32px;
  }

  .home-page .hero__platforms {
    margin-top:0;
    padding-top:18px;
  }
}

@media (max-width:640px) {
  .home-page .hero__copy {
    gap:20px;
    padding-top:24px;
    padding-bottom:28px;
  }

  .home-page .hero__tag {
    padding-bottom:12px;
  }

  .home-page .hero__desc {
    margin-top:16px;
  }

  .home-page .hero__actions {
    margin-top:20px;
    gap:10px 18px;
  }

  .home-page .hero__platforms .platforms {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px 12px;
  }

  .home-page .price-pill {
    margin-top:16px;
  }

  .home-fact-panel .facts {
    justify-content:flex-start;
  }

  .home-fact-panel .fact {
    flex-wrap:wrap;
  }

  .home-cap-summary {
    margin-top:32px;
  }
}