/* AgentArmor — Custom Styles */

body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #0a0e1a;
  color: #e2e8f0;
}

/* Scroll-triggered fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Terminal glow effect */
.terminal-glow {
  box-shadow: 0 0 60px rgba(34, 211, 167, 0.08), 0 0 120px rgba(6, 182, 212, 0.04);
}

/* Gradient text (green → cyan) */
.gradient-text {
  background: linear-gradient(135deg, #22d3a7, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Stats cards */
.stat-card {
  background: linear-gradient(135deg, rgba(34, 211, 167, 0.05), rgba(6, 182, 212, 0.05));
  border: 1px solid rgba(34, 211, 167, 0.1);
}

/* Feature cards with hover glow */
.feature-card {
  background: rgba(17, 24, 39, 0.6);
  border: 1px solid rgba(34, 211, 167, 0.08);
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
  border-color: rgba(34, 211, 167, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(34, 211, 167, 0.06);
}

/* Step number circles */
.step-number {
  background: linear-gradient(135deg, #22d3a7, #06b6d4);
}

/* Hero section radial gradient */
.hero-gradient {
  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(34, 211, 167, 0.08), transparent),
              radial-gradient(ellipse 60% 40% at 80% 0%, rgba(6, 182, 212, 0.06), transparent);
}

/* Category table rows */
.category-row {
  border-bottom: 1px solid rgba(34, 211, 167, 0.06);
  transition: background 0.2s ease;
}
.category-row:hover {
  background: rgba(34, 211, 167, 0.03);
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0e1a; }
::-webkit-scrollbar-thumb { background: #243049; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2d3a56; }