body {
      background-color: #080A10;
      color: #EDF2FF;
      font-family: 'IBM Plex Sans', sans-serif;
    }

    /* Fine dot grid */
    .dot-grid {
      background-image: radial-gradient(rgba(123,126,255,0.15) 1px, transparent 1px);
      background-size: 32px 32px;
    }

    /* Gradient text with shimmer */
    .grad-txt {
      background: linear-gradient(105deg, #7b7eff 0%, #a8aaff 28%, #e8e9ff 50%, #a8aaff 72%, #7b7eff 100%);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: shimmer 4s linear infinite;
    }
    @keyframes shimmer {
      0%   { background-position: 0% center; }
      100% { background-position: 200% center; }
    }

    /* Animated underline on nav links */
    .nav-link {
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute; bottom: -2px; left: 0; right: 0;
      height: 1px; background: #7b7eff;
      transform: scaleX(0); transform-origin: left;
      transition: transform 0.25s ease;
    }
    .nav-link:hover::after { transform: scaleX(1); }

    /* Glowing lime border on hover cards — with mouse-tracking radial glow */
    .service-card {
      --mx: 50%; --my: 50%;
      border: 1px solid rgba(123,126,255,0.15);
      transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
    }
    .service-card:hover {
      border-color: rgba(123,126,255,0.45);
      transform: translateY(-4px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(123,126,255,0.12);
    }
    .service-card::before {
      content: '';
      position: absolute; inset: 0;
      background: radial-gradient(600px circle at var(--mx) var(--my), rgba(123,126,255,0.12) 0%, transparent 60%);
      border-radius: inherit;
      opacity: 0; transition: opacity 0.3s;
      pointer-events: none;
    }
    .service-card:hover::before { opacity: 1; }

    /* Reveal animations */
    .reveal {
      opacity: 0; transform: translateY(26px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .reveal.in { opacity: 1; transform: translateY(0); }
    .d1 { transition-delay: 0.08s; }
    .d2 { transition-delay: 0.16s; }
    .d3 { transition-delay: 0.24s; }
    .d4 { transition-delay: 0.32s; }
    .d5 { transition-delay: 0.40s; }

    /* Hero stagger */
    .fu { opacity: 0; transform: translateY(20px); animation: fuAnim 0.65s ease forwards; }
    .fu-1 { animation-delay: 0.00s; }
    .fu-2 { animation-delay: 0.12s; }
    .fu-3 { animation-delay: 0.24s; }
    .fu-4 { animation-delay: 0.38s; }
    .fu-5 { animation-delay: 0.52s; }
    @keyframes fuAnim { to { opacity:1; transform:translateY(0); } }

    /* Pricing card featured border glow */
    .price-feat {
      border-color: rgba(123,126,255,0.55) !important;
      background: linear-gradient(160deg, rgba(123,126,255,0.10) 0%, #0E1120 40%) !important;
      box-shadow: 0 0 0 1px rgba(123,126,255,0.12), inset 0 1px 0 rgba(123,126,255,0.26), 0 24px 60px rgba(0,0,0,0.5) !important;
    }

    /* Terminal card float */
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-10px); }
    }
    .terminal-float { animation: float 5s ease-in-out infinite; }

    /* Terminal line typewriter reveal */
    .term-line { opacity: 0; animation: termIn 0.35s ease forwards; }
    @keyframes termIn { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
    .t1 { animation-delay: 0.7s; }
    .t2 { animation-delay: 1.2s; }
    .t3 { animation-delay: 1.8s; }
    .t4 { animation-delay: 2.3s; }
    .t5 { animation-delay: 2.7s; }
    .t6 { animation-delay: 3.1s; }
    .t7 { animation-delay: 3.5s; }

    /* Hero background glow pulse */
    @keyframes heroPulse {
      0%, 100% { opacity: 0.35; }
      50%       { opacity: 1; }
    }
    .glow-pulse { animation: heroPulse 6s ease-in-out infinite; }

    /* Terminal cursor blink */
    .cursor {
      display: inline-block; width: 2px; height: 1em;
      background: #7b7eff; margin-left: 2px; vertical-align: middle;
      animation: cursorBlink 1.1s step-end infinite;
    }
    @keyframes cursorBlink { 0%,100%{opacity:1;} 50%{opacity:0;} }

    /* Noise texture overlay */
    .noise::after {
      content: '';
      position: absolute; inset: 0; z-index: 0; pointer-events: none;
      opacity: 0.025;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
    }

    /* Hero mouse-following spotlight */
    .hero-spotlight {
      position: absolute; inset: 0; pointer-events: none; z-index: 1;
      background: radial-gradient(800px circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(123,126,255,0.07) 0%, transparent 55%);
      opacity: 0; transition: opacity 0.4s ease;
    }
    .hero-spotlight.active { opacity: 1; }

    /* Trust bar infinite marquee */
    @keyframes marquee {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .marquee-track {
      display: flex;
      width: max-content;
      animation: marquee 25s linear infinite;
    }
    .marquee-track:hover { animation-play-state: paused; }

    /* Section divider shimmer */
    .section-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, rgba(123,126,255,0.3) 50%, transparent 100%);
      background-size: 200% 100%;
      animation: dividerShimmer 4s ease-in-out infinite;
    }
    @keyframes dividerShimmer {
      0%, 100% { background-position: 200% 0; }
      50%      { background-position: -200% 0; }
    }

    /* Scrollbar */
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: #080A10; }
    ::-webkit-scrollbar-thumb { background: #1A2038; border-radius: 3px; }

    /* Language switcher */
    .lang-btn { cursor: pointer; }
    .lang-btn:hover { background: rgba(123,126,255,0.10); color: #EDF2FF; }
    .lang-active { background: rgba(123,126,255,0.15); color: #EDF2FF; }