/* Official HubSpot new-form CSS variables. This stylesheet is enqueued only on the exact imported customer page.
   Source: https://developers.hubspot.com/docs/cms/start-building/features/forms/forms#define-custom-styling-for-embedded-forms-using-css
   No iframe DOM access, field heights, focus outlines, submission or upload behavior is overridden. */
:root {
  --hsf-global__font-family: "DM Sans", Arial, sans-serif;
  --hsf-global__font-size: 16px;
  --hsf-global__color: #203449;
  --hsf-heading__font-family: "DM Sans", Arial, sans-serif;
  --hsf-heading__color: #203449;
  --hsf-richtext__color: #52636d;
  --hsf-row__vertical-spacing: 24px;
  --hsf-background__background-color: #ffffff;
  --hsf-background__border-radius: 24px;
  --hsf-background__padding: 28px;
  --hsf-field-label__color: #203449;
  --hsf-field-label__font-size: 16px;
  --hsf-field-input__font-family: "DM Sans", Arial, sans-serif;
  --hsf-field-input__color: #203449;
  --hsf-field-input__background-color: #f8f9f5;
  --hsf-field-input__border-color: #c5cfca;
  --hsf-field-input__border-radius: 14px;
  --hsf-field-input__padding: 14px;
  --hsf-field-textarea__font-family: "DM Sans", Arial, sans-serif;
  --hsf-field-textarea__color: #203449;
  --hsf-field-textarea__background-color: #f8f9f5;
  --hsf-field-textarea__border-color: #c5cfca;
  --hsf-field-textarea__border-radius: 14px;
  --hsf-field-textarea__padding: 14px;
  --hsf-button__font-family: "DM Sans", Arial, sans-serif;
  --hsf-button__font-size: 16px;
  --hsf-button__background-color: #d8ef80;
  --hsf-button__color: #203449;
  --hsf-button__border-radius: 999px;
  --hsf-button__padding: 15px 26px;
}
.htn-v2-native-page .htn-customer-page .htn-customer-form-slot {
  min-width: 0;
  box-sizing: border-box;
  padding: 16px !important;
  background: #eef2f4;
  border: 1px solid #d7e0e5;
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(25, 43, 64, 0.06);
}
.htn-customer-page .hs-form-frame { width: 100%; max-width: 100%; min-width: 0; }
@media (max-width: 600px) {
  :root { --hsf-background__padding: 20px 16px; }
  .htn-v2-native-page .htn-customer-page .htn-customer-form-slot { padding: 4px !important; }
}

/* Ordinary fallback only. The official embed remains the primary form. */
.htn-customer-page .htn-customer-form-fallback { margin: 16px 0; font-size: 14px; line-height: 1.6; color: #52636d; }
.htn-customer-page .htn-customer-form-fallback a { color: #203449; text-decoration: underline; text-underline-offset: 3px; }
