/* Brand Brain hero final lock — loaded after page CSS */
.brand-brain-page .brain-hero-minimal {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 34%, rgba(64,64,227,.72) 0%, rgba(64,64,227,.34) 20%, transparent 44%),
    radial-gradient(circle at 92% 82%, rgba(187,230,226,.24) 0%, transparent 26%),
    radial-gradient(circle at 7% 18%, rgba(237,33,33,.22) 0%, transparent 28%),
    conic-gradient(from 228deg at 74% 42%, rgba(187,230,226,.18), rgba(64,64,227,.42), rgba(16,30,52,0), rgba(237,33,33,.14), rgba(187,230,226,.18)),
    linear-gradient(135deg, #070D22 0%, #101E34 34%, #16175A 68%, #050814 100%) !important;
}

.brand-brain-page .brain-hero-minimal::before {
  content: "" !important;
  position: absolute !important;
  inset: -18% -10% -18% 42% !important;
  display: block !important;
  pointer-events: none !important;
  opacity: .82 !important;
  background:
    linear-gradient(105deg, transparent 0 12%, rgba(187,230,226,.16) 12.4% 12.9%, transparent 13.2% 100%),
    linear-gradient(34deg, transparent 0 22%, rgba(255,255,255,.10) 22.2% 22.6%, transparent 22.9% 100%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.055) 0 1px, transparent 1px 42px),
    radial-gradient(circle at 55% 38%, rgba(64,64,227,.40), transparent 30%);
  filter: blur(.2px);
  transform: rotate(-8deg) translateZ(0);
  z-index: 0 !important;
}

.brand-brain-page .brain-hero-minimal::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: .62 !important;
  background:
    radial-gradient(circle at 26% 20%, rgba(255,255,255,.13) 0 1px, transparent 1.7px),
    radial-gradient(circle at 44% 72%, rgba(187,230,226,.18) 0 1px, transparent 1.6px),
    radial-gradient(circle at 86% 34%, rgba(255,255,255,.12) 0 1px, transparent 1.7px),
    linear-gradient(90deg, rgba(5,8,20,.52) 0%, rgba(5,8,20,.18) 42%, rgba(5,8,20,.05) 100%);
  background-size: 160px 160px, 210px 210px, 260px 260px, auto;
  z-index: 0 !important;
}

.brand-brain-page .brain-hero-minimal .service-hero-grid {
  position: relative;
  z-index: 2;
}

.brand-brain-page .brain-hero-minimal h1 {
  max-width: 24ch !important;
}

.brand-brain-page .brain-hero-minimal h1 em {
  white-space: nowrap !important;
}

.brand-brain-page .brain-hero-minimal .button.secondary {
  display: none !important;
}

.brand-brain-page .brain-hero-minimal .hero-actions {
  gap: 0 !important;
}

/* Brand Brain problem section final lock */
.brand-brain-page .brain-problem {
  background: #101E34 !important;
  background-color: #101E34 !important;
  color: #FFFFFF !important;
}

.brand-brain-page .brain-problem h2,
.brand-brain-page .brain-problem h2 *,
.brand-brain-page .brain-problem h3,
.brand-brain-page .brain-problem h3 *,
.brand-brain-page .brain-problem strong {
  color: #FFFFFF !important;
}

.brand-brain-page .brain-problem p,
.brand-brain-page .brain-problem .service-copy,
.brand-brain-page .brain-problem .service-copy p {
  color: rgba(255,255,255,.74) !important;
}

.brand-brain-page .brain-problem .eyebrow {
  color: #BBE6E2 !important;
}

.brand-brain-page .brain-problem-card {
  border-color: rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(64,64,227,.34), transparent 34%),
    rgba(255,255,255,.06) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
}

@media (max-width: 720px) {
  .brand-brain-page .brain-hero-minimal h1 {
    max-width: 17ch !important;
  }
}