.api {
  overflow: hidden;
}

.api .section-head {
  margin-bottom: 0;
}

.api__text {
  max-width: 54.5rem;
  margin: 1.375rem auto 0;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  text-align: center;
  color: var(--color-text-muted);
}

.api__preview {
  position: relative;
  left: 50%;
  width: min(74rem, calc(100% + 3.75rem));
  max-width: none;
  margin-top: clamp(-1.9375rem, 0.604rem - 2.48vw, 0rem);
  transform: translateX(-50%);
}

.api__action {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  margin-top: clamp(-6.9375rem, -0.869rem - 5.92vw, -2.3125rem);
}

@media (max-width: 48rem) {
  .api .section-title {
    max-width: 20.875rem;
  }
}