/* Keep the existing glass, blur, mask and motion; strengthen only its tint so
   desktop navigation remains readable over the lightest page backgrounds. */
@media (min-width: 941px) and (forced-colors: none) {
  body.qp-page[data-market="global"] #site-header .site-header-glass {
    background-color: rgba(20, 25, 35, .68);
  }
}
@media (min-width: 941px) and (prefers-contrast: more),
       (min-width: 941px) and (prefers-reduced-transparency: reduce) {
  body.qp-page[data-market="global"] #site-header .site-header-glass {
    background: #11151b;
  }
}

/* The shared form switches light/dark surfaces. Its links follow the readable
   text color and keep an underline, rather than using light-theme purple. */
body.qp-page[data-market="global"] #dzq-modal :is(.lead-form-gate, .form-privacy-note, .dzq-consent, .dzq-consent > label, .qp-form-preview-note) {
  color: inherit;
}
body.qp-page[data-market="global"] #dzq-modal .dz-consent-copy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .16em;
}
body.qp-page[data-market="global"] #dzq-modal .dz-consent-copy a:hover {
  text-decoration-thickness: 2px;
}
body.qp-page[data-market="global"] #dzq-modal .dz-consent-copy a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Use the existing ink on the translucent cards, including the blue backdrop. */
body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefit-grid dd {
  color: var(--qp-ink, #283044);
}
body.qp-page[data-market="global"] #content .qp-read-page[data-product="mixup"] .qp-mixup-hero__lead {
  color: #171c35;
}
body.qp-page[data-market="global"] .qp-read-page[data-product="spinner360"] .qp-mixup-trust li {
  color: #283044;
  -webkit-text-fill-color: currentColor;
}

/* Keep Download's fixed light scene behind the article, as on MixUp/Mini. */
@media not (forced-colors: active) {
  body.qp-page[data-market="global"]:has(.qp-download) > .site-footer {
    position: relative;
    z-index: 1;
    isolation: isolate;
    background: #090a0d;
  }
}

/* Global MixUp: keep the approved card material below the legacy desktop grid. */
@media (max-width: 940px) {
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits > .wrap {
    box-sizing: border-box;
    padding: 24px;
    border-radius: 32px;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits header {
    margin: 0 0 24px;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefits-panel {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefits-intro {
    margin: 0 0 24px;
    padding: 0;
    font-weight: 400;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefits-intro::after {
    content: none;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefit-grid {
    gap: 16px;
    margin: 0;
    padding: 0;
  }
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefit-grid > div {
    box-sizing: border-box;
    padding: 20px 24px;
    border: 1px solid rgba(40, 48, 68, .16);
    border-radius: 24px;
  }
}
@media (max-width: 600px) {
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits > .wrap {
    padding: 20px;
  }
}