/* ══════════════════════════════════════════════════════════════
   Logo Component
   ══════════════════════════════════════════════════════════════ */

.logo-lockup {
  display: flex;
  align-items: center;
  gap: 28px;
}

.chevron-mark {
  position: relative;
}

.chevron-mark::after {
  content: '|';
  position: absolute;
  color: #00D9FF;
  font-size: 120px;
  font-weight: 200;
  line-height: 1;
  left: 100%;
  top: -20px;
  margin-left: -4px;
  animation: cursor-blink 1.5s step-end infinite;
}

@keyframes cursor-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.logo-text .nxt {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: -1.5px;
  line-height: 0.88;
  color: #141428;
}

.logo-text .partners {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #555;
  line-height: 1;
  margin-top: 4px;
  text-align: center;
}

/* Dark variant */
.dark .logo-text .nxt {
  color: #FFFFFF;
}

.dark .logo-text .partners {
  color: #AAAAAA;
}

/* Nav-sized logo (smaller) */
.nav-logo .logo-lockup {
  gap: 12px;
}

.nav-logo .chevron-mark svg {
  width: 36px;
  height: 40px;
}

.nav-logo .chevron-mark::after {
  font-size: 48px;
  top: -8px;
  margin-left: -2px;
}

.nav-logo .logo-text .nxt {
  font-size: 28px;
  letter-spacing: -0.5px;
}

.nav-logo .logo-text .partners {
  font-size: 10px;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

/* Footer logo (medium) */
.footer-logo .logo-lockup {
  gap: 16px;
}

.footer-logo .chevron-mark svg {
  width: 54px;
  height: 60px;
}

.footer-logo .chevron-mark::after {
  font-size: 72px;
  top: -12px;
  margin-left: -3px;
}

.footer-logo .logo-text .nxt {
  font-size: 42px;
  letter-spacing: -1px;
}

.footer-logo .logo-text .partners {
  font-size: 14px;
  letter-spacing: 0.8px;
  margin-top: 3px;
}