body { overflow-x: hidden; }
.hero > * { min-width: 0; }
.hero-copy { max-width: 100%; }

@media (max-width: 800px) {
  .actions { flex-direction: column; }
  .actions .button { width: 100%; white-space: normal; text-align: center; }
  .hero-visual { width: 100%; min-width: 0; }
  .requirements { max-width: 100%; line-height: 1.6; overflow-wrap: anywhere; }
  .trust-items span { max-width: 100%; text-align: center; overflow-wrap: anywhere; }
}