.orbit-roadmap__caption { flex-wrap: wrap; }
.orbit-roadmap__controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.orbit-roadmap__motion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #81bfdf55;
  border-radius: 24px;
  background: #123f5655;
  color: #c4e3f6;
  font: 600 14px/1 "Source Sans 3", Arial, sans-serif;
  cursor: pointer;
}
.orbit-roadmap__motion[hidden] { display: none; }
.orbit-roadmap__motion:hover, .orbit-roadmap__motion:focus-visible { color: #fff1a2; border-color: #ffe074b3; background: #fbc72b12; }
.orbit-roadmap[data-motion="off"] .orbit-roadmap__motion { border-color: #ffe07499; color: #ffe890; background: #ffd33d14; box-shadow: 0 0 18px #ffcb2412; }
.orbit-roadmap__motion-icon { display: block; width: 10px; height: 12px; border-left: 10px solid currentColor; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.orbit-roadmap[data-motion="on"] .orbit-roadmap__motion-icon { border: 0; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.orbit-roadmap[data-motion="off"] .orbit-roadmap__charge, .orbit-roadmap[data-motion="off"] .orbit-roadmap__trail { display: none; }
.orbit-roadmap[data-motion="on"] .orbit-roadmap__charge, .orbit-roadmap[data-motion="on"] .orbit-roadmap__trail { display: inline; }
.landing-v2 .orbit-roadmap[data-motion="on"] .orbit-stage__node::before { transition: opacity .55s ease !important; }
.landing-v2 .orbit-roadmap[data-motion="on"] .orbit-stage__node::after { transition: opacity .55s ease, transform .7s ease !important; }
.landing-v2 .orbit-roadmap[data-motion="on"] .orbit-stage__node > span { transition: color .35s ease, text-shadow .35s ease !important; }
.landing-v2 .orbit-roadmap[data-motion="on"] .orbit-stage__node.is-charged::before { transition-duration: .18s !important; }
.landing-v2 .orbit-roadmap[data-motion="on"] .orbit-stage__node.is-charged::after { transition-duration: .3s !important; }
.mobile-navigation-caption, .mobile-navigation-icon { display: none; }
@media (max-width: 700px) {
  .landing-v2 { min-width: 0; }
  .reference-stage .landing-hero-copy > .landing-eyebrow, .reference-stage .landing-hero-copy > h1, .reference-stage .landing-hero-copy > p { transition: opacity .18s ease, visibility .18s; }
  .reference-stage.mobile-menu-open .landing-hero-copy > .landing-eyebrow, .reference-stage.mobile-menu-open .landing-hero-copy > h1, .reference-stage.mobile-menu-open .landing-hero-copy > p { opacity: 0; visibility: hidden; }
  .reference-stage .landing-links, .reference-stage .landing-links.is-open {
    position: absolute;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    left: -12px;
    right: -12px;
    top: 130px;
    gap: 8px;
    padding: 13px 10px 10px;
    border: 1px solid #7cb4d547;
    border-top-color: #ffe38670;
    border-radius: 24px;
    background: radial-gradient(ellipse at 0 0, #16527180, transparent 65%), linear-gradient(145deg, #082e47, #031b32);
    box-shadow: 0 18px 36px #00101ed9, inset 0 1px #fff3b52b;
    backdrop-filter: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(.98);
    transform-origin: top right;
    transition: opacity .2s ease, transform .25s cubic-bezier(.2,.7,.2,1), visibility .25s;
  }
  .reference-stage .landing-links.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
  .reference-stage .mobile-navigation-caption { display: block; grid-column: 1 / -1; padding: 0 5px 3px; color: #8ab8cf; font: 700 10px/1.2 "Source Sans 3", Arial, sans-serif; letter-spacing: 1.9px; text-transform: uppercase; }
  .reference-stage .landing-links a, .reference-stage .landing-links.is-open a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    min-width: 0;
    min-height: 72px;
    padding: 10px;
    border: 1px solid #72abc326;
    border-radius: 15px;
    background: linear-gradient(145deg, #2d59743d, #16405826);
    box-shadow: inset 0 1px #dff4ff09;
    color: #f2f8ff;
    font: 600 18px/1.15 "Source Sans 3", Arial, sans-serif;
    text-align: left;
    white-space: normal;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
  }
  .reference-stage .landing-links a::after { content: none; }
  .reference-stage .landing-links a:active { transform: scale(.97); }
  .reference-stage .landing-links a:hover, .reference-stage .landing-links a:focus-visible, .reference-stage .landing-links a[aria-current="location"] { border-color: #ffd9747d; background-color: #eec74215; color: #ffe69b; }
  .reference-stage .landing-links a:focus-visible { outline-offset: -3px; }
  .reference-stage .mobile-navigation-icon { display: block; flex: 0 0 37px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; }
  .mobile-navigation-icon--universe { background-image: url('/site-assets/icon-orbit-hq.png'); }
  .mobile-navigation-icon--how { background-image: url('/site-assets/icons/explore.png'); }
  .mobile-navigation-icon--roadmap { background-image: url('/site-assets/token-rocket-v20.webp'); }
  .mobile-navigation-icon--token { background-image: url('/site-assets/icons/stm-token.png'); }
  .reference-stage .landing-menu-button { border-color: #e4c86c70; background: linear-gradient(145deg, #174159b3, #08283b); box-shadow: inset 0 1px #ecfaff14; }
  .reference-stage .landing-menu-button span { background: #ffe995; }
  .reference-stage .landing-menu-button.is-open { border-color: #ffde7d9c; box-shadow: 0 0 18px #ffd02c17, inset 0 1px #ecfaff14; }
  .orbit-roadmap__controls { gap: 8px; }
  .orbit-roadmap__motion { min-height: 36px; font-size: 13px; }
}
@media (max-width: 350px) {
  .reference-stage .landing-links a, .reference-stage .landing-links.is-open a { gap: 7px; font-size: 16px; }
  .reference-stage .mobile-navigation-icon { flex-basis: 32px; height: 35px; }
  .reference-stage .landing-actions { left: 20px; right: 20px; width: auto; gap: 10px; }
  .reference-stage .landing-button.primary { flex: 1; width: auto; gap: 7px; }
  .reference-stage .landing-button.secondary { width: 98px; }
  .reference-stage .landing-button { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .reference-stage .landing-links { transition: none; }
}