/* DaeNA — branded nav label + optional satellite “Build” pill.
   Load this stylesheet last so page-level .top-glass rules do not flatten the mark. */

.top-glass nav a.top-glass__daena-nav {
  text-transform: none;
  letter-spacing: 0.04em;
  font-weight: 400;
}

.daena-mark {
  display: inline-flex;
  align-items: baseline;
}

.top-glass nav a.top-glass__daena-nav .daena-mark__d,
.top-glass nav a.top-glass__daena-nav .daena-mark__na {
  font-weight: 650;
}

.top-glass nav a.top-glass__daena-nav .daena-mark__ae {
  font-weight: 200;
  opacity: 0.88;
}

a.top-glass.top-glass--daena-build {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0.34rem clamp(0.55rem, 1.6vw, 0.82rem);
  border-radius: 9999px;
  font-size: clamp(0.48rem, 0.95vw, 0.58rem);
  font-weight: 300;
  letter-spacing: 0.06em;
  text-transform: none;
  white-space: nowrap;
  color: rgba(255, 250, 255, 0.5);
  background: var(--glass-bg, rgba(255, 255, 255, 0.028));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.078));
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.35) inset,
    0 1px 0 var(--glass-inner, rgba(255, 255, 255, 0.022)) inset;
  backdrop-filter: blur(14px) saturate(1.04);
  -webkit-backdrop-filter: blur(14px) saturate(1.04);
  transition: color 0.45s cubic-bezier(0.45, 0, 0.55, 1), background 0.45s cubic-bezier(0.45, 0, 0.55, 1);
}

a.top-glass.top-glass--daena-build:hover,
a.top-glass.top-glass--daena-build:focus-visible {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.06);
}

a.top-glass.top-glass--daena-build:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.22);
  outline-offset: 2px;
}

@media (pointer: coarse) {
  a.top-glass.top-glass--daena-build {
    min-height: 40px;
  }
}