.features {
  min-height: 680px;
  padding: 120px 128px 130px;
  background: #000;
}

.feature-grid {
  width: min(100%, var(--max));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px;
}

.feature {
  min-height: 329px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.feature-icon {
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-bottom: 48px;
  border-radius: 16px;
  background: center / contain no-repeat;
}

.feature:nth-child(2) .feature-icon {
  background-image: url("../assets/product-development-tools.png");
}

.feature:nth-child(3) .feature-icon {
  background-image: url("../assets/product-ai-platform.png");
}

.feature:nth-child(1) .feature-icon {
  background-image: url("../assets/product-ai-applications.png");
}

.feature h2 {
  width: min(var(--feature-heading-line-width, 100%), 100%);
  min-height: var(--feature-heading-block-height, auto);
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 500;
  line-height: 44.8px;
  letter-spacing: 0;
  white-space: normal;
}

.feature p {
  width: min(var(--feature-copy-line-width, 350px), 100%);
  min-height: var(--feature-copy-block-height, auto);
  max-width: 350px;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0;
}