.hero.observatory-hero.orbital-hero {
  display:block; isolation:isolate; min-height:690px; height:min(780px,calc(100svh - 44px));
  padding:156px max(28px,calc((100vw - 1280px)/2)) 68px; background:#101613;
  --orbit-center-x:71%; --orbit-center-y:53%; --orbit-unit:min(3.8vw,48px);
}
.orbital-hero .hero-content { position:relative; z-index:3; width:440px; max-width:43%; pointer-events:none; }
.orbital-hero .hero-content a, .orbital-hero .hero-content button { pointer-events:auto; }
.orbital-hero .hero-content h1 { font-size:68px; }
.orbital-hero .hero-content p { font-size:19px; max-width:33ch; }
.orbital-hero .hero-kicker { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:#b9d2bd; }
.orbital-hero .hero-kicker::before { content:""; width:6px; height:6px; border-radius:50%; background:#b8f34a; }
.orbital-hero .hero-proof { flex-wrap:nowrap; margin-top:36px; gap:0; }
.orbital-hero .hero-proof div { min-width:0; padding-inline:18px; flex:none; }
.orbital-hero .hero-proof div:first-child { padding-left:0; }
.orbital-hero .hero-proof dt { font-size:18px; }
.orbital-hero .hero-proof dd { font-size:11px; }
.orbit-scene { position:absolute; inset:0; z-index:1; overflow:hidden; }
.orbit-scene canvas { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; }
.orbit-tools { position:absolute; inset:0; pointer-events:none; }
.orbit-node { position:absolute; left:var(--orbit-center-x); top:var(--orbit-center-y); width:44px; height:44px; display:grid; place-items:center; pointer-events:auto; transform:translate(calc(var(--x)*var(--orbit-unit) - 50%),calc(var(--y)*var(--orbit-unit) - 50%)); will-change:transform; transition:none; text-decoration:none; outline-offset:6px; }
.orbit-node .tool-glyph { width:38px; height:38px; margin:0; padding:9px; border-radius:8px; background:#1f2a24; color:var(--tool-accent); border:1px solid color-mix(in srgb,var(--tool-accent),transparent 64%); box-shadow:0 4px 16px #0005,inset 0 1px #fff1; transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease; }
.orbit-node:hover .tool-glyph, .orbit-node:focus-visible .tool-glyph { transform:translateY(-3px) scale(1.12); background:#2b3930; border-color:var(--tool-accent); }
.orbit-scene[data-renderer="webgl"] .orbit-node .tool-glyph { width:36px; height:36px; padding:8px; border-radius:50%; color:#091411; background:#ffffff0a; border-color:transparent; box-shadow:none; }
.orbit-scene[data-renderer="webgl"] .orbit-node:hover .tool-glyph, .orbit-scene[data-renderer="webgl"] .orbit-node:focus-visible .tool-glyph { transform:scale(1.12); color:#f6fff6; background:#13231ddb; border-color:var(--tool-accent); }
.orbit-label { position:absolute; top:47px; left:50%; transform:translateX(-50%); white-space:nowrap; color:#c5d5ca; font-size:10px; line-height:1.3; font-weight:500; padding:3px 5px; border-radius:3px; background:#101613dc; pointer-events:none; transition:opacity 180ms ease; }
.orbit-node[data-crowded="true"] .orbit-label { opacity:0; }
.orbit-node:hover .orbit-label, .orbit-node:focus-visible .orbit-label { opacity:1; color:#fff; background:#29352f; z-index:25; }
.orbit-core { position:absolute; z-index:3; left:var(--orbit-center-x); top:var(--orbit-center-y); transform:translate(-50%,-50%); display:grid; place-items:center; width:100px; height:100px; color:#17280f; border-radius:50%; outline-offset:8px; text-decoration:none; }
.orbit-core svg { width:34px; height:34px; fill:currentColor; }
.orbit-core strong { position:absolute; top:calc(100% + 4px); color:#edf6ec; font-size:15px; font-weight:600; }
.orbit-core small { display:none; }
.orbit-core:focus-visible { outline-color:#b8f34a; }
.orbit-fallback-ring { position:absolute; left:var(--orbit-center-x); top:var(--orbit-center-y); width:calc(var(--radius)*var(--orbit-unit)*2); height:calc(var(--radius)*var(--orbit-unit)*1.628); transform:translate(-50%,-50%) rotate(13.75deg); border:1px solid #9abdaf38; border-radius:50%; pointer-events:none; }
.orbit-scene:not([data-renderer="webgl"]) .orbit-core { width:78px; height:78px; background:#b8f34a; border:6px solid #d1f895; box-shadow:0 0 0 9px #b8f34a14; }
.orbit-scene[data-renderer="webgl"] .orbit-fallback-ring { display:none; }
.orbit-toolbar { position:absolute; z-index:4; bottom:24px; right:max(28px,calc((100vw - 1280px)/2)); display:flex; align-items:center; gap:14px; color:#a9bcae; font-size:11px; }
.orbit-toolbar > span { display:flex; align-items:center; gap:8px; }
.orbit-toolbar > span::before { content:""; width:5px; height:5px; border-radius:50%; background:#76d4cb; }
.orbit-pause { width:44px; height:44px; display:grid; place-items:center; color:#d6e3d8; background:#243329a8; border:1px solid #90b39c40; border-radius:6px; backdrop-filter:blur(12px); cursor:pointer; }
.orbit-pause:hover { background:#334b3c; }
.orbit-pause:disabled { cursor:default; opacity:.55; }
.orbit-pause svg { width:17px; height:17px; }
.orbit-pause[hidden] { display:none; }
.orbit-signature { position:absolute; z-index:2; bottom:32px; left:max(28px,calc((100vw - 1280px)/2)); color:#a4b7a9; font-size:11px; display:flex; gap:20px; }
.orbit-signature span:first-child { color:#b8f34a; }
@media (min-width:1700px) {
  .hero.observatory-hero.orbital-hero { --orbit-center-x:67%; --orbit-unit:52px; }
}
@media (max-width:1100px) and (min-width:901px) {
  .hero.observatory-hero.orbital-hero { --orbit-center-x:72%; --orbit-unit:3.25vw; padding-top:150px; }
  .orbital-hero .hero-content h1 { font-size:54px; }
  .orbital-hero .hero-content { width:350px; max-width:37%; }
  .orbit-label { font-size:9px; }
}
@media (max-width:900px) {
  .hero.observatory-hero.orbital-hero { height:auto; min-height:920px; padding:112px 24px 520px; --orbit-center-x:50%; --orbit-center-y:70%; --orbit-unit:min(5.7vw,37px); }
  .orbital-hero .hero-content { width:600px; max-width:100%; }
  .orbital-hero .hero-content h1 { font-size:58px; }
  .orbital-hero .hero-content p { max-width:48ch; }
  .orbit-signature { bottom:32px; }
  .orbit-core { width:72px; height:72px; display:flex; flex-direction:column; gap:4px; }
  .orbit-core svg { width:24px; height:24px; }
  .orbit-core strong { position:static; color:#142812; font-size:11px; }
}
@media (max-width:600px) {
  .hero.observatory-hero.orbital-hero { min-height:760px; padding:110px 22px 380px; --orbit-center-y:74%; --orbit-unit:5.8vw; }
  .orbital-hero .hero-content h1 { font-size:48px; margin-bottom:16px; }
  .orbital-hero .hero-kicker { margin-bottom:18px; }
  .orbital-hero .hero-content p { font-size:16px; line-height:1.65; margin-bottom:22px; max-width:35ch; }
  .orbital-hero .actions { flex-direction:row; gap:10px; }
  .orbital-hero .actions .button { width:auto; font-size:12px; padding:11px 12px; }
  .orbital-hero .hero-proof { margin-top:24px; }
  .orbital-hero .hero-proof div { min-width:0; padding-inline:16px; }
  .orbital-hero .hero-proof dt { font-size:17px; }
  .orbital-hero .hero-proof div:nth-child(3) { border-left:1px solid #fff3; }
  .orbital-hero .hero-proof dd { font-size:10px; }
  .orbit-node .tool-glyph { width:30px; height:30px; padding:6px; border-radius:6px; }
  .orbit-scene[data-renderer="webgl"] .orbit-node .tool-glyph { width:28px; height:28px; padding:6px; }
  .orbit-label { opacity:0; top:42px; font-size:11px; }
  .orbit-node:hover .orbit-label, .orbit-node:focus-visible .orbit-label { opacity:1; }
  .orbit-node:hover, .orbit-node:focus-visible { z-index:20 !important; }
  .orbit-core { width:48px; height:48px; }
  .orbit-core svg { display:none; }
  .orbit-core strong { position:static; font-size:10px; padding:3px 5px; border-radius:3px; background:#c8f792; color:#142812; }
  .orbit-core small { display:none; }
  .orbit-signature { display:none; }
  .orbit-toolbar { left:22px; right:22px; justify-content:space-between; bottom:16px; }
  .orbit-scene:not([data-renderer="webgl"]) .orbit-core { width:44px; height:44px; border-width:3px; }
}
@media (prefers-reduced-motion:reduce) { .orbit-node { will-change:auto; } .orbit-node .tool-glyph { transition:none; } }

:root[data-theme="light"] .hero.observatory-hero.orbital-hero { background:#fff; }
:root[data-theme="light"] .orbital-hero .hero-content h1,
:root[data-theme="light"] .orbital-hero .hero-proof dt { color:#19251f; }
:root[data-theme="light"] .orbital-hero .hero-content p,
:root[data-theme="light"] .orbital-hero .hero-proof dd,
:root[data-theme="light"] .orbital-hero .hero-kicker { color:#455b4e; }
:root[data-theme="light"] .orbital-hero .hero-proof div { border-color:#cbd6ce; }
:root[data-theme="light"] .orbital-hero .button.ghost { background:#ffffffc9; color:#203d2b; border-color:#a3b7a8; }
:root[data-theme="light"] .orbit-label { color:#2d4937; background:#ffffffe0; }
:root[data-theme="light"] .orbit-node:hover .orbit-label,
:root[data-theme="light"] .orbit-node:focus-visible .orbit-label { color:#172d20; background:#e4eee7; }
:root[data-theme="light"] .orbit-core strong { color:#25402d; }
:root[data-theme="light"] .orbit-toolbar,
:root[data-theme="light"] .orbit-signature { color:#4b6053; }
:root[data-theme="light"] .orbit-signature span:first-child { color:#3c7023; }
:root[data-theme="light"] .orbit-pause { color:#254c32; background:#eef4efd9; border-color:#b4c6b8; }
:root[data-theme="light"] .orbit-pause:hover { background:#dfeae1; }
:root[data-theme="light"] .orbit-fallback-ring { border-color:#64847147; }
.orbital-hero .hero-content .discover-mission { font-size:24px; line-height:1.45; max-width:400px; margin-bottom:12px; }
.orbital-hero .discover-mission strong { color:var(--hub-lime); font-weight:700; }
.orbital-hero .hero-content .discover-mission-detail { font-size:15px; line-height:1.6; max-width:360px; margin-top:0; }
.home-purpose h2 strong { color:var(--hub-cyan); font-weight:inherit; }
@media(max-width:700px) { .orbital-hero .hero-content .discover-mission { font-size:20px; line-height:1.4; } .orbital-hero .hero-content .discover-mission-detail { font-size:13px; } }
