/* Webflow's runtime still powers navigation and animation. Forms use HubSpot. */
.migration-form { margin: 0 0 15px; }
.migration-form .w-checkbox-input--inputType-custom { display: none; }
.migration-form input[type="checkbox"] {
  position: static !important;
  opacity: 1 !important;
  z-index: auto !important;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: .6rem;
  accent-color: #7f56d9;
}
.migration-form input:focus-visible { outline: 2px solid #7f56d9; outline-offset: 2px; }
.migration-message { min-height: 90vh; padding: 3rem 1.5rem; display: grid; place-items: center; }
.migration-message-inner { width: 100%; max-width: 42rem; }
.migration-message-logo { display: inline-block; margin-bottom: 5rem; }
.migration-message-logo img { width: 160px; }
.migration-message-eyebrow { color: #6941c6; font-weight: 600; margin-bottom: 1rem; }
.migration-message h1 { font-size: clamp(2.5rem, 7vw, 4rem); line-height: 1.1; letter-spacing: -.04em; margin-bottom: 1.5rem; }
.migration-message p { color: #475467; font-size: 1.15rem; line-height: 1.6; margin-bottom: 1.5rem; }
.migration-message-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.migration-message-actions a { display: inline-block; padding: .85rem 1.25rem; border-radius: .5rem; border: 1px solid #d0d5dd; color: #344054; text-decoration: none; font-weight: 600; }
.migration-message-actions a:first-child { background: #7f56d9; border-color: #7f56d9; color: #fff; }

/* Shared, accessible confirmation for the native forms collected by HubSpot. */
.form-feedback-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.form-feedback-toast {
  position: fixed;
  z-index: 2147483000;
  top: 6rem;
  right: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: .875rem;
  width: 25rem;
  max-width: calc(100vw - 2rem);
  padding: 1.125rem;
  border: 1px solid #d0d5dd;
  border-radius: .875rem;
  background: #fff;
  color: #101828;
  box-shadow: 0 12px 32px -8px rgb(16 24 40 / 20%);
  text-align: left;
  animation: form-feedback-enter .2s ease-out;
}
.form-feedback-toast[hidden] { display: none; }
.form-feedback-icon {
  display: grid;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 50%;
  background: #ecfdf3;
  color: #027a48;
}
.form-feedback-copy { flex: 1; min-width: 0; padding-top: .125rem; }
.form-feedback-toast .form-feedback-title {
  margin: 0 0 .3rem;
  color: #101828;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 600;
}
.form-feedback-toast .form-feedback-description {
  margin: 0;
  color: #475467;
  font-size: .875rem;
  line-height: 1.5;
}
.form-feedback-close {
  display: grid;
  flex: 0 0 2rem;
  height: 2rem;
  place-items: center;
  padding: 0;
  margin: -.25rem -.25rem 0 0;
  border: 0;
  border-radius: .375rem;
  background: transparent;
  color: #667085;
  cursor: pointer;
}
.form-feedback-close:hover { background: #f2f4f7; color: #344054; }
.form-feedback-close:focus-visible { outline: 2px solid #7f56d9; outline-offset: 2px; }
.form-feedback-toast.is-error .form-feedback-icon { background: #fef3f2; color: #b42318; }
@keyframes form-feedback-enter {
  from { opacity: 0; transform: translateY(-.5rem); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 479px) {
  .form-feedback-toast { top: 5rem; right: 1rem; padding: 1rem; gap: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .form-feedback-toast { animation: none; }
}
