.page-hero.compact.level-stage-hero{
  --stage-glow: #1b3a50;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 78% 24%, var(--stage-glow) 0, #0b2133 46%, #07131d 100%);
  color: #e8dcc1;
  padding: 84px 0 80px;
}

.page-hero.level-stage-hero::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(207, 176, 109, .55), transparent);
}

.level-stage-100{ --stage-glow: #2c4149; }
.level-stage-200{ --stage-glow: #24465a; }
.level-stage-300{ --stage-glow: #1e465d; }
.level-stage-500{ --stage-glow: #243d4d; }
.level-stage-600{ --stage-glow: #29394f; }

.page-hero.level-stage-hero .eyebrow{
  color: #cfb06d;
}

.page-hero.level-stage-hero h1{
  max-width: 980px;
  margin: 0;
  color: #e8dcc1;
  font: 400 clamp(3.25rem, 5.6vw, 4.9rem)/.96 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
}

.page-hero.level-stage-hero .lead{
  max-width: 720px;
  margin: 24px 0 0;
  color: #bec7cc;
  font-size: 1.08rem;
  line-height: 1.65;
}

.about-continue{
  border-top: 0;
  background: radial-gradient(circle at 78% 24%, #1b3a50 0, #0b2133 46%, #07131d 100%);
  color: #e8dcc1;
}

.about-continue .eyebrow,
.about-continue .continue-grid > a > span,
.about-continue .continue-grid b{
  color: #cfb06d;
}

.about-continue h2{
  color: #e8dcc1;
}

.about-continue .continue-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-continue .continue-grid > a,
.about-continue .continue-grid > a:not(.recommended-next){
  background: rgba(255, 255, 255, .035);
  border-color: rgba(207, 176, 109, .42);
  color: #f3f0e9;
}

.about-continue .continue-grid p{
  color: #aeb9c1;
}

.about-continue .continue-grid > a:focus-visible,.about-continue .continue-grid > a:not(.recommended-next):focus-visible{
  background: rgba(255, 255, 255, .075) !important;
  border-color: #cfb06d !important;
  color: #fff !important;
}@media (hover:hover) and (pointer:fine){.about-continue .continue-grid > a:hover,.about-continue .continue-grid > a:not(.recommended-next):hover{
  background: rgba(255, 255, 255, .075) !important;
  border-color: #cfb06d !important;
  color: #fff !important;
}}

@media (max-width: 700px){
  .page-hero.compact.level-stage-hero{
    padding: 58px 0 60px;
  }

  .page-hero.level-stage-hero h1{
    font-size: clamp(2.75rem, 12vw, 3.1rem);
  }

  .page-hero.level-stage-hero .lead{
    font-size: 1rem;
    line-height: 1.6;
  }

  .about-continue .continue-grid{
    grid-template-columns: 1fr;
  }
}