/* V46 shared mobile presentation contract for PL / US / UK.
   Public visual layer only. No footer and no order-runtime selectors. */
@media (max-width: 760px) {
  /* Shared header: brand first, one full-width centred start action below. */
  .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 12px 14px 14px !important;
    overflow: visible !important;
  }

  .site-header .brand-area {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .site-header .header-nav {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  .site-header .header-nav::before,
  .site-header .header-nav::after {
    display: none !important;
    content: none !important;
  }

  .site-header .header-nav > :not(.header-cta),
  .site-header button,
  .site-header [class*="menu-toggle"],
  .site-header [class*="nav-toggle"],
  .site-header [class*="menu-trigger"],
  .site-header [aria-expanded="true"],
  .site-header [aria-expanded="false"] {
    display: none !important;
  }

  .site-header .header-nav .header-cta,
  .site-header .header-cta {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(100deg, #244ff0 0%, #365cff 52%, #7150f3 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(40, 76, 210, .22) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow: visible !important;
    transform: none !important;
  }

  .site-header .header-cta * {
    color: #ffffff !important;
  }

  /* The top start action replaces the duplicate floating mobile action. */
  .mobile-form-cta-v80,
  #mobileFormCta,
  .aip-primary-cta-v130,
  [class*="mobile-sticky-cta"],
  [class*="floating-cta"] {
    display: none !important;
  }

  /* Hero benefit tiles: same dark glass cards on every market. */
  .hero-points,
  .hero-points-v552,
  .hero-points-v73 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .hero-points > span,
  .hero-points-v552 > span,
  .hero-points-v73 > span {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 90px !important;
    margin: 0 !important;
    padding: 13px !important;
    border: 1px solid rgba(203, 219, 245, .22) !important;
    border-radius: 17px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .045)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    overflow: visible !important;
    transform: none !important;
  }

  .hero-points > span::before,
  .hero-points > span::after,
  .hero-points-v552 > span::before,
  .hero-points-v552 > span::after,
  .hero-points-v73 > span::before,
  .hero-points-v73 > span::after {
    display: none !important;
    content: none !important;
  }

  .hero-points > span > i,
  .hero-points-v552 > span > i,
  .hero-points-v73 > span > i {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #12b892 !important;
    color: #ffffff !important;
    font-style: normal !important;
    transform: none !important;
  }

  .hero-points > span > b,
  .hero-points-v552 > span > b,
  .hero-points-v73 > span > b {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .hero-points > span > small,
  .hero-points-v552 > span > small,
  .hero-points-v73 > span > small {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #cbd7e8 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Shared four-value strip: actual white cards, no black clipped container. */
  .metrics-strip,
  .metrics-strip-v51 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 14px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .metrics-strip > div,
  .metrics-strip-v51 > div {
    position: static !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 116px !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    border: 1px solid #d9e2f1 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(29, 54, 104, .08) !important;
    color: #10213b !important;
    overflow: visible !important;
    transform: none !important;
  }

  .metrics-strip :is(strong, span),
  .metrics-strip-v51 :is(strong, span) {
    color: #10213b !important;
  }

  .metrics-strip strong,
  .metrics-strip-v51 strong {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: clamp(20px, 5.8vw, 28px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  .metrics-strip span,
  .metrics-strip-v51 span {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #64738c !important;
  }

  /* Shared process: six real cards in one column. No autoplay, clipping or dots. */
  .process-flow-v551 {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 22px 14px 0 !important;
    padding: 28px 16px !important;
    border-radius: 26px !important;
    overflow: visible !important;
  }

  .process-flow-v551 .process-diagram-v551 {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    transform: none !important;
  }

  .process-flow-v551 .process-step-v551,
  .process-flow-v551 .process-step-v551.step-one,
  .process-flow-v551 .process-step-v551.step-two,
  .process-flow-v551 .process-step-v551.step-three,
  .process-flow-v551 .process-step-v551.step-four,
  .process-flow-v551 .process-step-v551.step-five,
  .process-flow-v551 .process-step-v551.step-six {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 20px !important;
    border: 1px solid #dbe4f2 !important;
    border-radius: 20px !important;
    background: #f8faff !important;
    box-shadow: 0 10px 26px rgba(31, 55, 106, .06) !important;
    overflow: visible !important;
    scroll-snap-align: none !important;
    transform: none !important;
  }

  .process-flow-v551 .process-step-v551 :is(h3, p) {
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    overflow: visible !important;
    color: #10213b !important;
  }

  .process-flow-v551 .process-step-v551 p {
    color: #5f6f87 !important;
  }

  .process-flow-v551 .uk-carousel-progress-v4,
  .process-flow-v551 .uk-carousel-controls-v3,
  .process-flow-v551 .uk-carousel-buttons-v3,
  .process-flow-v551 .uk-carousel-controls-v4,
  .process-flow-v551 [class*="carousel-progress"],
  .process-flow-v551 [class*="slider-dots"] {
    display: none !important;
  }

  /* Shared pricing: three separate white cards, never one clipped dark rectangle. */
  .pricing-section,
  .pricing-section-v51,
  .pricing-section-v552 {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 28px 14px 0 !important;
    padding: 28px 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .pricing-grid,
  .pricing-grid-v2,
  .pricing-grid-v13239,
  .pricing-grid-v51,
  .pricing-grid-v552,
  .us-pricing-grid-v4 {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    transform: none !important;
  }

  .pricing-grid > *,
  .pricing-grid-v2 > *,
  .pricing-grid-v13239 > *,
  .pricing-grid-v51 > *,
  .pricing-grid-v552 > *,
  .us-pricing-grid-v4 > * {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 26px 22px !important;
    border: 1px solid #dbe4f2 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(31, 55, 106, .09) !important;
    color: #10213b !important;
    overflow: hidden !important;
    scroll-snap-align: none !important;
    transform: none !important;
  }

  .pricing-grid > *::before,
  .pricing-grid > *::after,
  .pricing-grid-v2 > *::before,
  .pricing-grid-v2 > *::after,
  .pricing-grid-v13239 > *::before,
  .pricing-grid-v13239 > *::after,
  .pricing-grid-v51 > *::before,
  .pricing-grid-v51 > *::after,
  .pricing-grid-v552 > *::before,
  .pricing-grid-v552 > *::after,
  .us-pricing-grid-v4 > *::before,
  .us-pricing-grid-v4 > *::after {
    display: none !important;
    content: none !important;
  }

  .pricing-grid :is(span, strong, small, p),
  .pricing-grid-v2 :is(span, strong, small, p),
  .pricing-grid-v13239 :is(span, strong, small, p),
  .pricing-grid-v51 :is(span, strong, small, p),
  .pricing-grid-v552 :is(span, strong, small, p),
  .us-pricing-grid-v4 :is(span, strong, small, p) {
    color: #10213b !important;
  }

  .pricing-grid p,
  .pricing-grid-v2 p,
  .pricing-grid-v13239 p,
  .pricing-grid-v51 p,
  .pricing-grid-v552 p,
  .us-pricing-grid-v4 p,
  .pricing-grid small,
  .pricing-grid-v2 small,
  .pricing-grid-v13239 small,
  .pricing-grid-v51 small,
  .pricing-grid-v552 small,
  .us-pricing-grid-v4 small {
    color: #617087 !important;
  }

  .pricing-grid a,
  .pricing-grid-v2 a,
  .pricing-grid-v13239 a,
  .pricing-grid-v51 a,
  .pricing-grid-v552 a,
  .us-pricing-grid-v4 a {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 22px 0 0 !important;
    padding: 14px 18px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #0c203d !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  .pricing-grid a *,
  .pricing-grid-v2 a *,
  .pricing-grid-v13239 a *,
  .pricing-grid-v51 a *,
  .pricing-grid-v552 a *,
  .us-pricing-grid-v4 a * {
    color: #ffffff !important;
  }

  .pricing-section .uk-carousel-progress-v4,
  .pricing-section .uk-carousel-controls-v3,
  .pricing-section .uk-carousel-buttons-v3,
  .pricing-section .uk-carousel-controls-v4,
  .pricing-section [class*="carousel-progress"],
  .pricing-section [class*="slider-dots"] {
    display: none !important;
  }

  /* Form buttons use the same readable visual language. */
  .analyze-button,
  #submitBtn {
    color: #ffffff !important;
  }

  .analyze-button *,
  #submitBtn * {
    color: #ffffff !important;
  }
}

@media (max-width: 390px) {
  .hero-points,
  .hero-points-v552,
  .hero-points-v73,
  .metrics-strip,
  .metrics-strip-v51 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}