.cs-hero > *, .fit-grid > *, .early-access > * { min-width: 0; }

@media (max-width: 820px) {
  .signal-head, .signal-action { flex-wrap: wrap; }
  .signal-main { grid-template-columns: 78px minmax(0, 1fr); }
  .signal-main blockquote { overflow-wrap: anywhere; padding: 18px 14px; }
  .problem h2 { overflow-wrap: anywhere; }
}

@media (max-width: 600px) {
  .cs-header { gap: 10px; }
  .cs-header .button { padding: 10px; font-size: 10px; }
  .cs-wordmark { font-size: 18px; }
  .cs-wordmark img { width: 36px; height: 36px; }
  .cs-hero h1 { font-size: 3.25rem; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .form-card { padding: 21px; }
}