#mxop-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;
}
#mxop-root *,#mxop-root *::before,#mxop-root *::after{box-sizing:border-box;margin:0;padding:0}
#mxop-root img,#mxop-root svg{display:block;max-width:100%}
#mxop-root a{color:inherit;text-decoration:none}
#mxop-root button{font:inherit}
#mxop-root section{position:relative}
#mxop-root .mxv_wrap{width:var(–wrap);margin:0 auto}
#mxop-root .mxv_section{padding:104px 0}
#mxop-root .mxv_tint{background:var(–paper-2)}
#mxop-root .mxv_dark{background:var(–dark);color:var(–dark-text)}
#mxop-root h1,#mxop-root h2,#mxop-root h3{font-weight:750;letter-spacing:-.025em;line-height:1.08;color:var(–ink)}
#mxop-root h1{font-size:clamp(35px,4.7vw,59px)}
#mxop-root h2{font-size:clamp(28px,3.6vw,44px)}
#mxop-root h3{font-size:19px;letter-spacing:-.012em}
#mxop-root p{line-height:1.72}
#mxop-root .mxv_dark h1,#mxop-root .mxv_dark h2,#mxop-root .mxv_dark h3{color:#fff!important}
#mxop-root .mxv_head{max-width:790px;margin-bottom:54px}
#mxop-root .mxv_head.–center{margin-left:auto;margin-right:auto;text-align:center}
#mxop-root .mxv_head p{margin-top:17px}
#mxop-root .mxv_lead{font-size:clamp(16px,1.35vw,18.5px);color:var(–ink-2);max-width:710px}
#mxop-root .mxv_dark .mxv_lead{color:var(–dark-muted)}
#mxop-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}
#mxop-root .mxv_eyebrow::before{content:””;width:22px;height:2px;border-radius:2px;background:currentColor}
#mxop-root .mxv_dark .mxv_eyebrow{color:var(–aqua)}
#mxop-root .mxv_mark{position:relative;display:inline-block;color:var(–mag-soft);white-space:nowrap}
#mxop-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)}}
#mxop-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}
#mxop-root .mxv_btn i{font-size:14px;line-height:1;transition:transform .2s ease}
#mxop-root .mxv_btn:hover{transform:translateY(-3px)}
#mxop-root .mxv_btn:hover i:last-child{transform:translateX(4px)}
#mxop-root .mxv_btn:focus-visible{outline:3px solid var(–aqua);outline-offset:3px}
#mxop-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)}
#mxop-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}
#mxop-root .mxv_btn–primary:hover{box-shadow:0 20px 46px rgba(222,9,127,.46),inset 0 1px 0 rgba(255,255,255,.25)}
#mxop-root .mxv_btn–primary:hover::after{left:130%}
#mxop-root .mxv_btn–ghost{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(255,255,255,.24)}
#mxop-root .mxv_btn–ghost:hover{color:var(–aqua);border-color:var(–aqua);box-shadow:0 14px 34px rgba(20,224,192,.14)}
#mxop-root .mxv_btn–light{background:#fff;color:var(–ink);border-color:var(–line);box-shadow:0 8px 22px rgba(18,8,29,.08)}
#mxop-root .mxv_btn–light:hover{color:var(–mag);border-color:var(–mag);box-shadow:0 16px 36px rgba(222,9,127,.14)}
#mxop-root .mxv_ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
#mxop-root .mxv_note{display:flex;align-items:center;gap:7px;margin-top:11px;color:var(–dark-muted);font-size:12.5px;font-weight:600}
#mxop-root .mxv_note i{color:var(–aqua)}
#mxop-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}
#mxop-root .mxv_text-link:hover{color:var(–mag-deep);text-decoration-color:currentColor}
#mxop-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}
#mxop-root .mxv_back-link i{font-size:11px;transition:transform .2s ease}
#mxop-root .mxv_back-link:hover{color:var(–aqua)}
#mxop-root .mxv_back-link:hover i{transform:translateX(-3px)}
#mxop-root .mxv_rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#mxop-root .mxv_rv.mxv_in{opacity:1;transform:none}
#mxop-root .mxv_rv[data-d=”1″]{transition-delay:.1s}
#mxop-root .mxv_rv[data-d=”2″]{transition-delay:.2s}
#mxop-root .mxv_rv[data-d=”3″]{transition-delay:.3s}
#mxop-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);
}
#mxop-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;
}
#mxop-root .mxv_hero-grid{position:relative;z-index:2;display:block}
#mxop-root .mxv_hero-copy{
max-width:1040px;
margin:0 auto;
text-align:center;
}
#mxop-root .mxv_back-link{justify-content:center;margin-bottom:24px}
#mxop-root .mxv_hero-copy .mxv_eyebrow{justify-content:center}
#mxop-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);
}
#mxop-root .mxv_hero-logo::after{
content:””;
position:absolute;
inset:-12px;
border:1px solid rgba(20,224,192,.15);
border-radius:42px;
pointer-events:none;
}
#mxop-root .mxv_hero-logo img{width:100%;height:100%;object-fit:contain}
#mxop-root .mxv_hero h1{
max-width:980px;
margin:0 auto;
color:#fff!important;
}
#mxop-root .mxv_hero-sub{
max-width:810px;
margin:24px auto 0;
color:var(–dark-muted);
font-size:clamp(16px,1.4vw,18.5px);
}
#mxop-root .mxv_hero-sub strong{color:#fff}
#mxop-root .mxv_hero-copy .mxv_ctas{
justify-content:center;
align-items:flex-start;
}
#mxop-root .mxv_hero-copy .mxv_note{justify-content:center}
#mxop-root .mxv_metrics{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(–line)}
#mxop-root .mxv_metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#mxop-root .mxv_metric{position:relative;padding:35px 32px;border-right:1px solid var(–line)}
#mxop-root .mxv_metric:last-child{border-right:0}
#mxop-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}
#mxop-root .mxv_metric strong{display:block;margin-top:9px;font-size:13px}
#mxop-root .mxv_metric span{display:block;margin-top:6px;color:var(–muted);font-size:11px;line-height:1.5}
#mxop-root .mxv_intro-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:82px;align-items:start}
#mxop-root .mxv_intro-side{position:sticky;top:120px}
#mxop-root .mxv_intro-side .mxv_lead{margin-top:18px}
#mxop-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)}
#mxop-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}
#mxop-root .mxv_context-card strong{display:block;margin-top:8px;font-size:16px;line-height:1.4}
#mxop-root .mxv_context-card p{margin-top:8px;color:var(–muted);font-size:12.5px}
#mxop-root .mxv_story-copy{display:grid;gap:27px}
#mxop-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)}
#mxop-root .mxv_story-block h3{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:22px}
#mxop-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}
#mxop-root .mxv_story-block p{color:var(–ink-2);font-size:15px}
#mxop-root .mxv_story-block p+p{margin-top:17px}
#mxop-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)}
#mxop-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}
#mxop-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}
#mxop-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}
#mxop-root .mxv_quote-author{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
#mxop-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}
#mxop-root .mxv_quote-author strong{display:block;color:#fff;font-size:13px;text-align:left}
#mxop-root .mxv_quote-author small{display:block;margin-top:3px;color:var(–dark-muted);font-size:11px;text-align:left}
#mxop-root .mxv_outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
#mxop-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}
#mxop-root .mxv_outcome::after{content:””;position:absolute;width:145px;height:145px;right:-76px;top:-76px;border-radius:50%;background:rgba(222,9,127,.07)}
#mxop-root .mxv_outcome:nth-child(2)::after{background:rgba(61,123,255,.07)}
#mxop-root .mxv_outcome:nth-child(3)::after{background:rgba(20,224,192,.075)}
#mxop-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}
#mxop-root .mxv_outcome:nth-child(2) .mxv_outcome-icon{background:rgba(61,123,255,.09);color:var(–blue)}
#mxop-root .mxv_outcome:nth-child(3) .mxv_outcome-icon{background:rgba(20,224,192,.10);color:var(–aqua-deep)}
#mxop-root .mxv_outcome h3{margin-bottom:10px}
#mxop-root .mxv_outcome p{color:var(–ink-2);font-size:14px}
#mxop-root .mxv_mxplus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:72px;align-items:center}
#mxop-root .mxv_mxplus-copy .mxv_lead{margin-top:18px}
#mxop-root .mxv_mxplus-copy>p:not(.mxv_lead){margin-top:19px;color:var(–dark-muted);font-size:15px}
#mxop-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)}
#mxop-root .mxv_process-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(–dark-line)}
#mxop-root .mxv_process-top strong{color:#fff;font-size:14px}
#mxop-root .mxv_process-top span{color:var(–aqua);font-family:var(–mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
#mxop-root .mxv_process-steps{display:grid;gap:13px;margin-top:20px}
#mxop-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)}
#mxop-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}
#mxop-root .mxv_process-step:nth-child(2)>span:first-child{background:rgba(61,123,255,.10);color:#7da5ff}
#mxop-root .mxv_process-step:nth-child(3)>span:first-child{background:rgba(20,224,192,.09);color:var(–aqua)}
#mxop-root .mxv_process-step b{display:block;color:#fff;font-size:13px}
#mxop-root .mxv_process-step small{display:block;margin-top:4px;color:var(–dark-muted);font-size:10.5px;line-height:1.5}
#mxop-root .mxv_process-step>i{color:#71647d;font-size:12px}
#mxop-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}
#mxop-root .mxv_relationship-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
#mxop-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}
#mxop-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%}
#mxop-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%}
#mxop-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)}
#mxop-root .mxv_relationship-core img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff;padding:9px}
#mxop-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}
#mxop-root .mxv_relation-node i{display:block;margin-bottom:7px;color:var(–mag);font-size:16px}
#mxop-root .mxv_relation-node b{display:block;font-size:11px}
#mxop-root .mxv_relation-node span{display:block;margin-top:3px;color:var(–muted);font-size:9px;line-height:1.4}
#mxop-root .mxv_relation-node.–one{left:26px;top:31px}
#mxop-root .mxv_relation-node.–two{right:26px;top:31px}
#mxop-root .mxv_relation-node.–three{left:32px;bottom:31px}
#mxop-root .mxv_relation-node.–four{right:32px;bottom:31px}
#mxop-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}
#mxop-root .mxv_relationship-copy .mxv_lead{margin-top:18px}
#mxop-root .mxv_relationship-copy>p:not(.mxv_lead){margin-top:19px;color:var(–ink-2);font-size:15px}
#mxop-root .mxv_relationship-points{display:grid;gap:12px;margin-top:26px}
#mxop-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)}
#mxop-root .mxv_relationship-point i{margin-top:3px;color:var(–aqua-deep);font-size:13px}
#mxop-root .mxv_relationship-point b{display:block;font-size:12.5px}
#mxop-root .mxv_relationship-point span{display:block;margin-top:4px;color:var(–muted);font-size:11px;line-height:1.5}
#mxop-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)}
#mxop-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)}
#mxop-root .mxv_download-panel h2{color:#fff!important}
#mxop-root .mxv_download-panel .mxv_lead{margin-top:17px;color:var(–dark-muted)}
#mxop-root .mxv_download-checks{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#cfc5da;font-size:12px;font-weight:700}
#mxop-root .mxv_download-checks span::before{content:”✓”;margin-right:7px;color:var(–aqua)}
#mxop-root .mxv_pack-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.045)}
#mxop-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)}
#mxop-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}
#mxop-root .mxv_pack-card strong{display:block;margin-top:7px;color:#fff;font-size:18px;line-height:1.35}
#mxop-root .mxv_pack-card p{margin-top:8px;color:var(–dark-muted);font-size:11.5px}
#mxop-root .mxv_pack-card .mxv_btn{width:100%;margin-top:22px}
#mxop-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;
}
#mxop-root .mxv_locale-label{white-space:nowrap}
#mxop-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;
}
#mxop-root .mxv_locale-flag svg{width:100%;height:100%}
#mxop-root a.mxv_locale-flag{transition:opacity .2s ease,transform .2s ease}
#mxop-root a.mxv_locale-flag:hover{opacity:1;transform:translateY(-1px)}
#mxop-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);
}
#mxop-root .mxv_modal.mxv_modal–open{display:flex}
#mxop-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);
}
#mxop-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;
}
#mxop-root .mxv_modal-close:hover{
color:var(–aqua);
border-color:var(–aqua);
background:var(–dark);
transform:rotate(4deg);
}
#mxop-root .mxv_modal-layout{
display:grid;
grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
min-height:520px;
}
#mxop-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;
}
#mxop-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;
}
#mxop-root .mxv_modal-summary>*{position:relative;z-index:2}
#mxop-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);
}
#mxop-root .mxv_modal-summary .mxv_eyebrow{margin-bottom:14px}
#mxop-root .mxv_modal-summary h2{
color:#fff!important;
font-size:clamp(25px,2.7vw,35px);
}
#mxop-root .mxv_modal-summary p{
margin-top:15px;
color:var(–dark-muted);
font-size:13px;
}
#mxop-root .mxv_modal-benefits{
display:grid;
gap:12px;
margin-top:26px;
}
#mxop-root .mxv_modal-benefit{
display:flex;
align-items:flex-start;
gap:10px;
color:#ddd4e5;
font-size:12px;
line-height:1.5;
}
#mxop-root .mxv_modal-benefit i{
margin-top:3px;
color:var(–aqua);
font-size:11px;
}
#mxop-root .mxv_modal-form-side{
display:flex;
align-items:center;
padding:38px 40px 34px;
background:#fff;
}
#mxop-root .mxv_download-form{width:100%}
#mxop-root .mxv_form-heading{padding-right:42px;margin-bottom:22px}
#mxop-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;
}
#mxop-root .mxv_form-heading h3{
margin-top:8px;
font-size:25px;
}
#mxop-root .mxv_form-heading p{
margin-top:9px;
color:var(–muted);
font-size:12.5px;
}
#mxop-root .mxv_form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
#mxop-root .mxv_field{min-width:0}
#mxop-root .mxv_field.–full{grid-column:1/-1}
#mxop-root .mxv_field label{
display:block;
margin-bottom:7px;
color:var(–ink);
font-size:12.5px;
font-weight:750;
}
#mxop-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;
}
#mxop-root .mxv_field input::placeholder{color:#a59baa;font-weight:500}
#mxop-root .mxv_field input:focus{
border-color:var(–mag);
box-shadow:0 0 0 4px rgba(222,9,127,.09);
}
#mxop-root .mxv_field input[aria-invalid=”true”]{
border-color:#c53d55;
box-shadow:0 0 0 4px rgba(197,61,85,.08);
}
#mxop-root .mxv_honeypot{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important;
}
#mxop-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;
}
#mxop-root .mxv_consent input{
width:17px;
height:17px;
flex:0 0 auto;
margin-top:1px;
accent-color:var(–mag);
}
#mxop-root .mxv_consent a{
color:var(–mag);
font-weight:700;
text-decoration:underline;
text-underline-offset:2px;
}
#mxop-root .mxv_form-submit{
width:100%;
margin-top:18px;
}
#mxop-root .mxv_form-status{
min-height:18px;
margin-top:10px;
color:var(–muted);
font-size:11.5px;
line-height:1.45;
text-align:center;
}
#mxop-root .mxv_form-status.–error{color:#a6253c}
#mxop-root .mxv_form-status.–success{color:var(–aqua-deep)}
#mxop-root .mxv_form-privacy{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:7px;
color:#918797;
font-size:10.5px;
}
#mxop-root .mxv_form-privacy i{color:var(–aqua-deep)}
#mxop-root .mxv_form-success{
width:100%;
text-align:center;
}
#mxop-root .mxv_form-success[hidden]{display:none!important}
#mxop-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;
}
#mxop-root .mxv_form-success h3{font-size:28px}
#mxop-root .mxv_form-success p{
max-width:440px;
margin:12px auto 0;
color:var(–muted);
font-size:13px;
}
#mxop-root .mxv_success-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-top:22px;
}
#mxop-root .mxv_success-actions [hidden]{display:none!important}
body.mxop-modal-open{overflow:hidden!important}
.elementor-widget-html:has(#mxop-root),
.elementor-widget-html:has(#mxop-root)>.elementor-widget-container,
.elementor-element.elementor-widget-html:has(#mxop-root){
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.mxop-landing-page .elementor-element:has(#mxop-root),
body.mxop-landing-page .elementor-section:has(#mxop-root),
body.mxop-landing-page .elementor-container:has(#mxop-root),
body.mxop-landing-page .e-con:has(#mxop-root),
body.mxop-landing-page .e-con-inner:has(#mxop-root){
margin-bottom:0!important;
padding-bottom:0!important;
}
#mxop-root,
#mxop-root .mxv_download{margin-bottom:0!important}
@media(min-width:1041px){
#mxop-root{
–header-overlap:180px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxop-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 92px)!important;
padding-bottom:96px!important;
min-height:760px;
}
body.mxop-landing-page #mxr-header-root,
body.mxop-landing-page .mxr_header_chrome{position:relative;z-index:9500;background:transparent!important}
body.mxop-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.mxop-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.mxop-landing-page #mxr-hdr .mxr_hdr-in{background:transparent!important}
body.mxop-landing-page #mxr-hdr .mxr_hdr-nav a,
body.mxop-landing-page #mxr-hdr .mxr_hdr-login{color:#f6f1fa!important}
body.mxop-landing-page #mxr-hdr .mxr_hdr-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
body.mxop-landing-page #mxr-hdr .mxr_hdr-login svg{stroke:currentColor!important}
body.mxop-landing-page #mxr-hdr .mxr_hdr-logo img{transition:filter .2s ease,opacity .2s ease}
body.mxop-landing-page #mxr-hdr .mxr_hdr-logo img.mxop-header-logo-white-fallback{filter:brightness(0) invert(1)}
}
@media(min-width:768px) and (max-width:1040px){
#mxop-root{
–header-overlap:150px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxop-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 168px)!important;
padding-bottom:94px!important;
}
}
@media(max-width:767px){
#mxop-root{
–header-overlap:126px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxop-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 132px)!important;
padding-bottom:72px!important;
}
}
@media(max-width:1160px){
#mxop-root .mxv_mxplus-grid{gap:48px}
#mxop-root .mxv_relationship-grid{gap:48px}
}
@media(max-width:1040px){
#mxop-root{–wrap:min(100% – 40px,1380px)}
#mxop-root .mxv_metrics-grid{grid-template-columns:repeat(2,1fr)}
#mxop-root .mxv_metric:nth-child(2){border-right:0}
#mxop-root .mxv_metric:nth-child(-n+2){border-bottom:1px solid var(–line)}
#mxop-root .mxv_intro-grid{grid-template-columns:1fr;gap:44px}
#mxop-root .mxv_intro-side{position:static;max-width:760px}
#mxop-root .mxv_mxplus-grid,#mxop-root .mxv_relationship-grid{grid-template-columns:1fr;gap:45px}
#mxop-root .mxv_process{width:min(720px,100%)}
#mxop-root .mxv_relationship-card{width:min(650px,100%)}
#mxop-root .mxv_download-panel{grid-template-columns:1fr;gap:37px}
#mxop-root .mxv_pack-card{max-width:470px}
}
@media(min-width:1041px) and (max-height:850px){
#mxop-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 70px)!important;
padding-bottom:76px!important;
min-height:690px;
}
#mxop-root .mxv_hero-logo{
width:136px;
height:136px;
margin-bottom:23px;
}
}
@media(max-width:900px){
#mxop-root .mxv_modal{padding:14px}
#mxop-root .mxv_modal-dialog{
max-height:calc(100vh – 28px);
overflow:auto;
}
#mxop-root .mxv_modal-layout{grid-template-columns:1fr}
#mxop-root .mxv_modal-summary{padding:34px 30px 30px}
#mxop-root .mxv_modal-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#mxop-root .mxv_modal-form-side{padding:30px}
}
@media(max-width:820px){
#mxop-root .mxv_section{padding:82px 0}
#mxop-root .mxv_outcomes-grid{grid-template-columns:1fr}
#mxop-root .mxv_quote-panel{padding:48px 35px 45px}
#mxop-root .mxv_download{padding:83px 0}
#mxop-root .mxv_download-panel{padding:44px 36px}
}
@media(max-width:620px){
#mxop-root{–wrap:min(100% – 28px,1380px)}
#mxop-root .mxv_hero-logo{width:118px;height:118px;padding:15px;border-radius:27px;margin-bottom:23px}
#mxop-root .mxv_modal{padding:8px}
#mxop-root .mxv_modal-dialog{max-height:calc(100vh – 16px);border-radius:18px}
#mxop-root .mxv_modal-summary{padding:29px 22px 24px}
#mxop-root .mxv_modal-pack-icon{width:52px;height:60px;margin-bottom:20px}
#mxop-root .mxv_modal-benefits{grid-template-columns:1fr;margin-top:20px}
#mxop-root .mxv_modal-form-side{padding:25px 20px 22px}
#mxop-root .mxv_form-grid{grid-template-columns:1fr;gap:12px}
#mxop-root .mxv_field.–full{grid-column:auto}
#mxop-root .mxv_form-heading{padding-right:38px}
#mxop-root .mxv_modal-close{right:10px;top:10px}
#mxop-root .mxv_mark{white-space:normal}
#mxop-root .mxv_ctas{flex-direction:column;align-items:stretch}
#mxop-root .mxv_btn{width:100%}
#mxop-root .mxv_metrics-grid{grid-template-columns:1fr 1fr}
#mxop-root .mxv_metric{padding:26px 20px}
#mxop-root .mxv_metric span{display:none}
#mxop-root .mxv_story-block{padding:25px 22px}
#mxop-root .mxv_story-block h3{align-items:flex-start;font-size:20px}
#mxop-root .mxv_quote-band{padding:70px 0}
#mxop-root .mxv_quote-panel{padding:41px 22px 38px}
#mxop-root .mxv_quote-author{align-items:flex-start}
#mxop-root .mxv_process{padding:17px}
#mxop-root .mxv_process-step{grid-template-columns:43px 1fr;padding:14px}
#mxop-root .mxv_process-step>i{display:none}
#mxop-root .mxv_relationship-card{min-height:500px;padding:18px}
#mxop-root .mxv_relationship-core{top:48%;width:124px;height:124px}
#mxop-root .mxv_relationship-card::before{width:350px;height:350px;top:48%}
#mxop-root .mxv_relationship-card::after{width:235px;height:235px;top:48%}
#mxop-root .mxv_relation-node{width:121px;padding:11px}
#mxop-root .mxv_relation-node.–one{left:13px;top:21px}
#mxop-root .mxv_relation-node.–two{right:13px;top:21px}
#mxop-root .mxv_relation-node.–three{left:13px;bottom:35px}
#mxop-root .mxv_relation-node.–four{right:13px;bottom:35px}
#mxop-root .mxv_relationship-label{bottom:11px;font-size:8px}
#mxop-root .mxv_download-panel{padding:36px 23px}
}
@media(max-width:1040px){
#mxop-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;
}
#mxop-root .mxv_mark::after{display:none}
#mxop-root h2{font-size:clamp(26.6px,3.42vw,41.8px)}
#mxop-root .mxv_head,
#mxop-root .mxv_intro-side,
#mxop-root .mxv_mxplus-copy,
#mxop-root .mxv_relationship-copy,
#mxop-root .mxv_download-panel>div:first-child{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#mxop-root .mxv_head .mxv_eyebrow,
#mxop-root .mxv_intro-side .mxv_eyebrow,
#mxop-root .mxv_mxplus-copy .mxv_eyebrow,
#mxop-root .mxv_relationship-copy .mxv_eyebrow,
#mxop-root .mxv_download-panel>div:first-child .mxv_eyebrow{
justify-content:center;
}
#mxop-root .mxv_lead{margin-left:auto;margin-right:auto}
#mxop-root .mxv_ctas,
#mxop-root .mxv_download-checks{justify-content:center}
#mxop-root .mxv_metric{text-align:center}
#mxop-root .mxv_intro-side{max-width:790px}
#mxop-root .mxv_context-card,
#mxop-root .mxv_story-block,
#mxop-root .mxv_outcome,
#mxop-root .mxv_process,
#mxop-root .mxv_relationship-card,
#mxop-root .mxv_relationship-point,
#mxop-root .mxv_pack-card{
text-align:left;
}
}
@media(max-width:620px){
}
@media(max-width:1040px){
#mxop-root .mxv_locale{padding-bottom:30px;line-height:22px}
#mxop-root .mxv_locale-flag{width:32px;height:22px;flex-basis:32px}
}
@media(max-width:620px){
#mxop-root .mxv_locale{gap:9px;padding-bottom:26px;line-height:18px}
#mxop-root .mxv_locale-flag{width:26px;height:18px;flex-basis:26px}
}
#mxop-root,
#mxop-root .mxv_download,
#mxop-root .mxv_download-panel{margin-bottom:0!important}
#mxop-root .mxv_download{padding-bottom:0!important}
#mxop-root>:last-child{margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){
#mxop-root *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
#mxop-root .mxv_rv{opacity:1!important;transform:none!important}
}
OP Mobility moved beyond file-size limits, fragmented transfers and IT-heavy FTP administration to support faster, traceable data exchange with 603 external users across 429 companies in 37 countries.
The business develops exterior vehicle lighting systems and works with OEMs and suppliers around the world across technologies including matrix lamps, adaptive driving beam systems, LEDs, OLEDs and electronic control modules.
The operational challenge
Large CAD structures were being constrained by FTP file limits, offsite performance and ongoing IT overhead.
Teams sometimes had to split packages into multiple instalments, while recipients later spent time reconstructing the complete data set.
OP Mobility supplies custom design solutions and develops innovative exterior lighting systems for vehicle manufacturers and automotive partners across international markets.
That model depends on detailed engineering information moving quickly between distributed teams, customers and suppliers without losing visibility over who received it or what happened next.
The existing FTP process placed technical limits around file size and required additional IT resource to administer. Large CAD structures and other engineering packages sometimes had to be divided into smaller files before they could be sent.
What remained workable within one physical location became less dependable for offsite exchange. The result was avoidable preparation, transfer and reassembly time across the supply chain.
MX provided a transfer-focused route that could handle large files without forcing teams to break complete packages into instalments. Because the service operates through the browser, implementation did not require additional desktop software across every participant.
This combination of large-file capability and straightforward external access is central to controlled large-file sharing where engineering data must cross organizational boundaries.
We had full confidence that this was the tool for our needs, and our business team have implemented MX as our standard process for exchanging data with external partners.
DJDavid JanečekSenior EIT Specialist, OP Mobility
The value was not limited to faster transmission. OP Mobility also gained a process that reduced manual preparation, simplified participation and created a clearer record of activity.
Without a maximum transfer size, teams no longer needed to split large data sets into instalments or ask recipients to reconstruct them.
Searchable transaction histories and one-click audit information make it easier to review transfers and subsequent download activity.
A browser-based experience and simple onboarding supported expansion to hundreds of users across suppliers and partner organizations.
OP Mobility first encountered MX through Jaguar Land Rover’s software distribution process before adopting the platform for its own bi-directional exchanges.
The service combines large-file transfer with 256-bit AES encryption, named-user access and detailed transaction histories. These controls help protect intellectual property while supporting the evidence and traceability expected in complex supplier relationships.
For businesses managing similar multi-company workflows, My MX Data provides a controlled B2B exchange layer alongside existing engineering and collaboration systems.
Exchange routeLarge-file workflow
Prepare the complete packageKeep complex CAD structures and supporting data together rather than dividing them to fit an FTP limit.
Send to named external usersExchange through a browser-based service with controlled access and no additional client software.
Review the transaction recordUse searchable histories and audit information to understand delivery and recipient activity.
The workflow reduced the preparation and reassembly work associated with FTP while giving operational and IT teams clearer oversight of external exchanges.
The quality of support from Majenta Solutions, who were always available to support our adoption, made the process a real success. The MX team had resources ready to guide our colleagues during implementation. Support was excellent, and was provided whenever it was needed.
DJDavid JanečekSenior EIT Specialist, OP Mobility
The platform can be used without installing or maintaining third-party desktop software, reducing the infrastructure burden commonly associated with managed FTP services.
OP Mobility connected 603 external users across 429 companies in 37 countries and completed 20,471 transactions at the time the original customer story was prepared.
Faster initial adoptionAn intuitive interface reduced the length of the learning phase for internal and external participants.
Less pressure on IT resourcesBrowser delivery reduced the need to deploy and upgrade separate client software for exchange users.
Support remained availableMajenta provided implementation guidance and responsive assistance throughout adoption.
Explore the wider My MX Data feature set for controlled external file exchange.
We would be happy to work with Majenta again in future, and on the strength of recent experience I would recommend Majenta to anyone considering MX for Data Exchange.
DJDavid JanečekSenior EIT Specialist, OP Mobility
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.
