* { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { background: #000; color: #fff; font-family: 'Inter', sans-serif; overflow-x: hidden; }

    ::selection { background: rgba(30, 144, 255, 0.3); color: #fff; }
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #000; }
    ::-webkit-scrollbar-thumb { background: rgba(30, 144, 255, 0.4); border-radius: 3px; }
    ::-webkit-scrollbar-thumb:hover { background: rgba(30, 144, 255, 0.6); }

    .gradient-text {
      background: linear-gradient(135deg, #1E90FF 0%, #2A9DF4 20%, #2FD3C7 50%, #30E0C2 70%, #2BFF88 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .gradient-text-subtle {
      background: linear-gradient(135deg, #2A9DF4 0%, #30E0C2 50%, #2BFF88 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .gradient-border {
      position: relative;
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.06);
    }
    .gradient-border::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(135deg, rgba(30,144,255,0.3), rgba(47,211,199,0.2), rgba(43,255,136,0.1));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }

    .glow-blue { box-shadow: 0 0 30px rgba(30,144,255,0.15), 0 0 60px rgba(30,144,255,0.05); }
    .glow-green { box-shadow: 0 0 30px rgba(43,255,136,0.15), 0 0 60px rgba(43,255,136,0.05); }
    .glow-teal { box-shadow: 0 0 30px rgba(47,211,199,0.15), 0 0 60px rgba(47,211,199,0.05); }

    .btn-primary {
      background: linear-gradient(135deg, #1E90FF 0%, #2FD3C7 60%, #2BFF88 100%);
      color: #000;
      font-weight: 600;
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .btn-primary::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, #2A9DF4 0%, #30E0C2 60%, #2BFF88 100%);
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .btn-primary:hover::before { opacity: 1; }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 40px rgba(30,144,255,0.3), 0 0 80px rgba(47,211,199,0.15); }
    .btn-primary span { position: relative; z-index: 1; }

    .btn-secondary {
      border: 1px solid rgba(30,144,255,0.3);
      color: #fff;
      transition: all 0.3s ease;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .btn-secondary:hover {
      border-color: rgba(30,144,255,0.6);
      background: rgba(30,144,255,0.08);
      transform: translateY(-2px);
    }

    .hero-glow {
      position: absolute;
      border-radius: 50%;
      filter: blur(120px);
      pointer-events: none;
    }

    .stat-card {
      background: rgba(255,255,255,0.02);
      border: 1px solid rgba(255,255,255,0.05);
      transition: all 0.4s ease;
    }
    .stat-card:hover {
      background: rgba(255,255,255,0.04);
      border-color: rgba(30,144,255,0.2);
      transform: translateY(-4px);
    }

    .feature-card {
      background: rgba(255,255,255,0.02);
      border: 1px solid rgba(255,255,255,0.05);
      transition: all 0.5s ease;
      position: relative;
      overflow: hidden;
    }
    .feature-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(30,144,255,0.5), rgba(43,255,136,0.5), transparent);
      opacity: 0;
      transition: opacity 0.5s ease;
    }
    .feature-card:hover {
      background: rgba(255,255,255,0.04);
      border-color: rgba(30,144,255,0.15);
      transform: translateY(-4px);
    }
    .feature-card:hover::after { opacity: 1; }

    .problem-card {
      background: rgba(255,255,255,0.02);
      border-left: 2px solid rgba(255,60,60,0.3);
      transition: all 0.4s ease;
    }
    .problem-card:hover {
      background: rgba(255,255,255,0.04);
      border-left-color: rgba(255,60,60,0.6);
    }

    .solution-card {
      background: rgba(255,255,255,0.02);
      border-left: 2px solid rgba(43,255,136,0.3);
      transition: all 0.4s ease;
    }
    .solution-card:hover {
      background: rgba(255,255,255,0.04);
      border-left-color: rgba(43,255,136,0.6);
    }

    .grid-bg {
      background-image:
        linear-gradient(rgba(30,144,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30,144,255,0.03) 1px, transparent 1px);
      background-size: 60px 60px;
    }

    .noise-overlay {
      position: fixed;
      inset: 0;
      z-index: 50;
      pointer-events: none;
      opacity: 0.015;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    @keyframes pulse-glow {
      0%, 100% { opacity: 0.4; }
      50% { opacity: 0.8; }
    }

    .animate-float { animation: float 6s ease-in-out infinite; }
    .animate-pulse-glow { animation: pulse-glow 4s ease-in-out infinite; }

    .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    .reveal-delay-1 { transition-delay: 0.1s; }
    .reveal-delay-2 { transition-delay: 0.2s; }
    .reveal-delay-3 { transition-delay: 0.3s; }
    .reveal-delay-4 { transition-delay: 0.4s; }

    .marquee-track {
      display: flex;
      animation: marquee 30s linear infinite;
      width: max-content;
    }
    @keyframes marquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .nav-blur {
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
    }

    .icon-circle {
      background: linear-gradient(135deg, rgba(30,144,255,0.1), rgba(47,211,199,0.05));
      border: 1px solid rgba(30,144,255,0.15);
    }

    .timeline-line {
      background: linear-gradient(to bottom, #1E90FF, #2FD3C7, #2BFF88);
    }

    .cta-section {
      background: linear-gradient(180deg, #000 0%, rgba(30,144,255,0.03) 50%, #000 100%);
    }

    .mvp-badge {
      background: linear-gradient(135deg, rgba(43,255,136,0.1), rgba(30,144,255,0.1));
      border: 1px solid rgba(43,255,136,0.25);
    }

    .soon-badge {
      background: linear-gradient(135deg, rgba(30,144,255,0.08), rgba(47,211,199,0.05));
      border: 1px solid rgba(30,144,255,0.15);
    }

    @media (max-width: 768px) {
      .hero-title { font-size: 2.5rem !important; }
    }