/* Bandeau commun aux maquettes : signale la démo et ramène sur la vitrine Orbite. */
.orbite-bar {
  position: relative; z-index: 50; height: 44px; padding: 0 16px;
  display: flex; align-items: center; justify-content: center; gap: 14px;
  background: #07070c; color: #f2f2f7; font: 500 13px/1 Inter, system-ui, sans-serif;
}
.orbite-bar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(100deg, #7c5cff, #ff4fd8 50%, #00e0c6);
}
.orbite-bar .ob-logo { display: flex; align-items: center; gap: 8px; font: 700 15px "Space Grotesk", system-ui, sans-serif; color: #fff; text-decoration: none; }
.orbite-bar .ob-txt { color: #a3a3b5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.orbite-bar .ob-back {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; flex: none;
  background: linear-gradient(100deg, #7c5cff, #ff4fd8 50%, #00e0c6); background-size: 200% auto;
  color: #fff; font-weight: 600; text-decoration: none; transition: background-position .4s;
}
.orbite-bar .ob-back:hover { background-position: right center; }
@media (max-width: 640px) {
  .orbite-bar { justify-content: space-between; gap: 10px; }
  .orbite-bar .ob-txt { display: none; }
}