/* LP bundle — generated by tools/build-lp-bundle.php — do not edit by hand */

/* --- assets/fonts/dm-sans/dm-sans.css --- */
/**
 * DM Sans — self-hosted variable fonts (weights 100–1000, normal + italic).
 * Latin + Latin Extended. Source: @fontsource-variable/dm-sans (OFL) — see LICENSE.txt.
 */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("../fonts/dm-sans/dm-sans-latin-ext-standard-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("../fonts/dm-sans/dm-sans-latin-standard-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 100 1000;
  src: url("../fonts/dm-sans/dm-sans-latin-ext-standard-italic.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 100 1000;
  src: url("../fonts/dm-sans/dm-sans-latin-standard-italic.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- assets/fonts/playfair-display/playfair-display.css --- */
/**
 * Playfair Display — self-hosted (weights 600–700, latin).
 * Source: Google Fonts (OFL). font-display: swap for PageSpeed.
 */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("../fonts/playfair-display/playfair-display-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- assets/css/lp-base.css --- */
/**
 * LP-only subset from style.css (FAQ, footer, topbar, global CTAs).
 * Full style.css is not loaded on the landing page.
 */
:root {
  --primary: #344276;
  --text: #5f6472;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body.lp-page {
  margin: 0;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-optical-sizing: auto;
  background: #fff;
  color: #111;
  line-height: 1.6;
}

body.lp-page img {
  max-width: 100%;
  display: block;
}

body.lp-page a {
  text-decoration: none;
}

.center-btn {
  justify-content: center;
}

.btn_main_white,
.btn_main_blue {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  min-width: 200px;
  height: 48px;
  padding: 6px 8px 6px 22px;
  gap: 14px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.btn_main_white {
  background: #fff;
  color: #344276;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.btn_main_white:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.btn_main_blue {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 4px 16px rgba(52, 66, 118, 0.22);
}

.btn_main_blue:hover:not(.hero-form-submit) {
  background: #2b3865;
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 8px 22px rgba(52, 66, 118, 0.28);
}

.btn_main_white .hero-btn-label,
.btn_main_blue .hero-btn-label {
  flex: 1;
  text-align: left;
  white-space: nowrap;
}

.btn_main_white i {
  background: var(--primary);
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
  font-size: 12px;
}

.btn_main_blue i {
  background: #fff;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  flex-shrink: 0;
  font-size: 12px;
}

.btn_seccond_white,
.btn_seccond_blue {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 168px;
  height: 48px;
  padding: 0 22px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease;
}

.btn_seccond_white {
  color: #fff;
  border: 2px solid #fff;
  background: transparent;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.btn_seccond_white:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translate3d(0, -2px, 0);
}

.btn_seccond_blue {
  color: var(--primary);
  border: 2px solid var(--primary);
  background: transparent;
  box-shadow: 0 4px 16px rgba(52, 66, 118, 0.12);
}

.btn_seccond_blue:hover {
  background: rgba(52, 66, 118, 0.06);
  transform: translate3d(0, -2px, 0);
}

.hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

/* FAQ */
.MPH__faq_section {
  width: 100%;
  background: #f3f3f3;
  padding: 70px 20px 80px;
}

.MPH__faq_container {
  width: 100%;
  max-width: 980px;
  margin: auto;
}

.MPH__faq_heading {
  text-align: center;
  margin-bottom: 45px;
}

.MPH__faq_title {
  font-size: 36px;
  color: #2f3f77;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 12px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}

.MPH__faq_subtitle {
  font-size: 14px;
  color: #777;
  margin: 0;
}

.MPH__faq_grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.MPH__faq_column {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.MPH__faq_grid.MPH__faq_grid--split {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 18px;
}

.MPH__faq_grid.MPH__faq_grid--split .MPH__faq_column {
  flex: 1 1 50%;
  min-width: 0;
  width: auto;
}

.MPH__faq_item {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  overflow: hidden;
}

.MPH__faq_question {
  width: 100%;
  border: none;
  background: #fff;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-family: inherit;
}

.MPH__faq_text {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  text-align: left;
}

.MPH__faq_icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #2f3f77;
  transition: 0.3s;
}

.MPH__faq_answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.MPH__faq_answer_text {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
  padding: 0 18px 18px;
  margin: 0;
}

.MPH__faq_item.MPH__active .MPH__faq_answer {
  max-height: 200px;
}

.MPH__faq_item.MPH__active .MPH__faq_icon {
  transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  .MPH__faq_grid.MPH__faq_grid--split {
    flex-direction: column;
  }

  .MPH__faq_grid.MPH__faq_grid--split .MPH__faq_column {
    flex: 1 1 auto;
    width: 100%;
  }

  .MPH__faq_title {
    font-size: 38px;
  }
}

/* Topbar + footer */
.MPH__topbar {
  width: 100%;
  background: #d9d9d9;
  padding: 14px 20px;
}

.MPH__topbar_container {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  box-sizing: border-box;
}

.MPH__topbar_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  flex-wrap: wrap;
}

.MPH__topbar_link {
  text-decoration: none;
  color: #2d3f7c;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
  line-height: 1;
}

.MPH__topbar_link:hover {
  color: #000;
}

.MPH__footer {
  width: 100%;
  position: relative;
  padding: 80px 60px 35px;
  overflow: hidden;
  background:
    linear-gradient(0deg, rgba(52, 66, 118, 0.95), rgba(52, 66, 118, 0.95)),
    #344276 url("../images/footer-bg.webp") center / cover no-repeat;
}

.MPH__footer_container {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.MPH__footer_grid {
  display: grid;
  grid-template-columns: 2.6fr 1fr 1fr 1fr;
  gap: 60px;
  align-items: flex-start;
}

.MPH__footer_logo {
  width: 260px;
  display: block;
  margin-bottom: 28px;
}

.MPH__footer_text {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 35px;
  max-width: 580px;
}

.MPH__footer_subscribe {
  width: 100%;
  max-width: 500px;
  position: relative;
}

.MPH__footer_input {
  width: 100%;
  height: 54px;
  border: none;
  outline: none;
  border-radius: 40px;
  padding: 0 70px 0 22px;
  background: #fff;
  font-family: inherit;
}

.MPH__footer_btn {
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #2a3a78;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 20px;
}

.MPH__footer_heading {
  color: #fff;
  font-size: 18px;
  margin: 0 0 18px;
  font-weight: 500;
}

.MPH__footer_links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.MPH__footer_item {
  color: #d7dcef;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.6;
}

.MPH__footer_item a {
  color: inherit;
  text-decoration: none;
}

.MPH__footer_item a:hover {
  color: #fff;
}

.MPH__footer_logo_link {
  display: inline-block;
  line-height: 0;
}

.MPH__footer_news {
  color: #d7dcef;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.MPH__footer_line {
  width: 100%;
  height: 3px;
  background: #fff;
  margin-top: 55px;
}

@media screen and (max-width: 991px) {
  .MPH__topbar_nav {
    gap: 24px;
    justify-content: center;
  }

  .MPH__footer {
    padding: 60px 25px 30px;
  }

  .MPH__footer_grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .MPH__topbar {
    padding: 16px 15px;
  }

  .MPH__topbar_nav {
    gap: 16px;
  }

  .MPH__topbar_link {
    font-size: 14px;
  }

  .MPH__footer_grid {
    grid-template-columns: 1fr;
  }

  .MPH__footer_logo {
    width: 220px;
  }
}


/* --- assets/css/lp.css --- */
/* PPC Landing page — Figma LP design tokens */
:root {
  --lp-navy: #344276;
  --lp-navy-hover: #2b3560;
  --lp-text: #3d4668;
  --lp-muted: #5f6472;
  --lp-hero-edge: #dce8f8;
  --lp-hero-center: #ffffff;
  --lp-how-blob-a: rgba(92, 168, 255, 0.85);
  --lp-how-blob-b: rgba(52, 66, 118, 0.45);
  --lp-edge-sweep-duration: 7s;
  --lp-edge-sweep-ease: cubic-bezier(0.42, 0, 0.58, 1);
}

.lp-page {
  background: #fff;
  overflow-x: clip;
}

/* Scroll perf: avoid mass GPU layers + blur reveals on LP */
.lp-page .mph-anim {
  will-change: auto;
}

.lp-page .mph-anim--center {
  filter: none;
  transform: translate3d(0, 24px, 0) scale(0.98);
}

.lp-page .mph-anim--center.mph-anim-visible {
  filter: none !important;
}

/* Pause heavy CSS loops when section is off-screen */
.lp-motion-paused .lp-edge-sweep::before,
.lp-motion-paused .lp-hero-banner__blob,
.lp-motion-paused .lp-how__blob {
  animation-play-state: paused !important;
}

.lp-container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ========== HEADER + HERO BANNER (Figma + Spines-style backdrop) ========== */
.lp-hero-banner {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    var(--lp-hero-edge) 0%,
    #edf4fc 18%,
    var(--lp-hero-center) 50%,
    #edf4fc 82%,
    var(--lp-hero-edge) 100%
  );
  padding: 20px 0 clamp(48px, 6vw, 72px);
}

.lp-hero-banner__scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.lp-hero-banner__blob {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  animation: lpHeroBlobFloat 14s ease-in-out infinite alternate;
}

.lp-hero-banner__blob--teal {
  width: clamp(220px, 28vw, 420px);
  top: 8%;
  left: -8%;
  background: rgba(28, 217, 173, 0.56);
  filter: blur(190px);
  animation-delay: 0s;
}

.lp-hero-banner__blob--blue {
  width: clamp(200px, 24vw, 380px);
  top: 12%;
  right: -6%;
  background: #44a9cf;
  filter: blur(180px);
  animation-delay: -4s;
}

@keyframes lpHeroBlobFloat {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(3%, 6%) scale(1.06);
  }
}

/* ========== LP edge sweep (hero, how-it-works, services-standout) ========== */
.lp-edge-sweep {
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(100%, 50%);
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lp-edge-sweep--left {
  left: 0;
}

.lp-edge-sweep--right {
  right: 0;
}

.lp-edge-sweep::before {
  content: "";
  position: absolute;
  top: -75%;
  left: -75%;
  width: 250%;
  height: 250%;
  mix-blend-mode: screen;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lp-edge-sweep--left::before {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 36%,
    rgba(255, 255, 255, 0.4) 44%,
    rgba(255, 255, 255, 0.72) 50%,
    rgba(255, 255, 255, 0.4) 56%,
    rgba(255, 255, 255, 0) 64%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: lpEdgeSweepLeft var(--lp-edge-sweep-duration) var(--lp-edge-sweep-ease) infinite;
}

.lp-edge-sweep--right::before {
  background: linear-gradient(
    315deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 36%,
    rgba(255, 255, 255, 0.4) 44%,
    rgba(255, 255, 255, 0.72) 50%,
    rgba(255, 255, 255, 0.4) 56%,
    rgba(255, 255, 255, 0) 64%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: lpEdgeSweepRight var(--lp-edge-sweep-duration) var(--lp-edge-sweep-ease) infinite;
}

@keyframes lpEdgeSweepLeft {
  0% {
    transform: translate3d(-48%, -48%, 0);
  }
  100% {
    transform: translate3d(48%, 48%, 0);
  }
}

@keyframes lpEdgeSweepRight {
  0% {
    transform: translate3d(48%, 48%, 0);
  }
  100% {
    transform: translate3d(-48%, -48%, 0);
  }
}

.lp-standout .lp-edge-sweep {
  z-index: 1;
}

.lp-hero-banner__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 4vw, 60px);
}

@media (max-width: 767px) {
  .lp-edge-sweep {
    opacity: 0.7;
  }

  .lp-hero-banner__blob {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-hero-banner__blob {
    animation: none;
  }

  .lp-edge-sweep::before {
    animation: none;
    transform: none;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.75) 100%
    );
  }

  .lp-edge-sweep--right::before {
    background: linear-gradient(
      315deg,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.75) 100%
    );
  }
}

/* Fixed header bar (ref: lp.spines.com elementor 718c17e — position fixed, top 16px) */
.lp-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: fixed;
  top: 16px;
  left: 20px;
  right: 20px;
  width: auto;
  max-width: 1240px;
  margin-inline: auto;
  min-height: 76px;
  padding: 16px clamp(16px, 3vw, 28px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(52, 66, 118, 0.1), 0 12px 40px rgba(52, 66, 118, 0.08);
  z-index: 5000;
  box-sizing: border-box;
}

/* Reserves space in hero flow where the fixed bar sits */
.lp-header-spacer {
  display: block;
  flex-shrink: 0;
  height: 76px;
  pointer-events: none;
}

.lp-page > .header {
  display: none;
}

.lp-header-bar.is-scrolled {
  box-shadow: 0 12px 40px rgba(52, 66, 118, 0.16);
}

.lp-header-bar__logo img {
  width: auto;
  max-width: clamp(140px, 22vw, 200px);
  height: auto;
  max-height: 52px;
  object-fit: contain;
}

.lp-header-bar__actions {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  flex-shrink: 0;
}

.lp-header-bar__phone {
  display: none;
  font-size: clamp(14px, 1.5vw, 17px);
  font-weight: 600;
  color: var(--lp-navy);
  white-space: nowrap;
  text-decoration: none;
}

.lp-header-bar__phone:hover {
  color: var(--lp-navy-hover);
}

@media (min-width: 640px) {
  .lp-header-bar__phone {
    display: block;
  }
}

.lp-header-bar__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  background: var(--lp-navy);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.2s;
}

.lp-header-bar__cta:hover {
  background: var(--lp-navy-hover);
  color: #fff;
}

@media (max-width: 479px) {
  .lp-header-bar__cta {
    padding: 10px 14px;
    font-size: 12px;
  }

  .lp-header-bar__logo img {
    max-width: 120px;
    max-height: 44px;
  }
}

/* Buttons */
.lp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  border: 2px solid transparent;
  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
  white-space: nowrap;
}

.lp-btn:hover {
  transform: translateY(-1px);
}

.lp-btn--primary {
  background: var(--lp-navy, #344276);
  color: #fff;
  border-color: var(--lp-navy, #344276);
}

.lp-btn--primary:hover {
  background: var(--lp-navy-hover, #2b3560);
  border-color: var(--lp-navy-hover, #2b3560);
  color: #fff;
}

.lp-btn--white {
  background: #fff;
  color: var(--primary, #344276);
  border-color: #fff;
}

.lp-btn--white:hover {
  background: #f0f4ff;
  color: var(--primary, #344276);
}

.lp-btn--outline {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.85);
}

.lp-btn--outline:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.lp-section--light .lp-btn--outline {
  color: var(--primary, #344276);
  border-color: var(--primary, #344276);
}

.lp-section--light .lp-btn--outline:hover {
  background: #eef2fa;
}

/* Hero grid */
.lp-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}

@media (min-width: 992px) {
  .lp-hero__grid {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: clamp(28px, 3.5vw, 48px);
    align-items: center;
  }
}

/* Hero form column — coverflow books behind form (all breakpoints) */
.lp-hero__form-col {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(22rem, 72vw, 26rem);
  overflow: visible;
  isolation: isolate;
}

.lp-hero__form-wrap {
  position: relative;
  z-index: 2;
  width: min(100%, clamp(17.5rem, 92vw, 25rem));
  margin-inline: auto;
  flex-shrink: 0;
}

.lp-hero__books-loop {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  padding-inline: clamp(0px, 2vw, 16px);
}

.lp-hero__books-container {
  position: relative;
  width: min(100%, 42rem);
  max-width: 100%;
  margin-inline: auto;
}

.lp-hero__books-swiper {
  width: 100%;
  padding: clamp(8px, 2.5vw, 24px) 0;
  overflow: visible;
}

/* Continuous marquee crawl (ref: lp.spines.com .swiper-3dcarousel) */
.lp-hero__books-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.lp-hero__books-swiper .swiper-slide {
  width: clamp(1.5rem, 6.5vw, 3.125rem);
  height: clamp(8.5rem, 36vw, 13.5rem);
  position: relative;
  overflow: visible;
  transition-property: transform !important;
  transition-timing-function: linear !important;
  border-radius: 10px;
  overflow: hidden !important;
  /* border: 1px solid #e0e0e0; */
  box-shadow: 0 0px 10px rgba(52, 66, 118, 0.16), 0 0 0 1px rgba(52, 66, 118, 0.06);
}

.lp-hero__book-img {
  display: block;
  width: 130%;
  min-width: clamp(3.5rem, 14vw, 6.25rem);
  height: 100%;
  margin: 0 auto;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 3% 1.5% 1.5% 3%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .lp-hero__form-col {
    min-height: clamp(20rem, 78vw, 24rem);
  }

  .lp-hero__books-container {
    width: min(100%, 36rem);
  }

  .lp-hero-banner .lp-form-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .lp-hero__form-col {
    min-height: clamp(21rem, 68vw, 26rem);
  }

  .lp-hero__books-swiper .swiper-slide {
    width: clamp(1.75rem, 5vw, 2.75rem);
    height: clamp(10rem, 34vw, 17rem);
  }
}

@media (min-width: 992px) {
  .lp-hero__form-col {
    min-height: 26.25rem;
  }

  .lp-hero__books-container {
    width: min(100%, 44rem);
  }

  .lp-hero__books-swiper {
    padding: clamp(1.25rem, 4.5vw, 2.25rem) 0 clamp(1.75rem, 5.5vw, 4.5rem);
  }

  .lp-hero__books-swiper .swiper-slide {
    width: clamp(2.25rem, 3.2vw, 3.125rem);
    height: clamp(18rem, 28vw, 22rem);
  }

  .lp-hero__book-img {
    min-width: 6.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-hero__books-swiper .swiper-wrapper {
    transform: translate3d(0, 0, 0) !important;
  }
}

.lp-hero__title {
  margin: 0 0 18px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(36px, 4.8vw, 56px);
  font-weight: 700;
  line-height: 1.12;
  color: var(--lp-navy);
  letter-spacing: -0.01em;
}

.lp-hero__sub {
  margin: 0 0 22px;
  font-size: clamp(16px, 1.8vw, 19px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--lp-text);
  max-width: 42ch;
}

.lp-hero__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lp-hero__list li {
  position: relative;
  padding-left: 18px;
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.55;
  color: var(--lp-muted);
  font-weight: 500;
}

.lp-hero__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lp-navy);
  transform: translateY(-50%);
}

/* Form card */
.lp-form-card {
  background: #fff;
  border-radius: 16px;
  padding: clamp(24px, 3vw, 32px) clamp(20px, 2.5vw, 28px);
  box-shadow:
    0 16px 48px rgba(52, 66, 118, 0.16),
    0 0 0 1px rgba(52, 66, 118, 0.06);
}

.lp-form-card__title {
  margin: 0 0 22px;
  font-size: clamp(17px, 2vw, 20px);
  font-weight: 600;
  line-height: 1.45;
  color: var(--lp-navy);
  text-align: center;
  max-width: 28ch;
  margin-left: auto;
  margin-right: auto;
}

.lp-form-card__underline {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

/* LP hero form */
.lp-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lp-form__field input {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #c5cedd;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  color: #1a1f36;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.lp-form__field input::placeholder {
  color: #9aa3b5;
}

.lp-form__field input:focus {
  outline: none;
  border-color: var(--lp-navy);
  box-shadow: 0 0 0 3px rgba(52, 66, 118, 0.12);
}

.lp-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  margin: 2px 0 4px;
}

.lp-form__consent input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--lp-navy);
}

.lp-form__consent span {
  font-size: 12px;
  line-height: 1.45;
  color: var(--lp-muted);
}

.lp-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 4px;
  padding: 15px 20px;
  border: none;
  border-radius: 8px;
  background: var(--lp-navy);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: background 0.2s;
}

.lp-form__submit:hover {
  background: var(--lp-navy-hover);
}

.lp-form__submit-text {
  flex: 1;
  text-align: center;
}

.lp-form__submit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}

/* Features bar — after hero banner (Figma) */
.lp-features-bar {
  position: relative;
  overflow: hidden;
  background-color: #344276;
  background-image:
    linear-gradient(0deg, rgba(52, 66, 118, 0.92), rgba(52, 66, 118, 0.92)),
    url("../images/lp/counter-bg.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  /* border: 1px solid #000; */
}

.lp-features-bar__inner {
  position: relative;
  z-index: 1;
  padding: clamp(36px, 5vw, 52px) 20px;
}

.lp-features-bar__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 4vw, 40px);
}

@media (min-width: 640px) {
  .lp-features-bar__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
  }
}

@media (min-width: 992px) {
  .lp-features-bar__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
}

.lp-features-bar__item {
  text-align: left;
  max-width: 280px;
}

@media (min-width: 992px) {
  .lp-features-bar__item {
    max-width: none;
  }
}

.lp-features-bar__heading {
  margin: 0 0 10px;
  font-family: inherit;
  font-size: clamp(28px, 3.2vw, 36px);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  letter-spacing: -0.02em;
}

.lp-features-bar__accent {
  color: #a8b8e8;
  font-weight: 700;
}

.lp-features-bar__text {
  margin: 0;
  font-size: clamp(13px, 1.4vw, 15px);
  line-height: 1.55;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
  max-width: 26ch;
}

/* How It Works — Spines-style tabs (ref spines.com #7f330e7d), MNP colors */
.lp-how {
  position: relative;
  padding: 70px 0;
  background: #f6f7f9;
  overflow: hidden;
}

/* Spines 7f330e7d — gradient blobs on section (auto float, not scroll) */
.lp-how__blobs {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.lp-how__inner {
  position: relative;
  z-index: 1;
}

.lp-how__blob {
  position: absolute;
  width: 430px;
  height: 430px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

.lp-how__blob--a {
  bottom: -423px;
  left: -514px;
  background: var(--lp-how-blob-a);
  filter: blur(400px);
  animation: lp-how-blob-drift-a 16s ease-in-out infinite;
}

.lp-how__blob--b {
  top: -222px;
  right: -275px;
  background: var(--lp-how-blob-b);
  filter: blur(350px);
  animation: lp-how-blob-drift-b 19s ease-in-out infinite;
  animation-delay: -4s;
}

@keyframes lp-how-blob-drift-a {
  0%,
  100% {
    transform: translate(22%, 24%) scale(1);
  }
  33% {
    transform: translate(42%, 8%) scale(1.08);
  }
  66% {
    transform: translate(30%, 16%) scale(1.04);
  }
}

@keyframes lp-how-blob-drift-b {
  0%,
  100% {
    transform: translate(34%, 16%) scale(1);
  }
  33% {
    transform: translate(16%, 34%) scale(1.07);
  }
  66% {
    transform: translate(40%, 26%) scale(1.05);
  }
}

.lp-how__head {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 0 20px;
}

.lp-how__eyebrow {
  display: inline-block;
  margin: 0 0 18px;
  padding: 0 0 6px;
  border-bottom: 1px solid var(--lp-navy);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--lp-navy);
}

.lp-how__title {
  margin: 0 0 18px;
}

.lp-how__title-line--main {
  display: block;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4.2vw, 50px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--lp-navy);
}

.lp-how__title-line--sub {
  display: block;
  margin-top: 0.22em;
  padding-bottom: 4px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--lp-navy);
}

.lp-how__intro {
  margin: 0 auto;
  max-width: 560px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55;
  color: #4c617b;
}

.lp-how__card {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #dce2ea;
  border-radius: 30px;
  padding: 30px 30px 0;
  overflow: unset;
}

.lp-how__tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 35px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.lp-how__tabs::-webkit-scrollbar {
  display: none;
}

.lp-how__tab {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 12px 10px 0;
  border: none;
  border-bottom: 3px solid transparent;
  background: transparent;
  cursor: pointer;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  text-align: left;
  color: rgba(52, 66, 118, 0.6);
  transition: border-color 0.25s ease, color 0.25s ease;
}

.lp-how__tab.is-active {
  border-bottom-color: var(--secondary, #5ca8ff);
  color: var(--lp-navy, #344276);
}

.lp-how__tab-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.lp-how__tab-step {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #bdc8d6;
  transition: color 0.25s ease;
}

.lp-how__tab.is-active .lp-how__tab-step {
  color: var(--secondary, #5ca8ff);
}

.lp-how__tab-title {
  font-size: 18px;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.lp-how__panels {
  position: relative;
  min-height: 380px;
}

@media (min-width: 992px) {
  .lp-how__panels {
    min-height: 420px;
  }
}

.lp-how__panel[hidden] {
  display: none !important;
}

.lp-how__panel-layout {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: stretch;
}

@media (min-width: 992px) {
  .lp-how__panel-layout {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
}

.lp-how__panel-copy {
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media (min-width: 992px) {
  .lp-how__panel-copy {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 80px;
    min-height: 380px;
  }
}

.lp-how__panel-heading {
  margin: 0 0 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(23px, 2.2vw, 32px);
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -0.04em;
  color: var(--lp-navy, #344276);
  max-width: 391px;
}

.lp-how__bullet-list {
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.lp-how__bullet-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.lp-how__bullet-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.lp-how__bullet-icon svg {
  display: block;
}

.lp-how__bullet-text {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #4c617b;
}

.lp-how__panel-copy .btn_main_blue {
  width: fit-content;
  min-width: 0;
  align-self: flex-start;
  margin-top: auto;
}

.lp-how__panel-copy .btn_main_blue .hero-btn-label {
  flex: 0 1 auto;
}

.lp-how__cta {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: auto;
  padding: 12px 25px;
  background: var(--lp-navy, #344276);
  color: #fff;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  border-radius: 10px;
  transition: background 0.3s ease, transform 0.3s ease;
}

.lp-how__cta:hover {
  background: var(--lp-navy-hover, #2b3560);
  color: #fff;
}

.lp-how__cta:hover .lp-how__cta-icon {
  transform: translateX(3px);
}

.lp-how__cta-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
  transition: transform 0.3s ease;
}

/* Spines .elementor-button-icon svg — slim chevron */
.lp-how__cta-icon svg {
  height: 0.75em;
  width: auto;
  display: block;
}

.lp-how__panel-media {
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .lp-how__panel-media {
    flex: 0 0 60%;
    max-width: 60%;
  }
}

.lp-how__panel-img--main {
  width: 100%;
  height: auto;
  display: block;
}

.lp-how__panel-media--animated {
  overflow: visible;
}

/* Spines elementor-element-72bcfe5c — absolute overlay + motion FX */
.lp-how__motion-parent {
  position: absolute;
  left: -13%;
  top: 40%;
  width: 40%;
  max-width: 293px;
  z-index: 2;
  pointer-events: none;
}

.lp-how__motion-element {
  --translateX: 0px;
  --translateY: 0px;
  --e-transform-transition-duration: 100ms;
  transition: transform var(--e-transform-transition-duration) linear;
  transform: translateY(var(--translateY)) translateX(var(--translateX));
}

.lp-how__panel-img--overlay {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 24px rgba(52, 66, 118, 0.12));
}

/* Panel enter animation: only .is-entering (lp-animations.js) — avoids double fade on tab click */

@media (max-width: 991px) {
  .lp-how {
    padding: 55px 0;
  }

  .lp-how__card {
    padding: 20px 20px 0;
    border-radius: 20px;
  }

  .lp-how__head {
    text-align: center;
    margin-bottom: 28px;
  }

  .lp-how__blob {
    width: min(320px, 85vw);
    height: min(320px, 85vw);
  }

  .lp-how__blob--a {
    bottom: -280px;
    left: -200px;
  }

  .lp-how__blob--b {
    top: -160px;
    right: -160px;
  }

  .lp-how__intro {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    width: 100%;
    font-size: 16px;
  }

  .lp-how__tabs {
    gap: 12px;
    margin-bottom: 20px;
  }

  .lp-how__tab {
    flex: 0 0 auto;
    min-width: 140px;
    font-size: 17px;
  }

  .lp-how__panel-copy {
    min-height: 0;
  }

  .lp-how__panel-heading {
    max-width: none;
    margin-bottom: 0;
  }

  .lp-how__bullet-list {
    margin-top: 25px;
    gap: 20px;
  }

  .lp-how__panel-copy .btn_main_blue {
    margin-top: 28px;
  }

  .lp-how__motion-parent {
    left: 6%;
    top: 59%;
    width: 30%;
    max-width: none;
    bottom: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-how__blob--a,
  .lp-how__blob--b {
    animation: none !important;
    transform: translate(30%, 20%) scale(1) !important;
  }

  .lp-how__motion-element {
    transform: none !important;
    transition: none !important;
  }
}

/* Did You Know — Figma carousel card */
.lp-dyk {
  padding: clamp(48px, 6vw, 72px) 0;
  background: var(--lp-navy);
  overflow: visible;
}

.lp-dyk .lp-dyk__wrap {
  position: relative;
  max-width: 1320px;
  padding-left: clamp(36px, 4vw, 48px);
  padding-right: clamp(36px, 4vw, 48px);
  overflow: visible;
}

.lp-dyk__card {
  position: relative;
  overflow: visible;
  background: #fff;
  border-radius: 30px;
  box-shadow:
    0 14px 31px rgba(164, 149, 193, 0.1),
    0 57px 57px rgba(164, 149, 193, 0.09),
    0 128px 77px rgba(164, 149, 193, 0.05);
}

.lp-dyk__layout {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 24px;
  padding: clamp(28px, 4vw, 48px);
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .lp-dyk__layout {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.92fr);
    gap: 0 clamp(12px, 2vw, 20px);
    padding: clamp(36px, 4vw, 52px) clamp(48px, 4.5vw, 64px) clamp(36px, 4vw, 52px) clamp(56px, 5vw, 72px);
  }
}

.lp-dyk__content-col {
  min-width: 0;
}

.lp-dyk__swiper {
  width: 100%;
  overflow: hidden;
}

.lp-dyk__swiper .swiper-slide {
  height: auto;
}

.lp-dyk__swiper.swiper-fade .swiper-slide {
  pointer-events: none;
}

.lp-dyk__swiper.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.lp-dyk__media-col {
  min-width: 0;
}

.lp-dyk__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.lp-dyk__eyebrow {
  display: inline-block;
  width: fit-content;
  margin: 0 0 14px;
  padding: 0 0 4px;
  border-bottom: 1px solid var(--secondary, #5ca8ff);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--secondary, #5ca8ff);
}

.lp-dyk__title {
  margin: 0 0 18px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--lp-navy);
}

.lp-dyk__title-line {
  display: block;
}

.lp-dyk__text {
  margin: 0 0 14px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #4c617b;
}

.lp-dyk__text strong {
  font-weight: 600;
  color: var(--lp-navy);
}

.lp-dyk__quote {
  margin: 8px 0 24px;
  padding: 0;
  border: none;
}

.lp-dyk__quote p {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(17px, 2vw, 20px);
  font-style: italic;
  line-height: 1.45;
  color: var(--secondary, #5ca8ff);
}

.lp-dyk__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
}

.lp-dyk__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 999px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.lp-dyk__btn--primary {
  background: var(--lp-navy);
  color: #fff;
}

.lp-dyk__btn--primary:hover {
  background: var(--lp-navy-hover);
  color: #fff;
}

.lp-dyk__btn--primary:hover .lp-dyk__btn-icon {
  transform: translateX(2px);
}

.lp-dyk__btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  color: var(--lp-navy);
  font-size: 11px;
  transition: transform 0.2s ease;
}

.lp-dyk__btn--outline {
  border: 1.5px solid var(--lp-navy);
  background: #fff;
  color: var(--lp-navy);
}

.lp-dyk__btn--outline:hover {
  background: rgba(52, 66, 118, 0.06);
  color: var(--lp-navy);
}

.lp-dyk__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: clamp(260px, 38vw, 480px);
  background: none;
}

.lp-dyk__photo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 520px;
  height: auto;
  max-height: min(520px, 62vh);
  margin: 0 auto;
  object-fit: contain;
  object-position: center bottom;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  pointer-events: none;
}

.lp-dyk__photo.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
}

.lp-dyk__nav {
  z-index: 5;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--lp-navy);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(26, 43, 86, 0.25);
  transition: background 0.2s ease, transform 0.2s ease;
}

.lp-dyk__nav:hover {
  background: var(--lp-navy-hover);
}

.lp-dyk__nav--prev {
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translateY(-50%);
}

.lp-dyk__nav--next {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  justify-self: center;
  align-self: center;
}

@media (max-width: 991px) {
  .lp-dyk .lp-dyk__wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-dyk__layout {
    gap: 20px;
  }

  .lp-dyk__media-col {
    order: -1;
  }

  .lp-dyk__nav {
    display: none !important;
  }

  .lp-dyk__media {
    min-height: clamp(220px, 48vw, 360px);
  }

  .lp-dyk__photo,
  .lp-dyk__photo.is-active {
    max-height: min(360px, 50vh);
  }
}

/* Sections */
.lp-section {
  padding: clamp(56px, 8vw, 88px) 0;
}

.lp-section--light {
  background: var(--bg, #f7f7fb);
}

.lp-section__head {
  max-width: 640px;
  margin-bottom: 40px;
}

.lp-section__head--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.lp-section__eyebrow {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--secondary, #5ca8ff);
}

.lp-section__title {
  margin: 0 0 12px;
  font-size: clamp(26px, 3.2vw, 36px);
  font-weight: 700;
  color: var(--dark, #10142f);
  line-height: 1.2;
}

.lp-section__text {
  margin: 0;
  color: var(--text, #5f6472);
  font-size: 16px;
  line-height: 1.65;
}

/* Services Stand Out (Figma) */
.lp-standout {
  position: relative;
  padding: clamp(56px, 8vw, 92px) 0 clamp(64px, 9vw, 100px);
  overflow: hidden;
}

/* .lp-standout__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 85% 70% at 50% 18%, rgba(184, 217, 248, 0.55) 0%, rgba(238, 246, 255, 0.35) 45%, transparent 72%),
    linear-gradient(180deg, #f4f9ff 0%, #fafcff 48%, #fff 100%);
  pointer-events: none;
} */

.lp-standout .JM_____container {
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.lp-standout__head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto clamp(36px, 5vw, 52px);
  padding: 0 12px;
}

.lp-standout__title {
  margin: 0;
  line-height: 1.15;
}

.lp-standout__title-line {
  display: block;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4.5vw, 52px);
  font-weight: 700;
  color: var(--lp-navy, #344276);
  letter-spacing: -0.02em;
}

.lp-standout__title-line--sub {
  margin-top: 2px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 500;
  color: var(--secondary, #5ca8ff);
  letter-spacing: -0.04em;
}

.lp-standout__carousel {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}

/* Homepage testimonial cards — same layout/spacing, white + shadow on LP */
.lp-standout .JM_____testimonialSwiper {
  position: relative;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 48px;
  box-sizing: border-box;
}

.lp-standout .JM_____testimonialSwiper .swiper-wrapper {
  align-items: stretch;
}

.lp-standout .JM_____testimonialSwiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
  padding: 100px 12px 24px;
  overflow: visible;
}

.lp-standout .JM_____testimonialSwiper .swiper-slide > .JM_____card {
  width: 100%;
  max-width: 100%;
}

.lp-standout .JM_____card {
  position: relative;
  overflow: visible;
  background: #fff;
  border-radius: 26px;
  padding: 55px 32px 45px;
  text-align: right;
  min-height: 250px;
  height: 100%;
  box-shadow: 0 0 10px rgba(26, 43, 86, 0.12);
  box-sizing: border-box;
}

.lp-standout .JM_____imgWrap {
  position: absolute;
  top: -60px;
  left: 22px;
  width: 126px;
  height: 126px;
  z-index: 4;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp-standout .JM_____imgRing {
  position: absolute;
  width: 126px;
  height: 126px;
  top: 0;
  border: 3px solid #8ea0ea;
  border-radius: 50%;
  background: transparent;
  box-sizing: border-box;
  z-index: 1;
}

.lp-standout .JM_____imgRing::after {
  content: "";
  width: 65px;
  height: 65px;
  background: #fff;
  display: inline-flex;
  position: absolute;
  bottom: -4px;
  right: -4px;
  border-radius: 0 0 100px 0;
}

.lp-standout .JM_____imgAvatar {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.lp-standout .JM_____serviceMark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--lp-navy, #344276);
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.lp-standout .JM_____content {
  position: relative;
  z-index: 2;
  padding-top: 4px;
}

.lp-standout .JM_____content h3 {
  margin: 10px 0 10px;
  font-size: 22px;
  color: #344276;
  font-weight: 700;
}

.lp-standout .JM_____content p {
  margin: 0 0 16px;
  color: #5f6472;
  line-height: 1.65;
  font-size: 14px;
}

.lp-standout__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-standout__list-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--lp-navy, #344276);
}

.lp-standout__list-item:last-child {
  margin-bottom: 0;
}

.lp-standout__check {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--secondary, #5ca8ff);
}

.lp-standout .JM_____testimonials-pagination {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.lp-standout .JM_____testimonials-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 !important;
  background: #344276;
  opacity: 0.3;
  transition: opacity 0.25s ease;
}

.lp-standout .JM_____testimonials-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.lp-standout .hero-btns.center-btn {
  margin-top: clamp(32px, 5vw, 44px);
}

.lp-dyk__content .hero-btns {
  margin-top: auto;
}

.lp-global .hero-btns {
  margin-top: 4px;
  justify-content: flex-start;
  align-items: flex-start;
}

.lp-standout__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.lp-standout__btn--primary {
  background: var(--lp-navy, #344276);
  color: #fff;
}

.lp-standout__btn--primary:hover {
  background: var(--lp-navy-hover, #2b3560);
  color: #fff;
}

.lp-standout__btn--primary:hover .lp-standout__btn-icon {
  transform: translateX(2px);
}

.lp-standout__btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  color: var(--lp-navy, #344276);
  font-size: 11px;
  transition: transform 0.2s ease;
}

.lp-standout__btn--outline {
  border: 1.5px solid var(--lp-navy, #344276);
  background: transparent;
  color: var(--lp-navy, #344276);
}

.lp-standout__btn--outline:hover {
  background: rgba(52, 66, 118, 0.06);
  color: var(--lp-navy, #344276);
}

@media (max-width: 991px) {
  .lp-standout .JM_____testimonialSwiper .swiper-slide {
    padding: 100px 12px 24px;
  }
}

@media (max-width: 767px) {
  .lp-standout__carousel {
    padding: 0 16px;
  }

  .lp-standout__list-item {
    justify-content: flex-start;
  }

  .lp-standout .JM_____testimonialSwiper {
    padding-bottom: 48px;
  }

  .lp-standout .JM_____testimonialSwiper .swiper-slide {
    padding: 100px 10px 24px;
  }

  .lp-standout .JM_____card {
    padding: 90px 22px 40px;
    text-align: left;
  }

  .lp-standout .JM_____content,
  .lp-standout .JM_____content p {
    overflow-wrap: anywhere;
  }

  /* Match homepage testimonial avatar (icon in ring) — do not center/stretch imgWrap */
  .lp-standout .JM_____imgWrap {
    position: absolute;
    top: -60px;
    left: 22px;
    width: 126px;
    height: 126px;
    margin: 0;
  }

  .lp-standout .JM_____imgRing {
    width: 126px;
    height: 126px;
  }

  .lp-standout .JM_____imgAvatar {
    padding: 10px;
  }

  .lp-standout .JM_____serviceMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 34px;
  }

  .lp-standout .JM_____serviceMark i {
    display: block;
    line-height: 1;
  }
}

/* FAQ — homepage MPH__faq (longer PPC answers) */
.lp-page .MPH__faq_item.MPH__active .MPH__faq_answer {
  max-height: 320px;
}

/* Social proof — Spines-style review marquee (d0a1fb8) */
.lp-social-proof {
  --lp-reviews-gap: 16px;
  position: relative;
  isolation: isolate;
  padding: clamp(56px, 8vw, 88px) 0 clamp(48px, 6vw, 72px);
  overflow: hidden;
  background-color: #344276;
}

.lp-social-proof__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(0deg, rgba(52, 66, 118, 0.92), rgba(52, 66, 118, 0.92)),
    url("../images/lp/testimon-lp.webp") center / cover no-repeat;
}

.lp-social-proof__inner {
  position: relative;
  z-index: 2;
}

.lp-social-proof__head {
  max-width: 920px;
  margin: 0 auto clamp(36px, 5vw, 52px);
  padding: 0 20px;
  text-align: center;
}

.lp-social-proof__title {
  margin: 0 0 14px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3.8vw, 48px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fff;
}

.lp-social-proof__title-line {
  display: block;
}

.lp-social-proof__subtitle {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.lp-social-proof__wall {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--lp-reviews-gap);
  margin-bottom: clamp(32px, 4vw, 44px);
}

.lp-social-proof__wall::before,
.lp-social-proof__wall::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(14vw, 150px);
  z-index: 3;
  pointer-events: none;
}

.lp-social-proof__wall::before {
  left: 0;
  background: linear-gradient(90deg, #344276 0%, rgba(52, 66, 118, 0) 100%);
}

.lp-social-proof__wall::after {
  right: 0;
  background: linear-gradient(270deg, #344276 0%, rgba(52, 66, 118, 0) 100%);
}

.lp-reviews__row {
  overflow: hidden;
  padding: 0;
}

.lp-reviews__row--offset {
  padding-left: clamp(40px, 8vw, 120px);
}

.lp-reviews__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--lp-reviews-gap);
  width: max-content;
  will-change: transform;
}

.lp-review-card {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  width: min(380px, calc(100vw - 48px));
  min-height: 200px;
  padding: 22px 22px 18px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
}

.lp-review-card__text {
  flex: 1;
  margin: 0 0 20px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #4c617b;
}

.lp-review-card__foot {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-top: auto;
  position: relative;
  min-height: 50px;
}

.lp-review-card__avatar {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lp-review-accent, #344276);
  color: #fff;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.lp-review-card__avatar--photo {
  object-fit: cover;
  display: block;
}

.lp-review-card__meta {
  flex: 1;
  min-width: 0;
  padding-bottom: 2px;
}

.lp-review-card__author {
  margin: 0 0 6px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #344276;
}

.lp-review-card__author span {
  font-weight: 500;
  color: #5a6d85;
}

.lp-review-card__stars {
  display: flex;
  gap: 3px;
  color: #f0b429;
  font-size: 12px;
  line-height: 1;
}

.lp-review-card__quote-mark {
  flex-shrink: 0;
  margin-left: auto;
  align-self: flex-end;
  font-size: 30px;
  line-height: 1;
  color: #344276;
}

.lp-social-proof__cta {
  padding: 0 20px;
}

.lp-social-proof__cta .hero-btns {
  justify-content: center;
}

@media (max-width: 767px) {
  .lp-social-proof__wall::before,
  .lp-social-proof__wall::after {
    display: none;
  }

  .lp-reviews__row {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .lp-reviews__row::-webkit-scrollbar {
    display: none;
  }

  .lp-reviews__row--offset {
    padding-left: 0;
  }

  .lp-reviews__track {
    transform: none !important;
  }

  .lp-review-card--clone {
    display: none;
  }
}

/* We're here to Help — contact + books (Figma) */
.lp-help {
  padding: clamp(56px, 8vw, 88px) 0;
  background-color: rgba(225, 230, 255, 0);
  background-image: url("../images/newbg.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.lp-help__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(36px, 5vw, 56px);
  align-items: center;
}

@media (min-width: 992px) {
  .lp-help__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(28px, 4vw, 48px);
  }
}

.lp-help__intro {
  margin-bottom: clamp(24px, 3vw, 32px);
}

.lp-help__title {
  margin: 0 0 14px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4.5vw, 52px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--lp-navy);
}

.lp-help__lead {
  margin: 0;
  max-width: 42ch;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
  color: var(--lp-text);
}

.lp-help__card .lp-form-card__title {
  margin-bottom: 18px;
}

.lp-help__quote {
  margin: 0 0 20px;
  padding: 18px 20px;
  border-radius: 10px;
  background: rgba(92, 168, 255, 0.14);
  border: 1px solid rgba(92, 168, 255, 0.22);
}

.lp-help__quote-text {
  margin: 0 0 12px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(15px, 1.5vw, 17px);
  font-style: italic;
  line-height: 1.55;
  color: var(--lp-navy);
}

.lp-help__quote-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.lp-help__quote-name {
  font-style: normal;
  font-weight: 700;
  color: var(--lp-navy);
}

.lp-help__quote-role {
  color: var(--lp-muted);
  font-weight: 500;
}

.lp-help-form {
  margin-top: 4px;
}

.lp-help__btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 4px;
}

.lp-help__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 16px;
  border: none;
  border-radius: 8px;
  background: var(--lp-navy);
  color: #fff;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
  box-sizing: border-box;
}

.lp-help__btn:hover {
  background: var(--lp-navy-hover);
  color: #fff;
}

.lp-help__btn--chat {
  width: 100%;
}

.lp-help__btn-text {
  flex: 1;
  text-align: center;
}

.lp-help__btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  flex-shrink: 0;
}

.lp-help__btn--call {
  width: 100%;
}

.lp-help__visual {
  position: relative;
  min-height: clamp(120px, 20vw, 200px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.lp-help__chevron {
  position: absolute;
  right: -8%;
  top: 50%;
  width: min(52%, 320px);
  height: 88%;
  transform: translateY(-50%);
  pointer-events: none;
  background: repeating-linear-gradient(
    -52deg,
    rgba(92, 168, 255, 0.08) 0,
    rgba(92, 168, 255, 0.08) 14px,
    rgba(92, 168, 255, 0.32) 14px,
    rgba(92, 168, 255, 0.32) 32px
  );
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  opacity: 0.9;
}

@media (max-width: 991px) {
  .lp-help__visual {
    min-height: 100px;
  }

  .lp-help__chevron {
    right: -4%;
    width: 45%;
    height: 70%;
  }
}

@media (max-width: 480px) {
  .lp-help__btns {
    grid-template-columns: 1fr;
  }
}

/* Global audience CTA (homepage JM__ctaSection layers + lp-blue-book-bg.webp) */
.lp-global {
  position: relative;
  isolation: isolate;
  padding: clamp(56px, 8vw, 88px) 0;
  overflow: hidden;
  background-color: #344276;
}

.lp-global::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("../images/lp/lp-blue-book-bg.webp") center / cover no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.lp-global::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(0deg, rgba(52, 66, 118, 0.65), rgba(52, 66, 118, 0.65));
  pointer-events: none;
}

.lp-global__inner {
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.lp-global__content {
  max-width: 620px;
  min-width: 0;
  text-align: left;
}

.lp-global__title {
  margin: 0 0 20px;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4.2vw, 52px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #fff;
}

.lp-global__text {
  margin: 0 0 28px;
  max-width: 54ch;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 991px) {
  .lp-global::before {
    background-position: 65% center;
  }

  .lp-global__content {
    max-width: none;
  }

  .lp-global__text {
    max-width: none;
  }
}

/* Consultation popup — match homepage (rounded dialog + header) */
.lp-page .mph-consult {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.lp-page .mph-consult__dialog {
  border-radius: var(--mph-consult-radius, 20px);
  overflow: hidden;
  background: #fff;
}

.lp-page .mph-consult__head {
  border-radius: var(--mph-consult-radius, 20px) var(--mph-consult-radius, 20px) 0 0;
}

.lp-page .mph-consult__dialog:has(.mph-phone.is-open),
.lp-page .mph-consult__dialog:has(.mph-phone__list:not([hidden])) {
  overflow: visible;
}

/* ========== LP responsive (all sections) ========== */
@media (max-width: 991px) {
  .lp-how__panel-media {
    max-width: 100%;
    overflow: hidden;
  }

  .lp-how__panel-img--main {
    width: 100%;
    height: auto;
  }

  .lp-dyk .lp-dyk__wrap {
    padding-left: clamp(16px, 4vw, 40px);
    padding-right: clamp(16px, 4vw, 40px);
  }

  .lp-page .MPH__faq_grid.MPH__faq_grid--split {
    flex-direction: column;
    gap: 14px;
  }

  .lp-page .MPH__faq_grid.MPH__faq_grid--split .MPH__faq_column {
    flex: 1 1 auto;
    width: 100%;
  }

  .lp-page .MPH__faq_heading {
    text-align: left;
  }

  .lp-page .MPH__footer {
    padding: 56px 24px 28px;
  }

  .lp-page .MPH__footer_grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .lp-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-hero-banner {
    padding-top: 12px;
    padding-bottom: clamp(36px, 8vw, 56px);
  }

  .lp-header-bar {
    top: 12px;
    left: 16px;
    right: 16px;
    min-height: 66px;
    padding: 12px 16px;
    border-radius: 14px;
  }

  .lp-header-spacer {
    height: 66px;
  }

  .lp-hero__title {
    font-size: clamp(30px, 8.5vw, 40px);
  }

  .lp-hero__list li {
    font-size: 14px;
  }

  .lp-form-card {
    padding: 22px 18px;
  }

  .lp-form-card__title {
    font-size: 17px;
    max-width: none;
  }

  .lp-features-bar__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-features-bar__item {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .lp-features-bar__text {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-how__intro {
    max-width: none;
    width: 100%;
  }

  .lp-how__tabs {
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .lp-how__tab {
    min-width: 120px;
    padding: 12px 14px;
  }

  .lp-dyk__card {
    border-radius: 20px;
  }

  .lp-dyk__layout {
    padding: 24px 18px 28px;
  }

  .lp-dyk__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .lp-dyk__btn {
    width: 100%;
    justify-content: center;
  }

  .lp-global__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-global__title {
    font-size: clamp(28px, 7vw, 36px);
  }

  .lp-help {
    padding: 48px 0 56px;
  }

  .lp-help__title {
    font-size: clamp(28px, 7vw, 38px);
  }

  .lp-help__quote {
    padding: 16px;
  }

  .lp-help__visual {
    display: none;
  }

  .lp-social-proof__head {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lp-page .MPH__topbar_nav {
    justify-content: center;
    gap: 12px 16px;
  }

  .lp-page .MPH__topbar_link {
    font-size: 13px;
  }

  .lp-page .MPH__footer {
    padding: 48px 16px 24px;
  }

  .lp-page .MPH__footer_subscribe {
    flex-wrap: wrap;
  }
}

@media (max-width: 479px) {
  .lp-hero__grid {
    gap: 24px;
  }

  .lp-how__tab-inner {
    gap: 2px;
  }

  .lp-how__tab-step {
    font-size: 11px;
  }

  .lp-how__tab-title {
    font-size: 14px;
  }

  .lp-review-card {
    width: min(320px, calc(100vw - 32px));
    min-height: 0;
  }
}


/* --- assets/css/hero-lead-form.css --- */
/* Hero lead form — icons + international phone (scoped to .hero-form) */

.mph-hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hero-form,
.hero-form .mph-lead-form--enhanced {
  overflow: visible;
}

.hero-form.mph-hero-piece {
  overflow: visible;
}

.hero-form .mph-lead-form--enhanced {
  gap: 12px;
  position: relative;
}

.hero-form .mph-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hero-form .mph-field__control {
  position: relative;
  display: block;
}

.hero-form .mph-field__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  color: #344276;
  opacity: 0.72;
  pointer-events: none;
}

.hero-form .mph-field__icon--top {
  top: 16px;
  transform: none;
}

.hero-form .mph-field__control input,
.hero-form .mph-field__control textarea {
  width: 100%;
  padding-left: 44px;
}

.hero-form .mph-field__control--textarea textarea {
  padding-top: 14px;
  min-height: 120px;
}

.hero-form .mph-field.is-invalid .mph-field__control input,
.hero-form .mph-field.is-invalid .mph-phone__input,
.mph-lead-form--enhanced .mph-field.is-invalid .mph-phone__input {
  box-shadow: inset 0 0 0 2px rgba(185, 28, 28, 0.55);
}

.hero-form .mph-field__error {
  margin: 0;
  padding: 0 4px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  color: #7f1d1d;
}

.hero-form .mph-field__error:not([hidden]) {
  display: block;
}

.mph-lead-form--enhanced .mph-field--phone {
  position: relative;
  z-index: 2;
}

.mph-lead-form--enhanced .mph-field--phone.is-dropdown-open {
  z-index: 300;
}

/* Phone row */
.mph-lead-form--enhanced .mph-phone {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  background: #fff;
  border-radius: 10px;
  overflow: visible;
}

.mph-lead-form--enhanced .mph-phone__country {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px 0 12px;
  min-height: 48px;
  border: none;
  border-right: 1px solid rgba(52, 66, 118, 0.12);
  border-radius: 10px 0 0 10px;
  background: #f4f8fc;
  color: #344276;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.mph-lead-form--enhanced .mph-phone__country:hover,
.mph-lead-form--enhanced .mph-phone__country[aria-expanded="true"] {
  background: #e8f2fa;
}

.mph-lead-form--enhanced .mph-phone__flag {
  font-size: 18px;
  line-height: 1;
}

.mph-lead-form--enhanced .mph-phone__caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #344276;
  opacity: 0.65;
}

.mph-lead-form--enhanced .mph-phone__input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  border-radius: 0 10px 10px 0;
  padding: 14px 14px 14px 12px !important;
  font-size: 15px;
  outline: none;
}

.mph-lead-form--enhanced .mph-phone.is-open {
  z-index: 301;
}

.mph-lead-form--enhanced .mph-phone__list {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 302;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  max-height: min(220px, 42vh);
  overflow-y: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 20, 47, 0.22);
  border: 1px solid rgba(52, 66, 118, 0.14);
}

/* Default: open below; JS adds --above when no room underneath */
.mph-lead-form--enhanced .mph-phone__list--below {
  top: calc(100% + 6px);
  bottom: auto;
}

.mph-lead-form--enhanced .mph-phone__list--above {
  bottom: calc(100% + 6px);
  top: auto;
}

.mph-lead-form--enhanced .mph-phone__list[hidden] {
  display: none;
}

.mph-lead-form--enhanced .mph-phone__option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #344276;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}

.mph-lead-form--enhanced .mph-phone__option:hover,
.mph-lead-form--enhanced .mph-phone__option.is-active {
  background: #eef4fc;
}

.mph-lead-form--enhanced .mph-phone__option-flag {
  font-size: 18px;
  line-height: 1;
}

.mph-lead-form--enhanced .mph-phone__option-name {
  flex: 1;
}

.mph-lead-form--enhanced .mph-phone__option-dial {
  font-weight: 600;
  opacity: 0.75;
}

/* LP landing — same icons + phone as homepage hero */
.lp-form.mph-lead-form--enhanced {
  overflow: visible;
  position: relative;
}

.lp-form-card .lp-form.mph-lead-form--enhanced,
.lp-help__card .lp-form.mph-lead-form--enhanced {
  overflow: visible;
}

.lp-form.mph-lead-form--enhanced .mph-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lp-form.mph-lead-form--enhanced .mph-field__control {
  position: relative;
  display: block;
}

.lp-form.mph-lead-form--enhanced .mph-field__icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  color: #344276;
  opacity: 0.72;
  pointer-events: none;
}

.lp-form.mph-lead-form--enhanced .mph-field__control input {
  width: 100%;
  padding: 14px 16px 14px 44px;
  border: 1px solid #c5cedd;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  color: #1a1f36;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.lp-form.mph-lead-form--enhanced .mph-field__control input::placeholder {
  color: #9aa3b5;
}

.lp-form.mph-lead-form--enhanced .mph-field__control input:focus {
  outline: none;
  border-color: #344276;
  box-shadow: 0 0 0 3px rgba(52, 66, 118, 0.12);
}

.lp-form.mph-lead-form--enhanced .mph-phone {
  border: 1px solid #c5cedd;
  border-radius: 8px;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.lp-form.mph-lead-form--enhanced .mph-phone:focus-within {
  border-color: #344276;
  box-shadow: 0 0 0 3px rgba(52, 66, 118, 0.12);
}

.lp-form.mph-lead-form--enhanced .mph-phone__country {
  min-height: 46px;
  border-radius: 8px 0 0 8px;
}

.lp-form.mph-lead-form--enhanced .mph-phone__input {
  border-radius: 0 8px 8px 0;
}

.lp-form.mph-lead-form--enhanced .mph-field.is-invalid .mph-field__control input,
.lp-form.mph-lead-form--enhanced .mph-field.is-invalid .mph-phone {
  border-color: #c82333;
  box-shadow: 0 0 0 3px rgba(200, 35, 51, 0.15);
}

.lp-form.mph-lead-form--enhanced .mph-field__error {
  margin: 0;
  padding: 0 4px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  color: #c82333;
}

.lp-form.mph-lead-form--enhanced .mph-field__error:not([hidden]) {
  display: block;
}


/* --- assets/vendor/swiper/swiper-bundle.min.css --- */
/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}