@font-face{font-family:MPI-Poppins;src:url('../fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:MPI-Poppins;src:url('../fonts/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:MPI-Poppins;src:url('../fonts/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
section.mpi{--mpi-blue:#0297ff;--mpi-white:#f6f5f0;--mpi-bg:#1d1d1d;--mpi-line:#ffffff1c;width:100%;max-width:none;margin:0;padding:88px 0 0;background:var(--mpi-bg);color:var(--mpi-white);font-family:MPI-Poppins,Poppins,sans-serif;overflow:hidden;isolation:isolate}.mpi,.mpi *{box-sizing:border-box}.mpi p,.mpi h2,.mpi h3{margin:0}.mpi button,.mpi a{font-family:inherit}.mpi button{cursor:pointer}.mpi [hidden]{display:none!important}.mpi__shell{width:min(1440px,100%);padding:0 clamp(22px,5vw,80px);margin:auto}.mpi__intro{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--mpi-line);padding-bottom:25px}.mpi__eyebrow,.mpi__edition{font-size:8px;letter-spacing:1.6px;line-height:1.8;color:#999}.mpi__eyebrow{display:flex;align-items:center;gap:10px}.mpi__eyebrow i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--mpi-blue);box-shadow:0 0 12px #0297ff70}.mpi__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,70px);padding:65px 0 60px;align-items:center}.mpi__copy{min-width:0}.mpi .mpi__copy h2{font-family:inherit;font-size:clamp(38px,4.1vw,61px);line-height:1.12;font-weight:500;letter-spacing:-2.8px}.mpi__copy h2 em{font-style:normal;background:linear-gradient(100deg,#0297ff,#8ad2ff,#0297ff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:mpi-shine 9s linear infinite}.mpi .mpi__lead{max-width:500px;color:#aaa;font-size:13px;line-height:1.9;margin-top:25px}.mpi__tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--mpi-line);background:#242424;border-radius:12px;margin:30px 0 0}.mpi__tab{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:13px 10px;border:0;border-radius:8px;color:#aaa;background:transparent;font-size:13px;font-weight:500;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}.mpi__tab>span{font-size:9px;color:#777}.mpi__tab:hover{color:white;background:#ffffff05}.mpi__tab.is-active{background:var(--mpi-blue);color:#101d26;box-shadow:0 6px 15px #0002}.mpi__tab.is-active>span{color:#153d59}.mpi__panels{min-height:195px;padding-top:25px}.mpi__panel{animation:mpi-panel .35s both}.mpi .mpi__panel h3{font-size:17px;font-weight:500;letter-spacing:-.4px;line-height:1.5}.mpi .mpi__panel p{font-size:12px;color:#999;line-height:1.9;margin-top:10px;max-width:490px}.mpi__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.mpi__tags>span{font-size:9px;color:#9eb4c2;padding:5px 9px;border:1px solid #ffffff14;border-radius:30px}.mpi__cta{display:inline-flex;align-items:center;gap:30px;color:var(--mpi-white);font-size:12px;text-decoration:none;border-bottom:1px solid #777;padding-bottom:10px;position:relative}.mpi__cta>span:last-child{font-size:21px;line-height:1;transition:transform .3s,color .3s}.mpi__cta:hover>span:last-child{transform:translate(3px,-3px);color:var(--mpi-blue)}.mpi a:focus-visible,.mpi button:focus-visible,.mpi [role=tabpanel]:focus-visible{outline:2px solid var(--mpi-blue);outline-offset:5px}.mpi__stage{position:relative;min-width:0;width:100%;height:560px;border:1px solid var(--mpi-line);border-radius:28px;background:radial-gradient(ellipse at 50% 45%,#0297ff14,transparent 70%),#202123;overflow:hidden;perspective:1000px;--scene-rotate:0deg;--glow:#0297ff25}.mpi__stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,-400px) var(--my,-400px),#0297ff15,transparent 80%)}.mpi__stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,black 20%,transparent 75%)}.mpi__halo{position:absolute;left:50%;top:48%;width:80%;aspect-ratio:1;border-radius:50%;border:1px dashed #0297ff35;transform:translate(-50%,-50%);animation:mpi-halo 70s linear infinite}.mpi__halo:after{content:'';position:absolute;inset:30px;border:1px solid #ffffff08;border-radius:50%}.mpi__scene{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease}.mpi__orbit{position:absolute;left:50%;top:48%;width:300px;height:300px;border:26px solid #0297ff;border-radius:50%;box-shadow:inset 5px 6px 12px #b7e3ff88,inset -7px -7px 12px #003978,8px 15px 35px #0007;transition:filter .6s}.mpi__orbit--one{transform:translate(-50%,-50%) rotate(-25deg) rotateY(62deg);animation:mpi-orbit-one 12s ease-in-out infinite}.mpi__orbit--two{width:285px;height:285px;border-width:20px;border-color:#1178bc;transform:translate(-50%,-50%) rotate(40deg) rotateX(64deg);animation:mpi-orbit-two 15s ease-in-out infinite}.mpi__core{position:absolute;left:50%;top:48%;width:115px;height:115px;display:grid;place-items:center;background:linear-gradient(145deg,#353e45,#171e24);border:1px solid #82caff70;border-radius:29px;transform:translate(-50%,-50%) rotate(-12deg);box-shadow:inset 0 0 20px #0297ff10,0 0 70px var(--glow),15px 20px 40px #0006;transition:box-shadow .6s,rotate .6s;color:#cfeaff}.mpi__core svg{width:75px;height:75px}.mpi__float{display:flex;align-items:center;gap:14px;position:absolute;z-index:3;background:#252a2fe8;border:1px solid #ffffff25;border-radius:12px;padding:17px 18px;box-shadow:0 15px 40px #0004;backdrop-filter:blur(10px);animation:mpi-float 7s ease-in-out infinite}.mpi__float--top{left:25px;right:35px;top:48px;transform:rotate(-5deg)}.mpi__float--bottom{right:20px;bottom:72px;transform:rotate(5deg);animation-delay:-3s;min-width:240px}.mpi__float small{display:block;font-size:7px;color:#82929c;letter-spacing:1.8px;margin-bottom:5px}.mpi__float b{display:block;font-size:13px;font-weight:500}.mpi__float-icon{width:37px;height:37px;border-radius:9px;background:#0297ff20;color:var(--mpi-blue);font-size:25px;display:grid;place-items:center}.mpi__status-dot{height:6px;width:6px;border-radius:50%;background:var(--mpi-blue);box-shadow:0 0 15px var(--mpi-blue);margin-left:auto}.mpi__mini-bars{height:37px;display:flex;align-items:flex-end;gap:4px;width:42px;padding:4px}.mpi__mini-bars i{height:12px;width:5px;border-radius:2px;background:#0297ff;animation:mpi-bars 2s ease-in-out infinite alternate}.mpi__mini-bars i:nth-child(2){height:23px;animation-delay:-.4s}.mpi__mini-bars i:nth-child(3){height:17px;animation-delay:-.8s}.mpi__mini-bars i:nth-child(4){height:30px;animation-delay:-1.2s}.mpi__satellite{position:absolute;font-size:24px;color:#0297ff}.mpi__satellite--one{right:35px;top:180px;animation:mpi-star 20s linear infinite}.mpi__satellite--two{left:40px;bottom:160px;font-size:30px;color:#ffffff40}.mpi__cursor{position:absolute;left:40px;bottom:95px;display:flex;flex-direction:column;align-items:flex-start;gap:0;animation:mpi-float 9s ease-in-out infinite}.mpi__cursor svg{width:33px;height:33px;margin-left:-14px}.mpi__cursor>span{padding:7px 10px;border-radius:4px;background:#0297ff;color:#102331;font-size:8px;transform:rotate(-7deg);box-shadow:0 5px 20px #0004}.mpi__stage-caption{position:absolute;left:24px;right:24px;bottom:25px;display:flex;justify-content:space-between;gap:15px;font-size:6px;letter-spacing:1.4px;color:#77838d}.mpi__stage[data-mpi-scene=design]{--glow:#6d97ff55}.mpi__stage[data-mpi-scene=design] .mpi__core{rotate:15deg}.mpi__stage[data-mpi-scene=design] .mpi__orbit{filter:hue-rotate(18deg)}.mpi__stage[data-mpi-scene=build]{--glow:#0297ff65}.mpi__stage[data-mpi-scene=build] .mpi__core{rotate:-10deg}.mpi__stage[data-mpi-scene=build] .mpi__orbit{filter:brightness(1.18)}.mpi__footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--mpi-line);padding:25px 0;font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#777}.mpi__footer>div{display:flex;align-items:center;gap:20px}.mpi__footer i{color:var(--mpi-blue);font-size:15px;font-style:normal}.mpi.has-motion .mpi__copy,.mpi.has-motion .mpi__stage{opacity:0;translate:0 24px;transition:opacity .8s,translate .8s}.mpi.has-motion.is-visible .mpi__copy,.mpi.has-motion.is-visible .mpi__stage{opacity:1;translate:0 0}.mpi.has-motion .mpi__stage{transition-delay:.12s}
@keyframes mpi-shine{to{background-position:200% center}}@keyframes mpi-halo{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mpi-float{50%{translate:0 -9px}}@keyframes mpi-star{to{rotate:360deg}}@keyframes mpi-bars{to{transform:scaleY(.5)}}@keyframes mpi-panel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mpi-orbit-one{50%{transform:translate(-50%,-52%) rotate(-15deg) rotateY(68deg)}}@keyframes mpi-orbit-two{50%{transform:translate(-50%,-47%) rotate(50deg) rotateX(60deg)}}
@media(max-width:1100px){.mpi__grid{gap:35px}.mpi .mpi__copy h2{font-size:45px}.mpi__stage{height:530px}.mpi__float--top{left:15px;right:20px;padding:15px}.mpi__float--bottom{right:15px;min-width:220px}.mpi__cursor{left:25px;bottom:150px}.mpi__float b{font-size:12px}.mpi__stage-caption{font-size:5px}}
@media(max-width:800px){section.mpi{padding-top:45px}.mpi__edition{display:none}.mpi__eyebrow{font-size:7px;letter-spacing:1.1px}.mpi__intro{padding-bottom:20px}.mpi__grid{grid-template-columns:1fr;gap:38px;padding:40px 0}.mpi .mpi__copy h2{font-size:clamp(37px,7.5vw,53px);letter-spacing:-2px}.mpi .mpi__lead{font-size:13px;max-width:600px}.mpi__tabs{max-width:550px}.mpi__panels{min-height:185px}.mpi__stage{width:min(100%,550px);height:470px;justify-self:center;border-radius:22px}.mpi__float--top{left:25px;right:30px;top:35px}.mpi__float--bottom{right:20px;bottom:60px}.mpi__cursor{left:30px;bottom:85px}.mpi__orbit{width:280px;height:280px}.mpi__orbit--two{width:265px;height:265px}.mpi__footer{font-size:7px;letter-spacing:.7px;flex-direction:column;gap:13px}.mpi__footer>div{gap:18px}.mpi__stage-caption{font-size:6px}}
@media(max-width:420px){.mpi__tab{font-size:11px;padding:12px 6px;gap:6px}.mpi__tab>span{font-size:8px}.mpi .mpi__panel h3{font-size:15px}.mpi .mpi__panel p{font-size:11px}.mpi__tags>span{font-size:8px}.mpi__stage{height:420px}.mpi__orbit{width:245px;height:245px;border-width:22px}.mpi__orbit--two{width:235px;height:235px;border-width:18px}.mpi__core{width:100px;height:100px}.mpi__core svg{width:65px;height:65px}.mpi__float--top{left:16px;right:16px;top:30px;gap:10px}.mpi__float--bottom{min-width:205px;bottom:54px;padding:14px;right:12px}.mpi__float b{font-size:11px}.mpi__float small{font-size:6px;letter-spacing:1.2px}.mpi__cursor{bottom:130px;left:19px}.mpi__cursor>span{font-size:7px}.mpi__stage-caption{font-size:5px;letter-spacing:.8px;left:18px;right:18px}.mpi__satellite--one{right:22px;top:145px}.mpi__satellite--two{left:22px;bottom:125px}.mpi__eyebrow{letter-spacing:.5px;font-size:6px}.mpi__panels{min-height:210px}.mpi .mpi__copy h2{font-size:37px}.mpi__tabs{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.mpi *,.mpi *:before,.mpi *:after{animation:none!important;transition:none!important}.mpi.has-motion .mpi__copy,.mpi.has-motion .mpi__stage{opacity:1;translate:none}.mpi__scene{transform:none!important}}