.buying-hero {
  max-width: 78rem;
}

.buying-hero h1 {
  max-width: 18ch;
  margin-top: 1rem;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: .98;
}

.buying-hero .lede {
  max-width: 72ch;
  line-height: 1.75;
}

.buying-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
}

.buying-section {
  padding-top: clamp(2.5rem, 6vw, 4.5rem);
}

.buying-section .card h2,
.buying-section .card h3 {
  margin-top: .75rem;
}

.buying-section .card p:last-child,
.buying-section .card ul:last-child {
  margin-bottom: 0;
}

.buying-section ul {
  display: grid;
  gap: .65rem;
  padding-left: 1.25rem;
  color: var(--muted);
}

.buying-signup {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
  background: color-mix(in srgb, var(--accent) 8%, var(--card));
}

@media (max-width: 560px) {
  .buying-actions .btn,
  .buying-signup .btn {
    width: 100%;
  }
}