.conversion {
  background: var(--accent);
  color: var(--bg);
}

.conversion .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 84px 0 136px;
  text-align: center;
}

.conversion__copy {
  max-width: 580px;
}

.conversion__copy .eyebrow {
  color: var(--bg);
}

.conversion__copy h2 {
  color: var(--bg);
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 550;
  line-height: 1.07;
  letter-spacing: -0.028em;
}

.conversion__copy .lead {
  max-width: 48ch;
  margin-bottom: 0;
  color: var(--bg);
  font-weight: 500;
}

.conversion__action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 36px;
}

.conversion__action .cta {
  min-width: 220px;
}

@media (max-width: 1000px) {
  .conversion .container {
    padding: 70px 0 118px;
  }

  .conversion__copy {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .conversion .container {
    padding: 60px 0 108px;
  }

  .conversion__action {
    width: 100%;
  }

  .conversion__action .cta {
    width: 100%;
  }
}
