/* Module cards — public AI assistant modules page (extends landing.css portfolio) */
#agents .card-content {
  margin-top: 0 !important;
  width: 100%;
  text-align: center;
}

.agent-card {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  transition: transform 0.2s ease, background 0.2s ease;
  padding: 32px;
  border-radius: 24px;
  height: auto !important;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.agent-card:hover {
  background: #e2e8f0 !important;
  transform: translateY(-2px);
}

.agent-card-visual {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 18px;
}

.agent-card-icon {
  width: 96px;
  height: 96px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.agent-card:hover .agent-card-icon {
  transform: scale(1.06);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.agent-card[data-module="marketing"] .agent-card-icon {
  background: rgba(79, 70, 229, 0.14);
  color: #818cf8;
}
.agent-card[data-module="sales"] .agent-card-icon {
  background: rgba(59, 130, 246, 0.14);
  color: #60a5fa;
}
.agent-card[data-module="hr"] .agent-card-icon {
  background: rgba(236, 72, 153, 0.12);
  color: #f472b6;
}
.agent-card[data-module="it"] .agent-card-icon {
  background: rgba(245, 158, 11, 0.14);
  color: #fbbf24;
}
.agent-card[data-module="secops"] .agent-card-icon {
  background: rgba(249, 115, 22, 0.12);
  color: #fb923c;
}
.agent-card[data-module="compliance"] .agent-card-icon {
  background: rgba(34, 197, 94, 0.14);
  color: #22c55e;
}
.agent-card[data-module="custom"] .agent-card-icon {
  background: rgba(99, 102, 241, 0.12);
  color: #a855f7;
}

.primary-agent-container {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.primary-agent-container a {
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  color: inherit;
}
.primary-agent-container .agent-card {
  height: auto;
  padding: 48px;
  border: 2px solid #4f46e5 !important;
  min-height: 260px;
}

.grid-3 > a,
.grid-3 a:has(> .agent-card) {
  text-decoration: none;
  color: inherit;
  display: block;
}

.modules-page-hero {
  padding: 48px 40px 24px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.modules-page-hero h1 {
  font-size: clamp(32px, 5vw, 44px);
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 16px;
  letter-spacing: -0.03em;
}

.modules-page-hero p {
  font-size: 18px;
  color: #64748b;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 640px;
}