@keyframes logo-orbit-spin {
                from { transform: translate(-50%, -50%) rotate(-12deg); }
                to   { transform: translate(-50%, -50%) rotate(348deg); }
              }
@keyframes logo-spark {
                0%   { opacity: 0; transform: translate(0, 0)             scale(0.4); }
                15%  { opacity: 1; }
                100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(1.2); }
              }
@keyframes hero-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }
@keyframes planet-float {
          from { transform: translateY(-8px); }
          to   { transform: translateY(8px);  }
        }
@keyframes surface-pan {
          from { background-position: 0% center; }
          to   { background-position: 200% center; }
        }
@keyframes planet-fadein {
          from { opacity: 0; transform: scale(0.6); }
          to   { opacity: 1; transform: scale(1);   }
        }
@keyframes planet-pulse {
          0%, 100% { opacity: 1;   transform: scale(1);   }
          50%      { opacity: 0.5; transform: scale(1.45); }
        }
@keyframes star-glow {
          0%, 100% { box-shadow: 0 0 28px rgba(245,158,11,0.35), 0 0 65px rgba(245,158,11,0.12), 0 0 120px rgba(245,158,11,0.05); }
          50%      { box-shadow: 0 0 52px rgba(245,158,11,0.60), 0 0 110px rgba(245,158,11,0.22), 0 0 160px rgba(245,158,11,0.10); }
        }
@keyframes spin-orbit {
          from { transform: rotate(0deg); }
          to   { transform: rotate(360deg); }
        }
@keyframes planet-float-0 {
            from { transform: translate(12px, -7px); }
            to   { transform: translate(-8px, 10px); }
          }
@keyframes planet-float-1 {
            from { transform: translate(-10px, 8px); }
            to   { transform: translate(9px, -8px); }
          }
@keyframes planet-float-2 {
            from { transform: translate(8px, 11px); }
            to   { transform: translate(-10px, -6px); }
          }
@keyframes planet-float-3 {
            from { transform: translate(-9px, -10px); }
            to   { transform: translate(10px, 7px); }
          }
@keyframes planet-float-4 {
            from { transform: translate(9px, 9px); }
            to   { transform: translate(-7px, -10px); }
          }
@keyframes star-twinkle {
          0%, 100% { opacity: var(--star-o, 0.2); transform: scale(1); }
          50%      { opacity: 1;                   transform: scale(1.8); }
        }
@keyframes shoot-star {
          0%   { transform: translate(0,    0)    rotate(25deg); opacity: 0; }
          4%   { opacity: 1; }
          50%  { opacity: 1; }
          100% { transform: translate(130vw, 70vh) rotate(25deg); opacity: 0; }
        }
@keyframes nebula-drift-0 {
          from { transform: translate(-50%, -50%) translate(0, 0)    scale(1);   }
          to   { transform: translate(-50%, -50%) translate(40px, -30px) scale(1.15); }
        }
@keyframes nebula-drift-1 {
          from { transform: translate(-50%, -50%) translate(0, 0)    scale(1);   }
          to   { transform: translate(-50%, -50%) translate(-50px, 40px) scale(1.2); }
        }
@keyframes nebula-drift-2 {
          from { transform: translate(-50%, -50%) translate(0, 0)    scale(1);   }
          to   { transform: translate(-50%, -50%) translate(30px, 50px) scale(0.9); }
        }
@keyframes nebula-drift-3 {
          from { transform: translate(-50%, -50%) translate(0, 0)    scale(1);   }
          to   { transform: translate(-50%, -50%) translate(-40px, -30px) scale(1.1); }
        }
@keyframes lens-flare-pulse {
          0%, 100% { opacity: 0.55; }
          50%      { opacity: 1;    }
        }
@keyframes moon-orbit-0 {
            from { transform: translate(-50%, -50%) rotate(0deg); }
            to   { transform: translate(-50%, -50%) rotate(360deg); }
          }
@keyframes moon-orbit-1 {
            from { transform: translate(-50%, -50%) rotate(73deg); }
            to   { transform: translate(-50%, -50%) rotate(433deg); }
          }
@keyframes moon-orbit-2 {
            from { transform: translate(-50%, -50%) rotate(146deg); }
            to   { transform: translate(-50%, -50%) rotate(506deg); }
          }
@keyframes moon-orbit-3 {
            from { transform: translate(-50%, -50%) rotate(219deg); }
            to   { transform: translate(-50%, -50%) rotate(579deg); }
          }
@keyframes moon-orbit-4 {
            from { transform: translate(-50%, -50%) rotate(292deg); }
            to   { transform: translate(-50%, -50%) rotate(652deg); }
          }
@keyframes sc-dark-wipe {
          0%   { clip-path: inset(0 0% 0 0); }
          100% { clip-path: inset(0 100% 0 0); }
        }
@keyframes sc-dark-bar {
          0%   { transform: translateX(-100%); opacity: 1; }
          85%  { opacity: 1; }
          100% { transform: translateX(110%); opacity: 0; }
        }
@keyframes fv-char-land {
                0%   { opacity: 0; transform: translateY(28px) scale(0.92); filter: blur(6px); }
                60%  { filter: blur(0); }
                100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
              }
@keyframes cv-float {
            0%, 100% { transform: translateY(0px);    }
            50%       { transform: translateY(-16px);  }
          }
@keyframes cv-swirl-1 {
            from { transform: rotate(0deg);   }
            to   { transform: rotate(360deg); }
          }
@keyframes cv-swirl-2 {
            from { transform: rotate(0deg);    }
            to   { transform: rotate(-360deg); }
          }
@keyframes cv-breathe {
            0%, 100% { transform: scale(1);     opacity: 0.55; }
            50%       { transform: scale(1.14);  opacity: 1;    }
          }
@keyframes cv-particle {
            0%, 100% { transform: translateY(0px)  translateX(0px);  opacity: 0.28; }
            33%       { transform: translateY(-9px)  translateX(5px);  opacity: 0.85; }
            66%       { transform: translateY(-4px)  translateX(-7px); opacity: 0.45; }
          }
@keyframes cv-twinkle {
            0%, 100% { opacity: 0.15; }
            50%       { opacity: 0.72; }
          }
@keyframes cv-shake {
            0%,  100% { transform: rotate(0deg)    scale(1);    }
            15%        { transform: rotate(-3.5deg) scale(1.04); }
            30%        { transform: rotate(3.5deg)  scale(1.02); }
            45%        { transform: rotate(-2.5deg) scale(1.03); }
            60%        { transform: rotate(2deg)    scale(1.02); }
            75%        { transform: rotate(-1deg)   scale(1.01); }
          }
@keyframes cv-shake-loop {
            0%   { transform: rotate(0deg)    scale(1);    }
            4%   { transform: rotate(-3.5deg) scale(1.04); }
            8%   { transform: rotate(3.5deg)  scale(1.02); }
            12%  { transform: rotate(-2.5deg) scale(1.03); }
            16%  { transform: rotate(2deg)    scale(1.02); }
            20%  { transform: rotate(-1deg)   scale(1.01); }
            26%, 100% { transform: rotate(0deg) scale(1); }
          }
@keyframes cv-moon {
            from { transform: rotate(0deg); }
            to   { transform: rotate(360deg); }
          }
@keyframes cv-platform-pulse {
            0%, 100% { opacity: 0.7; transform: scale(1); }
            50%      { opacity: 1;   transform: scale(1.04); }
          }
@keyframes cv-platform-spin {
            from { transform: rotate(0deg); }
            to   { transform: rotate(360deg); }
          }
@keyframes cv-data-blink {
            0%, 100% { opacity: 0.4; transform: scale(1); }
            50%      { opacity: 1;   transform: scale(1.5); }
          }
@keyframes cv-eye-look {
            0%,  8%   { transform: translate(0px, 0px); }
            14%, 24%  { transform: translate(-26px, 0px); }    /* look LEFT */
            30%, 32%  { transform: translate(0px, 0px); }
            38%, 48%  { transform: translate(26px, 0px); }     /* look RIGHT */
            54%, 56%  { transform: translate(0px, 0px); }
            62%, 72%  { transform: translate(0px, -16px); }    /* look UP */
            78%, 100% { transform: translate(0px, 0px); }
          }
@keyframes cv-eye-blink {
            0%, 92%, 100% { opacity: 0; }
            94%, 96%      { opacity: 1; }
          }
@keyframes film-scan {
            from { transform: translateY(-4px); }
            to   { transform: translateY(100vh); }
          }
@keyframes dogWalk {
          0%   { left: -140px; }
          100% { left: calc(100% + 140px); }
        }
@keyframes wagTail {
          from { transform: rotate(-28deg); }
          to   { transform: rotate(28deg); }
        }
@keyframes legA {
          from { transform: rotate(-24deg); }
          to   { transform: rotate(24deg); }
        }
@keyframes legB {
          from { transform: rotate(24deg); }
          to   { transform: rotate(-24deg); }
        }
@keyframes bubbleFloat {
          from { transform: translateX(-50%) translateY(0px); }
          to   { transform: translateX(-50%) translateY(-6px); }
        }
@keyframes blink-a {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.25; }
        }
@keyframes blink-b {
          0%, 100% { opacity: 0.4; }
          50% { opacity: 1; }
        }
@keyframes tw-helm {
          0%, 100% { opacity: 0.2; transform: scale(1); }
          50% { opacity: 1; transform: scale(1.6); }
        }
@keyframes antenna-pulse {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.3; }
        }
@keyframes clientScroll {
          from { transform: translateX(0); }
          to   { transform: translateX(-50%); }
        }
@keyframes flipPulse {
          0%, 100% { opacity: 1; transform: scale(1); }
          50%       { opacity: 0.5; transform: scale(0.95); }
        }
@keyframes pcap-blink {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.3; }
        }
@keyframes pcap-tw {
          0%, 100% { opacity: 0.15; }
          50% { opacity: 1; }
        }
@keyframes sc-light-wipe {
          0%   { clip-path: inset(0 0% 0 0); }
          100% { clip-path: inset(0 100% 0 0); }
        }
@keyframes sc-light-bar {
          0%   { transform: translateX(-100%); opacity: 1; }
          85%  { opacity: 1; }
          100% { transform: translateX(110%); opacity: 0; }
        }
@keyframes wus-twinkle { 0%,100%{opacity:0.15} 50%{opacity:0.85} }
@keyframes llama-float {
          0%, 100% { transform: translateY(0px); }
          50%       { transform: translateY(-9px); }
        }
@keyframes badge-spin {
          from { transform: rotate(0deg); }
          to   { transform: rotate(360deg); }
        }
@keyframes footer-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }