/* ============================================
   FIRE-GLOW ANIMATION SYSTEM
   ============================================
   Multi-layer concentric halo effect
   5 layers: Core → Primary → Secondary → Tertiary → Outer
   Base system uses orange→magenta→purple gradient
   Product-specific variants map to SERVICE_COLORS

   USAGE: Import only on pages that need fire-glow effects
   (e.g., pricing calculator, product pages)
   ============================================ */

/* Base Fire-Glow Animation (Orange→Magenta→Purple) - Sophisticated gradual fade */
@keyframes fire-glow-level-5 {
  0%, 100% {
    text-shadow:
      0 0 15px rgba(249, 115, 22, 0.8),    /* Soft orange core */
      0 0 30px rgba(249, 115, 22, 0.7),    /* Soft orange primary */
      0 0 45px rgba(229, 1, 255, 0.5),     /* Soft magenta secondary */
      0 0 60px rgba(229, 1, 255, 0.3),     /* Soft magenta tertiary */
      0 0 75px rgba(146, 56, 255, 0.25);   /* Soft purple outer */
  }
  25% {
    text-shadow:
      0 0 18px rgba(249, 115, 22, 0.9),    /* Building orange core */
      0 0 35px rgba(249, 115, 22, 0.8),    /* Building orange primary */
      0 0 55px rgba(229, 1, 255, 0.65),    /* Building magenta */
      0 0 75px rgba(229, 1, 255, 0.45),    /* Building magenta tertiary */
      0 0 95px rgba(146, 56, 255, 0.35);   /* Building purple outer */
  }
  50% {
    text-shadow:
      0 0 22px rgba(249, 115, 22, 1),      /* Peak orange core */
      0 0 45px rgba(249, 115, 22, 0.95),   /* Peak orange primary */
      0 0 68px rgba(229, 1, 255, 0.8),     /* Peak magenta */
      0 0 92px rgba(229, 1, 255, 0.6),     /* Peak magenta tertiary */
      0 0 115px rgba(146, 56, 255, 0.5);   /* Peak purple outer */
  }
  75% {
    text-shadow:
      0 0 18px rgba(249, 115, 22, 0.9),    /* Fading orange core */
      0 0 35px rgba(249, 115, 22, 0.8),    /* Fading orange primary */
      0 0 55px rgba(229, 1, 255, 0.65),    /* Fading magenta */
      0 0 75px rgba(229, 1, 255, 0.45),    /* Fading magenta tertiary */
      0 0 95px rgba(146, 56, 255, 0.35);   /* Fading purple outer */
  }
}

/* Purple Glow - rMEQ Product (#a855f7) - Sophisticated gradual fade */
@keyframes fire-glow-rmeq {
  0%, 100% {
    text-shadow:
      0 0 15px rgba(168, 85, 247, 0.8),    /* Soft purple core */
      0 0 30px rgba(168, 85, 247, 0.7),    /* Soft purple primary */
      0 0 45px rgba(147, 51, 234, 0.5),    /* Soft deeper purple */
      0 0 60px rgba(126, 34, 206, 0.3),    /* Soft darker purple */
      0 0 75px rgba(109, 40, 217, 0.25);   /* Soft deep purple outer */
  }
  25% {
    text-shadow:
      0 0 18px rgba(168, 85, 247, 0.9),    /* Building purple core */
      0 0 35px rgba(168, 85, 247, 0.8),    /* Building purple primary */
      0 0 55px rgba(147, 51, 234, 0.65),   /* Building deeper purple */
      0 0 75px rgba(126, 34, 206, 0.45),   /* Building darker purple */
      0 0 95px rgba(109, 40, 217, 0.35);   /* Building deep purple outer */
  }
  50% {
    text-shadow:
      0 0 22px rgba(168, 85, 247, 1),      /* Peak purple core */
      0 0 45px rgba(168, 85, 247, 0.95),   /* Peak purple primary */
      0 0 68px rgba(147, 51, 234, 0.8),    /* Peak deeper purple */
      0 0 92px rgba(126, 34, 206, 0.6),    /* Peak darker purple */
      0 0 115px rgba(109, 40, 217, 0.5);   /* Peak deep purple outer */
  }
  75% {
    text-shadow:
      0 0 18px rgba(168, 85, 247, 0.9),    /* Fading purple core */
      0 0 35px rgba(168, 85, 247, 0.8),    /* Fading purple primary */
      0 0 55px rgba(147, 51, 234, 0.65),   /* Fading deeper purple */
      0 0 75px rgba(126, 34, 206, 0.45),   /* Fading darker purple */
      0 0 95px rgba(109, 40, 217, 0.35);   /* Fading deep purple outer */
  }
}

/* Green Glow - GCD Product (#22c55e) - Sophisticated gradual fade */
@keyframes fire-glow-gcd {
  0%, 100% {
    text-shadow:
      0 0 15px rgba(34, 197, 94, 0.8),     /* Soft green core */
      0 0 30px rgba(34, 197, 94, 0.7),     /* Soft green primary */
      0 0 45px rgba(22, 163, 74, 0.5),     /* Soft darker green */
      0 0 60px rgba(21, 128, 61, 0.3),     /* Soft deep green */
      0 0 75px rgba(20, 83, 45, 0.25);     /* Soft very deep green outer */
  }
  25% {
    text-shadow:
      0 0 18px rgba(34, 197, 94, 0.9),     /* Building green core */
      0 0 35px rgba(34, 197, 94, 0.8),     /* Building green primary */
      0 0 55px rgba(22, 163, 74, 0.65),    /* Building darker green */
      0 0 75px rgba(21, 128, 61, 0.45),    /* Building deep green */
      0 0 95px rgba(20, 83, 45, 0.35);     /* Building very deep green outer */
  }
  50% {
    text-shadow:
      0 0 22px rgba(34, 197, 94, 1),       /* Peak green core */
      0 0 45px rgba(34, 197, 94, 0.95),    /* Peak green primary */
      0 0 68px rgba(22, 163, 74, 0.8),     /* Peak darker green */
      0 0 92px rgba(21, 128, 61, 0.6),     /* Peak deep green */
      0 0 115px rgba(20, 83, 45, 0.5);     /* Peak very deep green outer */
  }
  75% {
    text-shadow:
      0 0 18px rgba(34, 197, 94, 0.9),     /* Fading green core */
      0 0 35px rgba(34, 197, 94, 0.8),     /* Fading green primary */
      0 0 55px rgba(22, 163, 74, 0.65),    /* Fading darker green */
      0 0 75px rgba(21, 128, 61, 0.45),    /* Fading deep green */
      0 0 95px rgba(20, 83, 45, 0.35);     /* Fading very deep green outer */
  }
}

/* Orange Glow - LAA Product (#f97316) - Sophisticated gradual fade */
@keyframes fire-glow-laa {
  0%, 100% {
    text-shadow:
      0 0 15px rgba(249, 115, 22, 0.8),    /* Soft orange core */
      0 0 30px rgba(249, 115, 22, 0.7),    /* Soft orange primary */
      0 0 45px rgba(234, 88, 12, 0.5),     /* Soft darker orange */
      0 0 60px rgba(194, 65, 12, 0.3),     /* Soft deep orange */
      0 0 75px rgba(154, 52, 18, 0.25);    /* Soft very deep orange outer */
  }
  25% {
    text-shadow:
      0 0 18px rgba(249, 115, 22, 0.9),    /* Building orange core */
      0 0 35px rgba(249, 115, 22, 0.8),    /* Building orange primary */
      0 0 55px rgba(234, 88, 12, 0.65),    /* Building darker orange */
      0 0 75px rgba(194, 65, 12, 0.45),    /* Building deep orange */
      0 0 95px rgba(154, 52, 18, 0.35);    /* Building very deep orange outer */
  }
  50% {
    text-shadow:
      0 0 22px rgba(249, 115, 22, 1),      /* Peak orange core */
      0 0 45px rgba(249, 115, 22, 0.95),   /* Peak orange primary */
      0 0 68px rgba(234, 88, 12, 0.8),     /* Peak darker orange */
      0 0 92px rgba(194, 65, 12, 0.6),     /* Peak deep orange */
      0 0 115px rgba(154, 52, 18, 0.5);    /* Peak very deep orange outer */
  }
  75% {
    text-shadow:
      0 0 18px rgba(249, 115, 22, 0.9),    /* Fading orange core */
      0 0 35px rgba(249, 115, 22, 0.8),    /* Fading orange primary */
      0 0 55px rgba(234, 88, 12, 0.65),    /* Fading darker orange */
      0 0 75px rgba(194, 65, 12, 0.45),    /* Fading deep orange */
      0 0 95px rgba(154, 52, 18, 0.35);    /* Fading very deep orange outer */
  }
}

/* Blue Glow - RFT Product (#3b82f6) - Sophisticated gradual fade */
@keyframes fire-glow-rft {
  0%, 100% {
    text-shadow:
      0 0 15px rgba(59, 130, 246, 0.8),    /* Soft blue core */
      0 0 30px rgba(59, 130, 246, 0.7),    /* Soft blue primary */
      0 0 45px rgba(37, 99, 235, 0.5),     /* Soft darker blue */
      0 0 60px rgba(29, 78, 216, 0.3),     /* Soft deep blue */
      0 0 75px rgba(30, 58, 138, 0.25);    /* Soft very deep blue outer */
  }
  25% {
    text-shadow:
      0 0 18px rgba(59, 130, 246, 0.9),    /* Building blue core */
      0 0 35px rgba(59, 130, 246, 0.8),    /* Building blue primary */
      0 0 55px rgba(37, 99, 235, 0.65),    /* Building darker blue */
      0 0 75px rgba(29, 78, 216, 0.45),    /* Building deep blue */
      0 0 95px rgba(30, 58, 138, 0.35);    /* Building very deep blue outer */
  }
  50% {
    text-shadow:
      0 0 22px rgba(59, 130, 246, 1),      /* Peak blue core */
      0 0 45px rgba(59, 130, 246, 0.95),   /* Peak blue primary */
      0 0 68px rgba(37, 99, 235, 0.8),     /* Peak darker blue */
      0 0 92px rgba(29, 78, 216, 0.6),     /* Peak deep blue */
      0 0 115px rgba(30, 58, 138, 0.5);    /* Peak very deep blue outer */
  }
  75% {
    text-shadow:
      0 0 18px rgba(59, 130, 246, 0.9),    /* Fading blue core */
      0 0 35px rgba(59, 130, 246, 0.8),    /* Fading blue primary */
      0 0 55px rgba(37, 99, 235, 0.65),    /* Fading darker blue */
      0 0 75px rgba(29, 78, 216, 0.45),    /* Fading deep blue */
      0 0 95px rgba(30, 58, 138, 0.35);    /* Fading very deep blue outer */
  }
}

/* Glow Utility Classes - Vastly slower, ultra-smooth, sophisticated */
.glow-fire {
  will-change: filter;
  animation: fire-glow-level-5 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.glow-rmeq {
  will-change: filter;
  animation: fire-glow-rmeq 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.glow-gcd {
  will-change: filter;
  animation: fire-glow-gcd 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.glow-laa {
  will-change: filter;
  animation: fire-glow-laa 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.glow-rft {
  will-change: filter;
  animation: fire-glow-rft 3.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}