/* My MX Data — August 2026 audit corrections. */

/* -------------------------------------------------------------------------
 * Global Font Awesome guard.
 * Restored Elementor HTML widgets sometimes force Manrope with !important on
 * every descendant. These higher-specificity rules keep FA glyphs on the FA
 * font family across every page, including legacy fas/far/fab markup.
 * ---------------------------------------------------------------------- */
#main-content .fa.fa,#main-content .fas.fas,#main-content .fa-solid.fa-solid,
#mx-trial-modal .fa.fa,#mx-trial-modal .fas.fas,#mx-trial-modal .fa-solid.fa-solid{
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-variant:normal!important;
  font-weight:900!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}
#main-content .far.far,#main-content .fa-regular.fa-regular,
#mx-trial-modal .far.far,#mx-trial-modal .fa-regular.fa-regular{
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-variant:normal!important;
  font-weight:400!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}
#main-content .fab.fab,#main-content .fa-brands.fa-brands,
#mx-trial-modal .fab.fab,#mx-trial-modal .fa-brands.fa-brands{
  font-family:"Font Awesome 6 Brands"!important;
  font-style:normal!important;
  font-variant:normal!important;
  font-weight:400!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}

/* -------------------------------------------------------------------------
 * 1. Global free-trial modal.
 * ---------------------------------------------------------------------- */
.mx-trial-modal[hidden]{display:none!important}
.mx-trial-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .34s}
.mx-trial-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.mx-trial-modal__backdrop{position:absolute;inset:0;background:rgba(10,5,17,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}
.mx-trial-modal.is-open .mx-trial-modal__backdrop{opacity:1}
.mx-trial-modal__dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr);width:min(940px,100%);max-height:min(820px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#fff;box-shadow:0 38px 110px rgba(5,2,10,.42);outline:0;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .3s ease,transform .34s cubic-bezier(.22,.8,.32,1)}
.mx-trial-modal.is-open .mx-trial-modal__dialog{opacity:1;transform:translateY(0) scale(1)}
.mx-trial-modal .mx-trial-modal__close{position:absolute!important;top:14px!important;right:14px!important;z-index:5!important;display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;border:1px solid rgba(18,8,29,.12)!important;border-radius:999px!important;background:#fff!important;color:#12081d!important;appearance:none!important;-webkit-appearance:none!important;line-height:1!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(18,8,29,.09)!important;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important}.mx-trial-modal .mx-trial-modal__close i{font-size:15px!important;line-height:1!important;color:inherit!important;pointer-events:none}
.mx-trial-modal__close:hover{transform:rotate(4deg) scale(1.04);border-color:#de097f;color:#de097f}
.mx-trial-modal__close:focus-visible,.mx-trial-modal input:focus-visible,.mx-trial-modal__submit:focus-visible{outline:3px solid #14e0c0;outline-offset:3px}
.mx-trial-modal__intro{position:relative;overflow:hidden;padding:48px 38px;background:radial-gradient(440px 330px at 0 0,rgba(222,9,127,.34),transparent 68%),radial-gradient(400px 320px at 100% 100%,rgba(20,224,192,.14),transparent 70%),linear-gradient(150deg,#1a0d29,#100817 76%);color:#f6f1fa}
.mx-trial-modal__intro::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.mx-trial-modal__intro>*{position:relative;z-index:1}
.mx-trial-modal__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#14e0c0;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.mx-trial-modal__eyebrow::before{content:"";width:22px;height:2px;border-radius:999px;background:currentColor}
.mx-trial-modal__intro h2{margin:0;color:#fff!important;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.06;letter-spacing:-.03em}
.mx-trial-modal__intro p{margin:16px 0 0;color:#c0b4ca;font-size:14.5px;line-height:1.65}
.mx-trial-modal__intro ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.mx-trial-modal__intro li{display:flex;align-items:center;gap:10px;color:#eee7f4;font-size:13px;font-weight:650}
.mx-trial-modal__intro li i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(20,224,192,.12);color:#14e0c0;font-size:11px}
.mx-trial-modal__form{display:grid;gap:15px;padding:44px 38px 32px;background:#fff;color:#12081d}
.mx-trial-modal__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mx-trial-modal__form>label,.mx-trial-modal__row label{display:grid;gap:7px;color:#22152d;font-size:12.5px;font-weight:750}
.mx-trial-modal__label{display:inline-flex;align-items:center;gap:4px;color:#22152d!important;line-height:1.35}
.mx-trial-modal__required{color:#de097f;font-style:normal;font-weight:800;line-height:1}
.mx-trial-modal__input-wrap{position:relative;display:block;color:#12081d!important}
.mx-trial-modal__input-wrap>i{position:absolute;left:14px;top:50%;z-index:2;transform:translateY(-50%);color:#8d8099;font-size:13px;pointer-events:none}
.mx-trial-modal input[type="text"],.mx-trial-modal input[type="email"],.mx-trial-modal input[type="tel"]{width:100%;min-height:49px;padding:11px 13px 11px 41px;border:1px solid #ddd3e3;border-radius:11px;background:#fff;color:#12081d;font:500 14px/1.2 inherit;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
.mx-trial-modal input::placeholder{color:#a89dae;opacity:1}
.mx-trial-modal input:focus{border-color:rgba(222,9,127,.55);box-shadow:0 0 0 4px rgba(222,9,127,.08);outline:0}
.mx-trial-modal__input-wrap:focus-within>i{color:#de097f}
.mx-trial-modal input[aria-invalid="true"]{border-color:#c43d62;box-shadow:0 0 0 4px rgba(196,61,98,.08)}
.mx-trial-modal__consent{grid-template-columns:20px 1fr!important;gap:10px!important;align-items:start!important;margin-top:2px;color:#64586f!important;font-size:11.5px!important;font-weight:500!important;line-height:1.5}
.mx-trial-modal__consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#de097f}
.mx-trial-modal__consent span{color:inherit!important}
.mx-trial-modal__consent a{color:#de097f;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.mx-trial-modal__consent.is-invalid{color:#a72f52!important}
.mx-trial-modal__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mx-trial-modal__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:2px;padding:14px 24px;border:0;border-radius:12px;background:linear-gradient(120deg,#de097f,#ff4fae 130%);color:#fff;font:800 15px/1.2 inherit;cursor:pointer;box-shadow:0 12px 30px rgba(222,9,127,.3);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.mx-trial-modal__submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(222,9,127,.4)}
.mx-trial-modal__submit[disabled]{cursor:wait;opacity:.65;transform:none}
.mx-trial-modal__note{display:flex;justify-content:center;align-items:center;gap:7px;margin:0;color:#796d86;font-size:10.5px;font-weight:650}
.mx-trial-modal__note i{color:#0a8f7a}
.mx-trial-modal__alert{display:none;padding:11px 13px;border:1px solid rgba(196,61,98,.24);border-radius:10px;background:rgba(196,61,98,.07);color:#94304d;font-size:12px;line-height:1.5}
.mx-trial-modal__alert.is-visible{display:block}
body.mx-trial-modal-open{overflow:hidden!important}
@media(max-width:760px){.mx-trial-modal{padding:12px}.mx-trial-modal__dialog{grid-template-columns:1fr;max-height:calc(100vh - 24px);border-radius:18px}.mx-trial-modal__intro{padding:34px 24px 28px}.mx-trial-modal__intro ul{display:none}.mx-trial-modal__form{padding:28px 22px 24px}.mx-trial-modal__row{grid-template-columns:1fr}.mx-trial-modal__close{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.mx-trial-modal,.mx-trial-modal *{transition:none!important;animation:none!important}.mx-trial-modal__dialog{transform:none!important}}

/* -------------------------------------------------------------------------
 * 3. Enterprise capability cards must grow with their content.
 * The authored 212px fixed rows clipped avatar/region controls on desktop.
 * ---------------------------------------------------------------------- */
body.page-id-12302 #mxr-root .mxr_bento,
body.page-id-13872 #mxr-root .mxr_bento{grid-auto-rows:minmax(212px,auto)!important}
body.page-id-12302 #mxr-root .mxr_tile,
body.page-id-13872 #mxr-root .mxr_tile{min-height:212px;height:auto!important}
body.page-id-12302 #mxr-root .mxr_avas,
body.page-id-12302 #mxr-root .mxr_regs,
body.page-id-12302 #mxr-root .mxr_swat,
body.page-id-12302 #mxr-root .mxr_tile-bar,
body.page-id-13872 #mxr-root .mxr_avas,
body.page-id-13872 #mxr-root .mxr_regs,
body.page-id-13872 #mxr-root .mxr_swat,
body.page-id-13872 #mxr-root .mxr_tile-bar{padding-top:12px}

/* -------------------------------------------------------------------------
 * 8. Pricing secondary/trial CTAs are visible before hover.
 * ---------------------------------------------------------------------- */
body.page-id-4713 #mxp-root .mxp_plan-ctas .mxp_btn--ghost,
body.page-id-13842 #mxp-root .mxp_plan-ctas .mxp_btn--ghost{background:#fff!important;color:#12081d!important;border-color:#ded3e6!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}
body.page-id-4713 #mxp-root .mxp_plan-ctas .mxp_btn--ghost:hover,
body.page-id-13842 #mxp-root .mxp_plan-ctas .mxp_btn--ghost:hover{background:#fff!important;color:#de097f!important;border-color:#de097f!important}
body.page-id-4713 #mxp-root .mxp_plan-ctas .mxp_btn--dark,
body.page-id-13842 #mxp-root .mxp_plan-ctas .mxp_btn--dark{opacity:1!important;visibility:visible!important}

/* -------------------------------------------------------------------------
 * 8b. Dedicated UK/US free-trial forms: keep required markers inline and
 * preserve the same clear icon + placeholder treatment as the modal.
 * ---------------------------------------------------------------------- */
body.page-id-12725 #mxft-root .mxft_field label,
body.page-id-13926 #mxft-root .mxft_field label{display:flex!important;align-items:center!important;gap:4px!important}
body.page-id-12725 #mxft-root .mxft_required,
body.page-id-13926 #mxft-root .mxft_required{display:inline!important;margin:0!important;line-height:1!important;color:#de097f!important}
body.page-id-12725 #mxft-root .mxft_input-icon,
body.page-id-13926 #mxft-root .mxft_input-icon{display:block!important;color:#9b8da7!important;opacity:1!important}
body.page-id-12725 #mxft-root input::placeholder,
body.page-id-13926 #mxft-root input::placeholder{color:#a497ae!important;opacity:1!important}

/* -------------------------------------------------------------------------
 * 9. Features index: sequential 01–14 with a concise reason to use each.
 * ---------------------------------------------------------------------- */
body.page-id-12352 #mxf-root .mxf-index-grid,
body.page-id-13893 #mxf-root .mxf-index-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.page-id-12352 #mxf-root .mxf-index-link,
body.page-id-13893 #mxf-root .mxf-index-link{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important;gap:11px!important;min-height:88px!important;padding:14px 15px!important;border-radius:16px!important}
body.page-id-12352 #mxf-root .mxf-index-link.is-featured,
body.page-id-13893 #mxf-root .mxf-index-link.is-featured{grid-column:auto!important;background:linear-gradient(120deg,rgba(222,9,127,.14),rgba(61,123,255,.08))!important;border-color:rgba(222,9,127,.52)!important}
body.page-id-12352 #mxf-root .mxf-index-number,
body.page-id-13893 #mxf-root .mxf-index-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:50px!important;min-height:34px!important;padding:6px 8px!important;border-radius:999px!important;white-space:nowrap!important;font-size:10px!important;line-height:1!important}
body.page-id-12352 #mxf-root .mxf-index-copy,
body.page-id-13893 #mxf-root .mxf-index-copy{display:block!important;min-width:0!important}
body.page-id-12352 #mxf-root .mxf-index-label,
body.page-id-13893 #mxf-root .mxf-index-label{display:block!important;font-size:14px!important;line-height:1.3!important}
body.page-id-12352 #mxf-root .mxf-index-benefit,
body.page-id-13893 #mxf-root .mxf-index-benefit{display:block!important;margin-top:5px!important;color:#b8adc7!important;font-size:10.5px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important}
@media(max-width:720px){body.page-id-12352 #mxf-root .mxf-index-grid,body.page-id-13893 #mxf-root .mxf-index-grid{grid-template-columns:1fr!important}body.page-id-12352 #mxf-root .mxf-index-link,body.page-id-13893 #mxf-root .mxf-index-link{min-height:0!important}}

/* -------------------------------------------------------------------------
 * 10. Final CTA trust rows: keep every benefit at the intended compact size.
 * A few migrated US pages contained a malformed first regional link; the JS
 * repairs the markup and these rules provide a consistent visual fallback.
 * ---------------------------------------------------------------------- */
#mxr-root .mxr_cta-meta{align-items:center!important}
#mxr-root .mxr_cta-meta>span,
#mxr-root .mxr_cta-meta>a{display:inline-flex!important;align-items:center!important;gap:7px!important;color:var(--dark-muted,#b3a7c4)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important}
#mxr-root .mxr_cta-meta>span>svg,
#mxr-root .mxr_cta-meta>a>svg{display:block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;stroke:var(--aqua,#14e0c0)!important;stroke-width:2.8!important;fill:none!important;vertical-align:middle!important}
@media(max-width:720px){#mxr-root .mxr_cta-meta{gap:12px 18px!important}#mxr-root .mxr_cta-meta>span,#mxr-root .mxr_cta-meta>a{font-size:12px!important}}

/* -------------------------------------------------------------------------
 * 11. Pricing proof icon: do not let generic "*-mark" highlight rules turn
 * the dollar badge into underlined inline text.
 * ---------------------------------------------------------------------- */
body.page-id-4713 #mxp-root .mxp_proof-mark,
body.page-id-13842 #mxp-root .mxp_proof-mark{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;border-radius:17px!important;color:#fff!important;background:var(--grad-cta,linear-gradient(120deg,#de097f,#ff4fae))!important;font-size:29px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;white-space:normal!important;box-shadow:0 12px 28px rgba(222,9,127,.25)!important}

/* -------------------------------------------------------------------------
 * 12. Site-wide compact labels and proof badges.
 * Short copy should occupy only the space it needs; longer copy may wrap, but
 * it must not create a needlessly wide banner or a one-word orphan. Apply this
 * to both native templates and restored Elementor pages so the pricing request
 * is a reusable responsive-design rule rather than a page-specific exception.
 * ---------------------------------------------------------------------- */
body.mx-rebuild-site :where(.elementor,#main-content) :where(
  [class~="badge"],[class$="_badge"],[class*="_badge "],[class$="-badge"],[class*="-badge "],
  [class~="chip"],[class$="_chip"],[class*="_chip "],[class$="-chip"],[class*="-chip "],
  [class~="pill"],[class$="_pill"],[class*="_pill "],[class$="-pill"],[class*="-pill "],
  [class~="tag"],[class$="_tag"],[class*="_tag "],[class$="-tag"],[class*="-tag "],
  [class$="_eyebrow"],[class*="_eyebrow "],[class$="-eyebrow"],[class*="-eyebrow "],
  [class$="_kicker"],[class*="_kicker "],[class$="-kicker"],[class*="-kicker "]
){
  width:fit-content!important;
  max-width:min(100%,52ch)!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
body.mx-rebuild-site :where(.elementor,#main-content) .mx-eyebrow{
  max-width:min(100%,52ch)!important;
  white-space:normal!important;
  text-wrap:balance;
}
@media(max-width:1040px){
  body.mx-rebuild-site :where(.elementor,#main-content) :where(
    [class~="badge"],[class$="_badge"],[class*="_badge "],[class$="-badge"],[class*="-badge "],
    [class~="chip"],[class$="_chip"],[class*="_chip "],[class$="-chip"],[class*="-chip "],
    [class~="pill"],[class$="_pill"],[class*="_pill "],[class$="-pill"],[class*="-pill "],
    [class~="tag"],[class$="_tag"],[class*="_tag "],[class$="-tag"],[class*="-tag "],
    [class$="_eyebrow"],[class*="_eyebrow "],[class$="-eyebrow"],[class*="-eyebrow "],
    [class$="_kicker"],[class*="_kicker "],[class$="-kicker"],[class*="-kicker "]
  ),
  body.mx-rebuild-site :where(.elementor,#main-content) .mx-eyebrow{
    max-width:min(100%,40ch)!important;
    line-height:1.35!important;
  }
  body.page-id-4713 #mxp-root .mxp_badge,
  body.page-id-13842 #mxp-root .mxp_badge{
    max-width:min(calc(100vw - 48px),34ch)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-right:13px!important;
    padding-left:9px!important;
    text-align:center!important;
    justify-content:center!important;
  }
}
@media(max-width:640px){
  body.mx-rebuild-site :where(.elementor,#main-content) :where(
    [class~="badge"],[class$="_badge"],[class*="_badge "],[class$="-badge"],[class*="-badge "],
    [class~="chip"],[class$="_chip"],[class*="_chip "],[class$="-chip"],[class*="-chip "],
    [class~="pill"],[class$="_pill"],[class*="_pill "],[class$="-pill"],[class*="-pill "],
    [class~="tag"],[class$="_tag"],[class*="_tag "],[class$="-tag"],[class*="-tag "],
    [class$="_eyebrow"],[class*="_eyebrow "],[class$="-eyebrow"],[class*="-eyebrow "],
    [class$="_kicker"],[class*="_kicker "],[class$="-kicker"],[class*="-kicker "]
  ),
  body.mx-rebuild-site :where(.elementor,#main-content) .mx-eyebrow{
    max-width:min(100%,32ch)!important;
  }
  body.page-id-4713 #mxp-root .mxp_badge,
  body.page-id-13842 #mxp-root .mxp_badge{
    max-width:min(calc(100vw - 32px),30ch)!important;
    font-size:12.5px!important;
  }
}

/* -------------------------------------------------------------------------
 * 13. Legal hero rhythm: the privacy request establishes the spacing standard
 * for the same decorative-rule pattern wherever it appears. Privacy places the
 * gap on the H1; EULA and Terms place it on the following intro/subtitle.
 * ---------------------------------------------------------------------- */
body.page-id-3229 #mxprivacy-root .privacy-hero h1,
body.page-id-13812 #mxprivacy-root .privacy-hero h1{margin-bottom:28px!important}
body.page-id-4037 #mxeula-root .eula-hero p,
body.page-id-13836 #mxeula-root .eula-hero p,
body.page-id-13809 #mxtc-root .mxtc_hero .subtitle{margin-top:28px!important}
@media(max-width:767px){
  body.page-id-3229 #mxprivacy-root .privacy-hero h1,
  body.page-id-13812 #mxprivacy-root .privacy-hero h1{margin-bottom:24px!important}
  body.page-id-4037 #mxeula-root .eula-hero p,
  body.page-id-13836 #mxeula-root .eula-hero p,
  body.page-id-13809 #mxtc-root .mxtc_hero .subtitle{margin-top:24px!important}
}

/* -------------------------------------------------------------------------
 * 14. Header tone follows the page, not a separate header strip. The theme's
 * audited tone map covers every published page; these rules make that map
 * visible consistently across desktop, tablet and mobile.
 * ---------------------------------------------------------------------- */
body.mx-header-tone-dark{background:#12081d}
body.mx-header-tone-light{background:#fff}
body.mx-header-tone-dark #site-header.mx-native-header--dark,
body.mx-header-tone-light #site-header.mx-native-header--light{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

@media(max-width:1040px){
  .mx-native-header__toggle{
    display:inline-flex!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border-radius:15px!important;
  }
  .mx-native-header__toggle-label{display:none!important}
  .mx-native-header--dark .mx-native-header__toggle{
    color:#fff!important;
    border-color:rgba(255,255,255,.20)!important;
    background:linear-gradient(135deg,rgba(222,9,127,.24),rgba(20,224,192,.13))!important;
    box-shadow:0 10px 28px rgba(5,2,10,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  .mx-native-header--light .mx-native-header__toggle{
    color:var(--mx-ink)!important;
    border-color:rgba(18,8,29,.12)!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 10px 26px rgba(18,8,29,.10)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  .mx-native-nav{
    position:absolute!important;
    top:calc(100% - 4px)!important;
    left:16px!important;
    right:16px!important;
    display:none!important;
    width:auto!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .mx-native-nav.is-open{display:block!important}
  .mx-native-nav ul{flex-direction:column!important;align-items:stretch!important;gap:2px!important}
  .mx-native-nav a{width:100%!important;padding:12px 13px!important}
  .mx-native-header--dark .mx-native-nav{
    border-color:rgba(255,255,255,.13)!important;
    background:rgba(18,8,29,.94)!important;
    box-shadow:0 22px 56px rgba(4,2,8,.34)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
  }
  .mx-native-header--dark .mx-native-nav a{color:#fff!important}
  .mx-native-header--dark .mx-native-nav a:hover,
  .mx-native-header--dark .mx-native-nav a:focus-visible,
  .mx-native-header--dark .mx-native-nav a[aria-current="page"]{background:rgba(255,255,255,.10)!important}
  .mx-native-header--light .mx-native-nav{
    border-color:rgba(18,8,29,.10)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 18px 48px rgba(18,8,29,.16)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
  }
  .mx-native-header--light .mx-native-nav a{color:var(--mx-ink)!important}
}

/* -------------------------------------------------------------------------
 * 15. Site-wide conversion overlays for acquisition/solution landing pages.
 * Header trial links remain navigational; content/sticky trial CTAs use the
 * existing form modal. The demo video is lazy-loaded only when opened.
 * ---------------------------------------------------------------------- */
.mx-native-nav__trial-mobile{display:none}
@media(max-width:600px){
  .mx-native-nav__trial-mobile{display:block}
  .mx-native-nav__trial-mobile a{margin-top:6px!important;justify-content:center!important;color:#fff!important;background:linear-gradient(120deg,#de097f,#ff4fae 130%)!important;border:1px solid rgba(222,9,127,.28)!important}
  .mx-native-header--dark .mx-native-nav__trial-mobile a{color:#fff!important;background:linear-gradient(120deg,#de097f,#ff4fae 130%)!important}
}

body.mx-has-sticky-conversion{padding-bottom:0!important}
.mx-sticky-conversion{position:fixed;z-index:99970;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(570px,calc(100% - 32px));opacity:0;visibility:hidden;transform:translate(-50%,18px);font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none;transition:opacity .28s ease,transform .32s cubic-bezier(.22,.8,.32,1),visibility 0s linear .32s}
.mx-sticky-conversion.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;transition-delay:0s}
.mx-sticky-conversion__inner{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(18,8,29,.92);box-shadow:0 18px 54px rgba(9,4,15,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}
.mx-sticky-conversion__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font:800 13.5px/1.2 inherit;letter-spacing:-.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;color:#fff}
.mx-sticky-conversion__button:hover{transform:translateY(-1px)}
.mx-sticky-conversion__button:focus-visible{outline:3px solid #14e0c0;outline-offset:3px}
.mx-sticky-conversion__button--trial{background:linear-gradient(120deg,#de097f,#ff4fae 130%);box-shadow:0 9px 24px rgba(222,9,127,.28)}
.mx-sticky-conversion__button--trial:hover{box-shadow:0 13px 30px rgba(222,9,127,.38)}
.mx-sticky-conversion__button--demo{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.mx-sticky-conversion__button--demo:hover{border-color:rgba(20,224,192,.48);background:rgba(20,224,192,.11)}
.mx-sticky-conversion__button i{font-size:12px}

.mx-demo-modal[hidden]{display:none!important}
.mx-demo-modal{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;padding:24px;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .3s}
.mx-demo-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.mx-demo-modal__backdrop{position:absolute;inset:0;background:rgba(8,4,13,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mx-demo-modal__dialog{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#12081d;color:#fff;box-shadow:0 38px 110px rgba(5,2,10,.48);outline:0;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .28s ease,transform .32s cubic-bezier(.22,.8,.32,1)}
.mx-demo-modal.is-open .mx-demo-modal__dialog{opacity:1;transform:translateY(0) scale(1)}
.mx-demo-modal__close{position:absolute;top:14px;right:14px;z-index:4;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.mx-demo-modal__close:hover{border-color:#14e0c0;color:#14e0c0}
.mx-demo-modal__close:focus-visible,.mx-demo-modal video:focus-visible{outline:3px solid #14e0c0;outline-offset:3px}
.mx-demo-modal__heading{padding:30px 76px 20px 30px;background:radial-gradient(550px 240px at 0 0,rgba(222,9,127,.28),transparent 70%),radial-gradient(480px 220px at 100% 0,rgba(20,224,192,.12),transparent 72%)}
.mx-demo-modal__eyebrow{display:inline-flex;align-items:center;gap:8px;color:#14e0c0;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.mx-demo-modal__eyebrow::before{content:"";width:22px;height:2px;border-radius:999px;background:currentColor}
.mx-demo-modal__heading h2{margin:10px 0 0;color:#fff!important;font-size:clamp(27px,4vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.mx-demo-modal__heading p{margin:9px 0 0;color:#c0b4ca;font-size:14px;line-height:1.55}
.mx-demo-modal__media{padding:0 18px 18px}
.mx-demo-modal__media video{display:block;width:100%;max-height:66vh;border-radius:16px;background:#050208;box-shadow:0 16px 50px rgba(0,0,0,.28)}
body.mx-demo-modal-open{overflow:hidden!important}

@media(max-width:680px){
  .mx-sticky-conversion{left:12px;right:72px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;transform:translateY(18px)}
  .mx-sticky-conversion.is-visible{transform:translateY(0)}
  .mx-sticky-conversion__inner{gap:6px;padding:6px;border-radius:16px}
  .mx-sticky-conversion__button{min-height:48px;padding:10px 8px;font-size:11.5px}
  .mx-sticky-conversion__button i{display:none}
  .mx-demo-modal{padding:12px}
  .mx-demo-modal__dialog{max-height:calc(100vh - 24px);border-radius:18px}
  .mx-demo-modal__heading{padding:28px 58px 16px 20px}
  .mx-demo-modal__media{padding:0 10px 10px}
  .mx-demo-modal__media video{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.mx-sticky-conversion,.mx-sticky-conversion__button,.mx-demo-modal,.mx-demo-modal__dialog{transition:none!important}.mx-demo-modal__dialog{transform:none!important}}

/* -------------------------------------------------------------------------
 * 16. New responsive audit system: one page-start rhythm, one small-screen
 * heading scale, centred section introductions/CTAs, structured numbered cards,
 * stronger compliance marks and customer-logo carousel behaviour. These rules
 * intentionally apply across native templates, Elementor publications and posts.
 * ---------------------------------------------------------------------- */

/* Remove wrapper-level whitespace that can appear between the final section and footer. */
body.mx-rebuild-site .mx-native-footer{margin-top:0!important}
body.mx-rebuild-site .elementor>.e-con:last-child>.e-con-inner{margin-bottom:0!important;padding-bottom:0!important;gap:0!important}
body.mx-rebuild-site :where(#main-content,.mx-elementor-page,.elementor)>:last-child,
body.mx-rebuild-site .elementor>.e-con:last-child,
body.mx-rebuild-site .elementor-widget-html:last-child,
body.mx-rebuild-site .elementor-widget-html:last-child>.elementor-widget-container,
body.mx-rebuild-site .elementor-widget-html>.elementor-widget-container>div[id]{margin-bottom:0!important;padding-bottom:0}

/* Elementor publications previously compensated independently for the absolute
 * header. Normalise that compensation, then let the first hero own the gap. */
body.mx-rebuild-site .elementor-widget-html>.elementor-widget-container>div[id]{margin-top:0!important}
body.mx-rebuild-site .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:142px!important}
body.mx-rebuild-site :where(.mx-native-home-hero,.mx-native-commercial-hero,.mx-native-dark-hero,.mx-native-trial-hero,.mx-native-case-hero,.mx-page-hero){padding-top:142px!important}

/* Current JLR/Aston Martin customer marks and desktop presentation. */
.mx-native-trust__logos{display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,56px);min-width:0}
.mx-native-trust__logo{display:grid;flex:0 0 auto;place-items:center;min-width:120px;min-height:72px}
.mx-native-trust__logo img{display:block;width:auto!important;max-width:150px!important;max-height:66px!important;height:auto!important;object-fit:contain;filter:none!important;opacity:1!important}
.mx-native-trust__controls{display:none}

@media(max-width:1040px){
  /* Home/Contact benchmark: predictable first-content clearance below navigation. */
  body.mx-rebuild-site .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:128px!important}
  body.mx-rebuild-site :where(.mx-native-home-hero,.mx-native-commercial-hero,.mx-native-dark-hero,.mx-native-trial-hero,.mx-native-case-hero,.mx-page-hero){padding-top:128px!important}

  /* One responsive type hierarchy. Contact's restrained H1 is the benchmark. */
  body.mx-rebuild-site :where(#main-content,.elementor) h1{font-size:clamp(42px,5.2vw,48px)!important;line-height:1.06!important;letter-spacing:-.035em!important;text-wrap:balance}
  body.mx-rebuild-site :where(#main-content,.elementor) h2{font-size:clamp(30px,4.2vw,40px)!important;line-height:1.12!important;text-wrap:balance}
  body.mx-rebuild-site :where(#main-content,.elementor) h3{font-size:clamp(20px,2.4vw,23px)!important;line-height:1.2!important;text-wrap:balance}

  /* Above-the-fold and section-heading copy centres by default on small screens. */
  body.mx-rebuild-site :where(#main-content,.elementor) :where(
    [class*="hero-copy"],[class*="hero_copy"],[class*="hero__copy"],
    [class$="_head"],[class$="-head"],[class$="_intro"],[class$="-intro"],
    .mx-native-section__intro,.mx-native-home-hero__copy
  ){margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site :where(#main-content,.elementor) :where(
    [class*="hero-copy"],[class*="hero_copy"],[class*="hero__copy"],
    [class$="_head"],[class$="-head"],[class$="_intro"],[class$="-intro"],
    .mx-native-section__intro,.mx-native-home-hero__copy
  ) :where(p,[class$="_lead"],[class$="-lead"]){margin-left:auto!important;margin-right:auto!important}
  body.mx-rebuild-site :where(#main-content,.elementor) :where(
    [class$="_actions"],[class$="-actions"],[class$="_buttons"],[class$="-buttons"],
    .mx-native-cta__actions,.mx-native-commercial-actions,.mx-native-dark-actions,.mx-native-home-hero__actions
  ){justify-content:center!important;justify-items:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site :where(#main-content,.elementor) :where(a,button)[class*="btn"],
  body.mx-rebuild-site :where(#main-content,.elementor) .mx-button{text-align:center!important;justify-content:center!important}

  /* The supporting hero label becomes a compact centred proof strip rather than
   * a wide multi-column badge. */
  .mx-native-home-hero__badge{display:inline-flex!important;width:fit-content!important;max-width:min(100%,34ch)!important;min-height:0!important;margin:0 auto 22px!important;padding:8px 12px!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:14px!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;text-wrap:balance}
  .mx-native-home-hero__badge>span{flex:0 0 20px!important;width:20px!important;height:20px!important}

  /* Number / title patterns: place '01 Pilot', '02 Team rollout', '01 Anonymise'
   * on one visual row while allowing the supporting copy to use the full card. */
  .mx-native-card:has(>span:first-child + h3){display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:14px!important;row-gap:14px!important;align-items:center!important}
  .mx-native-card:has(>span:first-child + h3)>span:first-child{display:grid!important;width:48px!important;height:48px!important;place-items:center!important;margin:0!important;border:1px solid rgba(222,9,127,.18)!important;border-radius:999px!important;background:rgba(222,9,127,.07)!important;text-align:center!important}
  .mx-native-card:has(>span:first-child + h3)>h3{grid-column:2!important;margin:0!important;text-align:left!important}
  .mx-native-card:has(>span:first-child + h3)>:where(p,a,ul){grid-column:1/-1!important}
  .mx-native-card:has(>span:first-child + h3)>p{text-align:center!important}
  #mxsd_root .mxsd_use_card:has(>.mxsd_use_number + h3){display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:14px!important;align-items:center!important}
  #mxsd_root .mxsd_use_card>.mxsd_use_number{grid-column:1!important;display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:999px!important;background:rgba(222,8,127,.08)!important}
  #mxsd_root .mxsd_use_card>h3{grid-column:2!important;margin:0!important;text-align:left!important}
  #mxsd_root .mxsd_use_card>:where(p,span){grid-column:1/-1!important}

  /* Compliance/certification cards are visual proof: make the mark dominant and
   * centre its supporting copy. */
  .mx-native-compliance-grid{justify-items:center!important;text-align:center!important}
  .mx-native-compliance-mark{display:grid!important;justify-items:center!important;align-content:start!important;text-align:center!important}
  .mx-native-compliance-mark img{width:auto!important;max-width:min(190px,72%)!important;max-height:120px!important;height:auto!important;margin:0 auto 14px!important;object-fit:contain!important;transform:scale(1.3);transform-origin:center}
  body.mx-rebuild-site :where(#main-content,.elementor) :where([class*="compliance"],[class*="certif"],[class*="standard"]):where(article,div):has(>img){justify-items:center!important;text-align:center!important}
  body.mx-rebuild-site :where(#main-content,.elementor) :where([class*="compliance"],[class*="certif"],[class*="standard"]):where(article,div):has(>img)>img{display:block!important;width:auto!important;max-width:min(190px,72%)!important;max-height:130px!important;height:auto!important;margin:0 auto 16px!important;object-fit:contain!important}

  /* Metrics are proof points, not left-aligned body copy. */
  .mx-native-metrics__grid,.mxr_stats-grid{justify-items:center!important;text-align:center!important}
  .mx-native-metric,.mxr_stat{text-align:center!important}
  .mxr_logos,.mxr_logos-ttl{text-align:center!important}

  /* Real customer-logo carousel on tablet/mobile. */
  .mx-native-trust{text-align:center!important;overflow:hidden}
  .mx-native-trust> .mx-shell>p{text-align:center!important}
  .mx-native-trust__logos{justify-content:flex-start!important;gap:16px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 10px!important}
  .mx-native-trust__logos::-webkit-scrollbar{display:none}
  .mx-native-trust__logo{flex:0 0 clamp(150px,32vw,210px)!important;min-height:94px!important;padding:12px!important;border:1px solid rgba(18,8,29,.07);border-radius:16px;background:#fff;scroll-snap-align:center}
  .mx-native-trust__logo img{max-width:160px!important;max-height:72px!important}
  .mx-native-trust__controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
  .mx-native-trust__controls button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid rgba(18,8,29,.12);border-radius:999px;color:#12081d;background:#fff;font:800 16px/1 inherit;cursor:pointer}
  .mx-native-trust__controls button:focus-visible{outline:3px solid #14e0c0;outline-offset:2px}
}

@media(max-width:680px){
  body.mx-rebuild-site .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:112px!important}
  body.mx-rebuild-site :where(.mx-native-home-hero,.mx-native-commercial-hero,.mx-native-dark-hero,.mx-native-trial-hero,.mx-native-case-hero,.mx-page-hero){padding-top:112px!important}
  body.mx-rebuild-site :where(#main-content,.elementor) h1{font-size:clamp(38px,10.6vw,42px)!important;line-height:1.07!important}
  body.mx-rebuild-site :where(#main-content,.elementor) h2{font-size:clamp(29px,8.2vw,33px)!important;line-height:1.14!important}
  body.mx-rebuild-site :where(#main-content,.elementor) h3{font-size:20px!important}
  .mx-native-home-hero__badge{max-width:min(100%,30ch)!important;padding:7px 10px!important;border-color:rgba(222,9,127,.12)!important;background:rgba(255,255,255,.82)!important;box-shadow:none!important;font-size:11px!important}
  .mx-native-trust__logo{flex-basis:min(68vw,210px)!important}
}

@media(prefers-reduced-motion:reduce){.mx-native-trust__logos{scroll-behavior:auto!important}}

/* Specificity reinforcement for restored HTML widgets whose authored CSS uses
 * ID-scoped !important declarations. The non-matching IDs add specificity only;
 * they do not depend on any page ID and therefore remain a site-wide rule. */
body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) .elementor-widget-html>.elementor-widget-container>div[id]{margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}
body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:142px!important}
@media(max-width:1040px){
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:128px!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h1{font-size:clamp(42px,5.2vw,48px)!important;line-height:1.06!important;letter-spacing:-.035em!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h2{font-size:clamp(30px,4.2vw,40px)!important;line-height:1.12!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h3{font-size:clamp(20px,2.4vw,23px)!important;line-height:1.2!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class*="hero-copy"],[class*="hero_copy"],[class*="hero__copy"],[class$="_head"],[class$="-head"],[class$="_intro"],[class$="-intro"],.mx-native-section__intro,.mx-native-home-hero__copy){margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class$="_actions"],[class$="-actions"],[class$="_buttons"],[class$="-buttons"],.mx-native-cta__actions,.mx-native-commercial-actions,.mx-native-dark-actions,.mx-native-home-hero__actions){justify-content:center!important;justify-items:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class*="compliance"],[class*="certif"],[class*="standard"]):where(article,div):has(>img){justify-items:center!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class*="compliance"],[class*="certif"],[class*="standard"]):where(article,div):has(>img)>img{display:block!important;width:auto!important;max-width:min(190px,72%)!important;max-height:130px!important;height:auto!important;margin:10px auto 24px!important;object-fit:contain!important;transform:scale(1.3)!important;transform-origin:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) [class*="hero"] :where([class*="badge"],[class*="eyebrow"],[class*="kicker"]){margin-left:auto!important;margin-right:auto!important;justify-content:center!important;text-align:center!important;max-width:min(100%,34ch)!important;white-space:normal!important;text-wrap:balance}
}
@media(max-width:1040px){
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class*="_hero-inner"],[class*="-hero-inner"],[class*="_hero__inner"],[class*="-hero__inner"])>div:first-child{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class$="_ctas"],[class$="-ctas"],[class*="_cta-actions"],[class*="-cta-actions"]){justify-content:center!important;justify-items:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) :where([class$="_hero-sub"],[class$="-hero-sub"],[class*="_hero-sub "],[class*="-hero-sub "]){margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) .elementor-widget-html>.elementor-widget-container>div[id]>section:last-of-type{margin-bottom:0!important}
}

@media(max-width:680px){
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) .elementor-widget-html>.elementor-widget-container>div[id]>section:first-of-type{padding-top:112px!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h1{font-size:clamp(38px,10.6vw,42px)!important;line-height:1.07!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h2{font-size:clamp(29px,8.2vw,33px)!important;line-height:1.14!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) :where(#main-content,.elementor) h3{font-size:20px!important}
}

/* -------------------------------------------------------------------------
 * 17. Second-pass coverage for the restored enterprise component families
 * shown directly in audit issues 4-9.
 * ---------------------------------------------------------------------- */
@media(max-width:1040px){
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:14px!important;row-gap:13px!important;align-items:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr .n{width:48px!important;height:48px!important;margin:0!important;grid-column:1!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr h3{grid-column:2!important;margin:0!important;text-align:left!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr>p,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr>.meta{grid-column:1/-1!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr>p{text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_jr>.meta{justify-self:center!important}

  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_asr_fixed_step{grid-template-columns:52px minmax(0,1fr)!important;gap:15px!important;align-items:start!important;text-align:left!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_asr_fixed_step .n{width:48px!important;height:48px!important;margin:0!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_asr_fixed_step h3{text-align:left!important}

  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badges{justify-items:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badge{justify-items:center!important;align-items:start!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badge img{width:auto!important;height:76px!important;max-width:min(210px,82%)!important;margin:0 auto 4px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badge>div,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badge h3,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_comp_fixed_badge p{width:100%!important;text-align:center!important}

  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_hero-ctas,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_hero-proof{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_hero-ctas>div{text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_btn-note{justify-content:center!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_hero-badge{width:fit-content!important;max-width:min(100%,34ch)!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important;white-space:normal!important;text-align:center!important;text-wrap:balance}

  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust{overflow:hidden!important;text-align:center!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 2px 12px!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in::-webkit-scrollbar{display:none}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in>.lbl,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in>.sep,
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in>.stat{display:none!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in>img{flex:0 0 clamp(150px,31vw,205px)!important;width:auto!important;max-width:205px!important;height:72px!important;padding:14px!important;border:1px solid rgba(18,8,29,.07)!important;border-radius:16px!important;background:#fff!important;object-fit:contain!important;filter:none!important;opacity:1!important;scroll-snap-align:center}
  .mx-audit-trust-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:10px!important}
  .mx-audit-trust-controls button{display:grid!important;width:38px!important;height:38px!important;place-items:center!important;padding:0!important;border:1px solid rgba(18,8,29,.12)!important;border-radius:999px!important;color:#12081d!important;background:#fff!important;font:800 16px/1 inherit!important;cursor:pointer!important}
  .mx-audit-trust-controls button:focus-visible{outline:3px solid #14e0c0;outline-offset:2px}
}

@media(max-width:680px){
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_hero-badge{max-width:min(100%,30ch)!important;padding:7px 10px!important;gap:6px!important;border-radius:14px!important;font-size:11px!important;line-height:1.35!important;box-shadow:none!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in>img{flex-basis:min(68vw,205px)!important}
}

@media(prefers-reduced-motion:reduce){body.mx-rebuild-site #mxr-root .mxr_trust-in{scroll-behavior:auto!important}}

/* -------------------------------------------------------------------------
 * 18. MX New New.docx: consistent type, continuous logo motion, and centred
 * tablet/mobile footer treatment.
 * ---------------------------------------------------------------------- */
body.mx-rebuild-site:not(#mx-type-a):not(#mx-type-b) :where(#main-content,.elementor) :where(h1,h2,h3,h4,h5,h6,p,li){
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-variant-ligatures:common-ligatures;
  text-rendering:optimizeLegibility;
}
body.mx-rebuild-site:not(#mx-type-a):not(#mx-type-b) :where(#main-content,.elementor) h1{font-weight:820!important;line-height:1.02!important;letter-spacing:-.045em!important}
body.mx-rebuild-site:not(#mx-type-a):not(#mx-type-b) :where(#main-content,.elementor) h2{font-weight:820!important;line-height:1.1!important;letter-spacing:-.035em!important}
body.mx-rebuild-site:not(#mx-type-a):not(#mx-type-b) :where(#main-content,.elementor) h3{font-weight:800!important;line-height:1.18!important;letter-spacing:-.025em!important}
body.mx-rebuild-site:not(#mx-type-a):not(#mx-type-b) :where(#main-content,.elementor) :where(p,li){font-weight:400!important;line-height:1.65!important;letter-spacing:-.004em!important}
.mx-logo-clone{display:none!important}
@keyframes mx-audit-logo-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--mx-logo-shift,-50%),0,0)}}

@media(max-width:1040px){
  .mx-native-trust__logos.mx-continuous-logo-track{display:flex!important;width:max-content!important;max-width:none!important;grid-template-columns:none!important;justify-content:flex-start!important;gap:28px!important;overflow:visible!important;scroll-snap-type:none!important;scroll-behavior:auto!important;padding:6px 0 10px!important;animation:mx-audit-logo-marquee 34s linear infinite;will-change:transform}
  .mx-native-trust__logos.mx-continuous-logo-track>.mx-native-trust__logo{display:grid!important;flex:0 0 clamp(132px,24vw,172px)!important;min-width:0!important;min-height:78px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:none!important}
  .mx-native-trust__logos.mx-continuous-logo-track>.mx-logo-clone{display:grid!important}
  .mx-native-trust__controls{display:none!important}

  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in.mx-continuous-logo-track{display:flex!important;width:max-content!important;max-width:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:28px!important;overflow:visible!important;scroll-snap-type:none!important;scroll-behavior:auto!important;padding:8px 0 12px!important;animation:mx-audit-logo-marquee 30s linear infinite;will-change:transform}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in.mx-continuous-logo-track>img{display:block!important;flex:0 0 clamp(132px,24vw,172px)!important;width:clamp(132px,24vw,172px)!important;max-width:172px!important;height:68px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;scroll-snap-align:none!important}
  body.mx-rebuild-site:not(#mx-audit-a):not(#mx-audit-b) #mxr-root .mxr_trust-in.mx-continuous-logo-track>img.mx-logo-clone{display:block!important}
  .mx-audit-trust-controls{display:none!important}

  #site-footer.mx-native-footer,#site-footer .mx-native-footer__brand,#site-footer .mx-native-footer__col,#site-footer .mx-native-footer__access,#site-footer .mx-native-footer__bottom{text-align:center!important}
  #site-footer .mx-native-footer__grid{justify-items:center!important}
  #site-footer .mx-native-footer__brand,#site-footer .mx-native-footer__col,#site-footer .mx-native-footer__access{align-items:center!important}
  #site-footer .mx-native-footer__brand img{margin-left:auto!important;margin-right:auto!important}
  #site-footer .mx-native-footer__brand p,#site-footer .mx-native-footer__access p{margin-left:auto!important;margin-right:auto!important}
  #site-footer .mx-native-footer__bottom{align-items:center!important;justify-content:center!important}
}
@media(max-width:680px){#site-footer .mx-native-footer__bottom{flex-direction:column!important;gap:8px!important}}
@media(hover:hover) and (max-width:1040px){.mx-continuous-logo-track:hover{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){
  .mx-continuous-logo-track{width:100%!important;transform:none!important;animation:none!important;overflow-x:auto!important}
  .mx-continuous-logo-track>.mx-logo-clone{display:none!important}
}

/* New MX Changes.docx: Elementor's restored outer container added a late
 * 10px padding plus decorative top borders after its styles finished loading.
 * Remove only that wrapper compensation so every authored first-section
 * background starts at the viewport edge. */
body.mx-rebuild-site :where(#main-content>.elementor,body>.elementor)>.e-con:first-child{
  --padding-top:0px!important;
  padding-top:0!important;
  border-top-width:0!important;
}
body.mx-rebuild-site :where(#main-content>.elementor,body>.elementor)>.e-con:first-child>.e-con-inner{
  padding-top:0!important;
  border-top-width:0!important;
}
body.mx-rebuild-site #main-content>.elementor>.e-con:first-child>.elementor-widget-html:first-child>.elementor-widget-container{
  border-top-width:0!important;
}
/* Pricing is the reference two-column hero from the brief. Its authored page
 * CSS can reinsert the header into normal flow after Elementor settles; keep
 * that navigation overlay absolute so the hero background remains continuous. */
body.mx-rebuild-site.mxp-pricing-page #site-header.mx-native-header{
  position:absolute!important;
  inset:0 0 auto!important;
}

/* Only constrained closing banners receive a desktop separation from the
 * footer. Full-width dark endings and mobile layouts remain intentionally flush. */
@media(min-width:1041px){
  body.mx-rebuild-site section.mx-final-banner-inset,
  body.mx-rebuild-site #mxf-root>section.mxf-final{padding-bottom:48px!important;background:#fff!important}
}

/* 26 August 2026 full-site responsive audit.
 * The US FAQ content grid was retaining its desktop min-content width after
 * collapsing to one column, clipping category names and questions on tablets
 * and phones. Give the collapsed grid a definite viewport-relative track. */
@media(max-width:960px){
  body.page-id-13794 #mxf-root .mxf_faq-layout{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.page-id-13794 #mxf-root .mxf_faq-content{
    min-width:0!important;
    width:calc(100vw - 48px)!important;
    max-width:100%!important;
  }
  body.page-id-13794 #mxf-root .mxf_category,
  body.page-id-13794 #mxf-root .mxf_items,
  body.page-id-13794 #mxf-root .mxf_item{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.page-id-13794 #mxf-root .mxf_category-head{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  body.page-id-13794 #mxf-root .mxf_category-head>div,
  body.page-id-13794 #mxf-root .mxf_category-head h2,
  body.page-id-13794 #mxf-root .mxf_item h3{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
  }
  body.page-id-13794 #mxf-root .mxf_question{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.page-id-13794 #mxf-root .mxf_question-text{
    min-width:0!important;
    overflow-wrap:anywhere;
  }
}
@media(max-width:720px){
  body.page-id-13794 #mxf-root .mxf_faq-content{
    width:calc(100vw - 30px)!important;
  }
}

/* The cloud-sharing hero copy inherited a desktop intrinsic width inside its
 * one-column mobile grid. Constrain only the two regional page equivalents. */
@media(max-width:680px){
  body:is(.page-id-13881,.page-id-12319) #mxr-root .mxr_hero-copy,
  body:is(.page-id-13881,.page-id-12319) #mxr-root .mxr_h1,
  body:is(.page-id-13881,.page-id-12319) #mxr-root .mxr_hero-sub{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body:is(.page-id-13881,.page-id-12319) #mxr-root .mxr_h1 .mark{
    white-space:normal!important;
  }

  /* Eaton's MX Plus section retained a slightly wider min-content grid track
   * on phones, clipping the final words by a few pixels. */
  body:is(.page-id-13815,.page-id-3282) #mxeaton-root .mxe_mxplus-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body:is(.page-id-13815,.page-id-3282) #mxeaton-root .mxe_mxplus-copy,
  body:is(.page-id-13815,.page-id-3282) #mxeaton-root .mxe_mxplus-copy h2{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Blog presentation and shared landing-card media.
 * Single posts use a dark page shell for the masthead, while the editorial
 * library itself is authored for a light reading surface. */
body.single-post #main-content{
  background:var(--mx-paper,#fff);
}
body.single-post #mxd-article-library .mxd_kicker{
  width:100%;
  max-width:none;
  flex-wrap:wrap;
}

/* UK-only landing pages found during the follow-up audit.
 * Three page bodies still carry their full scoped design but had lost the root
 * wrapper; PHP restores those roots. The Data Protection page has only a short
 * fallback body, so give it a restrained native landing shell without changing
 * the supplied copy. */
.mx-ukdp-landing{
  position:relative;
  overflow:hidden;
  padding:clamp(112px,10vw,152px) 0 clamp(88px,8vw,124px);
  color:#12081d;
  background:
    radial-gradient(760px 420px at 86% 6%,rgba(222,9,127,.09),transparent 70%),
    radial-gradient(660px 360px at 4% 92%,rgba(20,224,192,.08),transparent 72%),
    #fff;
}
.mx-ukdp-landing::before{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(18,8,29,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,8,29,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 72%);
  content:"";
  pointer-events:none;
}
.mx-ukdp-shell{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.mx-ukdp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:20px;
  color:#de097f;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mx-ukdp-eyebrow::before{
  width:22px;
  height:2px;
  border-radius:999px;
  background:#de097f;
  content:"";
}
.mx-ukdp-landing h1{
  max-width:930px;
  margin:0;
  color:#12081d;
  font-size:clamp(46px,5.4vw,76px);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.03;
}
.mx-ukdp-lead{
  max-width:820px;
  margin:28px 0 0;
  color:#574d61;
  font-size:clamp(18px,1.7vw,21px);
  line-height:1.7;
}
.mx-ukdp-cta{
  display:inline-flex;
  min-height:54px;
  margin-top:30px;
  padding:0 26px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#fff!important;
  background:#12081d;
  font-weight:800;
  text-decoration:none!important;
  box-shadow:0 14px 32px rgba(18,8,29,.14);
}
.mx-ukdp-cta:hover{transform:translateY(-1px)}
.mx-ukdp-controls{margin-top:clamp(74px,8vw,104px)}
.mx-ukdp-controls>h2{
  max-width:760px;
  margin:0 0 34px;
  color:#12081d;
  font-size:clamp(34px,4vw,52px);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.08;
}
.mx-ukdp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.mx-ukdp-grid article{
  min-width:0;
  min-height:220px;
  padding:28px;
  border:1px solid #e9e0ee;
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 36px rgba(18,8,29,.05);
}
.mx-ukdp-grid article>span{
  display:grid;
  width:38px;
  height:38px;
  margin-bottom:28px;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:#de097f;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:11px;
  font-weight:700;
}
.mx-ukdp-grid h3{
  margin:0;
  color:#12081d;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.02em;
}
.mx-ukdp-grid p{
  margin:12px 0 0;
  color:#62576c;
  line-height:1.7;
}
.mx-ukdp-note{
  max-width:900px;
  margin:28px 0 0;
  padding:20px 22px;
  border-left:3px solid #14e0c0;
  color:#4d4459;
  background:rgba(20,224,192,.055);
  line-height:1.7;
}
.mx-ukdp-region-anchor{
  min-height:0!important;
  padding:34px 0 42px!important;
  background:#12081d!important;
}
.mx-ukdp-region-anchor .mx-landing-region-switcher{
  margin-top:0!important;
}
@media(max-width:820px){
  .mx-ukdp-landing{padding-top:96px}
  .mx-ukdp-grid{grid-template-columns:1fr}
  .mx-ukdp-grid article{min-height:0}
}
@media(max-width:560px){
  .mx-ukdp-landing{padding:78px 0 72px}
  .mx-ukdp-shell{width:calc(100% - 28px)}
  .mx-ukdp-landing h1{font-size:clamp(39px,11vw,52px)}
  .mx-ukdp-grid article{padding:24px 22px}
}

/* Preserve the older, proven UK landing snapshots while carrying across only
 * the safe hidden-image safeguard found in the 20 August revisions. */
body.page-id-12390 #mymx-iso-page .iso-read-image[hidden],
body.page-id-12417 #mxacc-root .mxacc-read-image[hidden]{
  display:none!important;
}