#mxenv-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;
}
#mxenv-root *,#mxenv-root *::before,#mxenv-root *::after{box-sizing:border-box;margin:0;padding:0}
#mxenv-root img,#mxenv-root svg{display:block;max-width:100%}
#mxenv-root a{color:inherit;text-decoration:none}
#mxenv-root button{font:inherit}
#mxenv-root section{position:relative}
#mxenv-root .mxv_wrap{width:var(–wrap);margin:0 auto}
#mxenv-root .mxv_section{padding:104px 0}
#mxenv-root .mxv_tint{background:var(–paper-2)}
#mxenv-root .mxv_dark{background:var(–dark);color:var(–dark-text)}
#mxenv-root h1,#mxenv-root h2,#mxenv-root h3{font-weight:750;letter-spacing:-.025em;line-height:1.08;color:var(–ink)}
#mxenv-root h1{font-size:clamp(35px,4.7vw,59px)}
#mxenv-root h2{font-size:clamp(28px,3.6vw,44px)}
#mxenv-root h3{font-size:19px;letter-spacing:-.012em}
#mxenv-root p{line-height:1.72}
#mxenv-root .mxv_dark h1,#mxenv-root .mxv_dark h2,#mxenv-root .mxv_dark h3{color:#fff!important}
#mxenv-root .mxv_head{max-width:790px;margin-bottom:54px}
#mxenv-root .mxv_head.–center{margin-left:auto;margin-right:auto;text-align:center}
#mxenv-root .mxv_head p{margin-top:17px}
#mxenv-root .mxv_lead{font-size:clamp(16px,1.35vw,18.5px);color:var(–ink-2);max-width:710px}
#mxenv-root .mxv_dark .mxv_lead{color:var(–dark-muted)}
#mxenv-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}
#mxenv-root .mxv_eyebrow::before{content:””;width:22px;height:2px;border-radius:2px;background:currentColor}
#mxenv-root .mxv_dark .mxv_eyebrow{color:var(–aqua)}
#mxenv-root .mxv_mark{position:relative;display:inline-block;color:var(–mag-soft);white-space:nowrap}
#mxenv-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)}}
#mxenv-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}
#mxenv-root .mxv_btn i{font-size:14px;line-height:1;transition:transform .2s ease}
#mxenv-root .mxv_btn:hover{transform:translateY(-3px)}
#mxenv-root .mxv_btn:hover i:last-child{transform:translateX(4px)}
#mxenv-root .mxv_btn:focus-visible{outline:3px solid var(–aqua);outline-offset:3px}
#mxenv-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)}
#mxenv-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}
#mxenv-root .mxv_btn–primary:hover{box-shadow:0 20px 46px rgba(222,9,127,.46),inset 0 1px 0 rgba(255,255,255,.25)}
#mxenv-root .mxv_btn–primary:hover::after{left:130%}
#mxenv-root .mxv_btn–ghost{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(255,255,255,.24)}
#mxenv-root .mxv_btn–ghost:hover{color:var(–aqua);border-color:var(–aqua);box-shadow:0 14px 34px rgba(20,224,192,.14)}
#mxenv-root .mxv_btn–light{background:#fff;color:var(–ink);border-color:var(–line);box-shadow:0 8px 22px rgba(18,8,29,.08)}
#mxenv-root .mxv_btn–light:hover{color:var(–mag);border-color:var(–mag);box-shadow:0 16px 36px rgba(222,9,127,.14)}
#mxenv-root .mxv_ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
#mxenv-root .mxv_note{display:flex;align-items:center;gap:7px;margin-top:11px;color:var(–dark-muted);font-size:12.5px;font-weight:600}
#mxenv-root .mxv_note i{color:var(–aqua)}
#mxenv-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}
#mxenv-root .mxv_text-link:hover{color:var(–mag-deep);text-decoration-color:currentColor}
#mxenv-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}
#mxenv-root .mxv_back-link i{font-size:11px;transition:transform .2s ease}
#mxenv-root .mxv_back-link:hover{color:var(–aqua)}
#mxenv-root .mxv_back-link:hover i{transform:translateX(-3px)}
#mxenv-root .mxv_rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#mxenv-root .mxv_rv.mxv_in{opacity:1;transform:none}
#mxenv-root .mxv_rv[data-d=”1″]{transition-delay:.1s}
#mxenv-root .mxv_rv[data-d=”2″]{transition-delay:.2s}
#mxenv-root .mxv_rv[data-d=”3″]{transition-delay:.3s}
#mxenv-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);
}
#mxenv-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;
}
#mxenv-root .mxv_hero-grid{position:relative;z-index:2;display:block}
#mxenv-root .mxv_hero-copy{
max-width:1040px;
margin:0 auto;
text-align:center;
}
#mxenv-root .mxv_back-link{justify-content:center;margin-bottom:24px}
#mxenv-root .mxv_hero-copy .mxv_eyebrow{justify-content:center}
#mxenv-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);
}
#mxenv-root .mxv_hero-logo::after{
content:””;
position:absolute;
inset:-12px;
border:1px solid rgba(20,224,192,.15);
border-radius:42px;
pointer-events:none;
}
#mxenv-root .mxv_hero-logo img{width:100%;height:100%;object-fit:contain}
#mxenv-root .mxv_hero h1{
max-width:980px;
margin:0 auto;
color:#fff!important;
}
#mxenv-root .mxv_hero-sub{
max-width:810px;
margin:24px auto 0;
color:var(–dark-muted);
font-size:clamp(16px,1.4vw,18.5px);
}
#mxenv-root .mxv_hero-sub strong{color:#fff}
#mxenv-root .mxv_hero-copy .mxv_ctas{
justify-content:center;
align-items:flex-start;
}
#mxenv-root .mxv_hero-copy .mxv_note{justify-content:center}
#mxenv-root .mxv_metrics{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(–line)}
#mxenv-root .mxv_metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#mxenv-root .mxv_metric{position:relative;padding:35px 32px;border-right:1px solid var(–line)}
#mxenv-root .mxv_metric:last-child{border-right:0}
#mxenv-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}
#mxenv-root .mxv_metric strong{display:block;margin-top:9px;font-size:13px}
#mxenv-root .mxv_metric span{display:block;margin-top:6px;color:var(–muted);font-size:11px;line-height:1.5}
#mxenv-root .mxv_intro-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:82px;align-items:start}
#mxenv-root .mxv_intro-side{position:sticky;top:120px}
#mxenv-root .mxv_intro-side .mxv_lead{margin-top:18px}
#mxenv-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)}
#mxenv-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}
#mxenv-root .mxv_context-card strong{display:block;margin-top:8px;font-size:16px;line-height:1.4}
#mxenv-root .mxv_context-card p{margin-top:8px;color:var(–muted);font-size:12.5px}
#mxenv-root .mxv_story-copy{display:grid;gap:27px}
#mxenv-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)}
#mxenv-root .mxv_story-block h3{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:22px}
#mxenv-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}
#mxenv-root .mxv_story-block p{color:var(–ink-2);font-size:15px}
#mxenv-root .mxv_story-block p+p{margin-top:17px}
#mxenv-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)}
#mxenv-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}
#mxenv-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}
#mxenv-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}
#mxenv-root .mxv_quote-author{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}
#mxenv-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}
#mxenv-root .mxv_quote-author strong{display:block;color:#fff;font-size:13px;text-align:left}
#mxenv-root .mxv_quote-author small{display:block;margin-top:3px;color:var(–dark-muted);font-size:11px;text-align:left}
#mxenv-root .mxv_outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
#mxenv-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}
#mxenv-root .mxv_outcome::after{content:””;position:absolute;width:145px;height:145px;right:-76px;top:-76px;border-radius:50%;background:rgba(222,9,127,.07)}
#mxenv-root .mxv_outcome:nth-child(2)::after{background:rgba(61,123,255,.07)}
#mxenv-root .mxv_outcome:nth-child(3)::after{background:rgba(20,224,192,.075)}
#mxenv-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}
#mxenv-root .mxv_outcome:nth-child(2) .mxv_outcome-icon{background:rgba(61,123,255,.09);color:var(–blue)}
#mxenv-root .mxv_outcome:nth-child(3) .mxv_outcome-icon{background:rgba(20,224,192,.10);color:var(–aqua-deep)}
#mxenv-root .mxv_outcome h3{margin-bottom:10px}
#mxenv-root .mxv_outcome p{color:var(–ink-2);font-size:14px}
#mxenv-root .mxv_mxplus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:72px;align-items:center}
#mxenv-root .mxv_mxplus-copy .mxv_lead{margin-top:18px}
#mxenv-root .mxv_mxplus-copy>p:not(.mxv_lead){margin-top:19px;color:var(–dark-muted);font-size:15px}
#mxenv-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)}
#mxenv-root .mxv_process-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(–dark-line)}
#mxenv-root .mxv_process-top strong{color:#fff;font-size:14px}
#mxenv-root .mxv_process-top span{color:var(–aqua);font-family:var(–mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
#mxenv-root .mxv_process-steps{display:grid;gap:13px;margin-top:20px}
#mxenv-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)}
#mxenv-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}
#mxenv-root .mxv_process-step:nth-child(2)>span:first-child{background:rgba(61,123,255,.10);color:#7da5ff}
#mxenv-root .mxv_process-step:nth-child(3)>span:first-child{background:rgba(20,224,192,.09);color:var(–aqua)}
#mxenv-root .mxv_process-step b{display:block;color:#fff;font-size:13px}
#mxenv-root .mxv_process-step small{display:block;margin-top:4px;color:var(–dark-muted);font-size:10.5px;line-height:1.5}
#mxenv-root .mxv_process-step>i{color:#71647d;font-size:12px}
#mxenv-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}
#mxenv-root .mxv_relationship-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
#mxenv-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}
#mxenv-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%}
#mxenv-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%}
#mxenv-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)}
#mxenv-root .mxv_relationship-core img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff;padding:9px}
#mxenv-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}
#mxenv-root .mxv_relation-node i{display:block;margin-bottom:7px;color:var(–mag);font-size:16px}
#mxenv-root .mxv_relation-node b{display:block;font-size:11px}
#mxenv-root .mxv_relation-node span{display:block;margin-top:3px;color:var(–muted);font-size:9px;line-height:1.4}
#mxenv-root .mxv_relation-node.–one{left:26px;top:31px}
#mxenv-root .mxv_relation-node.–two{right:26px;top:31px}
#mxenv-root .mxv_relation-node.–three{left:32px;bottom:31px}
#mxenv-root .mxv_relation-node.–four{right:32px;bottom:31px}
#mxenv-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}
#mxenv-root .mxv_relationship-copy .mxv_lead{margin-top:18px}
#mxenv-root .mxv_relationship-copy>p:not(.mxv_lead){margin-top:19px;color:var(–ink-2);font-size:15px}
#mxenv-root .mxv_relationship-points{display:grid;gap:12px;margin-top:26px}
#mxenv-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)}
#mxenv-root .mxv_relationship-point i{margin-top:3px;color:var(–aqua-deep);font-size:13px}
#mxenv-root .mxv_relationship-point b{display:block;font-size:12.5px}
#mxenv-root .mxv_relationship-point span{display:block;margin-top:4px;color:var(–muted);font-size:11px;line-height:1.5}
#mxenv-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)}
#mxenv-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)}
#mxenv-root .mxv_download-panel h2{color:#fff!important}
#mxenv-root .mxv_download-panel .mxv_lead{margin-top:17px;color:var(–dark-muted)}
#mxenv-root .mxv_download-checks{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#cfc5da;font-size:12px;font-weight:700}
#mxenv-root .mxv_download-checks span::before{content:”✓”;margin-right:7px;color:var(–aqua)}
#mxenv-root .mxv_pack-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.045)}
#mxenv-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)}
#mxenv-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}
#mxenv-root .mxv_pack-card strong{display:block;margin-top:7px;color:#fff;font-size:18px;line-height:1.35}
#mxenv-root .mxv_pack-card p{margin-top:8px;color:var(–dark-muted);font-size:11.5px}
#mxenv-root .mxv_pack-card .mxv_btn{width:100%;margin-top:22px}
#mxenv-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;
}
#mxenv-root .mxv_locale-label{white-space:nowrap}
#mxenv-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;
}
#mxenv-root .mxv_locale-flag svg{width:100%;height:100%}
#mxenv-root a.mxv_locale-flag{transition:opacity .2s ease,transform .2s ease}
#mxenv-root a.mxv_locale-flag:hover{opacity:1;transform:translateY(-1px)}
#mxenv-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);
}
#mxenv-root .mxv_modal.mxv_modal–open{display:flex}
#mxenv-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);
}
#mxenv-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;
}
#mxenv-root .mxv_modal-close:hover{
color:var(–aqua);
border-color:var(–aqua);
background:var(–dark);
transform:rotate(4deg);
}
#mxenv-root .mxv_modal-layout{
display:grid;
grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
min-height:520px;
}
#mxenv-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;
}
#mxenv-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;
}
#mxenv-root .mxv_modal-summary>*{position:relative;z-index:2}
#mxenv-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);
}
#mxenv-root .mxv_modal-summary .mxv_eyebrow{margin-bottom:14px}
#mxenv-root .mxv_modal-summary h2{
color:#fff!important;
font-size:clamp(25px,2.7vw,35px);
}
#mxenv-root .mxv_modal-summary p{
margin-top:15px;
color:var(–dark-muted);
font-size:13px;
}
#mxenv-root .mxv_modal-benefits{
display:grid;
gap:12px;
margin-top:26px;
}
#mxenv-root .mxv_modal-benefit{
display:flex;
align-items:flex-start;
gap:10px;
color:#ddd4e5;
font-size:12px;
line-height:1.5;
}
#mxenv-root .mxv_modal-benefit i{
margin-top:3px;
color:var(–aqua);
font-size:11px;
}
#mxenv-root .mxv_modal-form-side{
display:flex;
align-items:center;
padding:38px 40px 34px;
background:#fff;
}
#mxenv-root .mxv_download-form{width:100%}
#mxenv-root .mxv_form-heading{padding-right:42px;margin-bottom:22px}
#mxenv-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;
}
#mxenv-root .mxv_form-heading h3{
margin-top:8px;
font-size:25px;
}
#mxenv-root .mxv_form-heading p{
margin-top:9px;
color:var(–muted);
font-size:12.5px;
}
#mxenv-root .mxv_form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
#mxenv-root .mxv_field{min-width:0}
#mxenv-root .mxv_field.–full{grid-column:1/-1}
#mxenv-root .mxv_field label{
display:block;
margin-bottom:7px;
color:var(–ink);
font-size:12.5px;
font-weight:750;
}
#mxenv-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;
}
#mxenv-root .mxv_field input::placeholder{color:#a59baa;font-weight:500}
#mxenv-root .mxv_field input:focus{
border-color:var(–mag);
box-shadow:0 0 0 4px rgba(222,9,127,.09);
}
#mxenv-root .mxv_field input[aria-invalid=”true”]{
border-color:#c53d55;
box-shadow:0 0 0 4px rgba(197,61,85,.08);
}
#mxenv-root .mxv_honeypot{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important;
}
#mxenv-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;
}
#mxenv-root .mxv_consent input{
width:17px;
height:17px;
flex:0 0 auto;
margin-top:1px;
accent-color:var(–mag);
}
#mxenv-root .mxv_consent a{
color:var(–mag);
font-weight:700;
text-decoration:underline;
text-underline-offset:2px;
}
#mxenv-root .mxv_form-submit{
width:100%;
margin-top:18px;
}
#mxenv-root .mxv_form-status{
min-height:18px;
margin-top:10px;
color:var(–muted);
font-size:11.5px;
line-height:1.45;
text-align:center;
}
#mxenv-root .mxv_form-status.–error{color:#a6253c}
#mxenv-root .mxv_form-status.–success{color:var(–aqua-deep)}
#mxenv-root .mxv_form-privacy{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:7px;
color:#918797;
font-size:10.5px;
}
#mxenv-root .mxv_form-privacy i{color:var(–aqua-deep)}
#mxenv-root .mxv_form-success{
width:100%;
text-align:center;
}
#mxenv-root .mxv_form-success[hidden]{display:none!important}
#mxenv-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;
}
#mxenv-root .mxv_form-success h3{font-size:28px}
#mxenv-root .mxv_form-success p{
max-width:440px;
margin:12px auto 0;
color:var(–muted);
font-size:13px;
}
#mxenv-root .mxv_success-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-top:22px;
}
#mxenv-root .mxv_success-actions [hidden]{display:none!important}
body.mxenv-modal-open{overflow:hidden!important}
.elementor-widget-html:has(#mxenv-root),
.elementor-widget-html:has(#mxenv-root)>.elementor-widget-container,
.elementor-element.elementor-widget-html:has(#mxenv-root){
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.mxenv-landing-page .elementor-element:has(#mxenv-root),
body.mxenv-landing-page .elementor-section:has(#mxenv-root),
body.mxenv-landing-page .elementor-container:has(#mxenv-root),
body.mxenv-landing-page .e-con:has(#mxenv-root),
body.mxenv-landing-page .e-con-inner:has(#mxenv-root){
margin-bottom:0!important;
padding-bottom:0!important;
}
#mxenv-root,
#mxenv-root .mxv_download{margin-bottom:0!important}
body.mxenv-landing-page #mxr-header-root,
body.mxenv-landing-page .mxr_header_chrome{
position:relative;
z-index:9500;
background:transparent!important;
}
body.mxenv-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!important;
backdrop-filter:none!important;
}
body.mxenv-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)!important;
backdrop-filter:blur(16px)!important;
}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-in{background:transparent!important}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-nav a,
body.mxenv-landing-page #mxr-hdr .mxr_hdr-login{color:#f6f1fa!important}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-nav a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-login svg{stroke:currentColor!important}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-logo img{transition:filter .2s ease,opacity .2s ease}
body.mxenv-landing-page #mxr-hdr .mxr_hdr-logo img.mxenv-header-logo-white-fallback{filter:brightness(0) invert(1)}
@media(min-width:1041px){
#mxenv-root{
–header-overlap:180px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxenv-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 92px)!important;
padding-bottom:96px!important;
min-height:760px;
}
}
@media(min-width:768px) and (max-width:1040px){
#mxenv-root{
–header-overlap:150px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxenv-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 168px)!important;
padding-bottom:94px!important;
}
}
@media(max-width:767px){
#mxenv-root{
–header-overlap:126px;
margin-top:calc(var(–header-overlap) * -1)!important;
}
#mxenv-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 132px)!important;
padding-bottom:72px!important;
}
}
@media(max-width:1160px){
#mxenv-root .mxv_mxplus-grid{gap:48px}
#mxenv-root .mxv_relationship-grid{gap:48px}
}
@media(max-width:1040px){
#mxenv-root{–wrap:min(100% – 40px,1380px)}
#mxenv-root .mxv_metrics-grid{grid-template-columns:repeat(2,1fr)}
#mxenv-root .mxv_metric:nth-child(2){border-right:0}
#mxenv-root .mxv_metric:nth-child(-n+2){border-bottom:1px solid var(–line)}
#mxenv-root .mxv_intro-grid{grid-template-columns:1fr;gap:44px}
#mxenv-root .mxv_intro-side{position:static;max-width:760px}
#mxenv-root .mxv_mxplus-grid,#mxenv-root .mxv_relationship-grid{grid-template-columns:1fr;gap:45px}
#mxenv-root .mxv_process{width:min(720px,100%)}
#mxenv-root .mxv_relationship-card{width:min(650px,100%)}
#mxenv-root .mxv_download-panel{grid-template-columns:1fr;gap:37px}
#mxenv-root .mxv_pack-card{max-width:470px}
}
@media(min-width:1041px) and (max-height:850px){
#mxenv-root .mxv_hero{
padding-top:calc(var(–header-overlap) + 70px)!important;
padding-bottom:76px!important;
min-height:690px;
}
#mxenv-root .mxv_hero-logo{
width:136px;
height:136px;
margin-bottom:23px;
}
}
@media(max-width:900px){
#mxenv-root .mxv_modal{padding:14px}
#mxenv-root .mxv_modal-dialog{
max-height:calc(100vh – 28px);
overflow:auto;
}
#mxenv-root .mxv_modal-layout{grid-template-columns:1fr}
#mxenv-root .mxv_modal-summary{padding:34px 30px 30px}
#mxenv-root .mxv_modal-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#mxenv-root .mxv_modal-form-side{padding:30px}
}
@media(max-width:820px){
#mxenv-root .mxv_section{padding:82px 0}
#mxenv-root .mxv_outcomes-grid{grid-template-columns:1fr}
#mxenv-root .mxv_quote-panel{padding:48px 35px 45px}
#mxenv-root .mxv_download{padding:83px 0}
#mxenv-root .mxv_download-panel{padding:44px 36px}
}
@media(max-width:620px){
#mxenv-root{–wrap:min(100% – 28px,1380px)}
#mxenv-root .mxv_hero-logo{width:118px;height:118px;padding:15px;border-radius:27px;margin-bottom:23px}
#mxenv-root .mxv_modal{padding:8px}
#mxenv-root .mxv_modal-dialog{max-height:calc(100vh – 16px);border-radius:18px}
#mxenv-root .mxv_modal-summary{padding:29px 22px 24px}
#mxenv-root .mxv_modal-pack-icon{width:52px;height:60px;margin-bottom:20px}
#mxenv-root .mxv_modal-benefits{grid-template-columns:1fr;margin-top:20px}
#mxenv-root .mxv_modal-form-side{padding:25px 20px 22px}
#mxenv-root .mxv_form-grid{grid-template-columns:1fr;gap:12px}
#mxenv-root .mxv_field.–full{grid-column:auto}
#mxenv-root .mxv_form-heading{padding-right:38px}
#mxenv-root .mxv_modal-close{right:10px;top:10px}
#mxenv-root .mxv_mark{white-space:normal}
#mxenv-root .mxv_ctas{flex-direction:column;align-items:stretch}
#mxenv-root .mxv_btn{width:100%}
#mxenv-root .mxv_metrics-grid{grid-template-columns:1fr 1fr}
#mxenv-root .mxv_metric{padding:26px 20px}
#mxenv-root .mxv_metric span{display:none}
#mxenv-root .mxv_story-block{padding:25px 22px}
#mxenv-root .mxv_story-block h3{align-items:flex-start;font-size:20px}
#mxenv-root .mxv_quote-band{padding:70px 0}
#mxenv-root .mxv_quote-panel{padding:41px 22px 38px}
#mxenv-root .mxv_quote-author{align-items:flex-start}
#mxenv-root .mxv_process{padding:17px}
#mxenv-root .mxv_process-step{grid-template-columns:43px 1fr;padding:14px}
#mxenv-root .mxv_process-step>i{display:none}
#mxenv-root .mxv_relationship-card{min-height:500px;padding:18px}
#mxenv-root .mxv_relationship-core{top:48%;width:124px;height:124px}
#mxenv-root .mxv_relationship-card::before{width:350px;height:350px;top:48%}
#mxenv-root .mxv_relationship-card::after{width:235px;height:235px;top:48%}
#mxenv-root .mxv_relation-node{width:121px;padding:11px}
#mxenv-root .mxv_relation-node.–one{left:13px;top:21px}
#mxenv-root .mxv_relation-node.–two{right:13px;top:21px}
#mxenv-root .mxv_relation-node.–three{left:13px;bottom:35px}
#mxenv-root .mxv_relation-node.–four{right:13px;bottom:35px}
#mxenv-root .mxv_relationship-label{bottom:11px;font-size:8px}
#mxenv-root .mxv_download-panel{padding:36px 23px}
}
@media(max-width:1040px){
#mxenv-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;
}
#mxenv-root .mxv_mark::after{display:none}
#mxenv-root h2{font-size:clamp(26.6px,3.42vw,41.8px)}
#mxenv-root .mxv_head,
#mxenv-root .mxv_intro-side,
#mxenv-root .mxv_mxplus-copy,
#mxenv-root .mxv_relationship-copy,
#mxenv-root .mxv_download-panel>div:first-child{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#mxenv-root .mxv_head .mxv_eyebrow,
#mxenv-root .mxv_intro-side .mxv_eyebrow,
#mxenv-root .mxv_mxplus-copy .mxv_eyebrow,
#mxenv-root .mxv_relationship-copy .mxv_eyebrow,
#mxenv-root .mxv_download-panel>div:first-child .mxv_eyebrow{
justify-content:center;
}
#mxenv-root .mxv_lead{margin-left:auto;margin-right:auto}
#mxenv-root .mxv_ctas,
#mxenv-root .mxv_download-checks{justify-content:center}
#mxenv-root .mxv_metric{text-align:center}
#mxenv-root .mxv_intro-side{max-width:790px}
#mxenv-root .mxv_context-card,
#mxenv-root .mxv_story-block,
#mxenv-root .mxv_outcome,
#mxenv-root .mxv_process,
#mxenv-root .mxv_relationship-card,
#mxenv-root .mxv_relationship-point,
#mxenv-root .mxv_pack-card{
text-align:left;
}
}
@media(min-width:621px) and (max-width:1040px){
#mxenv-root .mxv_locale{padding-bottom:30px;line-height:22px}
#mxenv-root .mxv_locale-flag{width:32px;height:22px;flex-basis:32px}
}
@media(max-width:620px){
#mxenv-root .mxv_locale{gap:9px;padding-bottom:26px;line-height:18px}
#mxenv-root .mxv_locale-flag{width:26px;height:18px;flex-basis:26px}
}
#mxenv-root,
#mxenv-root .mxv_download,
#mxenv-root .mxv_download-panel,
#mxenv-root .mxv_wrap{margin-bottom:0!important}
#mxenv-root .mxv_download{padding-bottom:0!important}
#mxenv-root .mxv_download>.mxv_wrap{display:flow-root}
#mxenv-root>:last-child{margin-bottom:0!important}
@media(prefers-reduced-motion:reduce){
#mxenv-root *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
#mxenv-root .mxv_rv{opacity:1!important;transform:none!important}
}
Envisage Group moved away from portable hard drives and unreliable FTP access, creating a browser-based My MX Data workflow that makes it easier to exchange large files, invite customers and partners, and retain a clearer view of activity.
Envisage Group works with prestigious OEMs and vehicle manufacturers. Its data exchange process therefore has to be quick enough for live project delivery, straightforward for external recipients and organized enough to support a growing engineering services business.
The starting point
Portable hard drives and FTP sites made information harder to exchange consistently with colleagues and clients.
MX provided a browser-based alternative that Envisage could trial in real working relationships before extending its use.
In pursuit of its vision to become “the world’s most successful bespoke engineering services company”, Envisage no longer wanted to depend on portable hard drives and FTP sites that were not always accessible to clients.
After learning about MX, the team began using the browser-based application to share data with selected colleagues. It quickly found that large files were easier to exchange and that the surrounding process was more organized.
A secure exchange process only works when the people involved can use it without unnecessary friction. Envisage’s experience shows the importance of combining controlled transfer with simple enrollment, clear invitations and a route that external recipients can access through their browser.
For organizations facing a similar problem, a purpose-built large-file exchange workflow can reduce dependence on physical media and fragmented transfer tools while keeping project information moving.
I would highly recommend MX to anyone looking to send and receive secure data quickly and efficiently.
DFDaniel FrancisProject Engineer, Envisage Group
Envisage describes the value of MX in practical terms: clients can release current information quickly, new users can join without a lengthy process and the business can monitor activity as the network grows.
Clients can release updated project data quickly, helping Envisage work from the current information rather than uncertain copies.
The simple invitation and enrollment process supports exchanges with customers, partners and colleagues without lengthy registration.
User monitoring and a live data register give the business a clearer operational view as internal and external use expands.
As MX use expanded, Envisage found that customers appreciated being able to release the latest information quickly and that updated data could be shared back with the business just as easily.
Daniel Francis explains that the simple enrollment and invitation system enables Envisage to transfer data to customers and partners with ease. The application can be used by people across the business without forcing them through a lengthy registration process.
That usability helped Envisage roll the approach out both internally and externally. Rather than creating a new workaround every time another party joins a project, the business can bring them into a consistent controlled B2B exchange process.
Explore the platform features
Connected exchange workflowSimple + visible
Invite the right participantAdd a colleague, customer or partner without a lengthy registration journey.
Exchange the current dataRelease or receive the latest large project files through the browser-based workflow.
Review the live registerMonitor users and retain a clearer view of data moving through the network.
The practical benefit: Envisage can grow its internal and external exchange network without returning to portable media, inaccessible FTP sites or a different process for every participant.
MX has revolutionised the way we manage data transfers. It is fast, secure, and highly efficient.
DFDaniel FrancisProject Engineer, Envisage Group
Envisage’s story demonstrates how usability can support stronger governance. When the approved route is straightforward for colleagues and external parties, the organization has less reason to fall back on physical drives, inaccessible sites or informal workarounds.
MX does not need to replace every collaboration or storage tool. In this use case, it provides a focused exchange layer for moving large and sensitive project data between known participants with greater consistency and visibility.
A more accessible external processCustomers and partners can join through a browser-based invitation rather than relying on a location-specific FTP setup.
Broader adoption without avoidable frictionPractically anyone in the business can send or receive data without an extended registration journey.
Visibility that scales with the networkUser monitoring and the live data register help Envisage retain oversight as more participants use the process.
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.
