/* Custom styles — Industrial dark theme */

html { scroll-behavior: smooth; }

body { background-color: #0A0F1E; }

/* ── Counter animations ──────────────────────────────── */
.stat-item [data-stat] {
  font-variant-numeric: tabular-nums;
  transition: all 0.3s ease;
}

/* ── Capability cards ────────────────────────────────── */
.capability-card {
  cursor: default;
}
.capability-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.5);
}

/* ── Scrollbar ───────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0A0F1E; }
::-webkit-scrollbar-thumb { background: #1F2937; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #374151; }

/* ── Selection ───────────────────────────────────────── */
::selection { background: rgba(37,99,235,0.3); color: #fff; }

/* ── Smooth fade-in for sections ─────────────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.fade-in { animation: fadeInUp 0.6s ease both; }
.fade-in-delay-1 { animation: fadeInUp 0.6s 0.1s ease both; }
.fade-in-delay-2 { animation: fadeInUp 0.6s 0.2s ease both; }
.fade-in-delay-3 { animation: fadeInUp 0.6s 0.3s ease both; }

/* ── Gradient text ───────────────────────────────────── */
.gradient-text {
  background: linear-gradient(135deg, #60a5fa, #22d3ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}