.commercial-request { scroll-margin-top: 7rem; }
.commercial-form { display: grid; gap: 1rem; max-width: 48rem; }
.commercial-form[hidden] { display: none; }
.commercial-form .sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.commercial-form label { display: grid; gap: .45rem; font-weight: 600; }
.commercial-form input:not([type="checkbox"]), .commercial-form select, .commercial-form textarea {
  box-sizing: border-box; width: 100%; border: 1px solid #8492bb; border-radius: .65rem;
  padding: .85rem; background: #11182b; color: #f2f5ff; font: inherit;
}
.commercial-form textarea { resize: vertical; min-height: 8rem; }
.commercial-form input:focus-visible, .commercial-form select:focus-visible, .commercial-form textarea:focus-visible {
  outline: 3px solid #a9bcff; outline-offset: 2px;
}
.commercial-form .commercial-consent { display: flex; align-items: flex-start; gap: .65rem; font-weight: 400; }
.commercial-consent input { margin-top: .25rem; flex-shrink: 0; }
.commercial-form .commercial-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
.commercial-status { min-height: 1.5em; }
.commercial-status[data-error="true"] { color: #ffd1ce; }
.commercial-form button:disabled { opacity: .65; cursor: wait; }
.commercial-form .commercial-fields { display: grid; gap: 1rem; border: 0; padding: 0; margin: 0; min-width: 0; }
.commercial-form .commercial-fields[hidden] { display: none; }