/* Neurbay — AI Gateway for the Neurport Ecosystem */
:root {
  --color-primary: #6366f1;
  --color-primary-light: #818cf8;
  --color-primary-dark: #4f46e5;
  --color-primary-alpha: rgba(99, 102, 241, 0.14);
  --color-secondary: #10b981;
  --color-accent: #22d3ee;
}

.neurbay-brand .hero.hero--premium,
[data-property="neurbay"] .hero.hero--premium {
  background:
    radial-gradient(1200px 600px at 115% 5%, rgba(99, 102, 241, 0.20), transparent 55%),
    radial-gradient(800px 450px at -10% 95%, rgba(16, 185, 129, 0.12), transparent 50%),
    radial-gradient(500px 350px at 50% 50%, rgba(34, 211, 238, 0.05), transparent 70%),
    var(--color-bg);
  position: relative;
}
.neurbay-brand .hero.hero--premium::after,
[data-property="neurbay"] .hero.hero--premium::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 25% 35%, rgba(99,102,241,0.06) 0px, transparent 2px),
    radial-gradient(circle at 75% 65%, rgba(16,185,129,0.04) 0px, transparent 2px);
  background-size: 40px 40px, 50px 50px;
  background-position: 0 0, 15px 15px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.7;
}

.neurbay-brand .hero.hero--premium .btn--primary,
[data-property="neurbay"] .hero.hero--premium .btn--primary {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-color: transparent;
}

.neurbay-brand .hero__mockup,
[data-property="neurbay"] .hero__mockup {
  border: 2px solid var(--color-primary);
  box-shadow:
    0 24px 80px -20px rgba(99, 102, 241, 0.25),
    0 8px 24px -12px rgba(99, 102, 241, 0.16);
}

/* Neurbay cards: code-block style with indigo accent */
.neurbay-brand .card,
[data-property="neurbay"] .card {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}
.neurbay-brand .card .card__title,
[data-property="neurbay"] .card .card__title {
  font-family: var(--font-heading);
}
.neurbay-brand .card:hover,
[data-property="neurbay"] .card:hover {
  border-color: var(--color-primary);
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.12), var(--shadow-lg);
}