/**
 * HubSpot embedded form frame — aligns with Cognition Legal modal styling.
 * Scoped to .hubspot-form-container so inline page styles stay in control.
 */
.hubspot-form-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hubspot-form-container.demo-form {
  display: flex;
  flex-direction: column;
}

.hs-form-frame {
  width: 100%;
  min-height: 320px;
}

.hs-form-frame iframe {
  width: 100% !important;
  max-width: 100%;
  border: 0;
  display: block;
  background: transparent;
}

.hubspot-form-container.is-loading .hs-form-frame {
  opacity: 0;
  min-height: 280px;
}

.hubspot-form-container.is-loading::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border: 2px solid #e4dcc9;
  border-top-color: #7a2e20;
  border-radius: 50%;
  animation: hubspot-form-spin 0.7s linear infinite;
}

.hubspot-form-container.is-loading {
  position: relative;
  min-height: 280px;
}

.hubspot-form-container.is-ready .hs-form-frame {
  opacity: 1;
  transition: opacity 0.35s ease;
}

@keyframes hubspot-form-spin {
  to { transform: rotate(360deg); }
}