body.bpo-native-marketing-intake {
  --bpo-intake-blue: #0035a2;
  --bpo-intake-sky: #4a9dff;
  --bpo-intake-ink: #193655;
  --bpo-intake-copy: #5d6e88;
  --bpo-intake-line: rgba(0, 53, 162, 0.12);
}

.bpo-marketing-intake {
  overflow: clip;
  color: var(--bpo-intake-ink);
  font-family: var(--bpo-font-body), Poppins, sans-serif;
}

.bpo-marketing-intake__section {
  position: relative;
  isolation: isolate;
  padding-block: clamp(42px, 5vw, 72px);
  overflow: hidden;
  background:
    radial-gradient(circle at 7% 10%, rgba(74, 157, 255, 0.13), transparent 27%),
    radial-gradient(circle at 94% 88%, rgba(0, 53, 162, 0.07), transparent 29%),
    linear-gradient(135deg, #ffffff 0%, #f6f9ff 56%, #edf5ff 100%);
}

.bpo-marketing-intake__ambient {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.34;
  background-image:
    linear-gradient(rgba(0, 53, 162, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 53, 162, 0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, #000, transparent 68%);
}

.bpo-marketing-intake__shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 42fr) minmax(520px, 58fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
  width: min(calc(100% - 40px), 1200px);
  margin-inline: auto;
}

.bpo-marketing-intake__intro {
  position: static;
  min-width: 0;
}

.bpo-marketing-intake__intro-inner {
  position: relative;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(0, 53, 162, 0.1);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 64px rgba(0, 53, 162, 0.09);
  backdrop-filter: blur(12px);
}

.bpo-marketing-intake__intro-inner::after {
  position: absolute;
  right: -100px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(74, 157, 255, 0.16);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(74, 157, 255, 0.045), 0 0 0 60px rgba(74, 157, 255, 0.025);
  content: "";
  pointer-events: none;
}

.bpo-marketing-intake h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #404041;
  font-family: var(--bpo-font-title), Poppins, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: 0;
}

.bpo-marketing-intake__intro p {
  position: relative;
  z-index: 1;
  margin: 20px 0 0;
  color: var(--bpo-intake-copy);
  font-size: 15px;
  line-height: 1.72;
  text-wrap: pretty;
}

.bpo-marketing-intake__signals {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin-top: 30px;
}

.bpo-marketing-intake__signals span {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(0, 53, 162, 0.08);
  border-radius: 12px;
  background: rgba(246, 250, 255, 0.86);
}

.bpo-marketing-intake__signals strong {
  color: var(--bpo-intake-blue);
  font-size: 13px;
  font-weight: 600;
}

.bpo-marketing-intake__signals small {
  color: #64748b;
  font-size: 12px;
}

.bpo-marketing-intake__form-card {
  min-width: 0;
  padding: clamp(24px, 2.6vw, 30px);
  border: 1px solid rgba(0, 53, 162, 0.11);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 28px 72px rgba(0, 53, 162, 0.12);
}

.bpo-marketing-intake__form-top {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0, 53, 162, 0.09);
}

.bpo-marketing-intake__form-top span {
  color: var(--bpo-intake-blue);
  font-size: 18px;
  font-weight: 600;
}

.bpo-marketing-intake__form-top small {
  color: #718096;
  font-size: 11px;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.fluentform, .fluentform_wrapper, form.frm-fluent-form) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-el-group, .ff-el-section-break) {
  margin-bottom: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-step-header {
  margin-bottom: 14px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-step-body {
  margin-bottom: 8px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-t-container {
  column-gap: 14px !important;
  row-gap: 12px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-t-container > .ff-t-cell {
  gap: 12px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-t-container > .ff-t-cell > .ff-el-group {
  margin: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-step-body .fluentform-step > .ff-t-container + .ff-el-group,
body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-step-body .fluentform-step > .ff-el-group + .ff-el-group {
  margin-top: 14px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-step-body .fluentform-step > .step-nav {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 14px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-el-input--label label, .ff-el-form-check-label, label) {
  color: #314963 !important;
  font-family: var(--bpo-font-body), Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select, .ff-el-form-control) {
  width: 100% !important;
  min-height: 48px !important;
  padding: 11px 14px !important;
  border: 1px solid #cfddf0 !important;
  border-radius: 11px !important;
  background: #f7faff !important;
  box-shadow: none !important;
  color: #233b58 !important;
  font-family: var(--bpo-font-body), Poppins, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  transition: border-color 220ms ease, background 220ms ease, box-shadow 220ms ease !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form textarea {
  min-height: 112px !important;
  resize: vertical;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(input, textarea, select):focus {
  border-color: var(--bpo-intake-sky) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(74, 157, 255, 0.14) !important;
  outline: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti, .iti--allow-dropdown, .iti--separate-dial-code, .iti--show-selected-dial-code) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti input:not(.iti__search-input), .iti--allow-dropdown input:not(.iti__search-input), .iti--separate-dial-code input:not(.iti__search-input), input.ff-el-phone) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 60px !important;
  padding-inline-start: 60px !important;
  text-indent: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .iti input.ff-el-phone.iti__tel-input:not(.iti__search-input) {
  min-height: 48px !important;
  padding: 11px 14px 11px 60px !important;
  padding-inline-start: 60px !important;
  text-indent: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti__country-container, .iti__flag-container) {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  width: 48px !important;
  max-width: 48px !important;
  align-items: center !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti__selected-country, .iti__selected-country-primary, .iti__selected-flag) {
  display: flex !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 10px 0 0 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti__selected-country, .iti__selected-country-primary, .iti__selected-flag):hover,
body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti__selected-country, .iti__selected-country-primary, .iti__selected-flag):focus,
body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.iti__selected-country, .iti__selected-country-primary, .iti__selected-flag):focus-visible {
  background: rgba(74, 157, 255, 0.08) !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(input[type="checkbox"], input[type="radio"]) {
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  padding: 0 !important;
  accent-color: var(--bpo-intake-blue);
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-el-form-check, .ff-el-tc, .ff-el-form-check-label, .ff-el-help-message, .ff_description) {
  color: #68778e !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] {
  position: relative;
  width: 100%;
  margin: 0 !important;
  font-family: var(--bpo-font-body), Poppins, sans-serif;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 7px 9px !important;
  overflow: visible;
  border: 1px solid #cfddf0 !important;
  border-radius: 11px !important;
  background: #f7faff !important;
  box-shadow: none !important;
  transition: border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"].is-focused .choices__inner,
body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"].is-open .choices__inner {
  border-color: var(--bpo-intake-sky) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(74, 157, 255, 0.14) !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__list--multiple {
  display: contents;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__list--multiple .choices__item {
  display: inline-flex;
  width: auto;
  min-height: 30px;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
  padding: 6px 9px 6px 11px !important;
  border: 1px solid rgba(0, 53, 162, 0.13) !important;
  border-radius: 9px !important;
  background: #e9f2ff !important;
  color: #17436f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__button {
  position: relative !important;
  display: block !important;
  width: 17px !important;
  min-width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 53, 162, 0.1) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  opacity: 1 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__button::before,
body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1.25px;
  border-radius: 99px;
  background: var(--bpo-intake-blue);
  content: "";
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] input.choices__input {
  flex: 1 1 80px !important;
  width: auto !important;
  min-width: 80px !important;
  max-width: 100% !important;
  min-height: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 4px 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #344b68 !important;
  font-size: 13px !important;
  line-height: 22px !important;
  text-indent: 0 !important;
  outline: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"]::after {
  display: none !important;
  content: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"].is-open::after {
  display: none !important;
  content: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__list--dropdown {
  z-index: 20;
  margin-top: 6px;
  overflow: hidden;
  border: 1px solid #cfddf0 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0, 53, 162, 0.14) !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__list--dropdown .choices__item {
  padding: 10px 13px !important;
  color: #344b68;
  font-size: 13px;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .choices[data-type*="select-multiple"] .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #edf5ff !important;
  color: var(--bpo-intake-blue) !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-btn, .ff-btn-next, .ff-btn-prev, .ff-btn-submit, button[type="submit"]) {
  min-height: 46px !important;
  padding: 11px 22px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0035a2, #155dcc) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: var(--bpo-font-body), Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-btn-prev) {
  border-color: rgba(0, 53, 162, 0.18) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--bpo-intake-blue) !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-btn-next {
  margin-left: auto !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff_submit_btn_wrapper {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 14px 0 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-inner_submit_container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 14px !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-inner_submit_container > .ff-t-cell {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-inner_submit_container > .ff-t-cell:first-child {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-inner_submit_container > .ff-t-cell:last-child {
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-inner_submit_container :where(.step-nav, .ff_submit_btn_wrapper) {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff_submit_btn_wrapper :where(.ff-btn-submit, button[type="submit"], input[type="submit"]) {
  width: auto !important;
  min-width: 120px !important;
  margin: 0 0 0 auto !important;
  box-shadow: none !important;
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-btn, .ff-btn-next, .ff-btn-prev, .ff-btn-submit, button[type="submit"]):hover,
body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-btn, .ff-btn-next, .ff-btn-prev, .ff-btn-submit, button[type="submit"]):focus-visible {
  transform: translateY(-1px);
}

body.bpo-native-marketing-intake .bpo-marketing-intake__form :where(.ff-el-progress-bar, .ff-step-progress-bar) {
  border-radius: 99px !important;
  background: linear-gradient(90deg, #0035a2, #4a9dff) !important;
}

.bpo-marketing-intake__fallback {
  margin: 0;
  color: var(--bpo-intake-copy);
  font-size: 14px;
}

@media (max-width: 1024px) {
  .bpo-marketing-intake__shell {
    grid-template-columns: minmax(0, 38fr) minmax(460px, 62fr);
    gap: 30px;
  }

  .bpo-marketing-intake h1 {
    font-size: 40px;
  }

}

@media (max-width: 820px) {
  .bpo-marketing-intake__shell {
    grid-template-columns: 1fr;
  }

  .bpo-marketing-intake__intro-inner {
    text-align: center;
  }

  .bpo-marketing-intake__signals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bpo-marketing-intake__signals span {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 767px) {
  .bpo-marketing-intake__section {
    padding-block: 30px 48px;
  }

  .bpo-marketing-intake__shell {
    width: min(calc(100% - 28px), 560px);
    gap: 20px;
  }

  .bpo-marketing-intake__form-card {
    padding: 22px 18px;
    border-radius: 17px;
  }

  .bpo-marketing-intake__intro-inner {
    padding: 30px;
    border-radius: 17px;
  }

  .bpo-marketing-intake h1 {
    font-size: 32px;
    line-height: 1.08;
  }

  .bpo-marketing-intake__intro p {
    font-size: 14px;
    line-height: 1.65;
  }

  .bpo-marketing-intake__signals {
    gap: 6px;
    margin-top: 22px;
  }

  .bpo-marketing-intake__signals span {
    padding: 10px 8px;
  }

  .bpo-marketing-intake__signals small {
    font-size: 10px;
  }

  .bpo-marketing-intake__form-top {
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .bpo-marketing-intake__form-top span {
    font-size: 16px;
  }

  .bpo-marketing-intake__form-top small {
    max-width: 120px;
    text-align: right;
  }

  body.bpo-native-marketing-intake .bpo-marketing-intake__form .ff-t-container {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bpo-marketing-intake__form :where(input, textarea, select, button) {
    transition-duration: 0.01ms !important;
  }
}