/* The simple, spacious capability grid immediately before the final CTA. */
.capabilities-section {
  padding: 150px clamp(22px, 7vw, 128px) 142px;
  background: #fff;
}

.capabilities-grid {
  max-width: 1240px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(42px, 9vw, 150px);
  row-gap: 132px;
}

.capability { text-align: center; }

.capability svg {
  width: 58px;
  height: 58px;
  margin-bottom: 31px;
  overflow: visible;
  color: #147bf4;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.capability h3 {
  margin: 0;
  color: #101722;
  font-size: clamp(20px, 1.8vw, 28px);
  font-weight: 760;
  line-height: 1.42;
  letter-spacing: -.045em;
}

@media (max-width: 760px) {
  .capabilities-section { padding: 92px 24px; }
  .capabilities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 66px 28px; }
  .capability svg { width: 50px; height: 50px; margin-bottom: 22px; }
  .capability h3 { font-size: 18px; line-height: 1.35; }
}

@media (max-width: 360px) {
  .capabilities-grid { grid-template-columns: 1fr; gap: 52px; }
}