* { font-family: 'Red Hat Display', system-ui, sans-serif; }
    h1, h2, h3, h4, .font-heading { font-family: 'Onest', system-ui, sans-serif; }

    .gradient-text {
      background: linear-gradient(135deg, #164BFB 0%, #00D8FF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero-glow-blue {
      position: absolute;
      width: 700px;
      height: 700px;
      left: 15%;
      top: 20%;
      transform: translate(-50%, -50%);
      border-radius: 9999px;
      background: radial-gradient(circle, rgba(22, 75, 251, 0.45) 0%, transparent 70%);
      transition: left 0.5s cubic-bezier(0.16, 1, 0.3, 1), top 0.5s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: left, top;
    }
    .hero-glow-cyan {
      background: radial-gradient(ellipse 55% 45% at 85% 15%, rgba(0, 216, 255, 0.35) 0%, transparent 70%);
    }

    .glass {
      background: rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .glass-light {
      background: rgba(250, 248, 248, 0.82);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(35, 35, 35, 0.06);
    }

    .card-hover {
      transition: transform 250ms ease, box-shadow 250ms ease;
    }
    .card-hover:hover {
      transform: scale(1.02);
    }

    .btn-primary {
      background: #164BFB;
      transition: transform 250ms ease, box-shadow 250ms ease, background 250ms ease;
    }
    .btn-primary:hover {
      transform: scale(1.02);
      box-shadow: 0 8px 32px rgba(22, 75, 251, 0.4);
      background: #1250e0;
    }

    .btn-secondary {
      transition: transform 250ms ease, background 250ms ease;
    }
    .btn-secondary:hover {
      transform: scale(1.02);
      background: rgba(22, 75, 251, 0.06);
    }

    .btn-ghost {
      transition: transform 250ms ease, background 250ms ease;
    }
    .btn-ghost:hover {
      transform: scale(1.02);
      background: rgba(255, 255, 255, 0.08);
    }

    .chart-line {
      stroke-dasharray: 800;
      stroke-dashoffset: 800;
      animation: drawLine 2s ease forwards 0.5s;
    }
    @keyframes drawLine {
      to { stroke-dashoffset: 0; }
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-up {
      animation: fadeUp 0.6s ease forwards;
    }

    .bento-hero-glow {
      background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(22, 75, 251, 0.5) 0%, transparent 70%);
    }

    .cta-panel {
      background: linear-gradient(135deg, #101116 0%, #164BFB 50%, #00D8FF 100%);
    }

    /* Mobile nav */
    #mobile-menu { display: none; }
    #mobile-menu.open { display: block; }