/* ORBITA hero and navigation refresh */
.nav {
  height: 86px;
  padding-inline: 5.5%;
  border-bottom-color: rgba(166, 204, 224, .13);
  background: rgba(4, 8, 18, .78);
}
.nav nav { gap: clamp(8px, 1.5vw, 24px); }
.nav nav a {
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #b7c5d1;
  font-size: 9px;
  letter-spacing: .16em;
  transition: color .2s, background .2s, border-color .2s;
}
.nav nav a:hover, .nav nav a:focus-visible {
  color: #effbff;
  border-color: rgba(165, 217, 229, .22);
  background: rgba(132, 192, 213, .08);
}
.nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 46px;
  padding: 0 10px 0 18px;
  border: 1px solid rgba(205, 237, 242, .65);
  background: #d8e8e9;
  color: #07111c;
  letter-spacing: .12em;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.nav-cta:hover, .nav-cta:focus-visible {
  background: #f3ffff;
  box-shadow: 0 0 24px rgba(138, 219, 235, .2);
  transform: translateY(-1px);
}
.nav-cta span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  margin: 0;
  border-radius: 50%;
  background: #102330;
  color: #c3f0f4;
  font-size: 14px;
}
.hero {
  min-height: min(900px, calc(100svh - 86px));
  padding: 80px 8% 100px;
  isolation: isolate;
}
.hero-copy {
  width: min(54%, 760px);
  max-width: 760px;
}
.hero .eyebrow { gap: 12px; color: #b7e8ee; }
.hero-kicker {
  margin: 20px 0 32px;
  color: #eef2f6;
  font-weight: 500;
  letter-spacing: .15em;
}
.hero h1 {
  font-size: clamp(70px, 7.3vw, 148px);
  letter-spacing: -.075em;
  line-height: .93;
}
.hero h1 em {
  display: inline-block;
  white-space: nowrap;
  color: #a8e0e9;
  font-weight: 400;
}
.hero h1 em span { color: #e6ad83; }
.hero-description {
  max-width: 440px;
  margin: 28px 0 27px;
  color: #bdc9d5;
  font-size: 14px;
  line-height: 1.8;
}
.hero-actions { gap: 25px; }
.hero-primary {
  min-width: 214px;
  min-height: 48px;
  padding: 0 12px 0 19px;
  gap: 20px;
  border: 1px solid rgba(245, 255, 255, .8);
  background: #e0eeee;
  font-size: 9px;
  letter-spacing: .13em;
  box-shadow: 0 8px 30px rgba(64, 133, 156, .1);
}
.hero-primary span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #102330;
  color: #d8f6f8;
  font-size: 14px;
}
.hero .quiet {
  padding: 14px 0;
  color: #d0dce3;
  font-size: 9px;
  letter-spacing: .14em;
}
.hero .quiet span { color: var(--accent); }
.hero-visual {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: -4%;
  width: min(63vw, 1020px);
  max-width: none;
  aspect-ratio: 1;
  opacity: .96;
  transform: translateY(-50%);
}
.solar-map { position: absolute; inset: 0; }
.solar-system-art {
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
  object-fit: contain;
  filter: drop-shadow(0 12px 34px rgba(74, 181, 210, .12));
}.map-label,.map-coordinates {
  position: absolute;
  color: rgba(206, 227, 237, .72);
  font-size: clamp(7px, .48vw, 9px);
  letter-spacing: .14em;
}
.map-label::before { content: ""; display: inline-block; width: 22px; height: 1px; margin: 0 8px 3px 0; background: #83becd; }
.label-earth { left: 21%; top: 43%; }.label-saturn { right: 10%; top: 66%; }
.map-coordinates { font-size: 7px; line-height: 1.9; letter-spacing: .11em; color: rgba(174, 205, 218, .49); }
.coordinates-left { left: 8%; top: 21%; }.coordinates-right { right: 14%; top: 18%; text-align: right; }
.map-scale { position: absolute; bottom: 12%; right: 10%; display: flex; align-items: center; gap: 4px; color: #9fb8c4; font-size: 7px; }
.map-scale i { display: block; width: 20px; height: 1px; background: #a0cad4; }
.map-scale small { margin-left: 5px; }
.hero-bottom {
  left: 8%; right: 8%; bottom: 26px;
  color: #9eabb8; font-size: 8px; letter-spacing: .13em;
}
.hero-bottom span:nth-child(2) { color: #8998a6; }
#menu {
  width: 42px; height: 42px;
  border: 1px solid rgba(165, 217, 229, .28);
  border-radius: 2px;
  background: rgba(122, 174, 198, .08);
  color: #d8edf1;
}
#menu:hover { background: rgba(122, 174, 198, .18); }
@media (max-width: 1200px) {
  .nav { padding-inline: 4%; }
  .nav nav { gap: 4px; }
  .nav nav a { padding-inline: 10px; }
  .hero-copy { width: 56%; }
  .hero-visual { width: 58vw; right: 0; opacity: .78; }
  .map-label,.map-coordinates,.map-scale { display: none; }
}
@media (max-width: 900px) {
  .nav { height: 77px; }
  .nav nav {
    display: none;
    position: absolute;
    z-index: 10;
    top: 76px; left: 0; right: 0;
    flex-direction: column;
    gap: 5px;
    padding: 14px 5% 20px;
    border: 1px solid rgba(165,217,229,.15);
    border-top: 0;
    background: rgba(6, 12, 24, .96);
    backdrop-filter: blur(18px);
  }
  .nav nav.open { display: flex; }
  .nav nav a { padding: 16px; }
  .nav-cta { display: none; }
  #menu { display: block; }
  .hero {
    min-height: min(820px, calc(100svh - 77px));
    align-items: flex-start;
    padding: 95px 6% 92px;
  }
  .hero-copy { width: min(69%, 680px); }
  .hero-visual { top: 57%; right: -15%; width: min(92vw, 760px); opacity: .65; }
  .hero h1 { font-size: clamp(66px, 9vw, 110px); }
  .hero-description { max-width: 410px; }
  .hero-bottom { left: 6%; right: 6%; }
}
@media (max-width: 650px) {
  .nav .orbita-logo-link { width: 140px; }
  .nav .orbita-header-logo { max-height: 58px; }
  .hero {
    min-height: min(790px, calc(100svh - 77px));
    min-height: max(690px, calc(100svh - 77px));
    padding-top: 62px;
  }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(56px, 14vw, 88px); }
  .hero-kicker { margin-top: 22px; }
  .hero-description { max-width: 340px; font-size: 13px; }
  .hero-visual { width: 112vw; right: -34%; top: 63%; opacity: .55; }
  .map-coordinates,.map-label,.map-scale { display: none; }
  .solar-orbit { border-color: rgba(134,206,224,.15); }
  .hero-bottom { bottom: 17px; font-size: 7px; }
  .hero-bottom span:nth-child(2) { display: none; }
  .hero-actions { gap: 15px; }
  .hero-primary { min-width: 195px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav nav a,.nav-cta,.hero-primary { transition: none; }
}