:root {
  --eon-brand-blue: #2e2c72;
  --eon-brand-blue-light: #4a47a3;
  --eon-brand-green: #00965e;
  --eon-brand-green-light: #00c277;
  --eon-brand-aqua: #00c6ff;
  --eon-brand-gold: #d7b46a;
  --eon-brand-surface: #f4f7fc;
  --eon-brand-text: #4d4d4d;
  --eon-brand-shadow: 0 18px 48px rgba(46, 44, 114, 0.12);
}

.eon-brand-font,
.eon-brand-font * {
  font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.eon-brand-display {
  font-family: 'MuseoModerno', 'Montserrat', system-ui, sans-serif;
  letter-spacing: 0;
}

.eon-brand-logo {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
}

.eon-brand-logo--sm {
  max-height: 32px;
}

.eon-brand-logo--md {
  max-height: 44px;
}

.eon-brand-logo--lg {
  max-height: 64px;
}

.eon-brand-shell {
  border: 1px solid rgba(46, 44, 114, 0.12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 252, 0.98)),
    var(--eon-brand-surface);
  box-shadow: var(--eon-brand-shadow);
}

.eon-brand-banner {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(46, 44, 114, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: var(--eon-brand-blue);
}

.eon-brand-banner__text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.eon-brand-banner__eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--eon-brand-green);
  font-weight: 700;
}

.eon-brand-banner__title {
  font-size: 14px;
  font-weight: 800;
}

.eon-brand-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(46, 44, 114, 0.22), transparent);
}