.form_main_wrap.is-get-started-hubspot {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: radial-gradient(
    107.32% 141.42% at 0% 0%,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.form_main_wrap.is-get-started-hubspot {
  /* Email field vars */
  --grata-hubspot--email-width: 100%;
  --grata-hubspot--email-height: 3.25rem;
  --grata-hubspot--email-padding: 0.625rem 1rem;
  --grata-hubspot--email-border-radius: 0.5rem;
  --grata-hubspot--email-border: 1px solid #e5e5e5;
  --grata-hubspot--email-bg: #fff;
  --grata-hubspot--email-font-family: "Work Sans", sans-serif;
  --grata-hubspot--email-font-size: 0.875rem;
  --grata-hubspot--email-font-weight: 400;
  --grata-hubspot--email-color: #0d111b;
  --grata-hubspot--email-placeholder: #999;

  /* Button vars */
  --grata-hubspot--button-width: 100%;
  --grata-hubspot--button-height: 3.25rem;
  --grata-hubspot--button-padding: 0.625rem 0.875rem;
  --grata-hubspot--button-border-radius: 0.5rem;
  --grata-hubspot--button-bg: #2464e3;
  --grata-hubspot--button-bg-hover: #1e50b8;
  --grata-hubspot--button-color: #fff;
  --grata-hubspot--button-font-family: "Work Sans", sans-serif;
  --grata-hubspot--button-font-size: 0.875rem;
  --grata-hubspot--button-font-weight: 500;
  --grata-hubspot--button-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);

  /* Legal text vars */
  --grata-hubspot--legal-color: #0d111b;
  --grata-hubspot--legal-font-family: "Work Sans", sans-serif;
  --grata-hubspot--legal-font-size: 0.8rem; /* 9px */
  --grata-hubspot--legal-font-weight: 400;
  --grata-hubspot--legal-line-height: 160%;

  /* Legal link decoration vars */
  --grata-hubspot--legal-text-decoration-line: underline;
  --grata-hubspot--legal-text-decoration-style: solid;
  --grata-hubspot--legal-text-decoration-skip-ink: auto;
  --grata-hubspot--legal-text-decoration-thickness: auto;
  --grata-hubspot--legal-text-underline-offset: auto;
  --grata-hubspot--legal-text-underline-position: from-font;
}

/* ALL INPUTS (Unified styling with email) */
.form_main_wrap.is-get-started-hubspot .hs-form input[type="text"],
.form_main_wrap.is-get-started-hubspot .hs-form input[type="email"],
.form_main_wrap.is-get-started-hubspot .hs-form input[type="tel"],
.form_main_wrap.is-get-started-hubspot .hs-form select {
  display: flex;
  width: var(--grata-hubspot--email-width);
  height: var(--grata-hubspot--email-height);
  padding: var(--grata-hubspot--email-padding);
  align-items: center;
  gap: var(--spacing-sm, 0.375rem);
  flex-shrink: 0;

  border-radius: var(--grata-hubspot--email-border-radius);
  border: var(--grata-hubspot--email-border);
  background: var(--grata-hubspot--email-bg);

  font-family: var(--grata-hubspot--email-font-family);
  font-size: var(--grata-hubspot--email-font-size);
  font-weight: var(--grata-hubspot--email-font-weight);
  color: var(--grata-hubspot--email-color);
  outline: none;
}

/* ===========================
   INPUT HOVER + FOCUS STATES
   =========================== */
.form_main_wrap.is-get-started-hubspot .hs-form input[type="text"]:hover,
.form_main_wrap.is-get-started-hubspot .hs-form input[type="email"]:hover,
.form_main_wrap.is-get-started-hubspot .hs-form input[type="tel"]:hover,
.form_main_wrap.is-get-started-hubspot .hs-form select:hover,
.form_main_wrap.is-get-started-hubspot .hs-form input[type="text"]:focus,
.form_main_wrap.is-get-started-hubspot .hs-form input[type="email"]:focus,
.form_main_wrap.is-get-started-hubspot .hs-form input[type="tel"]:focus,
.form_main_wrap.is-get-started-hubspot .hs-form select:focus {
  border-color: var(--grata-hubspot--button-bg);
  box-shadow: 0 0 0 2px rgba(36, 100, 227, 0.15);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form_main_wrap.is-get-started-hubspot .hs-form input::placeholder,
.form_main_wrap.is-get-started-hubspot .hs-form select::placeholder {
  color: var(--grata-hubspot--email-placeholder);
  font-weight: var(--grata-hubspot--email-font-weight);
}

/* Optional: makes selects look clean */
.form_main_wrap.is-get-started-hubspot .hs-form select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("https://cdn.prod.website-files.com/616729d16d42932ae0fdceea/68e4c7ab59606e9a7d351b13_ca9ffa7674899253da790a375b789216_chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  cursor: pointer;
}

/* BUTTON */
.form_main_wrap.is-get-started-hubspot .hs_submit .hs-button {
  display: flex;
  width: var(--grata-hubspot--button-width);
  height: var(--grata-hubspot--button-height);
  padding: var(--grata-hubspot--button-padding);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  flex-shrink: 0;
  align-self: stretch;
  border-radius: var(--grata-hubspot--button-border-radius);
  background: var(--grata-hubspot--button-bg);
  color: var(--grata-hubspot--button-color);
  font-family: var(--grata-hubspot--button-font-family);
  font-size: var(--grata-hubspot--button-font-size);
  font-weight: var(--grata-hubspot--button-font-weight);
  box-shadow: var(--grata-hubspot--button-shadow);
  border: none;
  cursor: pointer;
}

.form_main_wrap.is-get-started-hubspot .hs_submit .hs-button:hover {
  background: var(--grata-hubspot--button-bg-hover);
}

/* LEGAL TEXT */
.form_main_wrap.is-get-started-hubspot .legal-consent-container,
.form_main_wrap.is-get-started-hubspot .legal-consent-container p,
.form_main_wrap.is-get-started-hubspot .legal-consent-container .hs-richtext {
  width: 100% !important;
  text-align: center !important;
  display: block !important;
}

.form_main_wrap.is-get-started-hubspot .legal-consent-container,
.form_main_wrap.is-get-started-hubspot .legal-consent-container p {
  color: var(--grata-hubspot--legal-color) !important;
  font-family: var(--grata-hubspot--legal-font-family) !important;
  font-size: var(--grata-hubspot--legal-font-size) !important;
  font-style: normal !important;
  font-weight: var(--grata-hubspot--legal-font-weight) !important;
  line-height: var(--grata-hubspot--legal-line-height) !important;
}

.form_main_wrap.is-get-started-hubspot .legal-consent-container a {
  color: var(--grata-hubspot--legal-color) !important;
  font-family: var(--grata-hubspot--legal-font-family) !important;
  font-size: var(--grata-hubspot--legal-font-size) !important;
  font-style: normal !important;
  font-weight: var(--grata-hubspot--legal-font-weight) !important;
  line-height: var(--grata-hubspot--legal-line-height) !important;
  text-decoration-line: var(
    --grata-hubspot--legal-text-decoration-line
  ) !important;
  text-decoration-style: var(
    --grata-hubspot--legal-text-decoration-style
  ) !important;
  text-decoration-skip-ink: var(
    --grata-hubspot--legal-text-decoration-skip-ink
  ) !important;
  text-decoration-thickness: var(
    --grata-hubspot--legal-text-decoration-thickness
  ) !important;
  text-underline-offset: var(
    --grata-hubspot--legal-text-underline-offset
  ) !important;
  text-underline-position: var(
    --grata-hubspot--legal-text-underline-position
  ) !important;
}

/* ===========================
   CUSTOM DROPDOWN (SELECT MENU)
   =========================== */
.form_main_wrap.is-get-started-hubspot .hs-form select option {
  color: var(--grata-hubspot--email-color, #0d111b);
  font-family: var(--grata-hubspot--email-font-family);
  font-size: var(--grata-hubspot--email-font-size);
  font-style: normal;
  font-weight: var(--grata-hubspot--email-font-weight);
  line-height: 120%;
  background: var(--grata-hubspot--email-bg);
}

.form_main_wrap.is-get-started-hubspot .hs-form select option:checked,
.form_main_wrap.is-get-started-hubspot .hs-form select option:hover {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  background: #edf6ff;
  color: var(--grata-hubspot--button-bg);
  font-family: var(--grata-hubspot--email-font-family);
  font-size: var(--grata-hubspot--email-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

/* ===========================
   HUBSPOT ERROR STATES
   =========================== */
.form_main_wrap.is-get-started-hubspot .hs-error-msgs.inputs-list {
  display: block !important;
}

.form_main_wrap.is-get-started-hubspot .hs-form input.error,
.form_main_wrap.is-get-started-hubspot .hs-form input.invalid,
.form_main_wrap.is-get-started-hubspot .hs-form select.error,
.form_main_wrap.is-get-started-hubspot .hs-form select.invalid {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 2px rgba(217, 45, 32, 0.15) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form_main_wrap.is-get-started-hubspot .hs-error-msgs {
  margin-top: 0.25rem;
  list-style: none !important;
  padding-left: 0 !important;
}

.form_main_wrap.is-get-started-hubspot .hs-error-msg {
  color: #d92d20 !important;
  font-family: var(--grata-hubspot--email-font-family);
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 140%;
}

.form_main_wrap.is-get-started-hubspot .hs-error-msgs,
.form_main_wrap.is-get-started-hubspot .hs-form input.error,
.form_main_wrap.is-get-started-hubspot .hs-form select.error {
  animation: errorFade 0.25s ease-in;
}

@keyframes errorFade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form_main_wrap.is-get-started-hubspot .hs-form select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: 1.4;
  height: auto;
  min-height: 3.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  appearance: none;
  -webkit-appearance: none;
}

/* Make sure dropdown options also wrap properly */
.form_main_wrap.is-get-started-hubspot .hs-form select option {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere;
  max-width: 100vw !important;
}

/* Prevent overflow and clipping on any device/browser */
.form_main_wrap.is-get-started-hubspot select {
  max-width: 100vw !important;
}

/* Fix zoom/clipping on iOS Safari */
@supports (-webkit-touch-callout: none) {
  .form_main_wrap.is-get-started-hubspot select {
    font-size: 16px !important;
  }
}

/* Dropdown list options */
.form_main_wrap.is-get-started-hubspot .hs-form select option {
  white-space: normal !important; /* ✅ wrap option text too */
  word-break: break-word !important;
  overflow-wrap: anywhere;
  max-width: 100% !important;
}

.form_main_wrap.is-get-started-hubspot .hs-form select {
  display: block; /* ✅ forces internal wrapping in most browsers */
  white-space: normal; /* ✅ allows text to break to new line */
  line-height: 1.4;
  text-wrap: wrap; /* ✅ newer spec support */
  text-overflow: clip;
}

.form_main_wrap.is-get-started-hubspot .hs-form select,
.form_main_wrap.is-get-started-hubspot .hs-form select option {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere;
  max-width: 100% !important;
  box-sizing: border-box;
}

.form_main_wrap.is-get-started-hubspot select option {
  white-space: normal !important;
  word-break: break-word !important;
}

.form_main_wrap.is-get-started-hubspot {
  overflow: hidden;
}
.form_main_wrap.is-get-started-hubspot select option {
  white-space: normal;
}