#mxpro-root{
–mag:#de097f;
–mag-soft:#ff4fae;
–mag-deep:#a30560;
–aqua:#14e0c0;
–aqua-deep:#0aa88e;
–blue:#3d7bff;
–ink:#12081d;
–ink-2:#4d4460;
–muted:#766c82;
–paper:#ffffff;
–paper-2:#faf7fc;
–line:#eee6f2;
–dark:#120a1c;
–dark-2:#1b1029;
–dark-card:#211534;
–dark-line:rgba(255,255,255,.10);
–dark-text:#f6f1fa;
–dark-muted:#b8adc7;
–shadow:0 24px 70px rgba(18,8,29,.12);
–wrap:min(1380px,calc(100% – 48px));
–font:’Manrope’,-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif;
–mono:’JetBrains Mono’,ui-monospace,’SFMono-Regular’,Menlo,monospace;
–header-overlap:180px;
display:block;
position:relative;
isolation:isolate;
width:100vw;
max-width:100vw;
margin-left:calc(50% – 50vw);
margin-right:calc(50% – 50vw);
overflow-x:clip;
background:var(–paper);
color:var(–ink);
font-family:var(–font);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#mxpro-root *,#mxpro-root *::before,#mxpro-root *::after{box-sizing:border-box;margin:0;padding:0}
#mxpro-root img,#mxpro-root svg{display:block;max-width:100%}
#mxpro-root a{color:inherit;text-decoration:none}
#mxpro-root button{font:inherit}
#mxpro-root section{position:relative}
#mxpro-root .mxv_wrap{width:var(–wrap);margin:0 auto}
#mxpro-root .mxv_section{padding:104px 0}
#mxpro-root .mxv_tint{background:var(–paper-2)}
#mxpro-root .mxv_dark{background:var(–dark);color:var(–dark-text)}
#mxpro-root h1,#mxpro-root h2,#mxpro-root h3{font-weight:750;letter-spacing:-.025em;line-height:1.08;color:var(–ink)}
#mxpro-root h1{font-size:clamp(35px,4.7vw,59px)}
#mxpro-root h2{font-size:clamp(28px,3.6vw,44px)}
#mxpro-root h3{font-size:19px;letter-spacing:-.012em}
#mxpro-root p{line-height:1.72}
#mxpro-root .mxv_dark h1,#mxpro-root .mxv_dark h2,#mxpro-root .mxv_dark h3{color:#fff!important}
#mxpro-root .mxv_head{max-width:790px;margin-bottom:54px}
#mxpro-root .mxv_head.–center{margin-left:auto;margin-right:auto;text-align:center}
#mxpro-root .mxv_head p{margin-top:17px}
#mxpro-root .mxv_lead{font-size:clamp(16px,1.35vw,18.5px);color:var(–ink-2);max-width:710px}
#mxpro-root .mxv_dark .mxv_lead{color:var(–dark-muted)}
#mxpro-root .mxv_eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(–mag);font-family:var(–mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#mxpro-root .mxv_eyebrow::before{content:””;width:22px;height:2px;border-radius:2px;background:currentColor}
#mxpro-root .mxv_dark .mxv_eyebrow{color:var(–aqua)}
#mxpro-root .mxv_mark{position:relative;display:inline-block;color:var(–mag-soft);white-space:nowrap}
#mxpro-root .mxv_mark::after{
content:””;
position:absolute;
left:.03em;
right:.03em;
bottom:-.10em;
height:3px;
border-radius:999px;
background:var(–aqua);
transform:scaleX(0);
transform-origin:left;
animation:mxeUnderline 1s .3s cubic-bezier(.6,.05,.2,1) forwards;
}
@keyframes mxeUnderline{to{transform:scaleX(1)}}
#mxpro-root .mxv_btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 28px;border:1px solid transparent;border-radius:12px;font-size:15.5px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.35,.64,1),box-shadow .25s ease,border-color .2s ease,color .2s ease,background .2s ease}
#mxpro-root .mxv_btn i{font-size:14px;line-height:1;transition:transform .2s ease}
#mxpro-root .mxv_btn:hover{transform:translateY(-3px)}
#mxpro-root .mxv_btn:hover i:last-child{transform:translateX(4px)}
#mxpro-root .mxv_btn:focus-visible{outline:3px solid var(–aqua);outline-offset:3px}
#mxpro-root .mxv_btn–primary{background:linear-gradient(120deg,var(–mag),var(–mag-soft) 130%);color:#fff;box-shadow:0 10px 28px rgba(222,9,127,.34),inset 0 1px 0 rgba(255,255,255,.25)}
#mxpro-root .mxv_btn–primary::after{content:””;position:absolute;top:-50%;bottom:-50%;left:-70%;width:42%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .6s ease;pointer-events:none}
#mxpro-root .mxv_btn–primary:hover{box-shadow:0 20px 46px rgba(222,9,127,.46),inset 0 1px 0 rgba(255,255,255,.25)}
#mxpro-root .mxv_btn–primary:hover::after{left:130%}
#mxpro-root .mxv_btn–ghost{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(255,255,255,.24)}
#mxpro-root .mxv_btn–ghost:hover{color:var(–aqua);border-color:var(–aqua);box-shadow:0 14px 34px rgba(20,224,192,.14)}
#mxpro-root .mxv_btn–light{background:#fff;color:var(–ink);border-color:var(–line);box-shadow:0 8px 22px rgba(18,8,29,.08)}
#mxpro-root .mxv_btn–light:hover{color:var(–mag);border-color:var(–mag);box-shadow:0 16px 36px rgba(222,9,127,.14)}
#mxpro-root .mxv_ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
#mxpro-root .mxv_note{display:flex;align-items:center;gap:7px;margin-top:11px;color:var(–dark-muted);font-size:12.5px;font-weight:600}
#mxpro-root .mxv_note i{color:var(–aqua)}
#mxpro-root .mxv_text-link{color:var(–mag);font-weight:700;text-decoration:underline;text-decoration-color:rgba(222,9,127,.35);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
#mxpro-root .mxv_text-link:hover{color:var(–mag-deep);text-decoration-color:currentColor}
#mxpro-root .mxv_back-link{display:inline-flex;align-items:center;gap:8px;color:#dcd3e5;font-size:13px;font-weight:700;margin-bottom:26px;transition:color .2s ease}
#mxpro-root .mxv_back-link i{font-size:11px;transition:transform .2s ease}
#mxpro-root .mxv_back-link:hover{color:var(–aqua)}
#mxpro-root .mxv_back-link:hover i{transform:translateX(-3px)}
#mxpro-root .mxv_rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#mxpro-root .mxv_rv.mxv_in{opacity:1;transform:none}
#mxpro-root .mxv_rv[data-d=”1″]{transition-delay:.1s}
#mxpro-root .mxv_rv[data-d=”2″]{transition-delay:.2s}
#mxpro-root .mxv_rv[data-d=”3″]{transition-delay:.3s}
#mxpro-root .mxv_hero{
position:relative;
padding:92px 0 96px;
overflow:hidden;
background:
radial-gradient(1050px 620px at 50% -12%,rgba(222,9,127,.29),transparent 62%),
radial-gradient(760px 480px at 0% 88%,rgba(61,123,255,.15),transparent 62%),
radial-gradient(760px 480px at 100% 82%,rgba(20,224,192,.13),transparent 62%),
var(–dark);
color:var(–dark-text);
}
#mxpro-root .mxv_hero::before{
content:””;
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:56px 56px;
mask-image:radial-gradient(980px 680px at 50% 22%,#000 25%,transparent 80%);
-webkit-mask-image:radial-gradient(980px 680px at 50% 22%,#000 25%,transparent 80%);
pointer-events:none;
}
#mxpro-root .mxv_hero-grid{position:relative;z-index:2;display:block}
#mxpro-root .mxv_hero-copy{
max-width:1040px;
margin:0 auto;
text-align:center;
}
#mxpro-root .mxv_back-link{justify-content:center;margin-bottom:24px}
#mxpro-root .mxv_hero-copy .mxv_eyebrow{justify-content:center}
#mxpro-root .mxv_hero-logo{
position:relative;
width:158px;
height:158px;
display:grid;
place-items:center;
margin:0 auto 28px;
padding:20px;
border:1px solid rgba(255,255,255,.16);
border-radius:34px;
background:#fff;
box-shadow:
0 30px 78px rgba(0,0,0,.38),
0 0 0 11px rgba(255,255,255,.035),
0 0 58px rgba(20,224,192,.12);
}
#mxpro-root .mxv_hero-logo::after{
content:””;
position:absolute;
inset:-12px;
border:1px solid rgba(20,224,192,.15);
border-radius:42px;
pointer-events:none;
}
#mxpro-root .mxv_hero-logo img{width:100%;height:100%;object-fit:contain}
#mxpro-root .mxv_hero h1{
max-width:980px;
margin:0 auto;
color:#fff!important;
}
#mxpro-root .mxv_hero-sub{
max-width:810px;
margin:24px auto 0;
color:var(–dark-muted);
font-size:clamp(16px,1.4vw,18.5px);
}
#mxpro-root .mxv_hero-sub strong{color:#fff}
#mxpro-root .mxv_hero-copy .mxv_ctas{
justify-content:center;
align-items:flex-start;
}
#mxpro-root .mxv_hero-copy .mxv_note{justify-content:center}
#mxpro-root .mxv_metrics{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(–line)}
#mxpro-root .mxv_metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#mxpro-root .mxv_metric{position:relative;padding:35px 32px;border-right:1px solid var(–line)}
#mxpro-root .mxv_metric:last-child{border-right:0}
#mxpro-root .mxv_metric b{display:block;color:var(–mag);font-size:clamp(30px,3.2vw,43px);font-weight:800;letter-spacing:-.04em;line-height:1}
#mxpro-root .mxv_metric strong{display:block;margin-top:9px;font-size:13px}
#mxpro-root .mxv_metric span{display:block;margin-top:6px;color:var(–muted);font-size:11px;line-height:1.5}
#mxpro-root .mxv_intro-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:82px;align-items:start}
#mxpro-root .mxv_intro-side{position:sticky;top:120px}
#mxpro-root .mxv_intro-side .mxv_lead{margin-top:18px}
#mxpro-root .mxv_context-card{margin-top:31px;padding:25px;border:1px solid var(–line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(18,8,29,.055)}
#mxpro-root .mxv_context-card span{display:block;color:var(–mag);font-family:var(–mono);font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
#mxpro-root .mxv_context-card strong{display:block;margin-top:8px;font-size:16px;line-height:1.4}
#mxpro-root .mxv_context-card p{margin-top:8px;color:var(–muted);font-size:12.5px}
#mxpro-root .mxv_story-copy{display:grid;gap:27px}
#mxpro-root .mxv_story-block{padding:31px 32px;border:1px solid var(–line);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(18,8,29,.048)}
#mxpro-root .mxv_story-block h3{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:22px}
#mxpro-root .mxv_story-block h3 span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(222,9,127,.09);color:var(–mag);font-family:var(–mono);font-size:11px}
#mxpro-root .mxv_story-block p{color:var(–ink-2);font-size:15px}
#mxpro-root .mxv_story-block p+p{margin-top:17px}
#mxpro-root .mxv_quote-band{padding:90px 0;background:radial-gradient(660px 340px at 10% 20%,rgba(61,123,255,.14),transparent 67%),radial-gradient(720px 370px at 90% 10%,rgba(222,9,127,.19),transparent 68%),var(–dark)}
#mxpro-root .mxv_quote-panel{position:relative;max-width:1040px;margin:0 auto;padding:59px 64px 55px;border:1px solid var(–dark-line);border-radius:25px;background:linear-gradient(160deg,rgba(33,21,52,.84),rgba(18,10,28,.96));box-shadow:0 30px 85px rgba(0,0,0,.32);text-align:center;overflow:hidden}
#mxpro-root .mxv_quote-panel::before{content:”“”;position:absolute;left:34px;top:-43px;color:rgba(255,79,174,.12);font-size:220px;font-family:Georgia,serif;line-height:1}
#mxpro-root .mxv_quote-panel blockquote{position:relative;color:#f1ebf5;font-size:clamp(20px,2.2vw,29px);font-weight:600;letter-spacing:-.018em;line-height:1.55}
#mxpro-root .mxv_quote-author{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
#mxpro-root .mxv_quote-author span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(–mag),var(–mag-soft));color:#fff;font-size:13px;font-weight:800}
#mxpro-root .mxv_quote-author strong{display:block;color:#fff;font-size:13px;text-align:left}
#mxpro-root .mxv_quote-author small{display:block;margin-top:3px;color:var(–dark-muted);font-size:11px;text-align:left}
#mxpro-root .mxv_outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
#mxpro-root .mxv_outcome{position:relative;padding:31px 28px;border:1px solid var(–line);border-radius:20px;background:#fff;box-shadow:0 10px 31px rgba(18,8,29,.05);overflow:hidden}
#mxpro-root .mxv_outcome::after{content:””;position:absolute;width:145px;height:145px;right:-76px;top:-76px;border-radius:50%;background:rgba(222,9,127,.07)}
#mxpro-root .mxv_outcome:nth-child(2)::after{background:rgba(61,123,255,.07)}
#mxpro-root .mxv_outcome:nth-child(3)::after{background:rgba(20,224,192,.075)}
#mxpro-root .mxv_outcome-icon{width:47px;height:47px;display:grid;place-items:center;margin-bottom:20px;border-radius:14px;background:rgba(222,9,127,.09);color:var(–mag);font-size:18px}
#mxpro-root .mxv_outcome:nth-child(2) .mxv_outcome-icon{background:rgba(61,123,255,.09);color:var(–blue)}
#mxpro-root .mxv_outcome:nth-child(3) .mxv_outcome-icon{background:rgba(20,224,192,.10);color:var(–aqua-deep)}
#mxpro-root .mxv_outcome h3{margin-bottom:10px}
#mxpro-root .mxv_outcome p{color:var(–ink-2);font-size:14px}
#mxpro-root .mxv_mxplus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:72px;align-items:center}
#mxpro-root .mxv_mxplus-copy .mxv_lead{margin-top:18px}
#mxpro-root .mxv_mxplus-copy>p:not(.mxv_lead){margin-top:19px;color:var(–dark-muted);font-size:15px}
#mxpro-root .mxv_process{position:relative;padding:25px;border:1px solid var(–dark-line);border-radius:23px;background:linear-gradient(180deg,rgba(33,21,52,.75),rgba(18,10,28,.94));box-shadow:0 30px 80px rgba(0,0,0,.3)}
#mxpro-root .mxv_process-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(–dark-line)}
#mxpro-root .mxv_process-top strong{color:#fff;font-size:14px}
#mxpro-root .mxv_process-top span{color:var(–aqua);font-family:var(–mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
#mxpro-root .mxv_process-steps{display:grid;gap:13px;margin-top:20px}
#mxpro-root .mxv_process-step{display:grid;grid-template-columns:47px 1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid var(–dark-line);border-radius:15px;background:rgba(255,255,255,.028)}
#mxpro-root .mxv_process-step>span:first-child{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:rgba(222,9,127,.11);color:var(–mag-soft);font-size:17px}
#mxpro-root .mxv_process-step:nth-child(2)>span:first-child{background:rgba(61,123,255,.10);color:#7da5ff}
#mxpro-root .mxv_process-step:nth-child(3)>span:first-child{background:rgba(20,224,192,.09);color:var(–aqua)}
#mxpro-root .mxv_process-step b{display:block;color:#fff;font-size:13px}
#mxpro-root .mxv_process-step small{display:block;margin-top:4px;color:var(–dark-muted);font-size:10.5px;line-height:1.5}
#mxpro-root .mxv_process-step>i{color:#71647d;font-size:12px}
#mxpro-root .mxv_support-note{margin-top:19px;padding:18px 19px;border-left:3px solid var(–aqua);border-radius:0 13px 13px 0;background:rgba(20,224,192,.055);color:#d7cedf;font-size:12px;line-height:1.65}
#mxpro-root .mxv_relationship-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
#mxpro-root .mxv_relationship-card{position:relative;min-height:410px;padding:26px;border:1px solid var(–line);border-radius:23px;background:linear-gradient(145deg,#fff,#faf7fc);box-shadow:var(–shadow);overflow:hidden}
#mxpro-root .mxv_relationship-card::before{content:””;position:absolute;width:430px;height:430px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid rgba(222,9,127,.11);border-radius:50%}
#mxpro-root .mxv_relationship-card::after{content:””;position:absolute;width:290px;height:290px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid rgba(20,224,192,.15);border-radius:50%}
#mxpro-root .mxv_relationship-core{position:absolute;z-index:3;left:50%;top:47%;transform:translate(-50%,-50%);width:142px;height:142px;display:grid;place-items:center;padding:22px;border-radius:34px;background:var(–dark);box-shadow:0 23px 55px rgba(18,8,29,.24)}
#mxpro-root .mxv_relationship-core img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff;padding:9px}
#mxpro-root .mxv_relation-node{position:absolute;z-index:4;width:137px;padding:14px;border:1px solid var(–line);border-radius:14px;background:#fff;box-shadow:0 13px 31px rgba(18,8,29,.09);text-align:center}
#mxpro-root .mxv_relation-node i{display:block;margin-bottom:7px;color:var(–mag);font-size:16px}
#mxpro-root .mxv_relation-node b{display:block;font-size:11px}
#mxpro-root .mxv_relation-node span{display:block;margin-top:3px;color:var(–muted);font-size:9px;line-height:1.4}
#mxpro-root .mxv_relation-node.–one{left:26px;top:31px}
#mxpro-root .mxv_relation-node.–two{right:26px;top:31px}
#mxpro-root .mxv_relation-node.–three{left:32px;bottom:31px}
#mxpro-root .mxv_relation-node.–four{right:32px;bottom:31px}
#mxpro-root .mxv_relationship-label{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);color:var(–mag);font-family:var(–mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
#mxpro-root .mxv_relationship-copy .mxv_lead{margin-top:18px}
#mxpro-root .mxv_relationship-copy>p:not(.mxv_lead){margin-top:19px;color:var(–ink-2);font-size:15px}
#mxpro-root .mxv_relationship-points{display:grid;gap:12px;margin-top:26px}
#mxpro-root .mxv_relationship-point{display:flex;gap:13px;align-items:flex-start;padding:16px 17px;border:1px solid var(–line);border-radius:14px;background:var(–paper-2)}
#mxpro-root .mxv_relationship-point i{margin-top:3px;color:var(–aqua-deep);font-size:13px}
#mxpro-root .mxv_relationship-point b{display:block;font-size:12.5px}
#mxpro-root .mxv_relationship-point span{display:block;margin-top:4px;color:var(–muted);font-size:11px;line-height:1.5}
#mxpro-root .mxv_download{padding:106px 0;background:radial-gradient(650px 340px at 12% 20%,rgba(61,123,255,.15),transparent 66%),radial-gradient(720px 380px at 88% 10%,rgba(222,9,127,.21),transparent 68%),var(–dark)}
#mxpro-root .mxv_download-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);gap:50px;align-items:center;padding:60px 58px;border:1px solid var(–dark-line);border-radius:26px;background:linear-gradient(160deg,rgba(33,21,52,.82),rgba(18,10,28,.96));box-shadow:0 32px 90px rgba(0,0,0,.34)}
#mxpro-root .mxv_download-panel h2{color:#fff!important}
#mxpro-root .mxv_download-panel .mxv_lead{margin-top:17px;color:var(–dark-muted)}
#mxpro-root .mxv_download-checks{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#cfc5da;font-size:12px;font-weight:700}
#mxpro-root .mxv_download-checks span::before{content:”✓”;margin-right:7px;color:var(–aqua)}
#mxpro-root .mxv_pack-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.045)}
#mxpro-root .mxv_pack-icon{width:58px;height:67px;display:grid;place-items:center;margin-bottom:20px;border-radius:14px;background:linear-gradient(145deg,var(–mag),var(–mag-soft));color:#fff;font-size:22px;box-shadow:0 16px 34px rgba(222,9,127,.28)}
#mxpro-root .mxv_pack-card span{display:block;color:var(–aqua);font-family:var(–mono);font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
#mxpro-root .mxv_pack-card strong{display:block;margin-top:7px;color:#fff;font-size:18px;line-height:1.35}
#mxpro-root .mxv_pack-card p{margin-top:8px;color:var(–dark-muted);font-size:11.5px}
#mxpro-root .mxv_pack-card .mxv_btn{width:100%;margin-top:22px}
#mxpro-root .mxv_locale{
display:flex;
align-items:flex-start;
justify-content:center;
flex-wrap:nowrap;
gap:11px;
margin:28px 0 0;
padding:0 0 32px;
color:var(–dark-muted);
background:transparent;
font-size:11px;
line-height:23px;
}
#mxpro-root .mxv_locale-label{white-space:nowrap}
#mxpro-root .mxv_locale-flag{
display:inline-flex;
width:34px;
height:23px;
flex:0 0 34px;
overflow:hidden;
border:1px solid rgba(255,255,255,.2);
border-radius:2px;
opacity:.7;
}
#mxpro-root .mxv_locale-flag svg{width:100%;height:100%}
#mxpro-root a.mxv_locale-flag{transition:opacity .2s ease,transform .2s ease}
#mxpro-root a.mxv_locale-flag:hover{opacity:1;transform:translateY(-1px)}
#mxpro-root .mxv_modal{
position:fixed;
z-index:100000;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:24px;
background:rgba(10,5,18,.82);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
#mxpro-root .mxv_modal.mxv_modal–open{display:flex}
#mxpro-root .mxv_modal-dialog{
position:relative;
width:min(930px,100%);
max-height:calc(100vh – 48px);
overflow:hidden;
border:1px solid rgba(255,255,255,.14);
border-radius:25px;
background:#fff;
box-shadow:0 36px 110px rgba(0,0,0,.46);
}
#mxpro-root .mxv_modal-close{
position:absolute;
z-index:8;
right:16px;
top:16px;
width:42px;
height:42px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.18);
border-radius:12px;
background:rgba(18,8,29,.72);
color:#fff;
cursor:pointer;
font-size:18px;
transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease;
}
#mxpro-root .mxv_modal-close:hover{
color:var(–aqua);
border-color:var(–aqua);
background:var(–dark);
transform:rotate(4deg);
}
#mxpro-root .mxv_modal-layout{
display:grid;
grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
min-height:520px;
}
#mxpro-root .mxv_modal-summary{
position:relative;
padding:46px 36px 38px;
overflow:hidden;
background:
radial-gradient(430px 280px at 100% 0%,rgba(222,9,127,.22),transparent 68%),
radial-gradient(380px 260px at 0% 100%,rgba(20,224,192,.12),transparent 68%),
var(–dark);
color:#fff;
}
#mxpro-root .mxv_modal-summary::before{
content:””;
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
background-size:44px 44px;
pointer-events:none;
}
#mxpro-root .mxv_modal-summary>*{position:relative;z-index:2}
#mxpro-root .mxv_modal-pack-icon{
width:64px;
height:74px;
display:grid;
place-items:center;
margin-bottom:27px;
border-radius:16px;
background:linear-gradient(145deg,var(–mag),var(–mag-soft));
color:#fff;
font-size:24px;
box-shadow:0 18px 38px rgba(222,9,127,.3);
}
#mxpro-root .mxv_modal-summary .mxv_eyebrow{margin-bottom:14px}
#mxpro-root .mxv_modal-summary h2{
color:#fff!important;
font-size:clamp(25px,2.7vw,35px);
}
#mxpro-root .mxv_modal-summary p{
margin-top:15px;
color:var(–dark-muted);
font-size:13px;
}
#mxpro-root .mxv_modal-benefits{
display:grid;
gap:12px;
margin-top:26px;
}
#mxpro-root .mxv_modal-benefit{
display:flex;
align-items:flex-start;
gap:10px;
color:#ddd4e5;
font-size:12px;
line-height:1.5;
}
#mxpro-root .mxv_modal-benefit i{
margin-top:3px;
color:var(–aqua);
font-size:11px;
}
#mxpro-root .mxv_modal-form-side{
display:flex;
align-items:center;
padding:38px 40px 34px;
background:#fff;
}
#mxpro-root .mxv_download-form{width:100%}
#mxpro-root .mxv_form-heading{padding-right:42px;margin-bottom:22px}
#mxpro-root .mxv_form-heading span{
display:block;
color:var(–mag);
font-family:var(–mono);
font-size:10px;
font-weight:600;
letter-spacing:.13em;
text-transform:uppercase;
}
#mxpro-root .mxv_form-heading h3{
margin-top:8px;
font-size:25px;
}
#mxpro-root .mxv_form-heading p{
margin-top:9px;
color:var(–muted);
font-size:12.5px;
}
#mxpro-root .mxv_form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
#mxpro-root .mxv_field{min-width:0}
#mxpro-root .mxv_field.–full{grid-column:1/-1}
#mxpro-root .mxv_field label{
display:block;
margin-bottom:7px;
color:var(–ink);
font-size:12.5px;
font-weight:750;
}
#mxpro-root .mxv_field input{
width:100%;
height:48px;
padding:0 14px;
border:1px solid #ddd5e2;
border-radius:11px;
background:#fff;
color:var(–ink);
font:600 14px/1.3 var(–font);
outline:none;
transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
#mxpro-root .mxv_field input::placeholder{color:#a59baa;font-weight:500}
#mxpro-root .mxv_field input:focus{
border-color:var(–mag);
box-shadow:0 0 0 4px rgba(222,9,127,.09);
}
#mxpro-root .mxv_field input[aria-invalid=”true”]{
border-color:#c53d55;
box-shadow:0 0 0 4px rgba(197,61,85,.08);
}
#mxpro-root .mxv_honeypot{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important;
}
#mxpro-root .mxv_consent{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:16px;
color:var(–muted);
font-size:11.5px;
line-height:1.5;
}
#mxpro-root .mxv_consent input{
width:17px;
height:17px;
flex:0 0 auto;
margin-top:1px;
accent-color:var(–mag);
}
#mxpro-root .mxv_consent a{
color:var(–mag);
font-weight:700;
text-decoration:underline;
text-underline-offset:2px;
}
#mxpro-root .mxv_form-submit{
width:100%;
margin-top:18px;
}
#mxpro-root .mxv_form-status{
min-height:18px;
margin-top:10px;
color:var(–muted);
font-size:11.5px;
line-height:1.45;
text-align:center;
}
#mxpro-root .mxv_form-status.–error{color:#a6253c}
#mxpro-root .mxv_form-status.–success{color:var(–aqua-deep)}
#mxpro-root .mxv_form-privacy{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:7px;
color:#918797;
font-size:10.5px;
}
#mxpro-root .mxv_form-privacy i{color:var(–aqua-deep)}
#mxpro-root .mxv_form-success{
width:100%;
text-align:center;
}
#mxpro-root .mxv_form-success[hidden]{display:none!important}
#mxpro-root .mxv_form-success-icon{
width:70px;
height:70px;
display:grid;
place-items:center;
margin:0 auto 20px;
border-radius:21px;
background:rgba(20,224,192,.11);
color:var(–aqua-deep);
font-size:27px;
}
#mxpro-root .mxv_form-success h3{font-size:28px}
#mxpro-root .mxv_form-success p{
max-width:440px;
margin:12px auto 0;
color:var(–muted);
font-size:13px;
}
#mxpro-root .mxv_success-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-top:22px;
}
#mxpro-root .mxv_success-actions [hidden]{display:none!important}
body.mxpro-modal-open{overflow:hidden!important}
.elementor-widget-html:has(#mxpro-root),
.elementor-widget-html:has(#mxpro-root)>.elementor-widget-container,
.elementor-element.elementor-widget-html:has(#mxpro-root){
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.mxpro-landing-page .elementor-element:has(#mxpro-root),
body.mxpro-landing-page .elementor-section:has(#mxpro-root),
body.mxpro-landing-page .elementor-container:has(#mxpro-root),
body.mxpro-landing-page .e-con:has(#mxpro-root),
body.mxpro-landing-page .e-con-inner:has(#mxpro-root){
margin-bottom:0!important;
padding-bottom:0!important;
}
#mxpro-root,
#mxpro-root .mxv_download{margin-bottom:0!important}
@media(min-width:1041px){
#mxpro-root{
–header-overlap:180px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxpro-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 92px)!important;
padding-bottom:96px!important;
min-height:760px;
}
body.mxpro-landing-page #mxr-header-root,
body.mxpro-landing-page .mxr_header_chrome{position:relative;z-index:9500;background:transparent!important}
body.mxpro-landing-page #mxr-hdr{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
body.mxpro-landing-page #mxr-hdr.–sc{background:rgba(18,8,29,.90)!important;background-color:rgba(18,8,29,.90)!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(18,8,29,.16)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-in{background:transparent!important}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-nav a,
body.mxpro-landing-page #mxr-hdr .mxr_hdr-login{color:#f6f1fa!important}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-login svg{stroke:currentColor!important}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-logo img{transition:filter .2s ease,opacity .2s ease}
body.mxpro-landing-page #mxr-hdr .mxr_hdr-logo img.mxpro-header-logo-white-fallback{filter:brightness(0) invert(1)}
}
@media(min-width:768px) and (max-width:1040px){
#mxpro-root{
–header-overlap:150px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxpro-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 168px)!important;
padding-bottom:94px!important;
}
}
@media(max-width:767px){
#mxpro-root{
–header-overlap:126px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxpro-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 132px)!important;
padding-bottom:72px!important;
}
}
@media(max-width:1160px){
#mxpro-root .mxv_mxplus-grid{gap:48px}
#mxpro-root .mxv_relationship-grid{gap:48px}
}
@media(max-width:1040px){
#mxpro-root{–wrap:min(100% – 40px,1380px)}
#mxpro-root .mxv_metrics-grid{grid-template-columns:repeat(2,1fr)}
#mxpro-root .mxv_metric:nth-child(2){border-right:0}
#mxpro-root .mxv_metric:nth-child(-n+2){border-bottom:1px solid var(–line)}
#mxpro-root .mxv_intro-grid{grid-template-columns:1fr;gap:44px}
#mxpro-root .mxv_intro-side{position:static;max-width:760px}
#mxpro-root .mxv_mxplus-grid,#mxpro-root .mxv_relationship-grid{grid-template-columns:1fr;gap:45px}
#mxpro-root .mxv_process{width:min(720px,100%)}
#mxpro-root .mxv_relationship-card{width:min(650px,100%)}
#mxpro-root .mxv_download-panel{grid-template-columns:1fr;gap:37px}
#mxpro-root .mxv_pack-card{max-width:470px}
}
@media(min-width:1041px) and (max-height:850px){
#mxpro-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 70px)!important;
padding-bottom:76px!important;
min-height:690px;
}
#mxpro-root .mxv_hero-logo{
width:136px;
height:136px;
margin-bottom:23px;
}
}
@media(max-width:900px){
#mxpro-root .mxv_modal{padding:14px}
#mxpro-root .mxv_modal-dialog{
max-height:calc(100vh – 28px);
overflow:auto;
}
#mxpro-root .mxv_modal-layout{grid-template-columns:1fr}
#mxpro-root .mxv_modal-summary{padding:34px 30px 30px}
#mxpro-root .mxv_modal-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#mxpro-root .mxv_modal-form-side{padding:30px}
}
@media(max-width:820px){
#mxpro-root .mxv_section{padding:82px 0}
#mxpro-root .mxv_outcomes-grid{grid-template-columns:1fr}
#mxpro-root .mxv_quote-panel{padding:48px 35px 45px}
#mxpro-root .mxv_download{padding:83px 0}
#mxpro-root .mxv_download-panel{padding:44px 36px}
}
@media(max-width:620px){
#mxpro-root{–wrap:min(100% – 28px,1380px)}
#mxpro-root .mxv_hero-logo{width:118px;height:118px;padding:15px;border-radius:27px;margin-bottom:23px}
#mxpro-root .mxv_modal{padding:8px}
#mxpro-root .mxv_modal-dialog{max-height:calc(100vh – 16px);border-radius:18px}
#mxpro-root .mxv_modal-summary{padding:29px 22px 24px}
#mxpro-root .mxv_modal-pack-icon{width:52px;height:60px;margin-bottom:20px}
#mxpro-root .mxv_modal-benefits{grid-template-columns:1fr;margin-top:20px}
#mxpro-root .mxv_modal-form-side{padding:25px 20px 22px}
#mxpro-root .mxv_form-grid{grid-template-columns:1fr;gap:12px}
#mxpro-root .mxv_field.–full{grid-column:auto}
#mxpro-root .mxv_form-heading{padding-right:38px}
#mxpro-root .mxv_modal-close{right:10px;top:10px}
#mxpro-root .mxv_mark{white-space:normal}
#mxpro-root .mxv_ctas{flex-direction:column;align-items:stretch}
#mxpro-root .mxv_btn{width:100%}
#mxpro-root .mxv_metrics-grid{grid-template-columns:1fr 1fr}
#mxpro-root .mxv_metric{padding:26px 20px}
#mxpro-root .mxv_metric span{display:none}
#mxpro-root .mxv_story-block{padding:25px 22px}
#mxpro-root .mxv_story-block h3{align-items:flex-start;font-size:20px}
#mxpro-root .mxv_quote-band{padding:70px 0}
#mxpro-root .mxv_quote-panel{padding:41px 22px 38px}
#mxpro-root .mxv_quote-author{align-items:flex-start}
#mxpro-root .mxv_process{padding:17px}
#mxpro-root .mxv_process-step{grid-template-columns:43px 1fr;padding:14px}
#mxpro-root .mxv_process-step>i{display:none}
#mxpro-root .mxv_relationship-card{min-height:500px;padding:18px}
#mxpro-root .mxv_relationship-core{top:48%;width:124px;height:124px}
#mxpro-root .mxv_relationship-card::before{width:350px;height:350px;top:48%}
#mxpro-root .mxv_relationship-card::after{width:235px;height:235px;top:48%}
#mxpro-root .mxv_relation-node{width:121px;padding:11px}
#mxpro-root .mxv_relation-node.–one{left:13px;top:21px}
#mxpro-root .mxv_relation-node.–two{right:13px;top:21px}
#mxpro-root .mxv_relation-node.–three{left:13px;bottom:35px}
#mxpro-root .mxv_relation-node.–four{right:13px;bottom:35px}
#mxpro-root .mxv_relationship-label{bottom:11px;font-size:8px}
#mxpro-root .mxv_download-panel{padding:36px 23px}
}
@media(max-width:1040px){
#mxpro-root .mxv_mark{
position:static;
display:inline;
white-space:normal;
text-decoration-line:underline;
text-decoration-color:var(–aqua);
text-decoration-thickness:3px;
text-underline-offset:.13em;
text-decoration-skip-ink:none;
}
#mxpro-root .mxv_mark::after{display:none}
#mxpro-root h2{font-size:clamp(26.6px,3.42vw,41.8px)}
#mxpro-root .mxv_head,
#mxpro-root .mxv_intro-side,
#mxpro-root .mxv_mxplus-copy,
#mxpro-root .mxv_relationship-copy,
#mxpro-root .mxv_download-panel>div:first-child{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#mxpro-root .mxv_head .mxv_eyebrow,
#mxpro-root .mxv_intro-side .mxv_eyebrow,
#mxpro-root .mxv_mxplus-copy .mxv_eyebrow,
#mxpro-root .mxv_relationship-copy .mxv_eyebrow,
#mxpro-root .mxv_download-panel>div:first-child .mxv_eyebrow{
justify-content:center;
}
#mxpro-root .mxv_lead{margin-left:auto;margin-right:auto}
#mxpro-root .mxv_ctas,
#mxpro-root .mxv_download-checks{justify-content:center}
#mxpro-root .mxv_metric{text-align:center}
#mxpro-root .mxv_intro-side{max-width:790px}
#mxpro-root .mxv_context-card,
#mxpro-root .mxv_story-block,
#mxpro-root .mxv_outcome,
#mxpro-root .mxv_process,
#mxpro-root .mxv_relationship-card,
#mxpro-root .mxv_relationship-point,
#mxpro-root .mxv_pack-card{
text-align:left;
}
}
@media(max-width:620px){
}
@media(max-width:1040px){
#mxpro-root .mxv_locale{padding-bottom:30px;line-height:22px}
#mxpro-root .mxv_locale-flag{width:32px;height:22px;flex-basis:32px}
}
@media(max-width:620px){
#mxpro-root .mxv_locale{gap:9px;padding-bottom:26px;line-height:18px}
#mxpro-root .mxv_locale-flag{width:26px;height:18px;flex-basis:26px}
}
#mxpro-root,
#mxpro-root .mxv_download,
#mxpro-root .mxv_download-panel{margin-bottom:0!important}
#mxpro-root .mxv_download{padding-bottom:0!important}
#mxpro-root>:last-child{margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){
#mxpro-root *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
#mxpro-root .mxv_rv{opacity:1!important;transform:none!important}
}
Prodrive researched the market, tested the complete My MX Data platform for 30 days and selected a service that combined straightforward adoption, visible activity, responsive UK support and value aligned with its requirements.
Best known for motorsport, Prodrive has diversified into a wider technology business serving multiple sectors. Its UK operations employ more than 500 people across Banbury and Milton Keynes.
The selection challenge
Find a dependable replacement that users could adopt easily and the business could justify commercially.
The assessment needed to address concerns associated with the incumbent tool while demonstrating practical benefits for day-to-day secure exchanges.
Prodrive is a world-leading motorsport and technology business. Motorsport remains central to its identity, but it forms one part of a wider organization working across a range of sectors and technical disciplines.
That environment requires business information and project files to move between internal users, customers and partners through a process that people can understand and rely upon.
Prodrive explored the market before selecting an MX 100 plan that could provide up to 100 users with the ability to send and receive an unlimited number of files through a controlled environment.
The team assessed potential providers against a strict set of requirements rather than making a decision on headline features alone. This created a structured benchmark for usability, service continuity, visibility and commercial fit.
A 30-day trial gave Prodrive access to the complete platform and allowed prospective users to evaluate the experience directly. The test helped the team confirm that the service was easy to navigate and that the dashboard presented recent activity clearly.
For organizations running a similar evaluation, a hands-on My MX Data trial provides an opportunity to test controlled file exchange against real workflows before a wider rollout.
The system was extremely easy to use.
EGEnrique GoddardSupport Specialist, Prodrive
Prodrive’s selection was shaped by the complete operating experience: how quickly people could become comfortable with the platform, how clearly activity could be reviewed and how effectively questions were handled.
Users found the system easy to operate, reducing the friction commonly associated with introducing a new external file-exchange process.
The dashboard’s presentation and activity view were well received, giving users a clearer picture of recent exchange events.
Prodrive considered MX better aligned with its current budget than the competing options assessed during the market review.
According to Majenta Solutions, Prodrive was considering a replacement because of downtime experienced during upgrades and uncertainty around the future of its existing tool.
The detailed benchmark allowed the teams to work through those concerns directly. It also demonstrated additional benefits including controlled exchange, automatic notifications and one-click reporting.
This is the distinction between a general file-sharing purchase and a more considered corporate file-exchange decision: the chosen process must remain usable while giving the organization stronger oversight and evidence.
Evaluation routeEvidence-led selection
Define strict requirementsSet expectations for usability, continuity, reporting, support and commercial fit.
Run a full-platform trialAllow real users to test the dashboard, exchange workflow and onboarding experience.
Select with evidenceConfirm that the platform addresses operational concerns and fits the available budget.
A detailed trial gave Prodrive the opportunity to assess both the technology and the people supporting it before moving forward.
We are thrilled to have Prodrive on board, as we felt that they really share our passion and vision for MX. Prodrive were looking to replace their incumbent tool due to the down-time seen during upgrades, as well as concerns over the future of the tool.
WWWes WhitmoreTechnical Account Manager, Majenta Solutions
During the trial, Prodrive reported that minor onboarding questions were resolved quickly and efficiently by the UK-based support team.
Confidence was also strengthened because two of Prodrive’s customers already used MX as their trusted data exchange provider, while the business had prior experience of the platform through Aston Martin.
Support formed part of the evaluationThe team assessed how questions were handled, not only how the software behaved.
Familiarity reduced adoption riskExisting customer use provided additional reassurance around the exchange experience.
Reporting improved practical oversightAutomatic notifications and one-click reporting added value beyond basic file delivery.
Explore the wider My MX Data feature set, including the controls that support traceable business file exchanges.
Short on time? Access a condensed package covering MX use cases and challenges solved across automotive manufacturing, including why surveyed users rated MX 9.5 out of 10.
Six customer examplesCondensed key pointsAutomotive workflows
Case study download
MX automotive manufacturing pack
Complete the short form to access the document.
View in
Automotive case study pack
A compact reference for teams evaluating controlled automotive and engineering file exchange.
Six customer examples and the challenges they addressed.
Key outcomes from real manufacturing workflows.
Designed for quick internal review and discussion.
Request the pack
Complete the short form. All fields are required.
I agree to the Privacy Policy and consent to My MX Data using these details to provide the requested case study pack.
Your details are used only to respond to this request.
Thank you. Follow the next step below to access the automotive case study pack.
