/* e5o.io brand overrides — loaded after main.css */
:root {
  --accent: #22d3ee;        /* e5o cyan */
  --accent-hover: #67e8f9;
  --purple: #a78bfa;
}

.brand-logo {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px;
  background: linear-gradient(90deg, #22d3ee 0%, #a78bfa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brand-tld {
  opacity: 0.75;
  font-weight: 500;
}

.nav-item.active {
  border-left: 2px solid var(--accent);
}

/* e5o light-theme accents */
:root[data-theme="light"] {
  --accent: #0891b2;
  --accent-hover: #06b6d4;
  --purple: #7c3aed;
}

/* Landing page agent avatars */
.land-agent {
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 19px; cursor: default;
  background: color-mix(in srgb, var(--agc) 16%, transparent);
  border: 2px solid var(--agc);
  animation: land-bob 3s ease-in-out infinite;
}
.land-agent:nth-child(2n) { animation-delay: .4s; }
.land-agent:nth-child(3n) { animation-delay: .8s; }
.land-agent:nth-child(4n) { animation-delay: 1.2s; }
.land-agent:hover { box-shadow: 0 0 14px color-mix(in srgb, var(--agc) 60%, transparent); }
@keyframes land-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .land-agent { animation: none; } }