/* ============================================================================
   finorix.css — Nueva versión del portal público (diseño Finorix/Framer).
   Contenido: reglas del export, scopadas bajo .fx para no colisionar con el
   design system Pleniu (globals.css / styleguide.css / Tailwind) que estiliza
   el modal de lista de espera fuera de .fx.
   Fuentes: Inter + Manrope vía Google Fonts (en el <head>), AirbnbCereal
   auto-hospedada en /static/portal/fonts/ (peso 700/900 — display).
   ========================================================================== */

@font-face {
  font-family: "AirbnbCereal";
  src: url("/static/portal/fonts/AirbnbCereal-Bd.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AirbnbCereal";
  src: url("/static/portal/fonts/AirbnbCereal-Blk.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Los nombres originales del export llevan sufijo interno; se mapean a la
   familia local para conservar las reglas tal cual. */



.fx, .fx *, .fx *::before, .fx *::after { box-sizing: border-box; }
.fx { font-family: Manrope, Inter, sans-serif; font-size: 12px; color: #000; background: #fff; }
.fx h1, .fx h2, .fx h3, .fx h4, .fx h5, .fx h6,
.fx p, .fx figure, .fx blockquote, .fx dl, .fx dd, .fx ul, .fx ol { margin: 0; }
.fx ul, .fx ol { padding: 0; list-style: none; }
.fx a { color: inherit; text-decoration: none; }
.fx button { font: inherit; border: none; padding: 0; background: none; }
.fx input, .fx select, .fx textarea { font: inherit; }
.fx img { max-width: 100%; }

/* ---- Capa funcional --------------------------------------------------------
   El export capturó divs estáticos donde el diseño tiene controles reales.
   Estas reglas dan comportamiento conservando el aspecto. */

/* Inputs reales — mismo look que los divs .fx-input / .fx-input-2 del export. */
.fx input.fx-input, .fx input.fx-input-2 {
  appearance: none;
  -webkit-appearance: none;
  border-style: solid;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: rgb(27, 58, 28);
}
.fx input.fx-input::placeholder, .fx input.fx-input-2::placeholder { color: rgb(146, 165, 190); }
.fx input.fx-input:focus, .fx input.fx-input-2:focus {
  outline: none;
  border-color: rgb(1, 83, 232);
  box-shadow: 0 0 0 3px rgba(1, 83, 232, 0.12);
}
.fx input.fx-input.fx-error, .fx input.fx-input-2.fx-error { border-color: rgb(214, 57, 57); }

/* Toggle persona / empresa — aria-pressed replica los estados del export
   (activo = verde .fx-button/.fx-button-5, inactivo = gris .fx-button-2/.fx-button-4). */
.fx .fx-toggle-btn[aria-pressed="true"] { background-color: rgb(205, 247, 7); }
.fx .fx-toggle-btn[aria-pressed="false"] { background-color: rgb(244, 247, 252); }

/* FAQ acordeón — el export tiene una variante por ítem abierto; aquí la
   respuesta se pliega/despliega sobre la tarjeta base .fx-faq-item. */
.fx .fx-faq-item, .fx .fx-faq-item-2, .fx .fx-faq-item-3, .fx .fx-faq-item-4,
.fx .fx-faq-item-5, .fx .fx-faq-item-6 { height: auto; }
.fx .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}
.fx .faq-x.is-open .faq-answer { max-height: 420px; opacity: 1; }
.fx .faq-x { cursor: pointer; }
.fx .faq-x .fx-faq-question, .fx .faq-x .fx-faq-question-2 { cursor: pointer; }
.fx .fx-faq-icon { transition: transform 0.25s ease; }
.fx .faq-x.is-open .fx-faq-icon { transform: rotate(45deg); }

/* Navegación móvil — el diseño solo trae barra desktop; en pantallas
   angostas se usa un botón hamburguesa con panel desplegable. */
.fx .fx-burger {
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 999px;
}
.fx .fx-burger:focus-visible { outline: 2px solid rgb(1, 83, 232); outline-offset: 2px; }
.fx .fx-burger svg { display: block; }
.fx .fx-mobile-menu {
  display: none;
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 18px 52px rgba(1, 83, 232, 0.14);
  padding: 16px 20px;
  z-index: 30;
}
.fx .fx-mobile-menu.is-open { display: flex; flex-direction: column; gap: 4px; }
.fx .fx-mobile-menu a {
  display: block;
  padding: 12px 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgb(27, 58, 28);
  border-radius: 10px;
}
.fx .fx-mobile-menu a:hover { background: rgb(244, 247, 252); }

/* Focus visible consistente en toda la página. */
.fx a:focus-visible, .fx button:focus-visible, .fx input:focus-visible {
  outline: 2px solid rgb(1, 83, 232);
  outline-offset: 2px;
}

.fx .fx-desktop {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 64px;
  justify-content: flex-start;
  max-width: 1440px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 600px 32px;
  width: 1200px;
}

.fx .fx-top {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 44px;
  justify-content: center;
  min-height: 44px;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 43px 22px;
  width: 86px;
}

.fx .fx-espacio-para-tu-logo {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 8.5px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 27px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: -9px;
  text-align: start;
  top: 8.5px;
  transform-origin: 47.5px 13.5px;
  width: 95px;
  z-index: 1;
}

.fx .fx-div {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 27px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 47.5px 13.5px;
  width: 95px;
}

.fx .fx-img {
  aspect-ratio: auto 3304 / 919;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 27px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 47.5px 13.5px;
  width: 95px;
}

.fx .fx-links {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 20px;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 408.375px 12.7969px;
  width: 816.75px;
}

.fx .fx-div-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 17.5469px 12.7969px;
  white-space: pre;
  width: 35.0938px;
}

.fx .fx-p {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 17.5469px 12.7969px;
  white-space: pre;
  width: 35.0938px;
}

.fx .fx-a {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 0px 0px;
  white-space: pre;
}

.fx .fx-div-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 54.4219px 12.7969px;
  white-space: pre;
  width: 108.844px;
}

.fx .fx-p-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 54.4219px 12.7969px;
  white-space: pre;
  width: 108.844px;
}

.fx .fx-div-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 34.2266px 12.7969px;
  white-space: pre;
  width: 68.4531px;
}

.fx .fx-p-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 34.2266px 12.7969px;
  white-space: pre;
  width: 68.4531px;
}

.fx .fx-div-5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 35.2266px 12.7969px;
  white-space: pre;
  width: 70.4531px;
}

.fx .fx-p-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 35.2266px 12.7969px;
  white-space: pre;
  width: 70.4531px;
}

.fx .fx-div-6 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 19.2031px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 57px 9.60156px;
  white-space: pre;
  width: 114px;
}

.fx .fx-p-5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 19.2031px;
  line-height: 19.2px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 57px 9.60156px;
  white-space: pre;
  width: 114px;
}

.fx .fx-a-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  line-height: 19.2px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 0px 0px;
  white-space: pre;
}

.fx .fx-div-7 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 104.625px 25px;
  width: 209.25px;
}

.fx .fx-variant-1 {
  align-items: center;
  background-color: rgb(185, 232, 72);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 90px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 50px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 8px;
  padding-left: 28px;
  padding-right: 8px;
  padding-top: 8px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 104.625px 25px;
  width: 209.25px;
}

.fx .fx-div-8 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 64.625px 11px;
  width: 129.25px;
}

.fx .fx-text-1 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 64.625px 11px;
  white-space: pre;
  width: 129.25px;
}

.fx .fx-p-6 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  line-height: 22px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 64.625px 11px;
  white-space: pre;
  width: 129.25px;
}

.fx .fx-span {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(27, 58, 28);
  color: rgb(27, 58, 28);
  cursor: pointer;
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  letter-spacing: -0.32px;
  line-height: 22px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 0px 0px;
  white-space: pre;
}

.fx .fx-text-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 64.625px 11px;
  white-space: pre;
  width: 129.25px;
  z-index: 1;
}

.fx .fx-frame-2147225865 {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 34 34%22><path d=%22M 17 34 C 7.611 34 0 26.389 0 17 L 0 17 C 0 7.611 7.611 0 17 0 L 17 0 C 26.389 0 34 7.611 34 17 L 34 17 C 34 26.389 26.389 34 17 34 Z%22 fill=%22rgb(255, 255, 255)%22></path><path d=%22M 9.5 16.25 L 22.69 16.25 L 18.72 12.28 C 18.648 12.211 18.591 12.128 18.552 12.037 C 18.512 11.945 18.492 11.847 18.491 11.747 C 18.49 11.648 18.509 11.549 18.547 11.457 C 18.584 11.365 18.64 11.281 18.711 11.21 C 18.781 11.14 18.865 11.084 18.957 11.047 C 19.049 11.009 19.148 10.99 19.247 10.991 C 19.347 10.992 19.445 11.012 19.537 11.052 C 19.628 11.091 19.711 11.148 19.78 11.22 L 25.03 16.47 C 25.171 16.61 25.25 16.801 25.25 17 C 25.25 17.199 25.171 17.39 25.03 17.53 L 19.78 22.78 C 19.639 22.917 19.45 22.992 19.253 22.991 C 19.056 22.989 18.868 22.91 18.729 22.771 C 18.59 22.632 18.511 22.444 18.509 22.247 C 18.508 22.051 18.583 21.861 18.72 21.72 L 22.69 17.75 L 9.5 17.75 C 9.301 17.75 9.11 17.671 8.97 17.53 C 8.829 17.39 8.75 17.199 8.75 17 C 8.75 16.801 8.829 16.61 8.97 16.47 C 9.11 16.329 9.301 16.25 9.5 16.25 Z%22 fill=%22rgb(185,232,72)%22></path></svg>");
  background-position: 0% 0%;
  background-size: 100% 100%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 34px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 17px 17px;
  width: 34px;
}

.fx .fx-desktop-2 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1.40964px 0.650602px 1.08434px, rgba(0, 0, 0, 0.02) 0px -0.86747px 7.59036px 0px, rgba(0, 0, 0, 0.03) 0px 0.542169px 1.08434px 0px inset, rgba(0, 0, 0, 0.04) 0px 4.33735px 20px 10px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 93px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 161.5px 46.5px;
  width: 323px;
}

.fx .fx-content {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 44.4062px;
  justify-content: space-between;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 145.5px 22.2031px;
  width: 291px;
}

.fx .fx-title-subtitle {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 43px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 90.5px 21.5px;
  width: 181px;
}

.fx .fx-title {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 21px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 90.5px 10.5px;
  white-space: pre-wrap;
  width: 181px;
}

.fx .fx-p-7 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 20.7969px;
  letter-spacing: -0.32px;
  line-height: 20.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 90.5px 10.3984px;
  white-space: pre-wrap;
  width: 181px;
}

.fx .fx-sub-title {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 12px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 16.0625px 6px;
  white-space: pre;
  width: 32.125px;
}

.fx .fx-p-8 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(94, 95, 92);
  color: rgb(94, 95, 92);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 12px;
  letter-spacing: -0.48px;
  line-height: 12px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 16.0625px 6px;
  white-space: pre;
  width: 32.125px;
}

.fx .fx-price-date {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 44.4062px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 53px 22.2031px;
  width: 106px;
}

.fx .fx-price {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22.4062px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 53px 11.2031px;
  white-space: pre-wrap;
  width: 106px;
}

.fx .fx-p-9 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 14px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 22.4062px;
  line-height: 22.4px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: end;
  transform-origin: 53px 11.2031px;
  white-space: pre-wrap;
  width: 106px;
}

.fx .fx-date {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 12px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 51.5px 6px;
  white-space: pre-wrap;
  width: 103px;
}

.fx .fx-p-10 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(94, 95, 92);
  color: rgb(94, 95, 92);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 12px;
  letter-spacing: -0.48px;
  line-height: 12px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: end;
  transform-origin: 51.5px 6px;
  white-space: pre-wrap;
  width: 103px;
}

.fx .fx-variant-1-2 {
  align-items: center;
  background-color: rgb(185, 232, 72);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 90px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 50px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 8px;
  padding-left: 28px;
  padding-right: 8px;
  padding-top: 8px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 148.188px 25px;
}

.fx .fx-div-9 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 108.188px 11px;
}

.fx .fx-text-1-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 108.188px 11px;
  white-space: pre;
}

.fx .fx-p-11 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  line-height: 22px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 108.188px 11px;
  white-space: pre;
}

.fx .fx-text-2-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 108.188px 11px;
  white-space: pre;
  z-index: 1;
}

.fx .fx-variant-1-3 {
  align-items: center;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 24px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 295px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 208px 147.5px;
  width: 416px;
}

.fx .fx-service-card-content {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 231px;
  justify-content: space-between;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 115.5px;
  width: 352px;
}

.fx .fx-service-icon {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 60px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 17px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 30px 30px;
  width: 60px;
}

.fx .fx-div-10 {
  aspect-ratio: 1 / 1;
  background-color: rgb(1, 83, 232);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 30px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 15px 15px;
  width: 30px;
}

.fx .fx-sevice-text-wrap {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 91.0312px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 45.5156px;
  width: 352px;
}

.fx .fx-privacy-first {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 27.8438px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 104.461px 13.9219px;
  white-space: pre;
}

.fx .fx-h3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 24px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 27.8438px;
  letter-spacing: -0.24px;
  line-height: 27.84px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 104.461px 13.9219px;
  white-space: pre;
}

.fx .fx-we-are-committed-to-protecting-your-data-at-the-core-of-our-approach {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 51.1875px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 176px 25.5938px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-p-12 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 51.1875px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 176px 25.5938px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-variant-1-4 {
  align-items: center;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 24px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 295px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 188px 147.5px;
  width: 376px;
}

.fx .fx-service-card-content-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 231px;
  justify-content: space-between;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 156px 115.5px;
  width: 312px;
}

.fx .fx-sevice-text-wrap-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 156px 45.5156px;
  width: 312px;
}

.fx .fx-privacy-first-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 27.8438px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 84.7031px 13.9219px;
  white-space: pre;
}

.fx .fx-h3-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 24px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 27.8438px;
  letter-spacing: -0.24px;
  line-height: 27.84px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 84.7031px 13.9219px;
  white-space: pre;
}

.fx .fx-we-are-committed-to-protecting-your-data-at-the-core-of-our-approach-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 156px 25.5938px;
  white-space: pre-wrap;
  width: 312px;
}

.fx .fx-p-13 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 156px 25.5938px;
  white-space: pre-wrap;
  width: 312px;
}

.fx .fx-variant-1-5 {
  align-items: center;
  background-color: rgb(185, 232, 72);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 90px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 50px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 8px;
  padding-left: 28px;
  padding-right: 8px;
  padding-top: 8px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 88.2422px 25px;
  width: 176.484px;
}

.fx .fx-div-11 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 48.2422px 11px;
  width: 96.4844px;
}

.fx .fx-text-1-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 48.2422px 11px;
  white-space: pre;
  width: 96.4844px;
}

.fx .fx-p-14 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  line-height: 22px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 48.2422px 11px;
  white-space: pre;
  width: 96.4844px;
}

.fx .fx-text-2-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 22px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 48.2422px 11px;
  white-space: pre;
  width: 96.4844px;
  z-index: 1;
}

.fx .fx-desktop-3 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 236px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 96px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 96px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 600px 118px;
  width: 1200px;
}

.fx .fx-container {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 44px;
  justify-content: flex-start;
  max-width: 1280px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 552px 22px;
  width: 1104px;
}

.fx .fx-top-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 32px;
  grid-auto-flow: row;
  height: 20px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 552px 10px;
  width: 1104px;
}

.fx .fx-socials {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 20px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 64px 10px;
  width: 128px;
}

.fx .fx-div-12 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 20px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 10px 10px;
  width: 20px;
}

.fx .fx-large {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 20px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 10px 10px;
  width: 20px;
}

.fx .fx-before-icon {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 20px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 10px 10px;
  width: 20px;
}

.fx .fx-div-13 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: contents;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 50% 50%;
}

.fx .fx-svg {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 106, 255);
  color: rgb(0, 106, 255);
  cursor: pointer;
  display: inline-block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 20px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 10px 10px;
  width: 20px;
}

.fx .fx-bottom {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  justify-content: space-between;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 552px 12px;
  width: 1104px;
}

.fx .fx-div-14 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 42.5px 12px;
  white-space: pre;
  width: 85px;
}

.fx .fx-p-15 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(115, 115, 115);
  color: rgb(115, 115, 115);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 42.5px 12px;
  white-space: pre;
  width: 85px;
}

.fx .fx-legal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 20px;
  grid-auto-flow: row;
  height: 24px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 91.5px 12px;
  width: 183px;
}

.fx .fx-div-15 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 91.5px 12px;
  width: 183px;
}

.fx .fx-div-16 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 8px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 24px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 91.5px 12px;
  width: 183px;
}

.fx .fx-text {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 91.5px 12px;
  white-space: pre;
  width: 183px;
}

.fx .fx-p-16 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(10, 10, 10);
  color: rgb(10, 10, 10);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 91.5px 12px;
  white-space: pre;
  width: 183px;
}

.fx .fx-a-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 0px 0px;
  white-space: pre;
}

.fx .fx-div-17 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 720px 0px;
  width: 1440px;
}

.fx .fx-logo {
  aspect-ratio: 0.6 / 1;
  background-color: rgb(0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  bottom: -2px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 20px;
  left: 6px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: -6px;
  text-align: start;
  top: -2px;
  transform-origin: 6px 10px;
  transform: matrix(1, 0, 0, 1, -6, 0);
  width: 12px;
}

.fx .fx-text-2 {
  aspect-ratio: 9.7 / 1;
  background-color: rgb(0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 10px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 48.5px 5px;
  width: 97px;
}

.fx .fx-large-2 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 48px;
  justify-content: center;
  min-height: 48px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 24px;
  width: 352px;
}

.fx .fx-text-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 19.2031px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  padding-left: 8px;
  padding-right: 8px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 68.7266px 9.60156px;
  width: 137.453px;
}

.fx .fx-text-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 19.2031px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 60.7266px 9.60156px;
  white-space: pre;
  width: 121.453px;
}

.fx .fx-p-17 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 106, 255);
  color: rgb(0, 106, 255);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 19.2031px;
  letter-spacing: -0.16px;
  line-height: 19.2px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 60.7266px 9.60156px;
  white-space: pre;
  width: 121.453px;
}

.fx .fx-large-3 {
  align-items: center;
  background-color: rgb(185, 232, 72);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 12px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 48px;
  justify-content: center;
  min-height: 48px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 24px;
  width: 352px;
}

.fx .fx-text-wrapper-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 19.2031px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  padding-left: 8px;
  padding-right: 8px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 56.125px 9.60156px;
  width: 112.25px;
}

.fx .fx-text-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 19.2031px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 48.125px 9.60156px;
  white-space: pre;
  width: 96.25px;
}

.fx .fx-p-18 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 106, 255);
  color: rgb(0, 106, 255);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 19.2031px;
  letter-spacing: -0.16px;
  line-height: 19.2px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 48.125px 9.60156px;
  white-space: pre;
  width: 96.25px;
}

.fx .fx-div-18 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  min-height: 5229.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 720px 2614.9px;
  width: 1440px;
}

.fx .fx-div-19 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  justify-content: flex-start;
  min-height: 5229.8px;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 2614.9px;
  width: 1440px;
}

.fx .fx-narbar-wrap {
  align-items: center;
  background-color: rgba(255, 255, 255, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 5149.8px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 64px;
  justify-content: center;
  left: 720px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: absolute;
  right: -720px;
  text-align: start;
  top: 16px;
  transform-origin: 720px 32px;
  transform: matrix(1, 0, 0, 1, -720, 0);
  width: 1440px;
  z-index: 1;
}

.fx .fx-div-20 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: contents;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 50% 50%;
}

.fx .fx-div-21 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 64px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 600px 32px;
  width: 1200px;
  z-index: 1;
}

.fx .fx-div-22 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  justify-content: center;
  min-height: 905.359px;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 452.68px;
  width: 1440px;
}

.fx .fx-hero {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 52px;
  grid-auto-flow: row;
  justify-content: flex-start;
  min-height: 905.359px;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 452.68px;
  width: 1440px;
}

.fx .fx-container-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  justify-content: center;
  max-width: 1320px;
  min-height: 905.359px;
  object-fit: fill;
  overflow: clip;
  padding-left: 20px;
  padding-right: 20px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 452.68px;
  width: 1320px;
}

.fx .fx-div-23 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  min-height: 905.359px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 660px 452.68px;
  width: 1320px;
}

.fx .fx-img-2 {
  aspect-ratio: auto 4096 / 2294;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  min-height: 905.359px;
  object-fit: contain;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 660px 452.68px;
  width: 1320px;
}

.fx .fx-hero-content {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 46px;
  grid-auto-flow: row;
  justify-content: center;
  max-width: 900px;
  min-height: 905.359px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 50px;
  padding-top: 180px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 450px 452.68px;
  width: 900px;
}

.fx .fx-div-24 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 316.359px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 450px 158.18px;
  width: 900px;
}

.fx .fx-hero-tag {
  align-items: center;
  background-color: rgb(205, 247, 7);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 129px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 6px;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 12px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 141.484px 21px;
  width: 282.969px;
}

.fx .fx-frame {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 247, 247);
  color: rgb(255, 247, 247);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 18px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 9px 9px;
  width: 18px;
}

.fx .fx-div-25 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 247, 247);
  color: rgb(255, 247, 247);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 18px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 9px 9px;
  width: 18px;
}

.fx .fx-svg-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 247, 247);
  color: rgb(255, 247, 247);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 18px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 9px 9px;
  width: 18px;
}

.fx .fx-unlock-your-financial-potential {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 16.7969px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 115.484px 8.39844px;
  white-space: pre;
  width: 230.969px;
}

.fx .fx-p-19 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-size: 14px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 16.7969px;
  letter-spacing: -0.14px;
  line-height: 16.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 115.484px 8.39844px;
  white-space: pre;
  width: 230.969px;
}

.fx .fx-div-26 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 135.969px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 450px 67.9844px;
  width: 900px;
}

.fx .fx-h1 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 66px;
  font-stretch: 100%;
  font-weight: 900;
  grid-auto-flow: row;
  height: 135.969px;
  letter-spacing: -0.66px;
  line-height: 67.98px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 450px 67.9844px;
  width: 900px;
}

.fx .fx-div-27 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 106.391px;
  justify-content: flex-start;
  max-width: 628px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 314px 53.1953px;
  width: 628px;
}

.fx .fx-p-20 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 314px 28.7969px;
  width: 628px;
}

.fx .fx-p-21 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  margin-top: 20px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 314px 14.3984px;
  width: 628px;
}

.fx .fx-inicio-de-solicitud {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  justify-content: center;
  max-width: 100%;
  min-height: 313px;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 215px 156.5px;
  width: 430px;
}

.fx .fx-solicitud-de-personas-y-empresas {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  min-height: 313px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 215px 156.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  width: 430px;
}

.fx .fx-section {
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(230, 237, 247);
  border-radius: 30px;
  border-style: solid;
  border-top-width: 1px;
  box-shadow: rgba(1, 83, 232, 0.1) 0px 18px 52px 0px;
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  grid-template-columns: 364px;
  grid-template-rows: 24px 39.5px 81.5px 54px;
  height: 313px;
  max-width: 480px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  position: relative;
  text-align: start;
  transform-origin: 215px 156.5px;
  width: 430px;
}

.fx .fx-h2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 24px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 24px;
  letter-spacing: -0.72px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 182px 12px;
  width: 364px;
}

.fx .fx-div-28 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 39.5px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 182px 19.75px;
  width: 364px;
}

.fx .fx-button {
  background-color: rgb(205, 247, 7);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  border-radius: 999px;
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 39.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  position: static;
  text-align: center;
  transform-origin: 62.6797px 19.75px;
  width: 125.359px;
}

.fx .fx-button-2 {
  background-color: rgb(244, 247, 252);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  border-radius: 999px;
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 39.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  position: static;
  text-align: center;
  transform-origin: 64.6797px 19.75px;
  width: 129.359px;
}

.fx .fx-label {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: default;
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  grid-template-columns: 364px;
  grid-template-rows: 19.5px 54px;
  height: 81.5px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 182px 40.75px;
  width: 364px;
}

.fx .fx-span-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(66, 105, 154);
  color: rgb(66, 105, 154);
  cursor: default;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 19.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 182px 9.75px;
  width: 364px;
}

.fx .fx-input {
  background-color: rgb(245, 248, 253);
  background-position: 0% 0%;
  border-color: rgb(207, 223, 241);
  border-radius: 16px;
  border-style: solid;
  border-top-width: 1px;
  color: rgb(1, 83, 232);
  cursor: text;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 54px;
  min-height: 54px;
  object-fit: fill;
  overflow: clip;
  padding-bottom: 15px;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 15px;
  position: static;
  text-align: start;
  transform-origin: 182px 27px;
  width: 364px;
}

.fx .fx-button-3 {
  background-color: rgb(1, 83, 232);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  border-radius: 999px;
  box-shadow: rgba(1, 83, 232, 0.16) 0px 8px 18px 0px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 54px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  min-height: 54px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 15px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 15px;
  position: static;
  text-align: center;
  transform-origin: 182px 27px;
  width: 364px;
}

.fx .fx-button-4 {
  background-color: rgb(244, 247, 252);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  border-radius: 999px;
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 39.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  position: static;
  text-align: center;
  transform-origin: 62.6797px 19.75px;
  width: 125.359px;
}

.fx .fx-button-5 {
  background-color: rgb(205, 247, 7);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  border-radius: 999px;
  color: rgb(1, 83, 232);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 39.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  position: static;
  text-align: center;
  transform-origin: 64.6797px 19.75px;
  width: 129.359px;
}

.fx .fx-show {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 91px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 93px;
  left: 654px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: -77px;
  text-align: start;
  top: 721.359px;
  transform-origin: 161.5px 46.5px;
  transform: matrix(1, 0, 0, 1, 0, -3.48051);
  width: 323px;
  z-index: 1;
}

.fx .fx-show-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 225px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 93px;
  left: -76px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: 653px;
  text-align: start;
  top: 587.359px;
  transform-origin: 161.5px 46.5px;
  transform: matrix(1, 0, 0, 1, 0, -3.48051);
  width: 323px;
  z-index: 1;
}

.fx .fx-franja-de-mensajes {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 48px;
  grid-auto-flow: row;
  height: 90px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 675px 45px;
  width: 1350px;
}

.fx .fx-mensajes-de-pleniu {
  align-items: center;
  background-color: rgb(205, 247, 7);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 10px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 651px 21px;
  width: 1302px;
}

.fx .fx-ul {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  max-height: 100%;
  max-width: 100%;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 651px 21px;
  transform: matrix(1, 0, 0, 1, -828.03, 0);
  width: 1302px;
}

.fx .fx-li {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: list-item;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 300px 21px;
  transform: matrix(1, 0, 0, 1, 2224, 0);
  width: 600px;
}

.fx .fx-div-29 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 300px 21px;
  white-space: pre-wrap;
  width: 600px;
}

.fx .fx-h3-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 28px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 42px;
  letter-spacing: -0.28px;
  line-height: 42px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 300px 21px;
  white-space: pre-wrap;
  width: 600px;
}

.fx .fx-li-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: list-item;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 200.023px 21px;
  width: 400.047px;
}

.fx .fx-div-30 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 200.023px 21px;
  white-space: pre;
  width: 400.047px;
}

.fx .fx-h3-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 28px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 42px;
  letter-spacing: -0.28px;
  line-height: 42px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 200.023px 21px;
  white-space: pre;
  width: 400.047px;
}

.fx .fx-li-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: list-item;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 300px 21px;
  width: 600px;
}

.fx .fx-our-features {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 635px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 45px;
  padding-top: 45px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 317.5px;
  width: 1440px;
}

.fx .fx-container-3 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 545px;
  justify-content: center;
  max-width: 1320px;
  object-fit: fill;
  overflow: visible;
  padding-left: 20px;
  padding-right: 20px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 272.5px;
  width: 1320px;
}

.fx .fx-section-heading {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 194.219px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 314px 97.1094px;
  width: 628px;
}

.fx .fx-here-are-some-of-our-cool-features {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 120.625px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 314px 60.3125px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-h2-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 52px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 120.625px;
  letter-spacing: -0.52px;
  line-height: 60.32px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 314px 60.3125px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-standout-finance-features-designed-to-put-you-in-control-of-your-money-from-smart-budgeting-to-seamless {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 271.5px 28.7969px;
  white-space: pre-wrap;
  width: 543px;
}

.fx .fx-p-22 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 271.5px 28.7969px;
  white-space: pre-wrap;
  width: 543px;
}

.fx .fx-features-card-wrap {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 0px 16px;
  grid-auto-flow: row;
  grid-auto-rows: minmax(0px, 1fr);
  grid-template-columns: 243.188px 243.188px 243.203px 243.203px 243.203px;
  grid-template-rows: 294.781px;
  height: 294.781px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 640px 147.391px;
  width: 1280px;
}

.fx .fx-features-card {
  align-items: center;
  align-self: start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 40px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 34px;
  grid-auto-flow: row;
  grid-column: span 2;
  height: 294.781px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 251.195px 147.391px;
  width: 502.391px;
}

.fx .fx-features-content-wrap {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 105.188px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 211.195px 52.5938px;
  width: 422.391px;
}

.fx .fx-balance-check {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 211.195px 21px;
  white-space: pre-wrap;
  width: 422.391px;
}

.fx .fx-h3-5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 28px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 42px;
  letter-spacing: -0.28px;
  line-height: 42px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 211.195px 21px;
  white-space: pre-wrap;
  width: 422.391px;
}

.fx .fx-balance-check-makes-it-easy-to-stay-on-top-of-your-finances-with-just-a-few-clicks-you-can-instantly-view {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 51.1875px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 211.195px 25.5938px;
  white-space: pre-wrap;
  width: 422.391px;
}

.fx .fx-p-23 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 51.1875px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 211.195px 25.5938px;
  white-space: pre-wrap;
  width: 422.391px;
}

.fx .fx-lottie-wrap {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 50px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 211.195px 25px;
  width: 422.391px;
}

.fx .fx-div-31 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 148.188px 25px;
  width: 296.375px;
}

.fx .fx-features-card-2 {
  align-items: center;
  align-self: start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 40px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 34px;
  grid-auto-flow: row;
  grid-column: span 3;
  height: 294.781px;
  justify-content: flex-end;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 380.805px 147.391px;
  width: 761.609px;
}

.fx .fx-features-content-wrap-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 130.781px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 340.805px 65.3906px;
  width: 681.609px;
}

.fx .fx-data-analytics-for-finance {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 340.805px 21px;
  white-space: pre-wrap;
  width: 681.609px;
}

.fx .fx-h3-6 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 28px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 42px;
  letter-spacing: -0.28px;
  line-height: 42px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 340.805px 21px;
  white-space: pre-wrap;
  width: 681.609px;
}

.fx .fx-taking-control-of-your-personal-finances-and-investments-and-saving-more-money-is-the-most-popular-choice {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 76.7812px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 340.805px 38.3906px;
  white-space: pre-wrap;
  width: 681.609px;
}

.fx .fx-p-24 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 76.7812px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 340.805px 38.3906px;
  white-space: pre-wrap;
  width: 681.609px;
}

.fx .fx-lottie-wrap-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 50px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 340.805px 25px;
  width: 681.609px;
}

.fx .fx-div-32 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 148.5px 25px;
  width: 297px;
}

.fx .fx-saving-money-isn-t-as-hard-as-you-think {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 60.3125px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 720px 30.1562px;
  white-space: pre-wrap;
  width: 1440px;
}

.fx .fx-h2-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 52px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 60.3125px;
  letter-spacing: -0.52px;
  line-height: 60.32px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 720px 30.1562px;
  white-space: pre-wrap;
  width: 1440px;
}

.fx .fx-your-current-total-savings-have-reached-16-531-reflecting-steady-growth-and-consistent-contributions {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 107.391px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 361.5px 53.6953px;
  white-space: pre-wrap;
  width: 723px;
}

.fx .fx-p-25 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 361.5px 14.3984px;
  white-space: pre-wrap;
  width: 723px;
}

.fx .fx-br {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 0px 0px;
  white-space: pre-wrap;
}

.fx .fx-p-26 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 58.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  margin-top: 20px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 361.5px 29.2969px;
  white-space: pre-wrap;
  width: 723px;
}

.fx .fx-strong {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 0px 0px;
  white-space: pre-wrap;
}

.fx .fx-our-progress {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 463.938px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 231.969px;
  width: 1440px;
}

.fx .fx-container-4 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 463.938px;
  justify-content: center;
  max-width: 1320px;
  object-fit: fill;
  overflow: visible;
  padding-left: 20px;
  padding-right: 20px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 231.969px;
  width: 1320px;
}

.fx .fx-section-contant {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 0px 72px;
  grid-auto-flow: row;
  grid-auto-rows: minmax(0px, 1fr);
  grid-template-columns: 604px 604px;
  grid-template-rows: 463.938px;
  height: 463.938px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 640px 231.969px;
  width: 1280px;
}

.fx .fx-lottie-wrap-3 {
  align-items: center;
  align-self: start;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 40px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 463.938px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 66px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 66px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 231.969px;
  width: 604px;
}

.fx .fx-calculadora-de-adelanto {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 331.938px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 270px 165.969px;
  width: 540px;
}

.fx .fx-section-2 {
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(230, 237, 247);
  border-radius: 30px;
  border-style: solid;
  border-top-width: 1px;
  box-shadow: rgba(1, 83, 232, 0.1) 0px 18px 52px 0px;
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  grid-template-columns: 430px;
  grid-template-rows: 70.5px 70.5px 56.9375px 48px;
  height: 331.938px;
  max-width: 480px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  position: relative;
  text-align: start;
  transform-origin: 240px 165.969px;
  width: 480px;
}

.fx .fx-label-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: default;
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 5px;
  grid-auto-flow: row;
  grid-template-columns: 430px;
  grid-template-rows: 19.5px 46px;
  height: 70.5px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 215px 35.25px;
  width: 430px;
}

.fx .fx-span-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  cursor: default;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 19.5px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 215px 9.75px;
  width: 430px;
}

.fx .fx-input-2 {
  background-color: rgb(245, 248, 253);
  background-position: 0% 0%;
  border-color: rgb(207, 223, 241);
  border-radius: 16px;
  border-style: solid;
  border-top-width: 1px;
  color: rgb(1, 83, 232);
  cursor: text;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 46px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 10px;
  position: static;
  text-align: start;
  transform-origin: 215px 23px;
  width: 430px;
}

.fx .fx-div-33 {
  background-color: rgb(245, 248, 253);
  background-position: 0% 0%;
  border-color: rgb(230, 237, 247);
  border-radius: 16px;
  border-style: solid;
  border-top-width: 1px;
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  grid-template-columns: 197px 197px;
  grid-template-rows: 34.9375px;
  height: 56.9375px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  position: static;
  text-align: start;
  transform-origin: 215px 28.4688px;
  width: 430px;
}

.fx .fx-div-34 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 3px;
  grid-auto-flow: row;
  grid-template-columns: 197px;
  grid-template-rows: 13.1875px 18.75px;
  height: 34.9375px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 98.5px 17.4688px;
  width: 197px;
}

.fx .fx-span-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 11px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 13.1875px;
  line-height: 13.2px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 98.5px 6.59375px;
  width: 197px;
}

.fx .fx-strong-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 18.75px;
  line-height: 18.75px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 98.5px 9.375px;
  white-space: nowrap;
  width: 197px;
}

.fx .fx-strong-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 18.75px;
  line-height: 18.75px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 98.5px 9.375px;
  width: 197px;
}

.fx .fx-button-6 {
  background-color: rgb(1, 83, 232);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  border-radius: 999px;
  color: rgb(255, 255, 255);
  cursor: not-allowed;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 15px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 48px;
  letter-spacing: -0.15px;
  line-height: 19.5px;
  min-height: 48px;
  object-fit: fill;
  opacity: 0.52;
  overflow: visible;
  padding-bottom: 11px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 11px;
  position: static;
  text-align: center;
  transform-origin: 215px 24px;
  width: 430px;
}

.fx .fx-progress-content {
  align-items: flex-start;
  align-self: start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 330.781px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 165.391px;
  width: 604px;
}

.fx .fx-section-heading-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 58px;
  justify-content: flex-start;
  min-height: 58px;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 29px;
  width: 604px;
}

.fx .fx-list-wrap {
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 216.781px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-end normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 108.391px;
  width: 604px;
}

.fx .fx-list-item {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-end;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 30.7969px;
  width: 604px;
}

.fx .fx-frame-2147225930 {
  align-items: center;
  background-color: rgb(1, 83, 232);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 12px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 18px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 302px 30.7969px;
  width: 604px;
}

.fx .fx-maximum-savings-contribution-achieved {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 278px 12.7969px;
  white-space: pre-wrap;
  width: 556px;
}

.fx .fx-p-27 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 278px 12.7969px;
  white-space: pre-wrap;
  width: 556px;
}

.fx .fx-list-item-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-end;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 286.898px 30.7969px;
  width: 573.797px;
}

.fx .fx-frame-2147225930-2 {
  align-items: center;
  background-color: rgb(107, 159, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 12px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 18px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 286.898px 30.7969px;
  width: 573.797px;
}

.fx .fx-moderate-efficiency-with-room-to-optimize {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 262.898px 12.7969px;
  white-space: pre-wrap;
  width: 525.797px;
}

.fx .fx-p-28 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 262.898px 12.7969px;
  white-space: pre-wrap;
  width: 525.797px;
}

.fx .fx-list-item-3 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-end;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 271.797px 30.7969px;
  width: 543.594px;
}

.fx .fx-frame-2147225930-3 {
  align-items: center;
  background-color: rgb(230, 238, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 12px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 61.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 18px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 271.797px 30.7969px;
  width: 543.594px;
}

.fx .fx-good-engagement-but-can-be-strengthened-further {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 247.797px 12.7969px;
  white-space: pre-wrap;
  width: 495.594px;
}

.fx .fx-p-29 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 247.797px 12.7969px;
  white-space: pre-wrap;
  width: 495.594px;
}

.fx .fx-c-mo-funciona {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 1455.91px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 727.953px;
  width: 1440px;
}

.fx .fx-container-5 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 1455.91px;
  justify-content: center;
  max-width: 1320px;
  object-fit: fill;
  overflow: visible;
  padding-left: 20px;
  padding-right: 20px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 727.953px;
  width: 1320px;
}

.fx .fx-div-35 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 570px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  position: relative;
  text-align: start;
  transform-origin: 663.5px 285px;
  width: 1327px;
}

.fx .fx-div-36 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 570px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 663.5px 285px;
  width: 1327px;
}

.fx .fx-img-3 {
  aspect-ratio: auto 1492 / 1054;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 570px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 663.5px 285px;
  width: 1327px;
}

.fx .fx-show-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 70px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 93px;
  left: 946px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: 58px;
  text-align: start;
  top: 407px;
  transform-origin: 161.5px 46.5px;
  transform: matrix(1, 0, 0, 1, 0, -4.87735);
  width: 323px;
  z-index: 1;
}

.fx .fx-show-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 389px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 93px;
  left: 99px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: 905px;
  text-align: start;
  top: 88px;
  transform-origin: 161.5px 46.5px;
  transform: matrix(1, 0, 0, 1, 0, -4.87735);
  width: 323px;
  z-index: 1;
}

.fx .fx-services-wrap {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 56px;
  grid-auto-flow: row;
  height: 875.906px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 40px;
  padding-top: 40px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 437.953px;
  width: 1280px;
}

.fx .fx-services-heading {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 133.906px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 314px 66.9531px;
  width: 628px;
}

.fx .fx-you-ll-find-everything-you-need-and-more {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 60.3125px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 314px 30.1562px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-h2-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 52px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 60.3125px;
  letter-spacing: -0.52px;
  line-height: 60.32px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 314px 30.1562px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-instant-balance-check-is-one-of-the-most-popular-choices-for-taking-control-of-your-finances-and-investments {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 241px 28.7969px;
  white-space: pre-wrap;
  width: 482px;
}

.fx .fx-p-30 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 241px 28.7969px;
  white-space: pre-wrap;
  width: 482px;
}

.fx .fx-services-content {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 606px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 303px;
  width: 1280px;
}

.fx .fx-service-card-wrap {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  grid-auto-rows: minmax(0px, 1fr);
  grid-template-columns: 416px 416px 416px;
  grid-template-rows: 295px;
  height: 295px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 640px 147.5px;
  width: 1280px;
}

.fx .fx-div-37 {
  align-self: start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 295px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 208px 147.5px;
  width: 416px;
}

.fx .fx-service-card-wrap-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 295px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 147.5px;
  width: 1280px;
}

.fx .fx-div-38 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 295px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 188px 147.5px;
  width: 376px;
}

.fx .fx-qui-nes-somos {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 595.891px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 297.945px;
  width: 1440px;
}

.fx .fx-container-6 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 395.891px;
  justify-content: center;
  max-width: 1320px;
  object-fit: fill;
  overflow: visible;
  padding-left: 20px;
  padding-right: 20px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 197.945px;
  width: 1320px;
}

.fx .fx-section-wrap {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 46px;
  grid-auto-flow: row;
  height: 395.891px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 197.945px;
  width: 1280px;
}

.fx .fx-key-metrics-behind-our-success {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 60.3125px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 633.5px 30.1562px;
  white-space: pre-wrap;
  width: 1267px;
}

.fx .fx-h2-5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 52px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 60.3125px;
  letter-spacing: -0.52px;
  line-height: 60.32px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 633.5px 30.1562px;
  white-space: pre-wrap;
  width: 1267px;
}

.fx .fx-div-39 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 106.391px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 640px 53.1953px;
  white-space: pre-wrap;
  width: 1280px;
}

.fx .fx-p-31 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 640px 14.3984px;
  white-space: pre-wrap;
  width: 1280px;
}

.fx .fx-p-32 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  margin-top: 20px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 640px 28.7969px;
  white-space: pre-wrap;
  width: 1280px;
}

.fx .fx-success-grid {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: grid;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  grid-auto-rows: minmax(0px, 1fr);
  grid-template-columns: 308px 308px 308px 308px;
  grid-template-rows: 137.188px;
  height: 137.188px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 640px 68.5938px;
  width: 1280px;
}

.fx .fx-success-card {
  align-items: flex-start;
  align-self: start;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 111.594px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 154px 55.7969px;
  width: 308px;
}

.fx .fx-success-card-content {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 79.5938px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 130px 39.7969px;
  width: 260px;
}

.fx .1200 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 42px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 130px 21px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-p-33 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-size: 28px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 42px;
  letter-spacing: -0.28px;
  line-height: 42px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  text-transform: capitalize;
  transform-origin: 130px 21px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-many-satisfied-users-trust {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 25.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 130px 12.7969px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-p-34 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 25.5938px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 130px 12.7969px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-success-card-2 {
  align-items: flex-start;
  align-self: start;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 137.188px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 154px 68.5938px;
  width: 308px;
}

.fx .fx-success-card-content-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 12px;
  grid-auto-flow: row;
  height: 105.188px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 130px 52.5938px;
  width: 260px;
}

.fx .fx-having-an-impact-on-users {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 51.1875px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 130px 25.5938px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-p-35 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 500;
  grid-auto-flow: row;
  height: 51.1875px;
  letter-spacing: -0.32px;
  line-height: 25.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 130px 25.5938px;
  white-space: pre-wrap;
  width: 260px;
}

.fx .fx-faq {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  justify-content: center;
  min-height: 916px;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 458px;
  width: 1440px;
}

.fx .fx-container-7 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 72px;
  grid-auto-flow: row;
  justify-content: flex-start;
  max-width: 1320px;
  min-height: 480px;
  object-fit: fill;
  overflow: visible;
  padding-left: 20px;
  padding-right: 20px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 660px 240px;
  width: 1320px;
}

.fx .fx-section-wrap-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 52px;
  grid-auto-flow: row;
  height: 228.953px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 241px 114.477px;
  width: 482px;
}

.fx .fx-section-heading-3 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 52px;
  grid-auto-flow: row;
  height: 228.953px;
  justify-content: flex-start;
  max-width: 482px;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 241px 114.477px;
  width: 482px;
}

.fx .fx-heading-content {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 126.953px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 241px 63.4766px;
  width: 482px;
}

.fx .fx-frequently-asked-questions {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 53.3594px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 241px 26.6797px;
  white-space: pre-wrap;
  width: 482px;
}

.fx .fx-h2-6 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 46px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 53.3594px;
  letter-spacing: -0.52px;
  line-height: 53.36px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 241px 26.6797px;
  white-space: pre-wrap;
  width: 482px;
}

.fx .fx-p-36 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(102, 102, 102);
  color: rgb(102, 102, 102);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 241px 28.7969px;
  white-space: pre-wrap;
  width: 482px;
}

.fx .fx-div-40 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 88.2422px 25px;
  width: 176.484px;
}

.fx .fx-div-41 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  max-width: 756px;
  min-height: 480px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 363px 240px;
  width: 726px;
}

.fx .fx-variant-1-6 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  justify-content: flex-start;
  max-width: 100%;
  min-height: 480px;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 240px;
  width: 726px;
}

.fx .fx-faq-item {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 88px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 44px;
  width: 726px;
}

.fx .fx-faq-question {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  justify-content: space-between;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 331px 12px;
  width: 662px;
}

.fx .fx-what-services-do-you-offer {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 21.5938px;
  justify-content: flex-end;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 319px 10.7969px;
  white-space: pre-wrap;
  width: 638px;
}

.fx .fx-p-37 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(27, 58, 28);
  color: rgb(27, 58, 28);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 700;
  grid-auto-flow: row;
  height: 21.5938px;
  letter-spacing: -0.18px;
  line-height: 21.6px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  text-transform: capitalize;
  transform-origin: 319px 10.7969px;
  white-space: pre-wrap;
  width: 638px;
}

.fx .fx-tabler-plus {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 24 24%22><path d=%22M 12 5 L 12 19 M 5 12 L 19 12%22 fill=%22transparent%22 stroke-width=%222%22 stroke=%22rgb(27,58,28)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22%22></path></svg>");
  background-position: 0% 0%;
  background-size: 100% 100%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-faq-item-2 {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 213.188px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 106.594px;
  width: 726px;
}

.fx .fx-tabler-plus-2 {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 24 24%22><path d=%22M 19.5 11.5 L 5.5 11.5 M 5 12 L 19 12%22 fill=%22transparent%22 stroke-width=%222%22 stroke=%22rgb(27,58,28)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-dasharray=%22%22></path></svg>");
  background-position: 0% 0%;
  background-size: 100% 100%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 115.188px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 331px 57.5938px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-p-38 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(82, 82, 82);
  color: rgb(82, 82, 82);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 115.188px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 331px 57.5938px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-faq-item-3 {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 155.594px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 77.7969px;
  width: 726px;
}

.fx .fx-lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 331px 28.7969px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-p-39 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(84, 84, 84);
  color: rgb(84, 84, 84);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 331px 28.7969px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-faq-item-4 {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 24px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 88px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 44px;
  width: 726px;
}

.fx .fx-faq-question-2 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 24px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 331px 12px;
  width: 662px;
}

.fx .fx-tabler-plus-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-div-42 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-svg-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-faq-item-5 {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 24px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 126.797px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 63.3984px;
  width: 726px;
}

.fx .fx-lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 331px 14.3984px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-p-40 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(105, 105, 105);
  color: rgb(105, 105, 105);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 331px 14.3984px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-faq-item-6 {
  align-items: flex-start;
  background-color: rgb(248, 248, 248);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 126.797px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 32px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 363px 63.3984px;
  width: 726px;
}

.fx .fx-p-41 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(97, 97, 97);
  color: rgb(97, 97, 97);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 28.7969px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 331px 14.3984px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-p-42 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(105, 105, 105);
  color: rgb(105, 105, 105);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 331px 28.7969px;
  white-space: pre-wrap;
  width: 662px;
}

.fx .fx-div-43 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 236px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 600px 118px;
  width: 1200px;
}

.fx .fx-div-44 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 78px;
  justify-content: flex-end;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  position: fixed;
  text-align: start;
  top: 822px;
  transform-origin: 720px 39px;
  width: 1440px;
  z-index: 2147483647;
}

.fx .fx-light {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 38px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 70px 19px;
  width: 140px;
}

.fx .fx-backdrop {
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 10px;
  bottom: 1px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px 0.602187px 1.56569px -1.5px, rgba(0, 0, 0, 0.14) 0px 2.28853px 5.95019px -3px, rgba(0, 0, 0, 0.02) 0px 10px 26px -4.5px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 36px;
  left: 1px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: absolute;
  right: 1px;
  text-align: start;
  top: 1px;
  transform-origin: 69px 18px;
  width: 138px;
}

.fx .fx-content-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  bottom: 3px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 10px;
  grid-auto-flow: row;
  height: 16px;
  justify-content: flex-start;
  left: 70px;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: absolute;
  right: -49px;
  text-align: start;
  top: 19px;
  transform-origin: 59.5px 8px;
  transform: matrix(1, 0, 0, 1, -59.5, -8);
  width: 119px;
}

.fx .fx-div-45 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 16px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 6px 8px;
  width: 12px;
}

.fx .fx-p-43 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  bottom: -27px;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 70px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  top: -27px;
  transform-origin: 59.5px 35px;
  transform: matrix(0.001, 0, 0, 0.001, 0, 0);
  width: 119px;
}

.fx .fx-bottom-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 11px;
  box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 38px;
  object-fit: fill;
  opacity: 0.06;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 70px 19px;
  width: 140px;
}

.fx .fx-border {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 238);
  border-radius: 11px;
  box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset;
  color: rgb(0, 0, 238);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 38px;
  object-fit: fill;
  opacity: 0.04;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 70px 19px;
  width: 140px;
}

.fx .fx-div-46 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  object-fit: fill;
  overflow: hidden;
  position: absolute;
  right: 1440px;
  text-align: start;
  top: 900px;
  transform-origin: 0px 0px;
  z-index: 0;
}

.fx .fx-svg-4 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 18px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 9px 9px;
  width: 18px;
}

.fx .fx-svg-5 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: inline;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 24px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 12px 12px;
  width: 24px;
}

.fx .fx-div-47 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 435px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 30px;
  left: 1400px;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: fixed;
  right: 10px;
  text-align: start;
  top: 435px;
  transform-origin: 15px 15px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  width: 30px;
  z-index: 2147483647;
}

.fx .fx-span-5 {
  background-color: rgba(34, 34, 34, 0.8);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  border-radius: 8px;
  bottom: 3.5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px, rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: "Inter Variable UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 450;
  grid-auto-flow: row;
  height: 23px;
  left: -103px;
  object-fit: fill;
  opacity: 0;
  overflow: visible;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  position: fixed;
  right: 40px;
  text-align: start;
  top: 3.5px;
  transform-origin: 46.5px 11.5px;
  width: 93px;
}

.fx .fx-button-7 {
  align-items: center;
  background-color: rgba(34, 34, 34, 0.8);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px, rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 30px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: static;
  text-align: start;
  transform-origin: 15px 15px;
  width: 30px;
}

.fx .fx-svg-6 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 14px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  position: static;
  text-align: start;
  transform-origin: 7px 7px;
  width: 14px;
}

.fx .fx-iframe {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  clip-path: circle(1px at calc(100% - 1px) calc(100% - 1px));
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 900px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  position: fixed;
  text-align: start;
  transform-origin: 720px 450px;
  width: 1440px;
  z-index: 2147483646;
}

.fx .fx-div-48 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 2262.58px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 720px 1131.29px;
  width: 1440px;
}

.fx .fx-div-49 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 2262.58px;
  justify-content: flex-start;
  min-height: 900px;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 1131.29px;
  width: 1440px;
}

.fx .fx-div-50 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 725px;
  min-height: 0;
  object-fit: fill;
  opacity: 0;
  overflow: clip;
  position: relative;
  text-align: start;
  transform-origin: 650.5px 362.5px;
  transform: matrix(1, 0, 0, 1, 0, -150);
  width: 1301px;
}

.fx .fx-div-51 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 725px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 650.5px 362.5px;
  width: 1301px;
}

.fx .fx-img-4 {
  aspect-ratio: auto 1494 / 1053;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 725px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 650.5px 362.5px;
  width: 1301px;
}

.fx .fx-pleniu-para-personas {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 320.578px;
  justify-content: flex-start;
  max-width: 1200px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  padding-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 57px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 600px 160.289px;
  width: 1200px;
}

.fx .fx-div-52 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 67.9844px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 576px 33.9922px;
  white-space: pre-wrap;
  width: 1152px;
}

.fx .fx-h1-2 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 66px;
  font-stretch: 100%;
  font-weight: 900;
  grid-auto-flow: row;
  height: 67.9844px;
  letter-spacing: -0.66px;
  line-height: 67.98px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 576px 33.9922px;
  white-space: pre-wrap;
  width: 1152px;
}

.fx .fx-div-53 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  justify-content: flex-start;
  max-width: 628px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 314px 28.7969px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-p-44 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 57.5938px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 314px 28.7969px;
  white-space: pre-wrap;
  width: 628px;
}

.fx .fx-div-54 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 425px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  position: relative;
  text-align: start;
  transform-origin: 652px 212.5px;
  width: 1304px;
}

.fx .fx-div-55 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 425px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 652px 212.5px;
  width: 1304px;
}

.fx .fx-img-5 {
  aspect-ratio: auto 1617 / 577;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 425px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 652px 212.5px;
  width: 1304px;
}

.fx .fx-pricing-3 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 792px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-left: 48px;
  padding-right: 48px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 396px;
  width: 1440px;
}

.fx .fx-container-8 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 33px;
  grid-auto-flow: row;
  height: 792px;
  justify-content: center;
  max-width: 1280px;
  object-fit: fill;
  overflow: visible;
  padding-bottom: 37px;
  padding-top: 37px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 396px;
  width: 1280px;
}

.fx .fx-text-5 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 112px;
  justify-content: center;
  max-width: 640px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 320px 56px;
  width: 640px;
}

.fx .fx-heading-and-body {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 112px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 320px 56px;
  width: 640px;
}

.fx .fx-div-56 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 48px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 320px 24px;
  white-space: pre-wrap;
  width: 640px;
}

.fx .fx-h3-7 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(10, 10, 10);
  color: rgb(10, 10, 10);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 40px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 48px;
  letter-spacing: -1.2px;
  line-height: 48px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 320px 24px;
  white-space: pre-wrap;
  width: 640px;
}

.fx .fx-p-45 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(115, 115, 115);
  color: rgb(115, 115, 115);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 48px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 320px 24px;
  white-space: pre-wrap;
  width: 640px;
}

.fx .fx-pricing-wrapper {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 246px;
  justify-content: center;
  object-fit: fill;
  overflow: visible;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 640px 123px;
  width: 1280px;
}

.fx .fx-pricing-card {
  align-items: flex-start;
  background-color: rgb(245, 245, 245);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 246px;
  justify-content: flex-start;
  max-width: 400px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 200px 123px;
  width: 400px;
}

.fx .fx-div-57 {
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 30px;
  justify-content: center;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 15px;
  width: 352px;
}

.fx .fx-div-58 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 30px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 94px 15px;
  white-space: pre;
  width: 188px;
}

.fx .fx-p-46 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(3, 83, 231);
  color: rgb(3, 83, 231);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 20px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 30px;
  line-height: 30px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 94px 15px;
  white-space: pre;
  width: 188px;
}

.fx .fx-features {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 72px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 36px;
  width: 352px;
}

.fx .fx-feature-row {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 72px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 36px;
  width: 352px;
}

.fx .fx-div-59 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 72px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 176px 36px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-p-47 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(115, 115, 115);
  color: rgb(115, 115, 115);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 72px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 176px 36px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-div-60 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 48px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 176px 24px;
  width: 352px;
}

.fx .fx-div-61 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 30px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 96px 15px;
  white-space: pre;
  width: 192px;
}

.fx .fx-p-48 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 20px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 30px;
  line-height: 30px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 96px 15px;
  white-space: pre;
  width: 192px;
}

.fx .fx-pricing-card-2 {
  align-items: flex-start;
  background-color: rgb(245, 245, 245);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  border-radius: 16px;
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 294px;
  justify-content: flex-start;
  max-width: 400px;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  place-items: flex-start normal;
  position: relative;
  text-align: start;
  transform-origin: 200px 147px;
  width: 400px;
}

.fx .fx-div-62 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 30px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 100.5px 15px;
  white-space: pre;
  width: 201px;
}

.fx .fx-p-49 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 20px;
  font-stretch: 100%;
  font-weight: 600;
  grid-auto-flow: row;
  height: 30px;
  line-height: 30px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 100.5px 15px;
  white-space: pre;
  width: 201px;
}

.fx .fx-features-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 16px;
  grid-auto-flow: row;
  height: 120px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 60px;
  width: 352px;
}

.fx .fx-feature-row-2 {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 8px;
  grid-auto-flow: row;
  height: 120px;
  justify-content: flex-start;
  min-height: 0;
  object-fit: fill;
  overflow: hidden;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 176px 60px;
  width: 352px;
}

.fx .fx-div-63 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 120px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 176px 60px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-p-50 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(115, 115, 115);
  color: rgb(115, 115, 115);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Inter, "Inter Placeholder", sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 120px;
  line-height: 24px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 176px 60px;
  white-space: pre-wrap;
  width: 352px;
}

.fx .fx-div-64 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 1550px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: start;
  transform-origin: 720px 775px;
  width: 1440px;
}

.fx .fx-div-65 {
  align-items: center;
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 1550px;
  justify-content: flex-start;
  min-height: 900px;
  object-fit: fill;
  overflow: clip;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 720px 775px;
  width: 1440px;
}

.fx .fx-div-66 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 675px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  position: relative;
  text-align: start;
  transform-origin: 601px 337.5px;
  width: 1202px;
}

.fx .fx-div-67 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 675px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 601px 337.5px;
  width: 1202px;
}

.fx .fx-img-6 {
  aspect-ratio: auto 1672 / 941;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 675px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 601px 337.5px;
  width: 1202px;
}

.fx .fx-div-68 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  bottom: 70px;
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  left: 601px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  right: 298.266px;
  text-align: start;
  top: 555px;
  transform-origin: 151.367px 25px;
  transform: matrix(1, 0, 0, 1, -151.367, 0);
  width: 302.734px;
}

.fx .fx-pleniu-para-empresas {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  gap: 24px;
  grid-auto-flow: row;
  height: 875px;
  justify-content: flex-start;
  max-width: 1200px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  padding-bottom: 100px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 54px;
  place-items: center normal;
  position: relative;
  text-align: start;
  transform-origin: 600px 437.5px;
  width: 1200px;
}

.fx .fx-div-69 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 135.969px;
  justify-content: flex-start;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 576px 67.9844px;
  white-space: pre-wrap;
  width: 1152px;
}

.fx .fx-h1-3 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: "AirbnbCereal", Arial, sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 66px;
  font-stretch: 100%;
  font-weight: 900;
  grid-auto-flow: row;
  height: 135.969px;
  letter-spacing: -0.66px;
  line-height: 67.98px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 576px 67.9844px;
  white-space: pre-wrap;
  width: 1152px;
}

.fx .fx-div-70 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 0px;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 115.031px;
  justify-content: flex-start;
  max-width: 628px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 299.516px 57.5156px;
  white-space: pre-wrap;
  width: 599.031px;
}

.fx .fx-p-51 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(1, 83, 232);
  color: rgb(1, 83, 232);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: Manrope, "Manrope Placeholder", sans-serif;
  font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11";
  font-size: 18px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 115.188px;
  letter-spacing: -0.32px;
  line-height: 28.8px;
  object-fit: fill;
  overflow: visible;
  position: static;
  text-align: center;
  transform-origin: 299.516px 57.5938px;
  white-space: pre-wrap;
  width: 599.031px;
}

.fx .fx-div-71 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 348px;
  min-height: 0;
  object-fit: fill;
  overflow: clip;
  position: relative;
  text-align: start;
  transform-origin: 600px 174px;
  width: 1200px;
}

.fx .fx-div-72 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 348px;
  object-fit: fill;
  overflow: visible;
  position: absolute;
  text-align: start;
  transform-origin: 600px 174px;
  width: 1200px;
}

.fx .fx-img-7 {
  aspect-ratio: auto 1707 / 502;
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 348px;
  min-height: 0;
  object-fit: cover;
  overflow: clip;
  position: static;
  text-align: start;
  transform-origin: 600px 174px;
  width: 1200px;
}

.fx .fx-div-73 {
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
  display: block;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 400;
  grid-auto-flow: row;
  height: 50px;
  object-fit: fill;
  overflow: visible;
  position: relative;
  text-align: start;
  transform-origin: 151.367px 25px;
  width: 302.734px;
}

.fx .fx-rv-1 {
  transition: opacity 608ms cubic-bezier(0.44, 0, 0.15, 1), transform 608ms cubic-bezier(0.44, 0, 0.15, 1);
}

.fx .fx-rv-1:not([data-in]) {
  transform: matrix(1, 0, 0, 1, -123.6, 0);
}

.fx .fx-rv-2 {
  transition: opacity 608ms cubic-bezier(0.44, 0, 0.15, 1), transform 608ms cubic-bezier(0.44, 0, 0.15, 1);
}

.fx .fx-rv-2:not([data-in]) {
  opacity: 0;
}

.fx .fx-rv-3 {
  transition: opacity 608ms cubic-bezier(0.44, 0, 0.15, 1), transform 608ms cubic-bezier(0.44, 0, 0.15, 1);
}

.fx .fx-rv-3:not([data-in]) {
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, -150);
}

.fx .fx-rv-4 {
  transition: opacity 608ms cubic-bezier(0.44, 0, 0.15, 1), transform 608ms cubic-bezier(0.44, 0, 0.15, 1);
}

.fx .fx-rv-4:not([data-in]) {
  opacity: 0;
  transform: matrix(0.5, 0, 0, 0.5, 0, 50);
}

/* ---- Capa responsive --------------------------------------------------------
   El export es un canvas fijo de 1440px sin media queries. Esta capa fluidifica
   los contenedores y repliega las grillas a una columna en pantallas menores,
   conservando el aspecto desktop intacto. */

/* El transform capturado mid-scroll de la franja de mensajes se resetea para
   que ambos mensajes se vean estáticos (el marquee animado de Framer no forma
   parte del export). Los items quedan en una sola fila con scroll lateral:
   el export los captura desbordados y el contenedor los recorta. */
.fx .fx-li { transform: none; }
.fx .fx-ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }

@media (max-width: 1439px) {
  .fx .fx-div-18, .fx .fx-div-19, .fx .fx-div-48, .fx .fx-div-49, .fx .fx-div-64, .fx .fx-div-65,
  .fx .fx-hero, .fx .fx-our-features, .fx .fx-our-progress, .fx .fx-c-mo-funciona,
  .fx .fx-qui-nes-somos, .fx .fx-faq, .fx .fx-pricing-3,
  .fx .fx-saving-money-isn-t-as-hard-as-you-think, .fx .fx-h2-3,
  .fx .fx-narbar-wrap, .fx .fx-key-metrics-behind-our-success, .fx .fx-h2-5 { width: 100%; }
  .fx .fx-narbar-wrap { left: 0; right: 0; bottom: auto; transform: none; }
  .fx .fx-container-2, .fx .fx-container-3, .fx .fx-container-4, .fx .fx-container-5,
  .fx .fx-container-6, .fx .fx-container-7, .fx .fx-container-8,
  .fx .fx-desktop-3, .fx .fx-container, .fx .fx-div-43 { width: min(1320px, 100%); }
  .fx .fx-desktop { width: min(1200px, calc(100% - 32px)); }
  .fx .fx-hero-content, .fx .fx-div-24, .fx .fx-div-26, .fx .fx-h1 { width: min(900px, 100%); }
  .fx .fx-div-23, .fx .fx-img-2 { width: 100%; }
  .fx div, .fx p, .fx h1, .fx h2, .fx h3, .fx section, .fx ul { max-width: 100%; }
  .fx .fx-frequently-asked-questions, .fx .fx-h2-6, .fx .fx-heading-content,
  .fx .fx-instant-balance-check-is-one-of-the-most-popular-choices-for-taking-control-of-your-finances-and-investments,
  .fx .fx-p-36, .fx .fx-section-heading-3, .fx .fx-section-wrap-2 { height: auto; }
  .fx .fx-success-card { height: auto; min-height: 111.6px; }
  .fx .fx-success-card-2 { height: auto; min-height: 137.2px; }
  .fx .fx-success-card-content, .fx .fx-many-satisfied-users-trust,
  .fx .fx-having-an-impact-on-users, .fx .fx-p-33, .fx .fx-p-34 { height: auto; }
  .fx .fx-success-grid { height: auto; grid-template-rows: auto; }
  .fx .fx-service-card-content-2 { height: auto; min-height: 231px; }
  .fx .fx-variant-1-4 { height: auto; min-height: 295px; }
  .fx .fx-service-card-wrap { height: auto; grid-template-rows: auto; }
  .fx .fx-service-card-wrap-2, .fx .fx-services-content, .fx .fx-services-wrap,
  .fx .fx-pricing-3, .fx .fx-our-progress, .fx .fx-container-4,
  .fx .fx-section-contant, .fx .fx-progress-content, .fx .fx-list-wrap { height: auto; }
  .fx .fx-features-card-wrap { grid-template-rows: auto; }
  .fx .fx-franja-de-mensajes, .fx .fx-mensajes-de-pleniu, .fx .fx-ul { height: auto; }
  .fx .fx-div-37, .fx .fx-div-38 { height: auto; min-height: 295px; }
  .fx .fx-list-item, .fx .fx-list-item-2, .fx .fx-list-item-3,
  .fx .fx-frame-2147225930, .fx .fx-frame-2147225930-2, .fx .fx-frame-2147225930-3 { height: auto; min-height: 61.6px; }
}

@media (max-width: 1280px) {
  .fx .fx-section-contant { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fx .fx-lottie-wrap-3, .fx .fx-progress-content, .fx .fx-list-wrap { width: 100%; }
  .fx .fx-calculadora-de-adelanto { width: 100%; max-width: 604px; }
  .fx .fx-section-2 { width: 100%; max-width: 480px; grid-template-columns: 1fr; }
  .fx .fx-input-2, .fx .fx-button-6, .fx .fx-div-33 { width: 100%; }
  .fx .fx-features-card-wrap { grid-template-columns: 1fr 1fr; }
  .fx .fx-features-card, .fx .fx-features-card-2 { width: 100%; }
  .fx .fx-service-card-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .fx .fx-variant-1-3 { width: 100%; }
  .fx .fx-success-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .fx .fx-success-card, .fx .fx-success-card-2 { width: 100%; }
  .fx .fx-container-7 { flex-wrap: wrap; }
  .fx .fx-div-41, .fx .fx-variant-1-6,
  .fx .fx-faq-item, .fx .fx-faq-item-2, .fx .fx-faq-item-3,
  .fx .fx-faq-item-4, .fx .fx-faq-item-5, .fx .fx-faq-item-6 { width: 100%; }
  .fx .fx-franja-de-mensajes, .fx .fx-mensajes-de-pleniu { width: 100%; }
  .fx .fx-ul { overflow-x: auto; }
  .fx .fx-div-35, .fx .fx-div-36, .fx .fx-img-3 { width: 100%; }
  .fx .fx-div-36 { inset: 0; }
  .fx .fx-img-3 { height: 100%; object-fit: cover; }
  .fx .fx-pleniu-para-personas, .fx .fx-pleniu-para-empresas { width: 100%; }
  .fx .fx-div-50, .fx .fx-div-51, .fx .fx-div-54, .fx .fx-div-55,
  .fx .fx-div-66, .fx .fx-div-67, .fx .fx-div-71, .fx .fx-div-72 { width: 100%; }
  .fx .fx-div-51, .fx .fx-div-55, .fx .fx-div-67, .fx .fx-div-72 { inset: 0; height: 100%; }
  .fx .fx-img-4, .fx .fx-img-5, .fx .fx-img-6, .fx .fx-img-7 { width: 100%; height: 100%; object-fit: cover; }
  .fx .fx-pricing-wrapper { flex-wrap: wrap; }
  .fx .fx-services-wrap, .fx .fx-services-content, .fx .fx-service-card-wrap-2 { width: 100%; }
  .fx .fx-bottom, .fx .fx-top-2 { width: 100%; }
}

@media (max-width: 1024px) {
  /* Nav: links pasan al menú hamburguesa. */
  .fx .fx-links { display: none; }
  .fx .fx-burger { display: flex; }

  /* El alto fijo de las secciones cede a contenido fluido. */
  .fx .fx-div-19, .fx .fx-div-49, .fx .fx-div-65,
  .fx .fx-hero, .fx .fx-our-features, .fx .fx-our-progress, .fx .fx-c-mo-funciona,
  .fx .fx-qui-nes-somos, .fx .fx-faq, .fx .fx-pricing-3,
  .fx .fx-container-2, .fx .fx-container-3, .fx .fx-container-4, .fx .fx-container-5,
  .fx .fx-container-6, .fx .fx-container-8, .fx .fx-services-wrap, .fx .fx-services-content,
  .fx .fx-section-contant, .fx .fx-lottie-wrap-3, .fx .fx-section-wrap,
  .fx .fx-features-card-wrap, .fx .fx-service-card-wrap, .fx .fx-service-card-wrap-2,
  .fx .fx-success-grid, .fx .fx-franja-de-mensajes, .fx .fx-desktop-3, .fx .fx-container,
  .fx .fx-pricing-wrapper, .fx .fx-pleniu-para-personas, .fx .fx-pleniu-para-empresas { height: auto; }
  .fx .fx-hero { min-height: 640px; }
  .fx .fx-hero-content { padding-top: 120px; padding-bottom: 60px; gap: 32px; }
  .fx .fx-div-24 { height: auto; }
  .fx .fx-h1 { font-size: clamp(36px, 6.5vw, 66px); height: auto; line-height: 1.1; }
  .fx .fx-h2-3, .fx .fx-h2-5, .fx .fx-h2-4, .fx .fx-h2-6 { font-size: clamp(30px, 5vw, 52px); height: auto; }
  .fx .fx-div-26, .fx .fx-div-27, .fx .fx-p-20, .fx .fx-p-21, .fx .fx-p-22, .fx .fx-p-23, .fx .fx-p-24,
  .fx .fx-p-26, .fx .fx-p-31, .fx .fx-p-32, .fx .fx-div-27, .fx .fx-div-39, .fx .fx-div-53, .fx .fx-div-70,
  .fx .fx-your-current-total-savings-have-reached-16-531-reflecting-steady-growth-and-consistent-contributions,
  .fx .fx-heading-content, .fx .fx-text-5 { width: 100%; height: auto; }
  .fx .fx-show, .fx .fx-show-2, .fx .fx-show-3, .fx .fx-show-4 { display: none; }
  .fx .fx-section-contant { grid-template-columns: 1fr; gap: 32px; }
  .fx .fx-progress-content { gap: 32px; }
  .fx .fx-section-wrap { gap: 32px; }
  .fx .fx-qui-nes-somos, .fx .fx-faq { padding-top: 64px; padding-bottom: 64px; }
  .fx .fx-our-progress { padding-top: 48px; padding-bottom: 48px; }
  .fx .fx-c-mo-funciona { padding-top: 48px; padding-bottom: 48px; }
  .fx .fx-div-35, .fx .fx-div-36 { height: auto; }
  .fx .fx-div-35 { display: none; }
  .fx .fx-container-5 { gap: 40px; }
  .fx .fx-container-7 { gap: 40px; }
  .fx .fx-success-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .fx .fx-service-card-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .fx .fx-service-card-wrap-2 { flex-wrap: wrap; }
  .fx .fx-variant-1-4 { width: min(376px, 48%); }
  .fx .fx-features-card-wrap { grid-template-columns: 1fr; grid-template-rows: none; }
  .fx .fx-features-card, .fx .fx-features-card-2 { height: auto; }
  .fx .fx-div-23 { height: 100%; inset: 0; }
  .fx .fx-img-2 { height: 100%; object-fit: cover; }
  .fx .fx-div-50 { height: 480px; }
  .fx .fx-div-54 { height: 300px; }
  .fx .fx-div-66 { height: 420px; }
  .fx .fx-div-71 { height: 260px; }
  .fx .fx-container-8 { gap: 24px; padding-top: 48px; padding-bottom: 48px; }
  .fx .fx-desktop-3 { padding-top: 56px; padding-bottom: 56px; }
}

@media (max-width: 700px) {
  /* Nav: el gap de 24px + padding 40px del export desbordaban el burger
     fuera del viewport; se compactan y el CTA pasa a ancho de contenido. */
  .fx .fx-desktop { padding: 12px 14px; gap: 12px; }
  .fx .fx-div-7, .fx .fx-variant-1 { width: auto; }
  .fx .fx-variant-1 { padding-inline: 14px; }
  .fx .fx-hero-content { padding-top: 96px; gap: 28px; }
  .fx .fx-hero-tag { width: 100%; }
  .fx .fx-inicio-de-solicitud, .fx .fx-solicitud-de-personas-y-empresas,
  .fx .fx-section { width: 100%; max-width: 430px; }
  .fx .fx-section { grid-template-columns: 1fr; height: auto; }
  .fx .fx-h2, .fx .fx-div-28, .fx .fx-label, .fx .fx-button-3, .fx .fx-input,
  .fx .fx-span-2, .fx .fx-h3-5, .fx .fx-h3-6 { width: 100%; }
  .fx .fx-lottie-wrap, .fx .fx-lottie-wrap-2, .fx .fx-lottie-wrap-3 { width: 100%; }
  .fx .fx-div-33 { grid-template-columns: 1fr 1fr; }
  .fx .fx-div-34 { width: auto; }
  .fx .fx-service-card-wrap { grid-template-columns: 1fr; }
  .fx .fx-service-card-wrap-2 { flex-direction: column; }
  .fx .fx-variant-1-4 { width: 100%; }
  .fx .fx-success-grid { grid-template-columns: 1fr; }
  .fx .fx-pricing-wrapper { flex-direction: column; }
  .fx .fx-pricing-card, .fx .fx-pricing-card-2 { width: 100%; height: auto; }
  .fx .fx-h1-2, .fx .fx-h1-3 { font-size: clamp(34px, 8vw, 66px); height: auto; }
  .fx .fx-div-52, .fx .fx-div-56, .fx .fx-div-57, .fx .fx-div-58, .fx .fx-div-59, .fx .fx-div-60,
  .fx .fx-div-61, .fx .fx-div-62, .fx .fx-div-63, .fx .fx-div-69, .fx .fx-h3-7 { width: 100%; height: auto; }
  .fx .fx-features, .fx .fx-features-2, .fx .fx-feature-row, .fx .fx-feature-row-2 { width: 100%; }
  .fx .fx-div-50 { height: 320px; }
  .fx .fx-div-54 { height: 220px; }
  .fx .fx-div-66 { height: 300px; }
  .fx .fx-div-71 { height: 180px; }
  .fx .fx-div-73 { width: 100%; }
  .fx .fx-div-73 .fx-variant-1-2 { width: 100%; }
  .fx .fx-mensajes-de-pleniu { gap: 24px; }
  .fx .fx-ul { gap: 24px; }
  .fx .fx-h3-3, .fx .fx-h3-4 { font-size: 20px; width: auto; }
  .fx .fx-desktop-3 { padding-left: 24px; padding-right: 24px; }
  .fx .fx-bottom { flex-direction: column; gap: 12px; height: auto; }
  .fx .fx-variant-1-6 { gap: 10px; }
  .fx .fx-faq-item, .fx .fx-faq-item-2, .fx .fx-faq-item-3,
  .fx .fx-faq-item-4, .fx .fx-faq-item-5, .fx .fx-faq-item-6 { padding: 24px; }
  .fx .fx-faq-question, .fx .fx-what-services-do-you-offer, .fx .fx-p-37 { width: 100%; }
}

/* Reveal: el export captura algunos bloques con opacity:0/transform ya
   aplicados en su clase base (estado pre-reveal). Al entrar en viewport el JS
   añade data-in y el estado final es identidad. */
.fx [data-in] { opacity: 1; transform: none; }

@media (max-width: 1024px) {
  .fx .fx-narbar-wrap { overflow: visible; }
}

/* ---- Ajustes funcionales finales ---- */

/* Los <form> del hero participan de la grilla fija .fx-section sin romperla:
   display:contents mantiene a label y botón como ítems de grilla. */
.fx form.fx-panel:not([hidden]) { display: contents; }

/* Texto interno de los inputs (el export no tenía padding en los divs falsos). */
.fx input.fx-input, .fx input.fx-input-2 { padding: 0 16px; }

/* El estado capturado del botón era not-allowed; ahora es clicable. */
.fx [data-fx-calc-cta] { cursor: pointer; }

/* FAQ abierto: radius del estado expandido + respuesta fluida. */
.fx .faq-x.is-open { border-radius: 24px; }
.fx .faq-answer .fx-p-38 { height: auto; width: 100%; }
.fx .faq-answer { padding: 0 0 4px; }

/* El botón de la pregunta ocupa todo el ancho y hereda el layout flex. */
.fx button.fx-faq-question { width: 100%; text-align: left; }

/* ── Finorix registration modal (fiel al diseño Framer) ── */
.fx-reg-overlay{
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(8, 42, 92, 0.28);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.fx-reg-overlay.is-open{ opacity: 1; visibility: visible; pointer-events: auto; }
.fx-reg-overlay .fx-reg-card{
  width: min(100%, 600px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  background: #fff;
  border-radius: 30px;
  border: 1px solid rgb(230, 237, 247);
  padding: clamp(20px, 4vw, 32px);
  box-sizing: border-box;
  display: grid; gap: 16px;
  font-family: Manrope, sans-serif;
  box-shadow: rgba(8, 42, 92, 0.18) 0 28px 72px;
  transform: translateY(12px);
  transition: transform .25s ease;
}
.fx-reg-overlay.is-open .fx-reg-card{ transform: translateY(0); }
.fx-reg-overlay .fx-reg-title{
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 24px; font-weight: 600;
  letter-spacing: -0.03em; line-height: 1em;
  margin: 0; color: rgb(1, 83, 232);
}
.fx-reg-overlay .fx-reg-form{ display: grid; gap: 16px; }
.fx-reg-overlay .fx-reg-form[hidden]{ display: none; }
.fx-reg-overlay .fx-reg-label{ display: grid; gap: 6px; }
.fx-reg-overlay .fx-reg-label-text{
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 15px; font-weight: 500;
  letter-spacing: -0.01em; line-height: 1.3em;
  color: rgb(1, 83, 232);
}
.fx-reg-overlay .fx-reg-input{
  border-radius: 16px;
  border: 1px solid rgb(207, 223, 241);
  background: rgb(245, 248, 253);
  padding: 15px 18px;
  color: rgb(1, 83, 232);
  font: inherit;
  width: 100%; min-height: 54px;
  box-sizing: border-box;
  outline-color: rgb(1, 83, 232);
}
.fx-reg-overlay .fx-reg-actions{ display: flex; gap: 8px; flex-wrap: wrap; }
.fx-reg-overlay .fx-reg-back{
  border: 1px solid rgb(216, 229, 245);
  border-radius: 999px;
  background: rgb(245, 248, 253);
  color: rgb(1, 83, 232);
  padding: 15px 22px;
  cursor: pointer;
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 15px; font-weight: 500;
  letter-spacing: -0.01em; line-height: 1.3em;
}
.fx-reg-overlay .fx-reg-submit{
  border: none; border-radius: 999px;
  background: rgb(1, 83, 232); color: #fff;
  padding: 15px 22px;
  cursor: pointer;
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 15px; font-weight: 600;
  letter-spacing: -0.01em; line-height: 1.3em;
  min-height: 54px;
  box-shadow: rgba(1, 83, 232, 0.16) 0 8px 18px;
}
.fx-reg-overlay .fx-reg-submit:disabled{ opacity: .5; cursor: default; }
.fx-reg-overlay .fx-reg-status{
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 15px; font-weight: 500;
  letter-spacing: -0.01em; line-height: 1.3em;
  color: rgb(2, 84, 232);
}
.fx-reg-overlay .fx-reg-status.is-error{ color: #b3261e; }
.fx-reg-overlay .fx-reg-status.is-ok{ color: #0f7b3d; }
.fx-reg-overlay .fx-reg-consent{
  margin: 0;
  font-family: Inter, 'Inter Placeholder', sans-serif;
  font-size: 12.5px; line-height: 1.4em;
  color: rgb(90, 110, 140);
}
.fx-reg-overlay .fx-reg-consent a{ color: rgb(1, 83, 232); }
.fx-reg-overlay .fx-reg-hp{ position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
/* ---- Iconos de servicio: el export pierde los mask-image de Framer ---------- */
.fx .fx-service-icon .fx-div-10 {
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
}
.fx .fx-ico-bank {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(2.5 2)' d='M 4.5 9 L 2.5 9 L 2.5 16 L 4.5 16 Z M 10.5 9 L 8.5 9 L 8.5 16 L 10.5 16 Z M 19 18 L 0 18 L 0 20 L 19 20 Z M 16.5 9 L 14.5 9 L 14.5 16 L 16.5 16 Z M 9.5 2.26 L 14.71 5 L 4.29 5 Z M 9.5 0 L 0 5 L 0 7 L 19 7 L 19 5 Z'/></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(2.5 2)' d='M 4.5 9 L 2.5 9 L 2.5 16 L 4.5 16 Z M 10.5 9 L 8.5 9 L 8.5 16 L 10.5 16 Z M 19 18 L 0 18 L 0 20 L 19 20 Z M 16.5 9 L 14.5 9 L 14.5 16 L 16.5 16 Z M 9.5 2.26 L 14.71 5 L 4.29 5 Z M 9.5 0 L 0 5 L 0 7 L 19 7 L 19 5 Z'/></svg>");
}
.fx .fx-ico-wallet {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(2.5 3)' d='M 18 4.28 L 18 2 C 18 0.9 17.1 0 16 0 L 2 0 C 0.89 0 0 0.9 0 2 L 0 16 C 0 17.1 0.89 18 2 18 L 16 18 C 17.1 18 18 17.1 18 16 L 18 13.72 C 18.59 13.37 19 12.74 19 12 L 19 6 C 19 5.26 18.59 4.63 18 4.28 Z M 17 6 L 17 12 L 10 12 L 10 6 Z M 2 16 L 2 2 L 16 2 L 16 4 L 10 4 C 8.9 4 8 4.9 8 6 L 8 12 C 8 13.1 8.9 14 10 14 L 16 14 L 16 16 Z'/><path transform='translate(14 10.5)' d='M 1.5 3 C 2.328 3 3 2.328 3 1.5 C 3 0.672 2.328 0 1.5 0 C 0.672 0 0 0.672 0 1.5 C 0 2.328 0.672 3 1.5 3 Z'/></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(2.5 3)' d='M 18 4.28 L 18 2 C 18 0.9 17.1 0 16 0 L 2 0 C 0.89 0 0 0.9 0 2 L 0 16 C 0 17.1 0.89 18 2 18 L 16 18 C 17.1 18 18 17.1 18 16 L 18 13.72 C 18.59 13.37 19 12.74 19 12 L 19 6 C 19 5.26 18.59 4.63 18 4.28 Z M 17 6 L 17 12 L 10 12 L 10 6 Z M 2 16 L 2 2 L 16 2 L 16 4 L 10 4 C 8.9 4 8 4.9 8 6 L 8 12 C 8 13.1 8.9 14 10 14 L 16 14 L 16 16 Z'/><path transform='translate(14 10.5)' d='M 1.5 3 C 2.328 3 3 2.328 3 1.5 C 3 0.672 2.328 0 1.5 0 C 0.672 0 0 0.672 0 1.5 C 0 2.328 0.672 3 1.5 3 Z'/></svg>");
}
.fx .fx-ico-card {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(1 3)' d='M 18 0 L 2 0 C 0.89 0 0.01 0.89 0.01 2 L 0 14 C 0 15.11 0.89 16 2 16 L 12 16 L 12 14 L 2 14 L 2 8 L 20 8 L 20 2 C 20 0.89 19.11 0 18 0 Z M 18 4 L 2 4 L 2 2 L 18 2 Z M 22 13 L 22 15 L 19 15 L 19 18 L 17 18 L 17 15 L 14 15 L 14 13 L 17 13 L 17 10 L 19 10 L 19 13 Z'/></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(1 3)' d='M 18 0 L 2 0 C 0.89 0 0.01 0.89 0.01 2 L 0 14 C 0 15.11 0.89 16 2 16 L 12 16 L 12 14 L 2 14 L 2 8 L 20 8 L 20 2 C 20 0.89 19.11 0 18 0 Z M 18 4 L 2 4 L 2 2 L 18 2 Z M 22 13 L 22 15 L 19 15 L 19 18 L 17 18 L 17 15 L 14 15 L 14 13 L 17 13 L 17 10 L 19 10 L 19 13 Z'/></svg>");
}
.fx .fx-ico-click {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(1.745 1.75)' d='M 9.71 15.99 C 6.53 15.84 4 13.22 4 10 C 4 6.69 6.69 4 10 4 C 13.22 4 15.84 6.53 15.99 9.71 L 13.89 9.08 C 13.48 7.31 11.89 6 10 6 C 7.79 6 6 7.79 6 10 C 6 11.89 7.31 13.48 9.08 13.89 Z M 20 10 C 20 10.3 19.99 10.6 19.96 10.9 L 17.99 10.31 C 18 10.21 18 10.1 18 10 C 18 5.58 14.42 2 10 2 C 5.58 2 2 5.58 2 10 C 2 14.42 5.58 18 10 18 C 10.1 18 10.21 18 10.31 17.99 L 10.9 19.96 C 10.6 19.99 10.3 20 10 20 C 4.48 20 0 15.52 0 10 C 0 4.48 4.48 0 10 0 C 15.52 0 20 4.48 20 10 Z M 16.23 14.26 L 20 13 L 10 10 L 13 20 L 14.26 16.23 L 18.53 20.5 L 20.51 18.52 Z'/></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(1.745 1.75)' d='M 9.71 15.99 C 6.53 15.84 4 13.22 4 10 C 4 6.69 6.69 4 10 4 C 13.22 4 15.84 6.53 15.99 9.71 L 13.89 9.08 C 13.48 7.31 11.89 6 10 6 C 7.79 6 6 7.79 6 10 C 6 11.89 7.31 13.48 9.08 13.89 Z M 20 10 C 20 10.3 19.99 10.6 19.96 10.9 L 17.99 10.31 C 18 10.21 18 10.1 18 10 C 18 5.58 14.42 2 10 2 C 5.58 2 2 5.58 2 10 C 2 14.42 5.58 18 10 18 C 10.1 18 10.21 18 10.31 17.99 L 10.9 19.96 C 10.6 19.99 10.3 20 10 20 C 4.48 20 0 15.52 0 10 C 0 4.48 4.48 0 10 0 C 15.52 0 20 4.48 20 10 Z M 16.23 14.26 L 20 13 L 10 10 L 13 20 L 14.26 16.23 L 18.53 20.5 L 20.51 18.52 Z'/></svg>");
}
.fx .fx-ico-doc {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(3 3)' d='M 16 0 L 2 0 C 0.9 0 0 0.9 0 2 L 0 16 C 0 17.1 0.9 18 2 18 L 16 18 C 17.1 18 18 17.1 18 16 L 18 2 C 18 0.9 17.1 0 16 0 Z M 16 16 L 2 16 L 2 2 L 16 2 Z'/><path transform='translate(7 12)' d='M 2 0 L 0 0 L 0 5 L 2 5 Z'/><path transform='translate(15 7)' d='M 2 0 L 0 0 L 0 10 L 2 10 Z'/><path transform='translate(11 14)' d='M 2 0 L 0 0 L 0 3 L 2 3 Z'/><path transform='translate(11 10)' d='M 2 0 L 0 0 L 0 2 L 2 2 Z'/></svg>");
          mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path transform='translate(3 3)' d='M 16 0 L 2 0 C 0.9 0 0 0.9 0 2 L 0 16 C 0 17.1 0.9 18 2 18 L 16 18 C 17.1 18 18 17.1 18 16 L 18 2 C 18 0.9 17.1 0 16 0 Z M 16 16 L 2 16 L 2 2 L 16 2 Z'/><path transform='translate(7 12)' d='M 2 0 L 0 0 L 0 5 L 2 5 Z'/><path transform='translate(15 7)' d='M 2 0 L 0 0 L 0 10 L 2 10 Z'/><path transform='translate(11 14)' d='M 2 0 L 0 0 L 0 3 L 2 3 Z'/><path transform='translate(11 10)' d='M 2 0 L 0 0 L 0 2 L 2 2 Z'/></svg>");
}

/* ---- FAQ acordeon: geometria exacta del original --------------------------
   Framer: seccion con pad-top 100 y contenido alineado arriba; item cerrado
   88px; respuesta NO ocupa espacio ni genera gap del flex.
   El export fija .fx-faq-item{height:88px} despues de las reglas de apertura
   (misma especificidad) y centra la seccion -> se corrige todo aqui. ------- */
.fx .fx-faq { justify-content: flex-start; }
.fx .fx-faq-item.faq-x { height: auto; min-height: 88px; }
.fx .faq-x .faq-answer {
  display: none;
  transition: max-height 0.35s ease, opacity 0.25s ease, display 0.35s allow-discrete;
}
.fx .faq-x.is-open .faq-answer { display: block; }
@starting-style {
  .fx .faq-x.is-open .faq-answer { max-height: 0; opacity: 0; }
}
.fx .faq-x.is-open .faq-answer .fx-p-38 { height: auto; }

/* ---- Franja de mensajes: marquee infinito (Ticker original de Framer).
   ul = [A B][A B] -> translateX(-50%) cierra el ciclo sin salto ------------ */
.fx .fx-franja-de-mensajes { width: 100%; }
.fx .fx-mensajes-de-pleniu { width: min(1302px, 100%); }
.fx .fx-ul {
  width: max-content;
  max-width: none;
  flex-wrap: nowrap;
  overflow: visible;
  animation: fx-ticker 26s linear infinite;
}
.fx .fx-mensajes-de-pleniu:hover .fx-ul { animation-play-state: paused; }
@keyframes fx-ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .fx .fx-ul { animation: none; }
}

/* ---- La franja debe asomar al abrir: el hero ocupa 905px pero sus ~50px
   finales estan vacios; la franja los solapa para quedar visible al cargar --- */
.fx .fx-franja-de-mensajes { position: relative; z-index: 2; margin-top: -50px; }

/* ==========================================================================
   RESPONSIVE — fluidos los anchos fijos del export
   Causa raiz: min-width:auto (tamano minimo automatico) de items flex/grid
   impide encoger; los tracks 1fr quedan anclados al min-content de los hijos
   y los wrappers de ancho fijo (604px, 482px, 430px) desbordan el viewport.
   ========================================================================== */
/* Ancho completo: .fx ocupa todo el viewport (antes una caja de 1440px
   centrada dejaba franjas blancas a los lados en pantallas grandes). Los
   fondos y heros llegan de borde a borde y el contenido (1200-1320px) sigue
   centrado; ver "Ancho completo en pantallas grandes" al final.
   position:relative ancla los absolutos sueltos al propio .fx. */
.fx { position: relative; }
@media (max-width: 1280px) {
  /* Hero: la card absoluta .fx-show-3 no debe salirse del viewport */
  .fx .fx-show-3 { left: auto; right: 32px; }
}
@media (max-width: 1024px) {
  /* Calculador: wrapper, card e inputs fluyen al ancho disponible */
  .fx .fx-lottie-wrap-3, .fx .fx-progress-content, .fx .fx-list-wrap { min-width: 0; width: 100%; }
  .fx .fx-calculadora-de-adelanto { width: 100%; max-width: 604px; min-width: 0; }
  .fx .fx-section-2 { width: 100%; min-width: 0; }
  .fx .fx-section-2, .fx .fx-section-2 * { min-width: 0; }
  .fx .fx-label-2 { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .fx .fx-input-2, .fx .fx-button-6 { width: 100%; min-width: 0; }
  .fx .fx-span-3, .fx .fx-span-4, .fx .fx-strong-2, .fx .fx-strong-3 { width: 100%; }
  .fx .fx-div-33 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fx .fx-div-34 { width: 100%; grid-template-columns: minmax(0, 1fr); min-width: 0; }
  /* FAQ: la columna izquierda (titulo + boton) fluye en vez de 482px fijos */
  .fx .fx-section-wrap-2, .fx .fx-section-heading-3 { width: 100%; max-width: none; min-width: 0; }
  /* Cards de features: el grid 233px del export fluye y los CTAs llenan la card */
  .fx .fx-features-card, .fx .fx-features-card-2 { min-width: 0; width: 100%; }
  .fx .fx-lottie-wrap, .fx .fx-lottie-wrap-2 { width: 100%; min-width: 0; }
}
@media (max-width: 700px) {
  /* Formulario del hero: el grid 364px del export fluye al ancho real
     (los <form> participan via display:contents, por eso se cubren
     tambien sus hijos) */
  .fx .fx-section, .fx .fx-section * { min-width: 0; }
  .fx .fx-label { grid-template-columns: minmax(0, 1fr); }
  .fx .fx-div-28 { flex-wrap: wrap; }
  .fx .fx-div-33 { grid-template-rows: auto; }
  .fx .fx-strong-2 { white-space: normal; }
  /* CTA del nav y de las cards: el texto no se corta dentro del boton */
  .fx .fx-p-6, .fx .fx-p-11 { width: auto; }
  .fx .fx-text-1, .fx .fx-text-2, .fx .fx-text-1-2, .fx .fx-text-2-2 { width: auto; }
  .fx .fx-variant-1-2 { width: 100%; max-width: none; }
  .fx .fx-variant-1-2 { height: auto; min-height: 50px; }
  .fx .fx-variant-1-2 .fx-span { white-space: normal; font-size: 14px; }
}

/* ==========================================================================
   RESPONSIVE MÓVIL v2 — alturas y anchos fijos que el export calculó a 1440px
   Causa raíz: el export de Framer fija alto/ancho en px por elemento; al
   estrecharse el viewport el texto ocupa más líneas, desborda su caja de alto
   fijo y se solapa con el bloque siguiente (o lo recorta overflow:hidden).
   Se anulan solo en bloques que contienen texto y que no están dentro de un
   botón/enlace (los pills mantienen su geometría y el efecto "roll" de texto).
   ========================================================================== */
@media (max-width: 1024px) {
  .fx.fx :is(p, h1, h2, h3, h4):not(a *, button *) { height: auto; }
  .fx.fx div:has(:is(p, h1, h2, h3, h4)):not(a *, button *) { height: auto; grid-template-rows: none; grid-auto-rows: auto; }
}

/* Logo del nav: el export lo recorta (object-fit:cover a 86px sobre un
   original de 97px) porque max-width:100% lo encoge al ancho de .fx-top. */
@media (max-width: 1439px) {
  .fx .fx-top { width: 97px; }
  .fx .fx-espacio-para-tu-logo, .fx .fx-div, .fx .fx-img { width: 97px; max-width: none; }
  .fx .fx-espacio-para-tu-logo { right: 0; }
}

@media (max-width: 700px) {
  /* Nav: logo + CTA compacto + burger de 44px (flex-shrink lo dejaba en 22px) */
  .fx .fx-burger { flex: 0 0 44px; min-width: 44px; }
  .fx .fx-div-7 { height: 44px; flex: 0 1 auto; }
  .fx .fx-variant-1 { height: 44px; padding: 5px 6px 5px 16px; gap: 8px; }
  .fx .fx-variant-1 .fx-p-6, .fx .fx-variant-1 .fx-span { font-size: 14px; }
  .fx .fx-frame-2147225865 { flex: 0 0 auto; width: 32px; height: 32px; }

  /* Grillas de 1 columna: 1fr = minmax(auto,1fr) se ancla al min-content de
     sus hijos (416px de .fx-div-37) y desborda; minmax(0,1fr) las deja fluir. */
  .fx .fx-service-card-wrap, .fx .fx-success-grid, .fx .fx-features-card-wrap,
  .fx .fx-section-contant, .fx .fx-section { grid-template-columns: minmax(0, 1fr); }

  /* Tarjetas de servicio: el export fija 416px */
  .fx .fx-div-37, .fx .fx-div-38, .fx .fx-variant-1-3, .fx .fx-variant-1-4 { width: 100%; max-width: 100%; box-sizing: border-box; }

  /* Calculadora: la tarjeta heredaba el padding 66/32 del desktop */
  .fx .fx-lottie-wrap-3 { padding: 24px 16px; }
  .fx .fx-calculadora-de-adelanto, .fx .fx-section-2 { max-width: none; }
  .fx .fx-div-34 { grid-template-rows: auto auto; }
  .fx .fx-p-26 { padding-inline: 20px; margin-top: 0; }
}
@media (max-width: 359px) {
  .fx .fx-variant-1-2 .fx-span { font-size: 13px; }
  /* A 320px no cabe el CTA junto al logo y al burger; "Solicitar adelanto"
     sigue en el menú desplegable. */
  .fx .fx-div-7 { display: none; }
}

/* Hero de /personas: el export captura el estado inicial de la animación de
   entrada de Framer (opacity:0 + translateY(-150px)) y no trae la animación,
   así que la imagen quedaba invisible en TODOS los anchos. Estado final. */
.fx .fx-div-50 { opacity: 1; transform: none; }

/* ---- Personas / Empresas en pantallas angostas ------------------------------
   Transforms que el export capturó a mitad de scroll o centrados para 1440px
   (el hero de /personas quedaba desplazado 150px y el CTA de /empresas 450px
   fuera del viewport). */
@media (max-width: 1280px) {
  .fx .fx-div-50 { transform: none; }
  .fx .fx-div-68 { transform: translateX(-50%); left: 50%; right: auto; top: auto; bottom: 32px; width: auto; }
}
/* ---- Home en tablet (701-1024px) y ajustes comunes de alineación ----------- */
@media (max-width: 1024px) {
  .fx .fx-desktop { justify-content: space-between; }

  /* Calculadora: el wrapper traía 66px de padding vertical de desktop y la
     tarjeta (480px) quedaba pegada a la izquierda de su caja de 604px */
  .fx .fx-lottie-wrap-3 { padding-top: 32px; padding-bottom: 32px; }
  .fx .fx-section-2 { margin-inline: auto; }

  /* Pasos: la escalera de anchos (604/574/544px) alineada a la derecha dejaba
     un hueco a la izquierda; a este ancho ocupan toda la fila */
  .fx .fx-list-wrap { align-items: stretch; }
  .fx .fx-list-item, .fx .fx-list-item-2, .fx .fx-list-item-3,
  .fx .fx-frame-2147225930, .fx .fx-frame-2147225930-2, .fx .fx-frame-2147225930-3 { width: 100%; box-sizing: border-box; }

  /* Tarjetas "Envía tus datos"/"Continúa el proceso": width:min(376px,48%)
     dentro de un contenedor de 376px las dejaba en ~180px y cortaba el título */
  .fx .fx-service-card-wrap-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .fx .fx-div-37, .fx .fx-div-38, .fx .fx-variant-1-3, .fx .fx-variant-1-4 { width: 100%; max-width: 100%; box-sizing: border-box; }

  /* FAQ: el encabezado centraba bloques de 482px mientras el botón y los
     ítems van al borde izquierdo */
  .fx .fx-section-heading-3, .fx .fx-heading-content { align-items: flex-start; overflow: visible; }
  .fx .fx-heading-content > * { width: 100%; max-width: none; }

  /* Pricing de /personas: dos tarjetas de 400px + gap no caben en 768px */
  .fx .fx-pricing-card { flex: 1 1 280px; width: auto; max-width: none; min-width: 0; }
  .fx .fx-large-2, .fx .fx-large-3, .fx .fx-div-60 { width: 100%; max-width: 100%; box-sizing: border-box; }

  /* Títulos vacíos que el export dejó con min-height (58px): solo añaden aire */
  .fx .fx-section-heading-2:empty { display: none; }
  /* Las tarjetas "Para personas/empresas" conservan grid-column de 2 pistas del
     desktop: generaba una columna implícita y la primera quedaba 16px más angosta */
  .fx .fx-features-card, .fx .fx-features-card-2 { grid-column: 1 / -1; grid-row: auto; }
  .fx .fx-features-card-wrap { gap: 16px; }

  /* Filas de las tarjetas de pricing: el recorte era de 1-2px por el alto de caja del glifo */
  .fx .fx-feature-row, .fx .fx-feature-row-2 { overflow: visible; }
}
@media (max-width: 700px) {
  .fx .fx-service-card-wrap-2 { grid-template-columns: minmax(0, 1fr); }
}

/* La lista HTML de pasos solo existe para pantallas angostas (ver más abajo);
   en desktop sigue mandando la imagen del diseño. */
.fx .fx-steps-m { display: none; }

@media (max-width: 1024px) {
  /* line-height fijo en px (68px) heredado de h1 de 66px: con 34-48px de
     fuente dejaba interlineado doble */
  .fx .fx-h1-2, .fx .fx-h1-3, .fx .fx-h2-2 { line-height: 1.1; }
  .fx .fx-h2-2 { font-size: clamp(30px, 5vw, 52px); }
  .fx .fx-pleniu-para-empresas { padding-bottom: 56px; }

  /* "Tu adelanto en tres pasos" y "Una solución, fácil de integrar" son PNG con
     el texto incrustado (≈4px a 390px de ancho): en pantallas angostas se
     sustituyen por la lista HTML equivalente (mismo copy, accesible). */
  .fx .fx-div-54, .fx .fx-div-71 { display: none; }
  .fx .fx-steps-m { display: block; width: 100%; box-sizing: border-box; padding: 8px 0 0; text-align: center; font-family: Manrope, sans-serif; color: rgb(11, 15, 77); }
  .fx .fx-steps-m-card { padding: 28px 20px; border-radius: 24px; background: linear-gradient(135deg, rgb(232, 244, 255), rgb(206, 230, 254)); text-align: left; }
  .fx .fx-steps-m-eyebrow { margin: 0 0 8px; font: 700 12px/1 Inter, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: rgb(1, 83, 232); }
  .fx .fx-steps-m-badge { display: inline-block; margin: 0 0 12px; padding: 8px 14px; border-radius: 999px; background: rgb(205, 247, 7); font: 600 14px/1 Inter, sans-serif; color: rgb(0, 0, 0); }
  .fx .fx-steps-m-title { margin: 0 0 12px; font: 700 clamp(26px, 5vw, 36px)/1.15 Manrope, sans-serif; letter-spacing: -.03em; }
  .fx .fx-steps-m-lead { margin: 0 0 20px; font: 400 16px/1.5 Manrope, sans-serif; color: rgb(75, 85, 130); }
  .fx .fx-steps-m-list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px; }
  .fx .fx-steps-m-card .fx-steps-m-list { margin-top: 0; }
  .fx .fx-steps-m-list li { display: grid; justify-items: center; gap: 6px; text-align: center; }
  .fx .fx-steps-m-num { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: rgb(1, 83, 232); color: #fff; font: 700 16px/1 Manrope, sans-serif; box-shadow: 0 0 0 6px rgba(1, 83, 232, .12); margin-bottom: 6px; }
  .fx .fx-steps-m-list h3 { margin: 0; font: 700 18px/1.25 Manrope, sans-serif; }
  .fx .fx-steps-m-list p { margin: 0; font: 400 15px/1.45 Manrope, sans-serif; color: rgb(75, 85, 130); }
}

@media (max-width: 700px) {
  /* Hero de /empresas: el PNG lleva texto incrustado, se muestra completo
     (cover lo recortaba: "Bienesta…") y el CTA queda debajo en vez de encima */
  .fx .fx-div-66 { height: auto; display: flex; flex-direction: column; align-items: center; gap: 16px; padding-bottom: 8px; }
  .fx .fx-div-67 { position: relative; width: 100%; height: auto; }
  .fx .fx-img-6 { width: 100%; height: auto; object-fit: contain; }
  .fx .fx-div-68 { position: static; transform: none; left: auto; bottom: auto; }

  /* Pricing de /personas: flex:1 0 0px colapsaba las tarjetas apiladas a su
     padding (48px) y overflow:hidden recortaba título, texto y botón */
  .fx .fx-pricing-card, .fx .fx-pricing-card-2 { flex: 0 0 auto; max-width: 100%; }
  .fx .fx-pricing-3 { padding-left: 20px; padding-right: 20px; }
  .fx .fx-large-2, .fx .fx-large-3, .fx .fx-div-60 { width: 100%; max-width: 100%; box-sizing: border-box; }

  /* Objetivos táctiles de 44px (toggles persona/empresa y preguntas del FAQ medían 40 y 24px) */
  .fx .fx-toggle-btn, .fx button.fx-faq-question { min-height: 44px; }

  /* Hero de la home: las filas fijas de la grilla (título 1 línea, toggles) no
     admiten el título en 2 líneas a 320px y lo solapaban con los botones */
  .fx .fx-section { grid-template-rows: none; }
  /* Tarjetas "Para personas/empresas": 40px de padding por lado dejaban 215px
     útiles a 320px y el CTA recortaba su rótulo */
  .fx .fx-features-card, .fx .fx-features-card-2 { padding-left: 24px; padding-right: 24px; }

  /* Hero de la home y calculadora a 320-360px: los botones persona/empresa y los
     rótulos "Máximo disponible"/"Porcentaje solicitado" pasan a 2 líneas y su
     alto fijo los solapaba con el bloque siguiente */
  .fx .fx-div-28 { height: auto; }
  .fx .fx-span-3, .fx .fx-span-4, .fx .fx-strong-2, .fx .fx-strong-3 { height: auto; }
}

/* ==========================================================================
   Ancho completo en pantallas grandes
   El export es una caja fija de 1440px (secciones de 1440, hero de 1320,
   imágenes de 1202/1301px): a 1920/2560px dejaba franjas blancas y costuras
   en los fondos. Aquí las secciones y los fondos ocupan el viewport y el
   contenido conserva su columna centrada (flex), así que la composición
   sigue simétrica. Por debajo de 1440px nada de esto aplica (los bloques ya
   eran fluidos), salvo las imágenes de /personas y /empresas desde 1281px.
   ========================================================================== */
@media (min-width: 1281px) {
  /* /personas: la foto del hero ocupa todo el ancho (cover, sin recortar la cara) */
  .fx .fx-div-50, .fx .fx-div-51, .fx .fx-img-4 { width: 100%; }
  .fx .fx-img-4 { object-position: center 30%; }

  /* /empresas: el PNG (1202px, fondo azul liso) se centra y el azul se extiende
     con los colores de sus bordes (≤4 niveles de diferencia: sin costura) */
  .fx .fx-div-66 { width: 100%; background: linear-gradient(180deg, #3fb6fd 0%, #46bcfd 45%, #46bdfd 100%); }
  .fx .fx-div-67 { left: 50%; transform: translateX(-50%); }
  .fx .fx-div-68 { left: 50%; right: auto; transform: translateX(-50%); }
}
@media (min-width: 1440px) {
  /* Columna de página, secciones y nav al ancho del viewport */
  .fx .fx-div-18, .fx .fx-div-19, .fx .fx-div-22, .fx .fx-div-48, .fx .fx-div-49, .fx .fx-div-64, .fx .fx-div-65,
  .fx .fx-hero, .fx .fx-franja-de-mensajes, .fx .fx-our-features, .fx .fx-our-progress, .fx .fx-c-mo-funciona,
  .fx .fx-qui-nes-somos, .fx .fx-faq, .fx .fx-pricing-3, .fx .fx-div-43,
  .fx .fx-saving-money-isn-t-as-hard-as-you-think, .fx .fx-h2-3, .fx .fx-key-metrics-behind-our-success, .fx .fx-h2-5 { width: 100%; }
  .fx .fx-narbar-wrap { left: 0; right: 0; width: 100%; transform: none; }

  /* Home: el contenedor del hero (1320px) y su imagen de esferas ocupan el
     viewport; las esferas están pegadas a los bordes de la imagen y el resto es
     blanco (se recorta abajo). Las tarjetas flotantes cuelgan de .fx-hero-content
     (900px, centrado), así que ya quedan simétricas respecto al centro. */
  .fx .fx-container-2 { width: 100%; max-width: none; }
  .fx .fx-div-23 { left: 0; top: 0; width: 100%; height: 100%; }
  .fx .fx-img-2 { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

  /* Franja de mensajes: crece con el viewport conservando los 69px laterales de 1440 */
  .fx .fx-mensajes-de-pleniu { width: calc(100% - 138px); }

  /* Sparkle suelto del export (right:1440px): a 1440px queda fuera de pantalla;
     con el viewport más ancho aparecía como un "+" flotante en el hero */
  .fx .fx-div-46 { display: none; }
}

/* ==========================================================================
   Ajustes contra el diseño aprobado (Framer, Home)
   ========================================================================== */

/* Logo del nav: medida del diseño ("Espacio para tu logo" 151×42 en desktop,
   120px de ancho en móvil), completo (contain) y sin recorte. */
.fx .fx-top { width: 151px; }
.fx .fx-espacio-para-tu-logo { top: 1px; bottom: auto; left: 0; right: auto; }
.fx .fx-div { top: 0; left: 0; }
.fx .fx-espacio-para-tu-logo, .fx .fx-div, .fx .fx-img {
  width: 151px; height: 42px; max-width: none;
}
.fx .fx-img { object-fit: contain; object-position: left center; }
@media (max-width: 700px) {
  /* Barra móvil del diseño (variante Phone): logo + menú; "Solicitar
     adelanto" está dentro del menú desplegable. */
  .fx .fx-div-7 { display: none; }
  .fx .fx-burger { margin-left: auto; }
  .fx .fx-top { width: 120px; }
  .fx .fx-espacio-para-tu-logo, .fx .fx-div, .fx .fx-img { width: 120px; height: 33px; }
  .fx .fx-espacio-para-tu-logo { top: 5.5px; }
}

/* Etiqueta "Cuando la vida pasa, Pleniu responde": pill centrado que se
   ajusta a su contenido (padding 12/14, gap 6 del diseño); el ancho fijo del
   export (y el 100% en móvil) dejaba el texto descentrado. */
.fx .fx-hero-tag { width: auto; max-width: 100%; height: auto; align-self: center; justify-content: center; }
.fx .fx-unlock-your-financial-potential, .fx .fx-p-19 { width: auto; height: auto; }
@media (max-width: 359px) {
  .fx .fx-unlock-your-financial-potential, .fx .fx-p-19 { white-space: normal; text-align: center; }
}

/* Somos Pleniu: las 4 tarjetas toman su alto del contenido (el alto fijo y
   el ancho de 260px del export recortaban el texto), borde y hover limón del
   diseño (backgroundColor Limón, tween 0.4s). */
.fx .fx-success-grid { height: auto; grid-template-rows: auto; grid-auto-rows: auto; }
.fx .fx-success-card, .fx .fx-success-card-2 {
  align-self: stretch; height: auto; min-height: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: background-color 0.4s cubic-bezier(0.44, 0, 0.56, 1), opacity 608ms cubic-bezier(0.44, 0, 0.15, 1), transform 608ms cubic-bezier(0.44, 0, 0.15, 1);
}
.fx .fx-success-card, .fx .fx-success-card-2 { transition-delay: 0s, 303ms, 303ms !important; }
.fx .fx-success-card:hover, .fx .fx-success-card-2:hover { background-color: rgb(205, 247, 7); }
.fx .fx-success-card-content, .fx .fx-success-card-content-2,
.fx .fx-success-card-content > div, .fx .fx-success-card-content-2 > div,
.fx .fx-p-33, .fx .fx-p-34, .fx .fx-p-35,
.fx .fx-many-satisfied-users-trust, .fx .fx-having-an-impact-on-users { width: 100%; height: auto; }

/* Botones con texto "roll" (Button del diseño, hover: el texto 1 sale por
   arriba y entra el texto 2; spring 0.4s). */
.fx .fx-div-8 > .fx-text-2 {
  aspect-ratio: auto; background-color: transparent; display: flex;
  height: 22px; width: auto;
}
.fx :is(.fx-text-1, .fx-text-2, .fx-text-1-2, .fx-text-2-2, .fx-text-1-3, .fx-text-2-3) {
  transition: transform 0.4s cubic-bezier(0.34, 1.3, 0.64, 1);
}
.fx .fx-variant-1:hover :is(.fx-text-1, .fx-text-2),
.fx .fx-variant-1-2:hover :is(.fx-text-1-2, .fx-text-2-2),
.fx .fx-variant-1-5:hover :is(.fx-text-1-3, .fx-text-2-3) { transform: translateY(-100%); }

/* Hero: aparición al cargar (diseño: opacity 0, y +20px, 1s, delays 0.1-0.4s) */
@keyframes fx-hero-in {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}
.fx .fx-hero-tag { animation: fx-hero-in 1s cubic-bezier(0.44, 0, 0.56, 1) 0.1s both; }
.fx .fx-div-26 { animation: fx-hero-in 1s cubic-bezier(0.44, 0, 0.56, 1) 0.2s both; }
.fx .fx-div-27 { animation: fx-hero-in 1s cubic-bezier(0.44, 0, 0.56, 1) 0.3s both; }
.fx .fx-inicio-de-solicitud { animation: fx-hero-in 1s cubic-bezier(0.44, 0, 0.56, 1) 0.4s both; }

/* Tarjetas "Adelanto de nómina" del banner: entrada (scale 0.8, delay 0.8s)
   y flotación continua del diseño (y −25px, 2s, mirror). */
@keyframes fx-card-in {
  from { opacity: 0; scale: 0.8; }
  to   { opacity: 1; scale: 1; }
}
@keyframes fx-card-float {
  from { translate: 0 0; }
  to   { translate: 0 -25px; }
}
.fx .fx-show, .fx .fx-show-2 {
  transform: none;
  animation: fx-card-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.8s both,
             fx-card-float 2s cubic-bezier(0.54, 0.01, 0.51, 1) 0s infinite alternate;
}

/* Destinos de "Ir a calculadora" y "Resolver dudas": el nav fijo no tapa el título */
.fx #calculadora, .fx #faq { scroll-margin-top: 96px; }

@media (prefers-reduced-motion: reduce) {
  .fx .fx-hero-tag, .fx .fx-div-26, .fx .fx-div-27, .fx .fx-inicio-de-solicitud,
  .fx .fx-show, .fx .fx-show-2 { animation: none; }
}

/* Fondo del hero: <picture> (AVIF/WebP por ancho) no debe alterar el layout del <img> */
.fx .fx-div-23 > picture { display: contents; }