/* GENERATED by scripts/repaint-vendor.mjs — do not edit by hand.
 *
 * The reference bundle's indigo, restated as NEXPMX blue. Each rule below
 * repeats one selector from nexpmx-shared.min.css carrying only the
 * declarations whose colour sat in the 225-285 degree band, with the hue
 * moved to 219 and lightness and saturation left
 * exactly as the reference set them — so every contrast pairing it was designed
 * with still holds.
 *
 * 36 rules, 73 colour values.
 *
 * Linked immediately after the bundle it corrects, so anything later in the
 * cascade still wins over it.
 */

.w-button {
  background-color: #467EE5;
}

.w-input:focus, .w-select:focus {
  border-color: #467EE5;
}

.w-dropdown-link.w--current {
  color: #467EE5;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #81ABF8;
}

.w-nav-link.w--current {
  color: #467EE5;
}

:root {
  --_color-theme---normal: #467EE5;
  --_color-theme---light: #A5C3FC;
  --_color-theme---dark: #3058A3;
  --_color-theme---lightest: #EEF4FF;
  --_color-theme---lighter: #C7DAFE;
  --_color-theme---darker: #2E4B81;
  --_color-theme---darkest: #1B2C4B;
  --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>: #6395F1;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #467EE5;
  border-color: #467EE5;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #467EE5;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #467EE5;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-color: #467EE5;
}

.form_checkbox-icon.w--redirected-focus {
  box-shadow: 0 0 0.25rem 0 #467EE5;
}

.styleguide-item.is-purple {
  --_color-theme---normal: #1A56C6;
  --_color-theme---light: #C0D6FF;
  --_color-theme---dark: #0D3B90;
  --_color-theme---darker: #052766;
  --_color-theme---darkest: #00153C;
}

.fs-styleguide_empty-box {
  border: 1px dashed #386BCA;
}

.form_radio-icon.w--redirected-focus {
  box-shadow: 0 0 0.25rem 0 #467EE5;
}

.badge {
  --_color-theme---normal: #467EE5;
  --_color-theme---light: #A5C3FC;
  --_color-theme---dark: #3058A3;
  --_color-theme---lightest: #EEF4FF;
  --_color-theme---lighter: #C7DAFE;
  --_color-theme---darker: #2E4B81;
  --_color-theme---darkest: #1B2C4B;
}

.mega-nav__card-cta, .mega-nav__bar-cta {
  background-color: #4083FF;
}

.mega-nav__bar-cta.is--secondary {
  color: #4083FF;
  border: 1px solid #4083FF;
}

.footer_component {
  background-image: linear-gradient(#E0EBFF, #81ABF8 34%, #467EE5 90%);
}

.hero_icon-wrap {
  background-image:
    linear-gradient(#fff3, #fff0), linear-gradient(90deg, #81ABF8, #467EE5);
}

.hero_fade {
  color: #E0EBFF;
}

/* The funnel flares wider.
   ─────────────────────────────────────────────────────────────────────────
   Same artwork, stretched horizontally: the pipe comes down and opens out
   further than it did. Scaled on X only, so the descent and the height of the
   flare are untouched and only its spread changes — scaling both axes would
   push the mouth down the page and drag the section's whole rhythm with it.

   The stem widens by the same factor, which is the one thing to watch. It is
   about twelve pixels rendered, so at 1.5 it is eighteen — still a pipe, not
   a column. Anything much past this and the stem starts reading as a shaft.

   transform-origin is the top centre so the pipe stays on the vertical axis
   the logo and the hero button already sit on. */
.hero_fade_img {
  transform: scaleX(1.5);
  transform-origin: 50% 0;
}

.hero_fade-block {
  background-image: linear-gradient(#E0EBFF, #fff);
}

.hero_marquee_rev_stat {
  background-color: #E0EBFF;
}

.section-background {
  background-image: linear-gradient(#fff, #EEF4FF);
}

.extention_file-bg {
  background-image: linear-gradient(#6395F1, #81ABF8 32%, #C7DAFE);
}

.pricing_card-wrap:where(.w-variant-6acd07b4-bedc-5fbf-4795-8088b3090667) {
  background-image: linear-gradient(90deg, #467EE5, #81ABF8);
}

.theme-color-blue {
  --_color-theme---normal: #467EE5;
  --_color-theme---light: #A5C3FC;
  --_color-theme---dark: #3058A3;
  --_color-theme---lightest: #EEF4FF;
  --_color-theme---lighter: #C7DAFE;
  --_color-theme---darker: #2E4B81;
  --_color-theme---darkest: #1B2C4B;
}

.theme-color-purple {
  --_color-theme---normal: #1A56C6;
  --_color-theme---light: #C0D6FF;
  --_color-theme---dark: #0D3B90;
  --_color-theme---darker: #052766;
  --_color-theme---darkest: #00153C;
}

.extension_bg {
  background-image: linear-gradient(#EEF4FF, #E0EBFF 70%, #fff 75%);
}

.text-style-link-2 {
  color: #6395F1;
}

.hero_icon-inner {
  background-image: linear-gradient(90deg, #81ABF8, #467EE5);
}

.footer_local-link.w--current {
  color: #467EE5;
}

.icon-verify {
  color: #6395F1;
}

.link-card {
  background-color: #B5CEFD;
}

.icon-avatar {
  border: 1px solid #E0EBFF;
}

.links-social-link {
  background-color: #467EE5;
}

.links-social-link:hover {
  background-color: #2E4B81;
}
