/* ORBITA cinematic borderless system.
   This layer deliberately loads after the legacy component skins. */

:root {
  --orbita-void: #010406;
  --orbita-deep: #031016;
  --orbita-ocean: #072530;
  --orbita-cyan: #7be7e5;
  --orbita-mint: #b8ffd8;
  --orbita-solar: #f2cd78;
  --orbita-ice: #eaf7f4;
  --orbita-muted: rgba(214, 235, 232, .64);
  --orbita-flow-x: 66%;
  --orbita-flow-y: 24%;
  --orbita-section-pad: clamp(92px, 12vw, 188px);
  --orbita-page-pad: clamp(20px, 5.5vw, 92px);
  --orbita-content: 1480px;
}

html {
  background: var(--orbita-void);
}

body.orbita-experience-v4 {
  color: var(--orbita-ice);
  background:
    radial-gradient(circle at var(--orbita-flow-x) var(--orbita-flow-y), rgba(46, 152, 171, .14), transparent 31%),
    radial-gradient(circle at 9% 42%, rgba(102, 235, 207, .075), transparent 25%),
    linear-gradient(180deg, #020609 0%, #010405 48%, #02090c 100%) !important;
}

body.orbita-experience-v4::before {
  content: "";
  position: fixed;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 18%, rgba(181, 255, 229, .22) 0 1px, transparent 1.6px),
    radial-gradient(circle at 72% 13%, rgba(151, 220, 255, .18) 0 1px, transparent 1.6px),
    radial-gradient(circle at 86% 61%, rgba(247, 214, 143, .16) 0 1px, transparent 1.5px),
    radial-gradient(circle at 38% 79%, rgba(179, 255, 236, .14) 0 1px, transparent 1.4px);
  background-size: 181px 181px, 263px 263px, 337px 337px, 223px 223px;
  opacity: .6;
  animation: orbita-star-drift 48s linear infinite;
}

body.orbita-experience-v4::after {
  content: "";
  position: fixed;
  z-index: -1;
  inset: -25%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 72% 22%, rgba(42, 135, 163, .12), transparent 34%),
    radial-gradient(ellipse at 18% 70%, rgba(82, 202, 166, .07), transparent 31%);
  filter: blur(60px);
  animation: orbita-nebula-breathe 18s ease-in-out infinite alternate;
}

body.orbita-experience-v4 .platform-shell,
body.orbita-experience-v4 main {
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .section,
body.orbita-experience-v4 .orbita-atlas,
body.orbita-experience-v4 .orbita-earth-section {
  position: relative;
  isolation: isolate;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--orbita-section-pad) var(--orbita-page-pad) !important;
  overflow: clip;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .section::before,
body.orbita-experience-v4 .orbita-atlas::before,
body.orbita-experience-v4 .orbita-earth-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4% -14%;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, rgba(29, 104, 121, .065), transparent 62%);
  filter: blur(26px);
}

body.orbita-experience-v4 .section-heading,
body.orbita-experience-v4 .atlas-heading,
body.orbita-experience-v4 .orbita-earth-heading,
body.orbita-experience-v4 .identity-entry,
body.orbita-experience-v4 .mission-grid,
body.orbita-experience-v4 .method-layout,
body.orbita-experience-v4 .age-layout,
body.orbita-experience-v4 .journey-grid,
body.orbita-experience-v4 .delivery-grid,
body.orbita-experience-v4 .work-surface-strip,
body.orbita-experience-v4 .systems-shell,
body.orbita-experience-v4 .orbita-earth-layout,
body.orbita-experience-v4 .orbita-earth-evidence {
  width: min(100%, var(--orbita-content)) !important;
  max-width: var(--orbita-content) !important;
  margin-inline: auto !important;
}

body.orbita-experience-v4 .section-heading,
body.orbita-experience-v4 .atlas-heading,
body.orbita-experience-v4 .orbita-earth-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .58fr);
  align-items: end;
  gap: clamp(28px, 7vw, 120px);
  margin-bottom: clamp(58px, 8vw, 112px) !important;
}

body.orbita-experience-v4 .section-heading h2,
body.orbita-experience-v4 .atlas-heading h2,
body.orbita-experience-v4 .orbita-earth-heading h2 {
  max-width: 18ch;
  margin: 0;
  text-wrap: balance;
  font-size: clamp(42px, 6.2vw, 96px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

body.orbita-experience-v4 .section-heading > p,
body.orbita-experience-v4 .atlas-heading > p,
body.orbita-experience-v4 .orbita-earth-heading > p:not(.orbita-earth-eyebrow) {
  max-width: 46ch;
  margin: 0 0 .35rem auto;
  color: var(--orbita-muted) !important;
  font-size: clamp(15px, 1.45vw, 20px) !important;
  line-height: 1.82 !important;
}

body.orbita-experience-v4 .orbita-workbench-window,
body.orbita-experience-v4 .mission-grid,
body.orbita-experience-v4 .method-layout,
body.orbita-experience-v4 .journey-grid,
body.orbita-experience-v4 .delivery-grid,
body.orbita-experience-v4 .systems-shell,
body.orbita-experience-v4 .atlas-stage,
body.orbita-experience-v4 .identity-entry {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .orbita-window-toolbar {
  width: max-content;
  min-height: 34px !important;
  margin-bottom: clamp(28px, 4vw, 58px);
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(194, 233, 230, .48) !important;
}

body.orbita-experience-v4 .identity-entry {
  min-height: min(72vw, 880px);
  align-items: center;
  gap: clamp(48px, 9vw, 154px) !important;
}

body.orbita-experience-v4 .identity-entry-visual {
  min-height: clamp(420px, 54vw, 760px);
  overflow: clip;
  border: 0 !important;
  border-radius: clamp(40px, 7vw, 100px) !important;
  background: rgba(5, 18, 24, .32);
  box-shadow: 0 60px 180px rgba(0, 0, 0, .34) !important;
  -webkit-mask-image: linear-gradient(135deg, transparent 0, #000 9%, #000 88%, transparent 100%);
  mask-image: linear-gradient(135deg, transparent 0, #000 9%, #000 88%, transparent 100%);
}

body.orbita-experience-v4 .mission-grid,
body.orbita-experience-v4 .delivery-grid {
  gap: clamp(28px, 5vw, 76px) !important;
}

body.orbita-experience-v4 .mission-grid > article,
body.orbita-experience-v4 .delivery-grid > article,
body.orbita-experience-v4 .journey-grid > article,
body.orbita-experience-v4 .systems-grid > article {
  position: relative;
  min-height: clamp(320px, 35vw, 520px);
  padding: clamp(28px, 4vw, 58px) !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: clamp(28px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 82% 7%, hsla(var(--persona-hue, 187), 80%, 60%, .12), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .009) 58%, rgba(31, 108, 126, .04)) !important;
  box-shadow: 0 46px 120px rgba(0, 0, 0, .2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(118%);
  backdrop-filter: blur(20px) saturate(118%);
}

body.orbita-experience-v4 .mission-grid > article:nth-child(2n),
body.orbita-experience-v4 .delivery-grid > article:nth-child(2n) {
  background:
    radial-gradient(circle at 82% 7%, rgba(242, 205, 120, .105), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .008) 58%, rgba(117, 84, 31, .035)) !important;
}

body.orbita-experience-v4 .mission-grid > article::after,
body.orbita-experience-v4 .delivery-grid > article::after {
  content: "";
  position: absolute;
  right: -16%;
  bottom: -32%;
  width: 72%;
  aspect-ratio: 1;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(113, 224, 219, .075), transparent 67%);
  transition: transform 700ms cubic-bezier(.2, .8, .2, 1), opacity 700ms ease;
}

body.orbita-experience-v4 .mission-grid > article:hover::after,
body.orbita-experience-v4 .delivery-grid > article:hover::after {
  transform: scale(1.22) translate(-4%, -4%);
  opacity: 1;
}

body.orbita-experience-v4 .method-layout {
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(58px, 10vw, 170px) !important;
  align-items: center;
}

body.orbita-experience-v4 .method-orbit {
  width: min(48vw, 660px) !important;
  aspect-ratio: 1;
  border: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(151, 255, 221, .21) 0 1.2%, transparent 1.7%),
    radial-gradient(circle at 50% 50%, rgba(37, 137, 154, .16), transparent 43%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 12%, rgba(142, 227, 224, .09) 12.2% 12.45%, transparent 12.7% 21%) !important;
  box-shadow: 0 0 160px rgba(39, 148, 165, .11) !important;
  animation: orbita-orbit-breathe 8s ease-in-out infinite;
}

body.orbita-experience-v4 .work-surface-strip,
body.orbita-experience-v4 .age-layout,
body.orbita-experience-v4 .scene-status-rail,
body.orbita-experience-v4 .orbita-earth-evidence {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* The Mapbox element also receives .mapboxgl-map at runtime. The official
   Mapbox stylesheet makes that class position:relative, so this rule must be
   explicit and important or the map collapses to zero height. */
body.orbita-experience-v4 .orbita-earth-section {
  padding-inline: 0 !important;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(22, 91, 111, .14), transparent 50%),
    linear-gradient(180deg, transparent, rgba(1, 11, 15, .5) 42%, transparent) !important;
}

body.orbita-experience-v4 .orbita-earth-heading,
body.orbita-experience-v4 .orbita-earth-evidence {
  width: min(calc(100% - (2 * var(--orbita-page-pad))), var(--orbita-content)) !important;
}

body.orbita-experience-v4 .orbita-earth-layout {
  width: 100% !important;
  max-width: none !important;
  gap: clamp(52px, 8vw, 116px) !important;
}

body.orbita-experience-v4 .orbita-earth-viewport {
  position: relative !important;
  width: min(100%, 1720px) !important;
  height: clamp(720px, 68vw, 980px) !important;
  min-height: 720px !important;
  margin-inline: auto;
  overflow: clip !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(32, 123, 148, .16), transparent 48%),
    #01070a !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .orbita-mapbox-globe,
body.orbita-experience-v4 .orbita-mapbox-globe.mapboxgl-map {
  position: absolute !important;
  z-index: 5 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 0;
  background: #01070a !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

body.orbita-experience-v4 .orbita-earth-viewport.has-live-map .orbita-mapbox-globe {
  opacity: 1 !important;
}

body.orbita-experience-v4 .orbita-mapbox-globe .mapboxgl-canvas-container,
body.orbita-experience-v4 .orbita-mapbox-globe .mapboxgl-canvas {
  width: 100% !important;
  height: 100% !important;
}

body.orbita-experience-v4 .orbita-earth-viewport::before {
  z-index: 7 !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(0, 5, 8, .62), transparent 18%, transparent 72%, rgba(0, 5, 8, .34)),
    linear-gradient(180deg, rgba(0, 4, 7, .46), transparent 20%, transparent 72%, rgba(0, 4, 7, .72)) !important;
}

body.orbita-experience-v4 .orbita-orbital-hud {
  z-index: 14 !important;
  border: 0 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(99, 226, 219, .12), transparent 42%),
    rgba(2, 13, 18, .64) !important;
  box-shadow: 0 36px 100px rgba(0, 0, 0, .32) !important;
  -webkit-backdrop-filter: blur(28px) saturate(132%);
  backdrop-filter: blur(28px) saturate(132%);
}

body.orbita-experience-v4 .orbita-earth-viewport-label {
  z-index: 14 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .orbita-earth-missions {
  width: min(calc(100% - (2 * var(--orbita-page-pad))), var(--orbita-content));
  margin-inline: auto;
}

body.orbita-experience-v4 .orbita-earth-mission-card {
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .closing {
  min-height: 80svh;
  display: grid;
  place-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 50% 50%, rgba(83, 216, 194, .12), transparent 34%),
    transparent !important;
}

body.orbita-experience-v4 .closing > div {
  width: min(920px, 100%);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .eu-button-primary,
body.orbita-experience-v4 .hero-primary {
  border: 0 !important;
  color: #001510 !important;
  background: linear-gradient(120deg, #d7ffe8, #91efbd 56%, #c7ffd9) !important;
  box-shadow: 0 20px 56px rgba(92, 225, 166, .2) !important;
}

body.orbita-experience-v4 .eu-button:not(.eu-button-primary),
body.orbita-experience-v4 button:not(.eu-button-primary):not(.hero-primary) {
  border-color: transparent !important;
}

@media (max-width: 980px) {
  :root {
    --orbita-section-pad: clamp(78px, 14vw, 126px);
    --orbita-page-pad: clamp(18px, 5vw, 48px);
  }

  body.orbita-experience-v4 .section-heading,
  body.orbita-experience-v4 .atlas-heading,
  body.orbita-experience-v4 .orbita-earth-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 28px;
  }

  body.orbita-experience-v4 .section-heading > p,
  body.orbita-experience-v4 .atlas-heading > p,
  body.orbita-experience-v4 .orbita-earth-heading > p:not(.orbita-earth-eyebrow) {
    margin-left: 0;
  }

  body.orbita-experience-v4 .method-layout {
    grid-template-columns: 1fr !important;
  }

  body.orbita-experience-v4 .method-orbit {
    width: min(78vw, 620px) !important;
    margin-inline: auto;
  }

  body.orbita-experience-v4 .orbita-earth-viewport {
    width: 100% !important;
    height: clamp(720px, 102vw, 880px) !important;
  }
}

@media (max-width: 679px) {
  :root {
    --orbita-section-pad: 92px;
    --orbita-page-pad: 16px;
  }

  body.orbita-experience-v4 .section-heading h2,
  body.orbita-experience-v4 .atlas-heading h2,
  body.orbita-experience-v4 .orbita-earth-heading h2 {
    max-width: 13ch;
    font-size: clamp(38px, 13vw, 62px) !important;
    line-height: .98 !important;
  }

  body.orbita-experience-v4 .identity-entry {
    min-height: 0;
  }

  body.orbita-experience-v4 .identity-entry-visual {
    min-height: 430px;
    border-radius: 34px !important;
  }

  body.orbita-experience-v4 .mission-grid > article,
  body.orbita-experience-v4 .delivery-grid > article,
  body.orbita-experience-v4 .journey-grid > article,
  body.orbita-experience-v4 .systems-grid > article {
    min-height: 0;
    padding: 28px 22px !important;
    border-radius: 28px !important;
  }

  body.orbita-experience-v4 .orbita-earth-viewport {
    height: 820px !important;
    min-height: 820px !important;
  }

  body.orbita-experience-v4 .orbita-mapbox-globe,
  body.orbita-experience-v4 .orbita-mapbox-globe.mapboxgl-map {
    inset: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
  }

  body.orbita-experience-v4 .orbita-orbital-hud {
    right: 10px !important;
    bottom: 18px !important;
    left: 10px !important;
    width: auto !important;
    max-height: 46% !important;
    border-radius: 26px !important;
  }
}

@keyframes orbita-star-drift {
  to { background-position: 181px 90px, -263px 132px, 168px -337px, -112px 223px; }
}

@keyframes orbita-nebula-breathe {
  from { transform: translate3d(-2%, -1%, 0) scale(.96); opacity: .72; }
  to { transform: translate3d(3%, 2%, 0) scale(1.06); opacity: 1; }
}

@keyframes orbita-orbit-breathe {
  0%, 100% { transform: scale(.985); filter: saturate(.92); }
  50% { transform: scale(1.015); filter: saturate(1.12); }
}

@media (prefers-reduced-motion: reduce) {
  body.orbita-experience-v4::before,
  body.orbita-experience-v4::after,
  body.orbita-experience-v4 .method-orbit {
    animation: none !important;
  }
}

/* 2026-08 completion pass: retain the cinematic atmosphere while making each
   scene denser, responsive and useful instead of slide-like. */
:root {
  --orbita-section-pad: clamp(72px, 8vw, 118px);
  --orbita-page-pad: clamp(20px, 5vw, 72px);
}

body.orbita-experience-v4 .site-header {
  left: 50% !important;
  right: auto !important;
  width: min(1240px, calc(100% - 20px)) !important;
  transform: translateX(-50%) !important;
}

body.orbita-experience-v4 .orbita-scene-section,
body.orbita-experience-v4 #visual-atlas,
body.orbita-experience-v4 #earth-mission,
body.orbita-experience-v4 #systems {
  height: auto !important;
  min-height: 0 !important;
}

body.orbita-experience-v4 .section-heading,
body.orbita-experience-v4 .orbita-scene-heading {
  margin-bottom: clamp(34px, 5vw, 70px) !important;
}

body.orbita-experience-v4 .identity {
  min-height: clamp(620px, 62vw, 760px) !important;
  gap: clamp(40px, 7vw, 104px) !important;
}

body.orbita-experience-v4 .identity-visual {
  min-height: clamp(420px, 46vw, 650px) !important;
  background:
    linear-gradient(90deg, transparent 68%, rgba(2, 5, 10, .88) 100%),
    linear-gradient(180deg, rgba(2, 5, 10, .04), rgba(2, 5, 10, .42)),
    url("/platform-v3/media/friends-collaboration-action-v3.png") center 48% / cover no-repeat !important;
}

body.orbita-experience-v4 .mission-card,
body.orbita-experience-v4 .delivery-card,
body.orbita-experience-v4 .journey-card,
body.orbita-experience-v4 .system-card {
  min-height: clamp(260px, 28vw, 430px) !important;
}

body.orbita-experience-v4 .method-orbit {
  width: min(42vw, 560px) !important;
}

body.orbita-experience-v4 .orbita-earth-viewport {
  min-height: 620px !important;
  height: clamp(620px, 58vw, 820px) !important;
}

body.orbita-experience-v4 .closing {
  min-height: clamp(480px, 64svh, 680px) !important;
}

@media (max-width: 1439px) {
  body.orbita-experience-v4 .orbita-earth-layout {
    grid-template-columns: 1fr !important;
  }

  body.orbita-experience-v4 .orbita-earth-missions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.orbita-experience-v4 .orbita-earth-mission {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-width: 0 !important;
  }
}

@media (max-width: 980px) {
  :root {
    --orbita-section-pad: clamp(62px, 10vw, 92px);
  }

  body.orbita-experience-v4 .identity-visual {
    min-height: 380px !important;
  }

  body.orbita-experience-v4 .orbita-earth-viewport {
    min-height: 580px !important;
    height: clamp(580px, 74vw, 720px) !important;
  }
}

@media (max-width: 679px) {
  :root {
    --orbita-section-pad: 58px;
    --orbita-page-pad: 16px;
  }

  body.orbita-experience-v4 .site-header {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-height: 56px !important;
    transform: none !important;
  }

  body.orbita-experience-v4 .brand {
    gap: 8px !important;
  }

  body.orbita-experience-v4 .brand-eyes {
    width: 48px !important;
    height: 34px !important;
  }

  body.orbita-experience-v4 .brand b {
    font-size: 14px !important;
  }

  body.orbita-experience-v4 .hero {
    height: auto !important;
    min-height: 100svh !important;
    padding: 106px 16px 52px !important;
    gap: 28px !important;
  }

  body.orbita-experience-v4 .hero-copy,
  body.orbita-experience-v4 .hero h1 {
    max-width: 100% !important;
  }

  body.orbita-experience-v4 .hero h1 {
    font-size: clamp(43px, 13vw, 56px) !important;
    overflow-wrap: anywhere;
  }

  body.orbita-experience-v4 .hero-stage {
    height: auto !important;
    min-height: 340px !important;
  }

  body.orbita-experience-v4 .signal-strip {
    height: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.orbita-experience-v4 .signal-strip > * {
    min-height: 108px !important;
  }

  body.orbita-experience-v4 .section,
  body.orbita-experience-v4 .orbita-atlas,
  body.orbita-experience-v4 .orbita-earth-section,
  body.orbita-experience-v4 .orbita-scene-section {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  body.orbita-experience-v4 .section-heading,
  body.orbita-experience-v4 .orbita-scene-heading {
    gap: 18px !important;
    margin-bottom: 34px !important;
  }

  body.orbita-experience-v4 .section-heading h2,
  body.orbita-experience-v4 .orbita-scene-heading h2 {
    max-width: 100% !important;
    font-size: clamp(36px, 11vw, 48px) !important;
    overflow-wrap: anywhere;
  }

  body.orbita-experience-v4 .identity {
    min-height: 0 !important;
    flex-direction: column !important;
    gap: 34px !important;
  }

  body.orbita-experience-v4 .identity-copy {
    order: 1;
    padding: 0 !important;
  }

  body.orbita-experience-v4 .identity-visual {
    order: 2;
    width: 100% !important;
    min-height: 250px !important;
    height: 250px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body.orbita-experience-v4 .mission-grid,
  body.orbita-experience-v4 .delivery-grid,
  body.orbita-experience-v4 .journey-grid,
  body.orbita-experience-v4 .systems-grid,
  body.orbita-experience-v4 .orbita-earth-missions {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.orbita-experience-v4 .mission-card,
  body.orbita-experience-v4 .delivery-card,
  body.orbita-experience-v4 .journey-card,
  body.orbita-experience-v4 .system-card {
    min-height: 0 !important;
    padding: 25px 20px !important;
    overflow: hidden;
  }

  body.orbita-experience-v4 .mission-card h3,
  body.orbita-experience-v4 .delivery-card h3,
  body.orbita-experience-v4 .journey-card h3,
  body.orbita-experience-v4 .system-card h3 {
    overflow-wrap: anywhere;
  }

  body.orbita-experience-v4 .method-orbit {
    width: min(100%, 340px) !important;
  }

  body.orbita-experience-v4 .method-layout {
    gap: 28px !important;
  }

  body.orbita-experience-v4 .orbita-earth-viewport {
    min-height: 580px !important;
    height: 580px !important;
  }

  body.orbita-experience-v4 .orbita-earth-mission {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    padding: 18px 6px !important;
    overflow: visible !important;
  }

  body.orbita-experience-v4 .orbita-earth-evidence {
    height: auto !important;
    overflow: visible !important;
  }

  body.orbita-experience-v4 .orbita-earth-hud {
    max-width: 54% !important;
  }

  body.orbita-experience-v4 .closing {
    min-height: 0 !important;
    padding-block: 88px !important;
  }
}

/* Current component contract: the live page uses identity-entry-* and a
   three-part method workbench. These rules intentionally target that contract. */
body.orbita-experience-v4 #identity {
  min-height: clamp(620px, 62vw, 780px) !important;
  gap: clamp(40px, 7vw, 104px) !important;
}

body.orbita-experience-v4 .identity-entry-visual {
  min-height: clamp(420px, 46vw, 650px) !important;
  background:
    linear-gradient(90deg, rgba(2, 7, 12, .2), transparent 52%, rgba(2, 7, 12, .76)),
    linear-gradient(180deg, rgba(2, 7, 12, .04), rgba(2, 7, 12, .58)),
    url("/platform-v3/media/friends-collaboration-action-v3.png") center 46% / cover no-repeat !important;
}

body.orbita-experience-v4 #abilities .method-layout {
  gap: clamp(26px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 25% 55%, rgba(70, 219, 204, .12), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(91, 177, 255, .08), transparent 27%),
    linear-gradient(145deg, rgba(5, 18, 23, .34), rgba(2, 8, 13, .08)) !important;
}

body.orbita-experience-v4 #abilities .method-orbit {
  width: min(42vw, 520px) !important;
  filter: brightness(1.28) saturate(1.18);
}

body.orbita-experience-v4 #abilities .method-orbit button {
  opacity: .86;
}

body.orbita-experience-v4 #abilities .method-orbit button.is-active {
  opacity: 1;
  filter: brightness(1.18);
}

body.orbita-experience-v4 #abilities .method-stage-readout {
  width: 100%;
  margin: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 0;
  border-radius: 28px;
  background:
    linear-gradient(120deg, rgba(126, 255, 215, .1), transparent 48%),
    rgba(7, 22, 27, .66);
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 28px 80px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px) saturate(124%);
}

body.orbita-experience-v4 #abilities .method-stage-readout .method-stage-kicker {
  color: rgba(154, 255, 226, .82);
}

body.orbita-experience-v4 #abilities .method-cards {
  gap: 12px;
}

body.orbita-experience-v4 #abilities .method-cards article {
  min-height: 0;
  padding: 22px 24px;
  border: 0 !important;
  background:
    linear-gradient(112deg, rgba(93, 223, 200, .09), transparent 48%),
    rgba(6, 18, 23, .62) !important;
  box-shadow: inset 3px 0 rgba(112, 236, 215, .28), inset 0 1px rgba(255, 255, 255, .035) !important;
}

body.orbita-experience-v4 #abilities .method-cards article:nth-child(2) {
  background:
    linear-gradient(112deg, rgba(91, 173, 255, .1), transparent 48%),
    rgba(6, 18, 23, .62) !important;
  box-shadow: inset 3px 0 rgba(91, 190, 255, .3), inset 0 1px rgba(255, 255, 255, .035) !important;
}

body.orbita-experience-v4 #abilities .method-cards article:nth-child(3) {
  background:
    linear-gradient(112deg, rgba(229, 197, 104, .09), transparent 48%),
    rgba(6, 18, 23, .62) !important;
  box-shadow: inset 3px 0 rgba(229, 197, 104, .28), inset 0 1px rgba(255, 255, 255, .035) !important;
}

body.orbita-experience-v4 .delivery-grid > article {
  min-height: 198px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(101, 229, 213, .1), transparent 38%),
    linear-gradient(145deg, rgba(8, 24, 29, .74), rgba(3, 11, 16, .38)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 26px 74px rgba(0, 0, 0, .12) !important;
}

body.orbita-experience-v4 .delivery-grid > article:nth-of-type(3n + 2) {
  background:
    radial-gradient(circle at 88% 12%, rgba(101, 177, 255, .1), transparent 38%),
    linear-gradient(145deg, rgba(8, 20, 30, .72), rgba(3, 11, 16, .38)) !important;
}

body.orbita-experience-v4 .delivery-grid > article:nth-of-type(3n) {
  background:
    radial-gradient(circle at 88% 12%, rgba(230, 197, 103, .1), transparent 38%),
    linear-gradient(145deg, rgba(24, 22, 16, .6), rgba(3, 11, 16, .38)) !important;
}

/* The full-screen Three canvas performs the precise raycast. Only expose the
   transparent DOM hit surface while that raycast confirms the pointer is over
   the robot, so the companion is clickable without stealing page controls. */
body.has-three-robot.is-robot-hovered:not(.agent-open) .three-robot-hit-target {
  pointer-events: auto;
}

@media (max-width: 980px) {
  body.orbita-experience-v4 #abilities .method-orbit {
    width: min(100%, 480px) !important;
    margin-inline: auto;
  }

  body.orbita-experience-v4 #abilities .method-layout {
    gap: 24px !important;
  }
}

@media (max-width: 679px) {
  body.orbita-experience-v4 .hero-copy h1,
  body.orbita-experience-v4 #heroTitle {
    max-width: 100% !important;
    font-size: clamp(40px, 11.5vw, 48px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
  }

  body.orbita-experience-v4 .hero-stage.orbita-workbench-window {
    height: 388px !important;
    min-height: 0 !important;
  }

  body.orbita-experience-v4 #identity {
    min-height: 0 !important;
    gap: 24px !important;
  }

  body.orbita-experience-v4 #identity .orbita-window-toolbar {
    order: 1;
  }

  body.orbita-experience-v4 .identity-entry-copy {
    order: 2;
    padding: 0 4px !important;
  }

  body.orbita-experience-v4 .identity-entry-visual {
    order: 3;
    width: 100% !important;
    min-height: 280px !important;
    height: 280px !important;
    border-radius: 28px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body.orbita-experience-v4 #abilities .method-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 58px 0 22px !important;
  }

  body.orbita-experience-v4 #abilities .method-orbit {
    width: min(100%, 326px) !important;
  }

  body.orbita-experience-v4 #abilities .method-stage-readout {
    padding: 22px 18px;
    border-radius: 22px;
  }

  body.orbita-experience-v4 #abilities .method-cards article,
  body.orbita-experience-v4 .delivery-grid > article {
    padding: 22px 19px !important;
  }
}

/* ORBITA clarity pass: one near-black atmospheric canvas and a restrained hierarchy. */
body.orbita-experience-v4 {
  --orbita-ink: #f4f7f8;
  --orbita-muted: rgba(226, 233, 236, .64);
  --orbita-subtle: rgba(226, 233, 236, .42);
  --orbita-line: rgba(235, 241, 243, .1);
  --orbita-glass: rgba(9, 12, 14, .54);
  --orbita-glass-strong: rgba(8, 10, 12, .76);
  --orbita-silver: #dce4e7;
  --orbita-focus: #eef5f6;
  color: var(--orbita-ink);
  background:
    radial-gradient(80rem 48rem at 76% -18%, rgba(134, 154, 161, .13), transparent 58%),
    radial-gradient(60rem 42rem at -12% 35%, rgba(68, 83, 89, .12), transparent 62%),
    #010203 !important;
}

body.orbita-experience-v4::before {
  opacity: .24 !important;
  filter: grayscale(1) contrast(1.08) !important;
}

body.orbita-experience-v4::after {
  opacity: .09 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px) !important;
  background-size: 80px 80px !important;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.5), transparent 72%) !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.5), transparent 72%) !important;
}

body.orbita-experience-v4 .platform-shell,
body.orbita-experience-v4 main,
body.orbita-experience-v4 .orbita-scene-section,
body.orbita-experience-v4 .section,
body.orbita-experience-v4 .hero-stage,
body.orbita-experience-v4 .orbita-workbench-window,
body.orbita-experience-v4 .method-orbit,
body.orbita-experience-v4 .delivery-grid {
  background-color: transparent !important;
}

body.orbita-experience-v4 .site-header {
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
  background: linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.58)) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
}

body.orbita-experience-v4 #siteNav a,
body.orbita-experience-v4 .site-header a {
  color: rgba(242, 246, 247, .68) !important;
}

body.orbita-experience-v4 #siteNav a:hover,
body.orbita-experience-v4 #siteNav a:focus-visible,
body.orbita-experience-v4 .site-header a:hover,
body.orbita-experience-v4 .site-header a:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,.065) !important;
}

body.orbita-experience-v4 .orbita-scene-section,
body.orbita-experience-v4 section.section {
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  box-shadow: none !important;
}

body.orbita-experience-v4 .orbita-scene-section::before,
body.orbita-experience-v4 .orbita-scene-section::after,
body.orbita-experience-v4 section.section::before,
body.orbita-experience-v4 section.section::after {
  filter: grayscale(1) saturate(.25) !important;
  opacity: .28 !important;
}

body.orbita-experience-v4 :is(
  .orbita-workbench-window,
  .orbita-window,
  .glass,
  .identity-entry-copy,
  .method-card,
  .delivery-card,
  .course-card,
  .resource-card,
  .system-card,
  .challenge-card,
  .mission-card
) {
  border-color: rgba(255,255,255,.075) !important;
  background: linear-gradient(155deg, rgba(255,255,255,.047), rgba(255,255,255,.014) 46%, rgba(0,0,0,.06)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 24px 70px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter: blur(20px) saturate(112%) !important;
  backdrop-filter: blur(20px) saturate(112%) !important;
}

body.orbita-experience-v4 :is(
  .method-card,
  .delivery-card,
  .course-card,
  .resource-card,
  .system-card,
  .challenge-card,
  .mission-card
):hover {
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(155deg, rgba(255,255,255,.072), rgba(255,255,255,.022)) !important;
}

body.orbita-experience-v4 .orbita-window-toolbar {
  min-height: 34px !important;
  padding-block: 6px !important;
  color: rgba(234, 240, 242, .48) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(0,0,0,.18) !important;
}

body.orbita-experience-v4 .orbita-window-focus-button,
body.orbita-experience-v4 .orbita-window-lights {
  opacity: .46 !important;
  filter: grayscale(1) !important;
}

body.orbita-experience-v4 :is(.eyebrow, .kicker, .orbita-window-kicker, .signal-label) {
  color: rgba(222, 231, 234, .58) !important;
}

body.orbita-experience-v4 :is(p, .lede, .section-lead, .card-copy, .meta) {
  color: var(--orbita-muted);
}

body.orbita-experience-v4 :is(.eu-button, .button, button) {
  border-color: rgba(255,255,255,.11);
}

body.orbita-experience-v4 :is(.eu-button-primary, .button-primary) {
  color: #030506 !important;
  background: #edf2f3 !important;
  border-color: #edf2f3 !important;
  box-shadow: 0 8px 30px rgba(227, 239, 242, .12) !important;
}

body.orbita-experience-v4 .identity-entry {
  align-items: stretch !important;
  gap: clamp(22px, 4vw, 68px) !important;
}

body.orbita-experience-v4 .identity-entry-visual {
  position: relative !important;
  display: block !important;
  min-height: clamp(330px, 46vw, 620px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: clamp(20px, 3vw, 44px) !important;
  background: #07090a !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.orbita-experience-v4 .identity-entry-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 44%;
  opacity: .92;
  filter: saturate(.72) contrast(1.08) brightness(.82);
  transform: scale(1.015);
  transition: transform 900ms cubic-bezier(.2,.8,.2,1), filter 900ms ease;
}

body.orbita-experience-v4 .identity-entry-visual:hover .identity-entry-image {
  transform: scale(1.045);
  filter: saturate(.88) contrast(1.08) brightness(.9);
}

body.orbita-experience-v4 .identity-entry-visual::before {
  z-index: 1 !important;
  opacity: 1 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), transparent 40%, rgba(0,0,0,.78)),
    linear-gradient(90deg, rgba(0,0,0,.34), transparent 52%, rgba(0,0,0,.18)) !important;
  filter: none !important;
}

body.orbita-experience-v4 .identity-entry-visual::after {
  z-index: 1 !important;
  opacity: .34 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  filter: none !important;
}

body.orbita-experience-v4 .identity-entry-visual > span {
  position: relative;
  z-index: 2;
}

body.orbita-experience-v4 .identity-entry-orbit {
  opacity: .38 !important;
  filter: grayscale(1) !important;
}

body.orbita-experience-v4 .identity-entry-kicker,
body.orbita-experience-v4 .identity-entry-coordinate,
body.orbita-experience-v4 .identity-entry-caption {
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.8) !important;
}

body.orbita-experience-v4 .identity-entry-copy {
  align-self: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.orbita-experience-v4 :is(.signal-strip, .mission-ticker, .orbita-status-strip) {
  border-color: rgba(255,255,255,.07) !important;
  background: rgba(255,255,255,.025) !important;
  box-shadow: none !important;
}

@media (max-width: 820px) {
  body.orbita-experience-v4 .identity-entry-visual {
    min-height: min(68vh, 520px) !important;
    border-radius: 22px !important;
  }

  body.orbita-experience-v4 .identity-entry {
    gap: 22px !important;
  }

  body.orbita-experience-v4 .orbita-window-toolbar {
    min-height: 30px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.orbita-experience-v4 .identity-entry-image {
    transition: none !important;
  }
}

/* Canonical interactive Earth composition. This neutralizes legacy HUD overlays. */
body.orbita-experience-v4 .orbita-earth-section {
  --earth-panel-height: clamp(560px, 55vw, 780px);
  overflow: hidden;
  overflow: clip;
}

body.orbita-experience-v4 .orbita-earth-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(320px, 27vw, 410px) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2.4vw, 38px) !important;
  width: 100% !important;
  min-width: 0;
}

body.orbita-experience-v4 .orbita-earth-viewport {
  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  min-width: 0;
  height: var(--earth-panel-height) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(24px, 3vw, 46px) !important;
  background:
    radial-gradient(circle at 52% 48%, rgb(35 105 139 / 18%), transparent 46%),
    linear-gradient(145deg, rgb(4 13 23 / 76%), rgb(1 6 12 / 36%)) !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 8%),
    inset 0 -50px 100px rgb(0 0 0 / 18%),
    0 44px 120px rgb(0 0 0 / 22%) !important;
  contain: layout paint;
}

body.orbita-experience-v4 .orbita-earth-viewport::before {
  z-index: 9 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgb(105 240 213 / 8%), transparent 18% 80%, rgb(109 157 255 / 8%)),
    radial-gradient(circle at 50% 46%, transparent 42%, rgb(1 6 12 / 24%) 86%) !important;
  box-shadow: inset 0 0 0 1px rgb(183 229 255 / 8%) !important;
  pointer-events: none !important;
}

body.orbita-experience-v4 .orbita-mapbox-globe {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  pointer-events: auto !important;
}

body.orbita-experience-v4 .orbita-mapbox-globe .mapboxgl-canvas-container,
body.orbita-experience-v4 .orbita-mapbox-globe .mapboxgl-canvas {
  width: 100% !important;
  height: 100% !important;
}

body.orbita-experience-v4 .orbita-orbital-hud {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  align-content: start;
  gap: 14px !important;
  width: auto !important;
  min-width: 0;
  height: var(--earth-panel-height) !important;
  max-height: none !important;
  padding: clamp(20px, 2.2vw, 30px) !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: clamp(24px, 2.5vw, 38px) !important;
  color: #edf9ff;
  background:
    radial-gradient(circle at 10% 0%, rgb(87 237 209 / 12%), transparent 34%),
    linear-gradient(155deg, rgb(8 23 35 / 72%), rgb(3 10 18 / 46%)) !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 9%),
    inset 0 0 0 1px rgb(178 225 255 / 6%),
    0 34px 100px rgb(0 0 0 / 16%) !important;
  backdrop-filter: blur(28px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(135%) !important;
  scrollbar-width: thin;
  scrollbar-color: rgb(112 235 213 / 36%) transparent;
}

body.orbita-experience-v4 .orbita-earth-missions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.6vw, 22px) !important;
  width: 100% !important;
  margin-top: clamp(18px, 2.8vw, 38px) !important;
}

body.orbita-experience-v4 .orbita-earth-mission-card {
  min-width: 0;
  min-height: 150px;
  border: 0 !important;
  background: linear-gradient(145deg, rgb(14 35 48 / 62%), rgb(4 12 20 / 26%)) !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 7%),
    inset 0 0 0 1px rgb(176 226 255 / 5%) !important;
}

@media (max-width: 1100px) {
  body.orbita-experience-v4 .orbita-earth-section {
    --earth-panel-height: clamp(500px, 70vw, 680px);
  }

  body.orbita-experience-v4 .orbita-earth-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.orbita-experience-v4 .orbita-orbital-hud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto !important;
    overflow: visible !important;
  }

  body.orbita-experience-v4 .orbita-orbital-hud > header,
  body.orbita-experience-v4 .orbita-space-filters,
  body.orbita-experience-v4 .orbita-orbit-legend,
  body.orbita-experience-v4 .orbita-object-inspector,
  body.orbita-experience-v4 .orbita-orbital-hud > small {
    grid-column: 1 / -1;
  }

  body.orbita-experience-v4 .orbita-earth-missions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.orbita-experience-v4 .orbita-earth-section {
    --earth-panel-height: clamp(420px, 118vw, 560px);
  }

  body.orbita-experience-v4 .orbita-earth-layout {
    gap: 14px !important;
  }

  body.orbita-experience-v4 .orbita-earth-viewport,
  body.orbita-experience-v4 .orbita-orbital-hud {
    border-radius: 24px !important;
  }

  body.orbita-experience-v4 .orbita-orbital-hud {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px !important;
    padding: 18px 16px !important;
  }

  body.orbita-experience-v4 .orbita-orbital-hud > * {
    grid-column: 1 !important;
  }

  body.orbita-experience-v4 .orbita-orbit-controls {
    min-width: 0;
  }

  body.orbita-experience-v4 .orbita-orbit-controls input[type="search"] {
    width: 100%;
    min-height: 44px;
  }

  body.orbita-experience-v4 .orbita-time-control button {
    min-width: 44px;
    min-height: 44px;
  }

  body.orbita-experience-v4 .orbita-earth-missions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.orbita-experience-v4 .orbita-earth-mission-card {
    min-height: 128px;
  }
}

/* Chromatic black: a restrained deep-space spectrum rather than a flat black fill. */
html {
  background: #010203;
}

body.orbita-experience-v4 {
  --orbita-black-core: #010203;
  --orbita-black-carbon: #030506;
  --orbita-black-space: #05070b;
  --orbita-spectrum-blue: 42 136 255;
  --orbita-spectrum-cyan: 50 230 218;
  --orbita-spectrum-amber: 255 176 76;
  --orbita-spectrum-rose: 255 74 130;
  min-height: 100%;
  background-color: var(--orbita-black-core) !important;
  background-image:
    radial-gradient(ellipse 72% 52% at 8% 10%, rgb(var(--orbita-spectrum-blue) / 12%), transparent 68%),
    radial-gradient(ellipse 58% 46% at 92% 18%, rgb(var(--orbita-spectrum-rose) / 7%), transparent 70%),
    radial-gradient(ellipse 68% 54% at 76% 76%, rgb(var(--orbita-spectrum-cyan) / 7%), transparent 72%),
    radial-gradient(ellipse 52% 42% at 18% 88%, rgb(var(--orbita-spectrum-amber) / 5%), transparent 72%),
    conic-gradient(from 218deg at 52% 48%, transparent 0 17%, rgb(69 123 255 / 3%) 25%, transparent 34% 58%, rgb(76 246 203 / 3%) 66%, transparent 75%),
    linear-gradient(154deg, var(--orbita-black-core) 0%, var(--orbita-black-space) 42%, #020305 68%, #000 100%) !important;
  background-repeat: no-repeat !important;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%, 50% 50%, 0 0 !important;
  background-size: 125% 125%, 120% 120%, 130% 130%, 125% 125%, 145% 145%, 100% 100% !important;
  background-attachment: fixed !important;
  background-blend-mode: screen, screen, screen, screen, screen, normal !important;
}

body.orbita-experience-v4 main {
  background: transparent !important;
}

body.orbita-experience-v4 .orbita-earth-section,
body.orbita-experience-v4 .method-orbit,
body.orbita-experience-v4 .delivery-grid,
body.orbita-experience-v4 .identity-entry {
  background-color: transparent !important;
}

@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  body.orbita-experience-v4 {
    animation: orbita-chromatic-black-drift 46s ease-in-out infinite alternate;
  }
}

@keyframes orbita-chromatic-black-drift {
  0% {
    background-position: 0 0, 100% 0, 100% 100%, 0 100%, 48% 50%, 0 0;
  }
  50% {
    background-position: 5% 3%, 96% 5%, 94% 96%, 4% 94%, 54% 46%, 0 0;
  }
  100% {
    background-position: 2% 8%, 92% 2%, 98% 92%, 8% 98%, 50% 56%, 0 0;
  }
}

@media (max-width: 900px) {
  body.orbita-experience-v4 {
    background-attachment: scroll !important;
    background-size: 155% 105%, 145% 100%, 160% 110%, 150% 105%, 180% 120%, 100% 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.orbita-experience-v4 {
    animation: none !important;
  }
}

/* Header utilities should read as quiet navigation, not competing pill buttons. */
body.orbita-experience-v4 .admin-link,
body.orbita-experience-v4 #logoutButton {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: rgb(232 243 247 / 68%) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    opacity 180ms ease,
    transform 180ms ease !important;
}

body.orbita-experience-v4 .admin-link::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgb(88 232 207 / 76%);
  box-shadow: 0 0 9px rgb(88 232 207 / 38%);
}

body.orbita-experience-v4 #logoutButton {
  color: rgb(224 235 239 / 48%) !important;
}

body.orbita-experience-v4 .admin-link:hover,
body.orbita-experience-v4 #logoutButton:hover {
  color: rgb(250 253 255 / 96%) !important;
  background: rgb(255 255 255 / 5%) !important;
  transform: translateY(-1px);
}

body.orbita-experience-v4 .admin-link:active,
body.orbita-experience-v4 #logoutButton:active {
  background: rgb(255 255 255 / 8%) !important;
  transform: translateY(0) scale(.98);
}

body.orbita-experience-v4 .admin-link:focus-visible,
body.orbita-experience-v4 #logoutButton:focus-visible {
  outline: 1px solid rgb(112 235 213 / 58%);
  outline-offset: 2px;
  color: #fff !important;
  background: rgb(255 255 255 / 5%) !important;
}

@media (max-width: 700px) {
  body.orbita-experience-v4 .admin-link,
  body.orbita-experience-v4 #logoutButton {
    min-height: 34px;
    padding-inline: 8px !important;
    font-size: 11px !important;
  }
}