.support { max-width: 640px; padding-top: 48px; padding-bottom: 96px; }
.support h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); line-height: 1; }
.support .lede { margin: 16px 0 40px; color: var(--grey); font-size: 1.125rem; }
.support-form { display: flex; flex-direction: column; gap: 24px; }
.support-form label { display: flex; flex-direction: column; gap: 8px; font-weight: 500; }
.support-form input, .support-form select, .support-form textarea {
  font: 400 1rem/1.5 var(--sans); color: var(--black); background: var(--white);
  border: 1.5px solid var(--bar); border-radius: 12px; padding: 12px 14px; width: 100%;
}
.support-form textarea { resize: vertical; min-height: 180px; }
.support-form input:focus, .support-form select:focus, .support-form textarea:focus { outline: none; border-color: var(--green); }
.support-form .hint { font-weight: 400; font-size: 0.875rem; color: var(--grey); }
.support-form .trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.support-foot { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.support-foot .button { border: 0; cursor: pointer; }
.support-foot .button:disabled { opacity: .5; cursor: default; }
.status { margin: 0; font-size: 0.9375rem; color: var(--grey); }
.status.ok { color: var(--green); font-weight: 500; }
.status.err { color: #c0392b; }