.dot-grid {
        background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
        background-size: 24px 24px;
        transition: background-position 0.2s ease-out;
      }
      .technical-shadow {
        box-shadow: 4px 4px 0px 0px #000000;
      }
      .technical-shadow-hover:hover {
        box-shadow: 8px 8px 0px 0px #9466ff;
        transform: translate(-2px, -2px);
      }
      .syntax-comment {
        color: #76777d;
      }
      .syntax-keyword {
        color: #9466ff;
      }
      .syntax-string {
        color: #00668a;
      }
      .syntax-func {
        color: #5516be;
      }

      /* Animation Styles */
      .reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .reveal.active {
        opacity: 1;
        transform: translateY(0);
      }

      @keyframes cursor-blink {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
      }
      .cursor::after {
        content: "_";
        animation: cursor-blink 1s infinite;
        color: #9466ff;
      }

      @keyframes shimmer {
        0% {
          background-position: -200% 0;
        }
        100% {
          background-position: 200% 0;
        }
      }
      .shimmer-hover:hover {
        background: linear-gradient(
          90deg,
          #000000 0%,
          #333333 50%,
          #000000 100%
        );
        background-size: 200% 100%;
        animation: shimmer 1.5s infinite;
      }

      @keyframes pulse-glow {
        0% {
          box-shadow: 0 0 0 0 rgba(148, 102, 255, 0.4);
        }
        70% {
          box-shadow: 0 0 0 10px rgba(148, 102, 255, 0);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(148, 102, 255, 0);
        }
      }
      .pulse-cta {
        animation: pulse-glow 2s infinite;
      }

      .pricing-glow:hover {
        transform: scale(1.02);
        box-shadow: 0 10px 40px -10px rgba(148, 102, 255, 0.3);
        border-color: #9466ff;
      }

      /* Floating background drift */
      @keyframes ambient-drift {
        0% {
          background-position: 0 0;
        }
        100% {
          background-position: 100px 100px;
        }
      }
      .dot-grid-animated {
        animation: ambient-drift 60s linear infinite;
      }