/* Shared "Concept Project" banner for the Polaris Digital demo sites. */
.demo-banner {
  position: relative; z-index: 20;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0.45rem clamp(1rem, 3vw, 2rem);
  background: #080d1a; color: #c9d2e3;
  border-bottom: 1px solid rgba(53, 217, 255, 0.25);
  font: 500 0.8125rem/1.35 "Instrument Sans", system-ui, sans-serif;
}
.demo-banner p { margin: 0; }
.demo-banner__tag {
  display: inline-block; margin-right: 0.5rem; padding: 0.15rem 0.55rem; border-radius: 999px;
  border: 1px solid rgba(53, 217, 255, 0.45); color: #35d9ff;
  font: 500 0.625rem/1.4 "IBM Plex Mono", ui-monospace, monospace; letter-spacing: 0.1em; text-transform: uppercase;
}
.demo-banner a { flex: none; color: #f5f7ff; text-decoration: none; font-weight: 600; }
.demo-banner a:hover { color: #35d9ff; }
.demo-banner a:focus-visible { outline: 2px solid #35d9ff; outline-offset: 3px; border-radius: 3px; }
@media (max-width: 640px) {
  .demo-banner { font-size: 0.75rem; }
}