/* ==========================================================================
   AlphaReaction — template-matched dark network background
   Soft neon particles + mesh (cyan / blue / purple / magenta / pink)
   ========================================================================== */

html.ar-home-network,
html.ar-home-network body {
  background: var(--theme-surface, #050510) !important;
}

html.ar-home-network .page-wrap,
html.ar-home-network .page-wrapper,
html.ar-home-network #smooth-page-wrapper,
html.ar-home-network #smooth-page-content {
  background: transparent !important;
}

#ar-home-network-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 50% at 15% 20%, rgba(112, 0, 255, 0.16) 0%, transparent 55%),
    radial-gradient(ellipse 60% 45% at 85% 75%, rgba(0, 210, 255, 0.14) 0%, transparent 58%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255, 61, 0, 0.1) 0%, transparent 60%),
    linear-gradient(180deg, #050510 0%, #030308 100%);
}

html[data-theme="crimson-flame"] #ar-home-network-bg {
  background:
    radial-gradient(ellipse 70% 50% at 15% 20%, rgba(112, 0, 255, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse 60% 45% at 85% 75%, rgba(0, 210, 255, 0.16) 0%, transparent 58%),
    radial-gradient(ellipse 55% 42% at 50% 8%, rgba(0, 102, 255, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255, 61, 0, 0.12) 0%, transparent 60%),
    linear-gradient(180deg, #050510 0%, #02020a 100%);
}

#ar-home-network-bg canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.9;
}

#ar-home-network-bg[data-static="1"] canvas {
  display: none;
}

html.ar-home-network .page-wrap,
html.ar-home-network #smooth-page-wrapper,
html.ar-home-network #smooth-page-content,
html.ar-home-network .cp-header-area,
html.ar-home-network .cp-footer-area,
html.ar-home-network .mean-container,
html.ar-home-network .preloader {
  position: relative;
  z-index: 1;
}

html.ar-home-network .cp-header-area {
  z-index: 100;
}

/* Keep sections dark like the template so content stays readable,
   while still letting a hint of the fixed mesh show through. */
html.ar-home-network .ar-ai-hero,
html.ar-home-network .home-trusted-brands,
html.ar-home-network .what-we-do,
html.ar-home-network .about-us,
html.ar-home-network .about-us--who,
html.ar-home-network .core-services,
html.ar-home-network .visitor-reviews,
html.ar-home-network .news-articles,
html.ar-home-network .subscribe-now,
html.ar-home-network .client-stories,
html.ar-home-network .mission-vision,
html.ar-home-network .about-portfolio,
html.ar-home-network .technology-stack,
html.ar-home-network .about-our-clients,
html.ar-home-network .contact-page,
html.ar-home-network .contact-page-wrap,
html.ar-home-network .alphareaction-contact,
html.ar-home-network .breadcumb-area {
  background-color: color-mix(in srgb, var(--theme-surface, #050510) 92%, transparent) !important;
}

html.ar-home-network .ar-ai-hero {
  background-color: color-mix(in srgb, var(--theme-surface, #050510) 88%, transparent) !important;
}

/* Do NOT dim section ambient canvases — they match the template look */
html.ar-home-network .ar-ai-hero__ambient,
html.ar-home-network .what-we-do__ambient,
html.ar-home-network .about-us__ambient,
html.ar-home-network .core-services__ambient,
html.ar-home-network .visitor-reviews__ambient,
html.ar-home-network .news-articles__ambient,
html.ar-home-network .subscribe-now__ambient {
  opacity: 1;
}

html.ar-home-network .ar-ai-hero__ambient-canvas,
html.ar-home-network [class$="__ambient-canvas"] {
  opacity: 0.85;
  pointer-events: none;
}

@keyframes ar-preset-heading-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

html.ar-home-network .ar-ai-hero__title-gradient,
html.ar-home-network .ar-ai-hero__word-track span,
html.ar-home-network .what-we-do__title,
html.ar-home-network .about-us__title-accent,
html.ar-home-network .core-services__title-cyan,
html.ar-home-network .core-services__title-violet,
html.ar-home-network .visitor-reviews__title-gradient,
html.ar-home-network .news-articles__title span,
html.ar-home-network .subscribe-now__title-brand {
  background-image: linear-gradient(
    105deg,
    var(--theme-heading-1, var(--theme-accent)) 0%,
    var(--theme-heading-2, var(--theme-accent-warm)) 20%,
    var(--theme-heading-3, var(--theme-violet-light)) 40%,
    var(--theme-heading-4, var(--theme-cool)) 60%,
    var(--theme-heading-5, var(--theme-pink)) 80%,
    var(--theme-heading-1, var(--theme-accent)) 100%
  ) !important;
  background-size: 240% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: ar-preset-heading-shift 7.5s ease-in-out infinite;
}

html.ar-home-network .what-we-do__title {
  animation: none !important;
  background-position: 0% 50% !important;
}

html.ar-home-network .core-services__title-white,
html.ar-home-network .visitor-reviews__title-white {
  -webkit-text-fill-color: var(--theme-on-dark, #ffffff) !important;
  color: var(--theme-on-dark, #ffffff) !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
}

@media (max-width: 767px) {
  #ar-home-network-bg canvas {
    opacity: 0.75;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ar-home-network .ar-ai-hero__title-gradient,
  html.ar-home-network .what-we-do__title,
  html.ar-home-network .news-articles__title span,
  html.ar-home-network .subscribe-now__title-brand {
    animation: none !important;
  }
}