@media (max-width: 520px) {
  .hero-content {
    max-width: 362px;
    margin-bottom: 245px;
  }

  .hero h1 {
    font-size: clamp(42px, 13vw, 56px);
    line-height: 0.95;
  }

  .hero p {
    line-height: 1.45;
  }

  .hero .btn.ghost {
    display: none;
  }

  .hero-proof {
    bottom: 8px;
  }
}

@media (min-width: 521px) and (max-width: 940px) {
  .hero-proof {
    grid-template-columns: repeat(3, 1fr);
  }
}