/* Original full-globe hero: uses the same information hierarchy as the reference,
   while keeping Aurora branding, local assets, and independent implementation. */

.hero.section-shell {
  min-height: 720px;
}

.hero-copy {
  top: 195px;
  width: min(720px, calc(100% - 40px));
}

.hero-copy .eyebrow {
  display: none;
}

.hero h1 {
  font-size: 42px;
  line-height: 1.16;
  letter-spacing: -1.4px;
}

.hero-product,
.hero h1 em {
  display: block;
}

.hero-product {
  margin-bottom: 3px;
  color: #fff;
  font-size: 34px;
  letter-spacing: -.8px;
}

.hero h1 em {
  color: #fff;
  font-style: normal;
}

.hero-description {
  max-width: 580px;
  margin-top: 16px;
}

.hero-actions {
  margin-top: 28px;
}

.hero-visual {
  overflow: hidden;
}

.orbit-features,
.orbit-labels {
  /* Keep the outer trajectory concentric with the globe while leaving the
     reference-like breathing room at both lower sides of the viewport. */
  top: 18px;
  width: 1480px;
  height: 1480px;
}

.orbit-dash {
  stroke: #c8d2e885;
  stroke-dasharray: 5 8;
  stroke-width: 1.6;
}

.globe {
  width: 1280px;
  height: 1280px;
  right: 50%;
  bottom: -700px;
  border-radius: 50%;
  transform: translateX(50%);
  box-shadow: 0 0 0 1px #6494ff60, 0 -6px 24px #4a84ff, 0 0 62px #1750c99e, inset 0 20px 90px #8eccff69;
}

.globe::before {
  background:
    radial-gradient(circle at 48% 46%, transparent 0 39%, #02071628 68%, #00020baf 100%),
    radial-gradient(ellipse at 50% 114%, #0950c4 0, transparent 48%),
    linear-gradient(to bottom, #112b79a3 0%, #03124420 30%, #01020ed9 80%),
    url("earth-night-map.jpg") center 41% / cover no-repeat;
}

.globe::after {
  background: radial-gradient(circle at 50% 43%, transparent 0 44%, #00020a92 84%), linear-gradient(to bottom, #0000 30%, #01020f80 100%);
}

@media (max-width: 680px) {
  .hero.section-shell { min-height: 620px; }
  .hero-copy { top: 176px; }
  .hero h1 { font-size: 33px; }
  .hero-product { font-size: 28px; }
  .hero-description { font-size: 13px; }
  .globe { width: 430px; height: 430px; bottom: -78px; }
}
