/* Compact What we build — equal cards, no tall agent stack. */
.ajhive-site .capabilities.section { padding-block: 48px; }
.ajhive-site .capabilities .section-heading h2 { font-size: clamp(26px, 3.4vw, 40px); }
.ajhive-site .capability-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.ajhive-site .capability,
.ajhive-site .wide-capability {
  grid-row: auto;
  grid-column: auto;
  min-height: 0;
  padding: 14px 14px 14px 16px;
  border-radius: 16px;
}
.ajhive-site .feature-capability,
.ajhive-site .capability-grid > .capability:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 20px 20px 20px 22px;
  border-radius: 18px;
}
.ajhive-site .capability::before {
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  content: "";
  border-radius: 99px;
  background: var(--blue);
}
.ajhive-site .capability:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(6, 35, 71, 0.1); }
.ajhive-site .capability > p { color: #334155; }
.ajhive-site .capability li {
  color: #1e3a5f;
  background: rgba(255, 255, 255, 0.55);
}

/* 01 Agents — navy + gold */
.ajhive-site .feature-capability,
.ajhive-site .capability-grid > .capability:nth-child(1) {
  color: white;
  background:
    radial-gradient(circle at 82% 18%, rgba(228, 165, 0, 0.22), transparent 28%),
    radial-gradient(circle at 75% 76%, rgba(22, 141, 209, 0.34), transparent 32%),
    linear-gradient(145deg, var(--navy-800), var(--navy-950));
  border-color: rgba(139, 214, 255, 0.22);
}
.ajhive-site .feature-capability::before,
.ajhive-site .capability-grid > .capability:nth-child(1)::before { background: var(--gold); }
.ajhive-site .feature-capability .capability-number,
.ajhive-site .capability-grid > .capability:nth-child(1) .capability-number { color: rgba(255, 255, 255, 0.62); }
.ajhive-site .feature-capability .capability-icon,
.ajhive-site .capability-grid > .capability:nth-child(1) .capability-icon {
  color: var(--navy-950);
  background: var(--gold);
  border: 0;
}
.ajhive-site .feature-capability h3,
.ajhive-site .capability-grid > .capability:nth-child(1) h3 { color: white; }
.ajhive-site .feature-capability > p,
.ajhive-site .capability-grid > .capability:nth-child(1) > p { color: rgba(255, 255, 255, 0.78); }
.ajhive-site .feature-capability li,
.ajhive-site .capability-grid > .capability:nth-child(1) li {
  color: #d9f3ff;
  background: rgba(139, 214, 255, 0.1);
  border-color: rgba(139, 214, 255, 0.28);
}

/* 02 Web & mobile — sky ice */
.ajhive-site .capability-sky,
.ajhive-site .capability-grid > .capability:nth-child(2) {
  background: linear-gradient(165deg, #f5fbff 0%, #d7eefb 100%);
  border-color: rgba(22, 141, 209, 0.28);
}
.ajhive-site .capability-sky::before,
.ajhive-site .capability-grid > .capability:nth-child(2)::before { background: var(--blue-bright); }
.ajhive-site .capability-sky .capability-icon,
.ajhive-site .capability-grid > .capability:nth-child(2) .capability-icon {
  color: white;
  background: var(--blue-bright);
  border: 0;
}
.ajhive-site .capability-sky li,
.ajhive-site .capability-grid > .capability:nth-child(2) li {
  color: #073866;
  background: rgba(22, 141, 209, 0.1);
  border-color: rgba(22, 141, 209, 0.22);
}

/* 03 Enterprise — slate navy */
.ajhive-site .capability-slate,
.ajhive-site .capability-grid > .capability:nth-child(3) {
  background: linear-gradient(165deg, #f4f7fb 0%, #d5deea 100%);
  border-color: rgba(6, 35, 71, 0.16);
}
.ajhive-site .capability-slate::before,
.ajhive-site .capability-grid > .capability:nth-child(3)::before { background: var(--navy-900); }
.ajhive-site .capability-slate .capability-icon,
.ajhive-site .capability-grid > .capability:nth-child(3) .capability-icon {
  color: var(--gold);
  background: var(--navy-900);
  border: 0;
}
.ajhive-site .capability-slate li,
.ajhive-site .capability-grid > .capability:nth-child(3) li {
  color: var(--navy-900);
  background: rgba(6, 35, 71, 0.06);
  border-color: rgba(6, 35, 71, 0.16);
}

/* 04 Data — teal */
.ajhive-site .capability-teal,
.ajhive-site .capability-grid > .capability:nth-child(4) {
  background: linear-gradient(165deg, #f2fafc 0%, #cce8f1 100%);
  border-color: rgba(0, 105, 170, 0.24);
}
.ajhive-site .capability-teal::before,
.ajhive-site .capability-grid > .capability:nth-child(4)::before { background: var(--blue); }
.ajhive-site .capability-teal .capability-icon,
.ajhive-site .capability-grid > .capability:nth-child(4) .capability-icon {
  color: white;
  background: var(--blue);
  border: 0;
}
.ajhive-site .capability-teal li,
.ajhive-site .capability-grid > .capability:nth-child(4) li {
  color: #073866;
  background: rgba(0, 105, 170, 0.1);
  border-color: rgba(0, 105, 170, 0.2);
}

/* 05 Brand — gold */
.ajhive-site .gold-capability,
.ajhive-site .capability-grid > .capability:nth-child(5) {
  color: var(--navy-950);
  background: linear-gradient(145deg, #ffe08a, var(--gold));
  border: 1px solid rgba(180, 120, 0, 0.28);
}
.ajhive-site .gold-capability::before,
.ajhive-site .capability-grid > .capability:nth-child(5)::before { background: var(--navy-950); }
.ajhive-site .gold-capability .capability-icon,
.ajhive-site .capability-grid > .capability:nth-child(5) .capability-icon {
  color: white;
  background: var(--navy-900);
  border: 0;
}
.ajhive-site .gold-capability h3,
.ajhive-site .capability-grid > .capability:nth-child(5) h3 { color: var(--navy-950); }
.ajhive-site .gold-capability > p,
.ajhive-site .capability-grid > .capability:nth-child(5) > p { color: rgba(3, 22, 45, 0.75); }
.ajhive-site .gold-capability li,
.ajhive-site .capability-grid > .capability:nth-child(5) li {
  color: var(--navy-900);
  background: rgba(3, 22, 45, 0.08);
  border-color: rgba(3, 22, 45, 0.2);
}
.ajhive-site .capability-icon { width: 36px; height: 36px; border-radius: 10px; }
.ajhive-site .capability h3,
.ajhive-site .feature-capability h3 {
  max-width: none;
  margin: 10px 0 6px;
  font-size: 16px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ajhive-site .feature-capability h3,
.ajhive-site .capability-grid > .capability:nth-child(1) h3 {
  margin-top: 14px;
  font-size: 22px;
  -webkit-line-clamp: 3;
}
.ajhive-site .capability > p,
.ajhive-site .feature-capability > p {
  max-width: none;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ajhive-site .feature-capability > p,
.ajhive-site .capability-grid > .capability:nth-child(1) > p {
  font-size: 14px;
  -webkit-line-clamp: 5;
  flex: 1;
}
.ajhive-site .feature-capability li:nth-child(n+3),
.ajhive-site .capability-grid > .capability:nth-child(1) li:nth-child(n+3) {
  display: inline-flex;
}
.ajhive-site .capability ul { margin: 10px 0 0; gap: 5px; }
.ajhive-site .capability li { padding: 4px 8px; font-size: 10px; }
.ajhive-site .capability li:nth-child(n+3) { display: none; }
.ajhive-site .agent-stack { display: none !important; }

@media (max-width: 900px) {
  .ajhive-site .capability-grid { grid-template-columns: 1fr 1fr; }
  .ajhive-site .feature-capability,
  .ajhive-site .capability-grid > .capability:nth-child(1) {
    grid-column: 1 / -1;
    grid-row: auto;
    padding: 16px;
  }
  .ajhive-site .feature-capability h3,
  .ajhive-site .capability-grid > .capability:nth-child(1) h3 { font-size: 18px; }
}

@media (max-width: 767px) {
  .ajhive-site .capabilities.section { padding-block: 2rem; }
  .ajhive-site .capability-grid { gap: 8px; margin-top: 1rem; }
  .ajhive-site .capability {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 8px;
    padding: 0.6rem 0.65rem 0.6rem 0.75rem;
  }
  .ajhive-site .capability::before {
    top: 10px;
    bottom: 10px;
  }
  .ajhive-site .capability:hover { transform: none; }
  .ajhive-site .capability-top { grid-column: 1; flex-direction: column; align-items: flex-start; }
  .ajhive-site .feature-capability,
  .ajhive-site .capability-grid > .capability:nth-child(1) {
    display: grid;
    grid-column: auto;
    grid-row: auto;
    padding: 0.6rem 0.65rem 0.6rem 0.75rem;
  }
  .ajhive-site .capability h3,
  .ajhive-site .feature-capability h3,
  .ajhive-site .capability-grid > .capability:nth-child(1) h3 { grid-column: 2; margin: 0 0 4px; font-size: 13px; }
  .ajhive-site .capability > p,
  .ajhive-site .feature-capability > p,
  .ajhive-site .capability-grid > .capability:nth-child(1) > p { grid-column: 2; font-size: 12px; -webkit-line-clamp: 2; }
  .ajhive-site .capability ul { grid-column: 1 / -1; margin-top: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .ajhive-site .capability:hover { transform: none; }
}