:root { --circuit-blue: #00a3ff; --voltage-orange: #ff7a1a; }
    body { font-family: 'Space Grotesk', system-ui, sans-serif; background: #050810; color: #e2e8f0; }
    .font-space { font-family: 'Space Grotesk', system-ui, sans-serif; }
    .glass-panel {
      background: radial-gradient(circle at top left, rgba(148,163,184,0.12), transparent 55%), rgba(15,23,42,0.85);
      backdrop-filter: blur(18px);
    }
    .btn-vault {
      background: linear-gradient(135deg, rgba(0,163,255,0.85), rgba(255,122,26,0.85));
      color: #ffffff; border: 1px solid rgba(148,163,184,0.35);
      box-shadow: 0 4px 20px rgba(0,163,255,0.25);
      transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    }
    .btn-vault:hover {
      background: linear-gradient(135deg, rgba(0,163,255,1), rgba(255,122,26,1));
      box-shadow: 0 6px 28px rgba(0,163,255,0.4);
      transform: translateY(-2px);
    }
    .btn-solid {
      display: inline-flex; align-items: center; gap: 0.5rem;
      padding: 0.65rem 1.25rem; border-radius: 0.5rem;
      color: #050810; font-weight: 700; font-size: 0.75rem;
      text-transform: uppercase; letter-spacing: 0.15em;
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }
    .btn-solid:hover { transform: translateY(-2px); }
    .gradient-text {
      background: linear-gradient(120deg, var(--circuit-blue), var(--voltage-orange));
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .card-hover { transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease; }
    .card-hover:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(0,0,0,0.6); border-color: rgba(148,163,184,0.35); }
    .reveal { opacity: 1; transform: none; transition: opacity 600ms ease, transform 600ms ease; }
    .logo-glow { box-shadow: 0 0 120px rgba(0,163,255,0.35), 0 0 40px rgba(15,23,42,0.9) inset; }
    .hero-grid { background-image: linear-gradient(rgba(0,163,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,163,255,0.04) 1px, transparent 1px); background-size: 60px 60px; }
    .badge-live { background: rgba(52,211,153,0.15); color: #34d399; border: 1px solid rgba(52,211,153,0.3); }
    .badge-ready { background: rgba(255,122,26,0.15); color: #ff7a1a; border: 1px solid rgba(255,122,26,0.3); }
    .badge-dev { background: rgba(148,163,184,0.1); color: #94a3b8; border: 1px solid rgba(148,163,184,0.2); }
    .badge-concept { background: rgba(99,102,241,0.1); color: #818cf8; border: 1px solid rgba(99,102,241,0.2); }
    .stat-num { font-size: 2.5rem; font-weight: 800; line-height: 1; }