/* The waitlist in waitlist.js, on the homepage of both websites and at the end of the demo. */
.waitlist {
  justify-items: center;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 72px;
  padding: 40px 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.waitlist p { max-width: 36em; color: var(--text-2); }
.waitlist .trust { font-size: 14px; color: var(--muted); }
.waitlist-form { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; }
.waitlist-below { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.waitlist-form input {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 320px;
  padding: 10px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.4 var(--sans);
}