/* MX / landing-page design pass. Scoped to marketing pages, not utility forms. */
.mx-landing{--mx-header-height:86px;--mx-reading-ink:#21162e;--mx-reading-muted:#64596e}
html:has(body.mx-landing){scroll-padding-top:0}
.mx-landing .site-header,.mx-landing .u-header{background:#fff!important;color:#101033!important;border-bottom-color:#e8e3ed!important}
.mx-landing .site-header .brand img,.mx-landing .u-header img{filter:none}
.mx-landing .desktop-nav,.mx-landing .desktop-nav summary,.mx-landing .u-nav{color:#151330}
.mx-landing .site-header .menu-toggle span{background:#16122e}
.mx-landing .site-header .login{background:#151326;color:white}
.mx-landing .site-header .button{background:#ed008c;border-color:#ed008c;color:#fff}
.mx-landing .mx-enter{opacity:1;transform:none}
.mx-landing .skip:not(:focus){transform:translateY(-200px)}



.mx-landing :is(#overview,#handoff,#controls,#close-exchange,[data-mx-compliance],#faq,#trial){scroll-margin-top:calc(var(--mx-header-height) + 24px)}

/* Established-page heroes: retain the narrative, make it directly explorable. */







































/* Pipeline compositions retain their distinct alignment and light/dark palette. */







/* Clearer reading rhythm and less empty space through the long-form sections. */

































.mx-landing .mx-compliance{padding-block:66px}
.mx-landing .mx-compliance-mark{height:170px}
.mx-landing .mx-compliance-mark img{height:135px}
.mx-landing .mx-compliance-card-copy{padding:23px}
/* Answers and next steps are easy to scan, and remain native HTML controls. */
.mx-landing :is(.faq-section,.mx-source-faq){padding-block:76px;background:#fcf9fd;border-block:1px solid #ede4f0}
.mx-landing :is(.faq-list,.mx-source-answers) details{padding:0;border:1px solid #e6d9ed;border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
.mx-landing :is(.faq-list,.mx-source-answers) summary{padding:21px 23px;font-size:16px;line-height:1.55;gap:20px;color:#352040;min-height:64px}
.mx-landing :is(.faq-list,.mx-source-answers) details[open]{border-color:#d7a3c8;box-shadow:0 10px 25px #4f144e05}
.mx-landing :is(.faq-list,.mx-source-answers) details[open] summary{color:#ad0075}
.mx-landing :is(.faq-list,.mx-source-answers) details>div{padding:0 23px 23px}
.mx-landing :is(.faq-list,.mx-source-answers) details p{font-size:15px;line-height:1.9;color:#6d5b78;margin:0}

.mx-landing :is(.pipeline-related>div,.lp-related-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:related}
.mx-landing :is(.pipeline-related>div,.lp-related-grid)>a{counter-increment:related;display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #e6dbea;border-radius:12px;font-size:17px;line-height:1.45;background:#faf7fc;text-decoration:none;transition:background .2s,border-color .2s}
.mx-landing :is(.pipeline-related>div,.lp-related-grid)>a:before{content:"0" counter(related);font-size:10px;color:#b11480;align-self:start;margin-top:6px}
.mx-landing :is(.pipeline-related>div,.lp-related-grid)>a>span{margin-left:auto}
.mx-landing :is(.pipeline-related>div,.lp-related-grid)>a:hover{background:#f3e7f3;border-color:#c59bbd}
.mx-landing .trial-section{padding-block:80px;background:#171027;color:#fff;max-width:none;border:0;align-items:center}
.mx-landing .trial-section .trial-copy>.eyebrow{color:#ec9acf}
.mx-landing .trial-section h2{font-size:clamp(36px,4vw,60px);line-height:1.12;color:#fff}
.mx-landing .trial-section h2 em{color:#ff79c6}
.mx-landing .trial-section .trial-copy>p:not(.eyebrow),.mx-landing .trial-section .trial-copy ul,.mx-landing .trial-section .trial-benefits{color:#cabdd7;line-height:1.8}
.mx-landing .trial-section .trial-copy .text-link{color:#fff;border-color:#80638f}
.mx-landing .trial-section .trial-form-wrap{color:#20132b;border:1px solid #d9c6e1;border-radius:18px;background:#fff;box-shadow:0 20px 60px #05030c40}
.mx-landing .trial-section .trial-form h3{color:#281432}
@media(min-width:1700px){.mx-landing .mx-compliance{padding-inline:max(6vw,calc((100vw - 1420px)/2))}}

@media(max-width:800px){.mx-landing .trial-section{padding-block:65px}.mx-landing .mx-compliance-card-copy{padding:20px}}
@media(max-width:540px){.mx-landing :is(.faq-section,.mx-source-faq){padding-block:55px}.mx-landing :is(.faq-list,.mx-source-answers) summary{padding:19px;font-size:15px}.mx-landing :is(.faq-list,.mx-source-answers) details>div{padding:0 19px 20px}.mx-landing :is(.faq-list,.mx-source-answers) details p{font-size:14px}.mx-landing :is(.pipeline-related>div,.lp-related-grid){grid-template-columns:1fr}.mx-landing :is(.pipeline-related>div,.lp-related-grid)>a{padding:21px;font-size:16px}.mx-landing .trial-section h2{font-size:38px}.mx-landing .mx-compliance{padding-block:55px}.mx-landing .mx-compliance-mark{height:130px}.mx-landing .mx-compliance-mark img{height:110px}.mx-landing .mx-compliance-card-copy{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.mx-landing *{scroll-behavior:auto!important}.mx-landing .button,.mx-landing .lp-related a{transition:none!important}}