@keyframes melAutomateWiggle {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      20%      { transform: translateY(-4px) rotate(-3deg); }
      40%      { transform: translateY(0)    rotate(2deg); }
      60%      { transform: translateY(-3px) rotate(-2deg); }
      80%      { transform: translateY(0)    rotate(1deg); }
    }
    @keyframes melAutomateRocketShake {
      0%, 100% { transform: translate(0, 0) rotate(-2deg); }
      25%      { transform: translate(-1px, -2px) rotate(0deg); }
      50%      { transform: translate(1px, -1px) rotate(3deg); }
      75%      { transform: translate(2px, 1px) rotate(-1deg); }
    }
    @keyframes melAutomateSpark {
      0%   { opacity: 0; transform: translateY(0)  scale(.6); }
      20%  { opacity: 1; transform: translateY(-6px) scale(1); }
      100% { opacity: 0; transform: translateY(-22px) scale(.4); }
    }
    @keyframes melAutomateFade {
      from { opacity: 0; }
      to   { opacity: 1; }
    }
    @keyframes melAutomateSpin {
      to { transform: rotate(360deg); }
    }
    @keyframes melAutomateEnter {
      from { opacity: 0; transform: translateY(14px) scale(.96); }
      to   { opacity: 1; transform: translateY(0)    scale(1); }
    }
    /* Glow pulse on the BetaSignup widget — fired after the popup
       closes. Targets via the data-mel-beta-tab hook below. */
    @keyframes melBetaTabPulse {
      0%, 100% {
        box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.0),
                    0 0 36px rgba(34, 211, 238, 0.55),
                    0 0 80px rgba(124, 111, 240, 0.35);
      }
      50%      {
        box-shadow: 0 0 0 8px rgba(34, 211, 238, 0.0),
                    0 0 56px rgba(34, 211, 238, 0.85),
                    0 0 120px rgba(124, 111, 240, 0.55);
      }
    }
    body[data-mel-beta-highlight="1"] [data-mel-beta-tab] {
      animation: melBetaTabPulse 1.3s ease-in-out infinite !important;
      z-index: 200 !important;
    }
    /* Arrow nudge — applied to the dedicated overlay. */
    @keyframes melBetaArrowBobX {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(14px); }
    }
    @keyframes melBetaArrowBobY {
      0%, 100% { transform: translateY(0); }
      50%      { transform: translateY(14px); }
    }