/* ==========================================================================
   Animations
   ========================================================================== */
   .cta-btn:hover,
   .pricing-cta:hover,
   .footer-cta:hover {
       box-shadow: 0 0 15px rgba(219, 39, 119, 0.5);
   }
   
   @keyframes slideIn {
       to { transform: translateX(0); opacity: 1; }
   }
   
   @keyframes scroll {
       0% { transform: translateX(0); }
       100% { transform: translateX(-50%); }
   }
   
   @keyframes breathe {
       0%, 100% { transform: translate(0, 10%) scale(1); }
       50% { transform: translate(0, 10%) scale(1.05); }
   }
   
   @keyframes gradientShift {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
       100% { background-position: 0% 50%; }
   }
   
   @-webkit-keyframes gradientShift {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
       100% { background-position: 0% 50%; }
   }
   
   @-moz-keyframes gradientShift {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
       100% { background-position: 0% 50%; }
   }
   
   @keyframes fadeIn {
       from { opacity: 0; transform: translateY(10px); }
       to { opacity: 1; transform: translateY(0); }
   }
   
   @keyframes float {
       0%, 100% { transform: translateZ(20px) translateY(0); }
       50% { transform: translateZ(20px) translateY(-20px); }
   }
   
   @keyframes gradientPulse {
       0% { background-position: 0% 0%; }
       50% { background-position: 100% 100%; }
       100% { background-position: 0% 0%; }
   }
   
   @keyframes popIn {
       0% { transform: translateZ(0) scale(0.8); opacity: 0; }
       100% { transform: translateZ(50px) scale(1); opacity: 1; }
   }
   
   @keyframes glowPulse {
       0%, 100% { filter: drop-shadow(0 0 5px var(--accent-pink)); }
       50% { filter: drop-shadow(0 0 15px var(--accent-orange)); }
   }
   
   .expertise-card:nth-child(1) { animation: fadeIn 0.5s ease forwards 0.1s; }
   .expertise-card:nth-child(2) { animation: fadeIn 0.5s ease forwards 0.2s; }
   .expertise-card:nth-child(3) { animation: fadeIn 0.5s ease forwards 0.3s; }
   .expertise-card:nth-child(4) { animation: fadeIn 0.5s ease forwards 0.4s; }
   .expertise-card:nth-child(5) { animation: fadeIn 0.5s ease forwards 0.5s; }
   .expertise-card:nth-child(6) { animation: fadeIn 0.5s ease forwards 0.6s; }
   
   @media (prefers-reduced-motion: reduce) {
       .cta-btn:hover,
       .pricing-cta:hover,
       .footer-cta:hover {
           box-shadow: none;
       }
       .expertise-card:nth-child(1),
       .expertise-card:nth-child(2),
       .expertise-card:nth-child(3),
       .expertise-card:nth-child(4),
       .expertise-card:nth-child(5),
       .expertise-card:nth-child(6) {
           animation: none;
       }
   }