/* Production lead-capture refinement. Loaded after the premium visual system. */

.site-nav {
  flex-wrap: nowrap;
}

.site-nav .nav-support,
.site-nav .nav-assessment {
  min-width: max-content;
  flex: 0 0 auto;
  white-space: nowrap;
}

.contact-panel {
  padding: clamp(1.35rem, 2.6vw, 2.35rem);
}

.contact-panel > p:first-child {
  max-width: 48rem;
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.62;
}

.contact-lead-form {
  margin-top: 1.5rem;
  gap: 0.9rem 1rem;
}

.contact-panel .field {
  color: #eef7f8;
  font-size: 0.8rem;
  letter-spacing: 0.015em;
}

.contact-panel .field span small {
  color: #9fb7c0;
  font-size: 0.72rem;
  font-weight: 650;
}

.contact-panel .field input,
.contact-panel .field textarea {
  min-height: 2.75rem;
  border: 1px solid rgb(198 225 232 / 28%);
  background: rgb(255 255 255 / 9%);
  color: #fff;
  font-weight: 650;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.contact-panel .field textarea {
  min-height: 7.75rem;
}

.contact-panel .field input::placeholder,
.contact-panel .field textarea::placeholder {
  color: #93aab3;
}

.contact-panel .field input:focus,
.contact-panel .field textarea:focus {
  border-color: #55d3db;
  background: rgb(255 255 255 / 13%);
  outline: 3px solid rgb(85 211 219 / 22%);
  outline-offset: 2px;
}

.contact-panel .checkbox-field {
  color: #d5e4e8;
}

.contact-panel .checkbox-field input {
  accent-color: #fff200;
}

.lead-form .checkbox-field input {
  width: 1.05rem;
  height: 1.05rem;
  min-height: 1.05rem;
}

.contact-panel .form-note,
.contact-panel .form-fallback,
.contact-panel .form-status {
  color: #a9c0c8 !important;
}

.contact-panel .form-note a,
.contact-panel .form-fallback a,
.contact-product-link {
  color: #f8fdff;
  font-weight: 760;
  text-decoration-color: #fff200;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.contact-panel .form-status[data-state="success"] {
  color: #8de1d4 !important;
}

.contact-panel .form-status[data-state="error"] {
  color: #ffb8ae !important;
}

.contact-panel button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.form-fallback {
  margin: 0;
  font-size: 0.77rem;
  line-height: 1.45;
}

.contact-product-link {
  display: inline-block;
  margin-top: 1.4rem;
  font-size: 0.82rem;
}

@media (max-width: 1180px) {
  .site-nav {
    display: none;
  }

  .mobile-nav {
    display: block;
  }
}

@media (max-width: 720px) {
  .contact-lead-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-lead-form .field,
  .contact-lead-form .field-wide,
  .contact-lead-form .form-actions-row,
  .contact-lead-form .checkbox-field,
  .contact-lead-form .form-note,
  .contact-lead-form .form-fallback {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-panel .field input,
  .contact-panel .field textarea {
    transition: none;
  }
}