.mx-miles-float{position:absolute;z-index:2;inset:12% -2% 10%;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:miles-hover 7s ease-in-out infinite;filter:drop-shadow(0 30px 25px #0009)}.mx-miles-float img{width:100%;height:100%;object-fit:contain}.mx-machine{border:0;overflow:visible;clip-path:none;background:transparent;perspective:1000px}.mx-machine #mx-core{opacity:.42}.mx-machine-top,.mx-machine-bottom,.mx-callout{z-index:3}.mx-intro h1{font-size:clamp(55px,5.9vw,94px)}.mx-hero-grid{min-height:720px}.mx-hero{background:radial-gradient(ellipse at 72% 50%,#343b4544,transparent 55%),repeating-linear-gradient(90deg,transparent 0,transparent 119px,#ffffff03 120px),#08090a}.mx-callout{background:#080a0caa;padding:7px 10px;border-left:1px solid #c6d0d960}.mx-page .site-header .menu-toggle{color:#171a1d;background:#dce1e5}.mx-chamber{height:260vh;position:relative;background:#030405;--door:0;--travel:0}.mx-chamber-sticky{height:100vh;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1300px}.mx-universe{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 52%,#21282f 0,#0b0f14 33%,#020305 76%);transform:scale(calc(1.13 - var(--door)*.13));opacity:calc(.2 + var(--door)*.8)}#mx-universe-canvas{width:100%;height:100%;position:absolute;inset:0}.mx-universe:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0009,transparent 27%,transparent 70%,#000b);box-shadow:inset 0 0 100px #000a}.mx-universe-heading{position:absolute;top:10%;left:0;right:0;text-align:center;z-index:2;opacity:var(--door)}.mx-universe-heading h2{font-size:clamp(28px,3.5vw,58px)}.mx-universe-heading .mx-label{font-size:8px;margin-bottom:14px!important}.mx-universe-center{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-shadow:0 0 20px #fff8;z-index:2}.mx-universe-center>span{font-size:58px;font-weight:200;line-height:1.3}.mx-universe-center>b{font:12px monospace;letter-spacing:6px;margin-left:6px}.mx-universe-center>small{font:6px monospace;letter-spacing:2px;color:#9ba9b7;margin-top:12px}.mx-universe-caption{position:absolute;bottom:9%;left:20%;right:20%;text-align:center;z-index:2;opacity:var(--door)}.mx-universe-caption>span{font:8px monospace;letter-spacing:2px;color:#aebac4}.mx-universe-caption p{font-size:14px;margin-top:12px}.mx-universe-caption a{font-size:11px;display:inline-block;margin-top:16px;text-underline-offset:6px;color:#a5b2bd}.mx-universe-nodes{position:absolute;inset:0;z-index:2;opacity:var(--door);pointer-events:none}.u-node{position:absolute;border-left:1px solid #d8e4f160;padding:10px 12px;background:linear-gradient(90deg,#0a101bc9,transparent);font:9px/1.6 monospace;letter-spacing:1.3px;color:#d6dfe7}.u-node:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:-3px;top:0;box-shadow:0 0 10px #fff}.u-node small{display:block;color:#758391;font-size:7px;margin-top:4px}.u-one{left:11%;top:36%}.u-two{right:9%;top:41%}.u-three{left:18%;top:63%}.u-four{right:13%;top:66%}.u-five{left:43%;top:29%}.mx-door-frame{position:absolute;inset:0;z-index:4;pointer-events:none}.mx-door{position:absolute;top:0;bottom:0;width:50.5%;overflow:hidden;background:#15181c;box-shadow:0 0 50px #000, inset 0 0 0 1px #78818b70;will-change:transform}.mx-door-left{left:0;transform:translateX(calc(var(--door)*-104%)) rotateY(calc(var(--door)*-6deg));transform-origin:left center}.mx-door-right{right:0;transform:translateX(calc(var(--door)*104%)) rotateY(calc(var(--door)*6deg));transform-origin:right center}.mx-door-surface{position:absolute;inset:0;background-image:linear-gradient(110deg,#ffffff06,transparent 25%,#0007 70%),url('/assets/miles/steel-panel.svg');background-size:cover;background-position:center}.mx-door-right .mx-door-surface{transform:scaleX(-1)}.mx-door:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 20%,transparent 75%,#000a),radial-gradient(ellipse at 50% 40%,transparent,#0005);pointer-events:none}.mx-door-seam{position:absolute;top:0;bottom:0;width:18%;background:linear-gradient(90deg,#090b0e,#343a40 10%,#14181c 20%,#252b30 85%,#666e77 90%,#050608);clip-path:polygon(20% 0,100% 0,100% 100%,20% 100%,20% 73%,0 68%,0 39%,20% 34%)}.mx-door-left .mx-door-seam{right:0}.mx-door-right .mx-door-seam{left:0;transform:scaleX(-1)}.mx-door-edge{position:absolute;top:12%;bottom:12%;width:2px;background:#e9f5ff;box-shadow:0 0 5px #fff,0 0 20px #d1e6ff,0 0 55px #bbd7ff80;opacity:calc(.35 + var(--door)*.65)}.mx-door-left .mx-door-edge{right:1px}.mx-door-right .mx-door-edge{left:1px}.mx-door-detail{position:absolute;left:13%;top:17%;display:flex;flex-direction:column;color:#818c96;z-index:1}.mx-door-detail>span{font:7px monospace;letter-spacing:2px}.mx-door-detail>b{font-size:clamp(60px,11vw,155px);font-weight:700;line-height:1.2;color:#080b0f77;text-shadow:0 1px #69727b40;letter-spacing:-12px}.mx-door-detail>small{font:8px/1.8 monospace;letter-spacing:2px;color:#747e87}.mx-door-right .mx-door-detail{top:auto;bottom:18%;left:auto;right:15%;text-align:right}.mx-door-vent{position:absolute;width:33%;height:80px;bottom:13%;left:12%;transform:skewY(-12deg);background:repeating-linear-gradient(0deg,#030405 0,#030405 4px,#333a41 5px,#171c22 7px);border:5px solid #10151a;box-shadow:0 1px 1px #ffffff25,inset 0 5px 10px #000}.mx-door-right .mx-door-vent{bottom:auto;top:16%;left:auto;right:10%;transform:skewY(12deg)}.mx-door-bolt{position:absolute;width:17px;height:17px;border-radius:50%;background:conic-gradient(#8c969f,#101417,#58616b,#101417,#8c969f);box-shadow:0 0 0 3px #030507,0 0 0 4px #ffffff18;z-index:2}.mx-door-bolt:after{content:'+';display:block;text-align:center;line-height:16px;color:#000;font:15px monospace}.bolt-a{left:6%;top:8%}.bolt-b{right:9%;bottom:9%}.mx-door-title{position:absolute;left:0;right:0;top:40%;text-align:center;z-index:6;opacity:calc(1 - var(--door)*2.8);transform:translateY(calc(var(--door)*-35px));text-shadow:0 2px 30px #000;pointer-events:auto}.mx-door-title h2{font-size:clamp(45px,6vw,88px);letter-spacing:-.06em}.mx-door-title .mx-label{font-size:8px;margin-bottom:18px!important;color:#d0d6dd}.mx-door-title button{border:1px solid #ffffff40;background:#0b1018c9;backdrop-filter:blur(15px);padding:15px 24px;color:#e6ecf2;font:11px monospace;margin-top:26px;cursor:pointer;box-shadow:0 10px 30px #0008}.mx-door-title button span{margin-left:35px}.mx-door-title>small{display:block;font:7px monospace;letter-spacing:2px;color:#9fa9b3;margin-top:18px}.mx-chamber-hud{position:absolute;bottom:22px;left:4%;right:4%;display:flex;gap:24px;align-items:center;z-index:7;color:#b7c3cd;font:7px monospace;letter-spacing:1.5px;pointer-events:none}.mx-chamber-hud>span:nth-child(2){margin-left:auto}.mx-hud-progress{width:100px;height:2px;background:#ffffff26}.mx-hud-progress i{display:block;width:calc(var(--door)*100%);height:100%;background:#fff;box-shadow:0 0 8px #fff}.mx-output{position:relative;overflow:hidden}.mx-output:after{content:"";position:absolute;left:0;right:0;top:-2px;height:1px;background:linear-gradient(90deg,transparent,#d5e6f7,transparent);animation:mx-scan 8s ease-in-out infinite;opacity:.3;pointer-events:none}.mx-security{position:relative}.mx-security:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000,transparent)}.mx-shield-body{box-shadow:inset 0 0 40px #000}.mx-paused .mx-door,.mx-paused .mx-universe,.mx-paused .mx-door-title{will-change:auto}@keyframes miles-hover{0%,100%{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes mx-scan{0%,20%{transform:translateY(0);opacity:0}30%{opacity:.3}85%,100%{transform:translateY(240px);opacity:0}}@media(max-width:640px){.mx-hero-grid{min-height:0}.mx-intro h1{font-size:clamp(52px,12vw,72px)}.mx-miles-float{inset:3% -2% 6%}.mx-chamber{height:220vh}.mx-universe-heading{top:14%;padding:0 20px}.mx-universe-heading h2{font-size:32px}.mx-universe-heading .mx-label{font-size:7px}.mx-universe-caption{left:10%;right:10%;bottom:10%}.mx-universe-caption p{font-size:12px}.u-node{font-size:6px;padding:7px;letter-spacing:.6px}.u-node small{font-size:5px}.u-one{left:3%;top:40%}.u-two{right:2%;top:43%}.u-three{left:4%;top:65%}.u-four{right:2%;top:68%}.u-five{left:36%;top:32%}.mx-universe-center{top:53%}.mx-door-detail>span{font-size:5px;letter-spacing:1px}.mx-door-detail>small{font-size:5px;letter-spacing:.7px}.mx-door-detail>b{letter-spacing:-5px}.mx-door-title h2{font-size:45px}.mx-door-title{top:38%}.mx-door-title .mx-label{font-size:6px}.mx-door-vent{height:60px;width:50%}.mx-chamber-hud{font-size:5px;gap:10px}.mx-hud-progress{width:50px}.mx-door-bolt{width:12px;height:12px}.mx-door-bolt:after{font-size:10px}.mx-machine-bottom{bottom:12px}.mx-machine-top{top:8px}}@media(prefers-reduced-motion:reduce){.mx-chamber{height:1050px}.mx-chamber-sticky{position:relative;height:1050px}.mx-door-frame{display:none}.mx-universe{transform:none;opacity:1}.mx-universe-heading,.mx-universe-nodes,.mx-universe-caption{opacity:1}.mx-miles-float{animation:none}.mx-universe-heading{top:10%}}
.mx-learning{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;background:linear-gradient(145deg,#101419,#06080a);position:relative}.mx-learning-copy>p:not(.mx-label):not(.mx-lead){font-size:14px;color:#929da7;max-width:460px;margin-top:22px}.mx-learning-choices{display:flex;flex-direction:column;margin-top:30px;border-top:1px solid #ffffff26}.mx-learning-choices button{padding:18px 0;text-align:left;border:0;border-bottom:1px solid #ffffff20;background:transparent;color:#919da8;font:11px monospace;cursor:pointer;transition:padding .3s,color .3s}.mx-learning-choices button[aria-pressed=true]{padding-left:14px;color:#ecf5fd;border-left:2px solid #dcebf6;background:linear-gradient(90deg,#ffffff0b,transparent)}.mx-learning-engine{border:1px solid #ffffff25;background:radial-gradient(ellipse at 50% 45%,#29333d66,transparent 65%);position:relative;overflow:hidden}.mx-learning-meta,.mx-learning-foot{font:7px/1.6 monospace;letter-spacing:1.3px;color:#a0adb9;padding:20px 24px;display:flex;justify-content:space-between;gap:12px}.mx-learning-art{height:340px;position:relative;perspective:850px;background-image:radial-gradient(#a5b6c433 .6px,transparent .6px);background-size:11px 11px;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}.mx-glass-assembly{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-30deg);animation:mx-assembly 20s ease-in-out infinite}.mx-glass-cube{position:absolute;left:-52px;top:-52px;width:104px;height:104px;transform-style:preserve-3d}.mx-glass-cube i{position:absolute;inset:0;border:1px solid #ecf6ff80;background:linear-gradient(125deg,#ffffff0b,#ffffff02 40%,#d2e4f321);box-shadow:inset 0 0 18px #cde5fa13,0 0 3px #cde5fa40}.mx-glass-cube b{display:flex;justify-content:center;align-items:center;height:100%;font-size:35px;color:#eef7ff;text-shadow:0 0 18px #fff;font-weight:100}.face-0{transform:translateZ(52px)}.face-1{transform:rotateY(90deg) translateZ(52px)}.face-2{transform:rotateY(180deg) translateZ(52px)}.face-3{transform:rotateY(-90deg) translateZ(52px)}.face-4{transform:rotateX(90deg) translateZ(52px)}.face-5{transform:rotateX(-90deg) translateZ(52px)}.cube-0{transform:translate3d(-52px,38px,0)}.cube-1{transform:translate3d(52px,38px,0)}.cube-2{transform:translate3d(-52px,-66px,0)}.cube-3{transform:translate3d(80px,-90px,-45px);animation:mx-cube-lift 7s ease-in-out infinite}.mx-learning-orbit{position:absolute;left:50%;top:50%;width:310px;height:120px;margin:-60px 0 0 -155px;border:1px solid #e4f1ff28;border-radius:50%;transform:rotate(-20deg)}.orbit-two{transform:rotate(30deg);width:350px;margin-left:-175px;border-style:dotted}.orbit-three{transform:rotate(90deg);border-color:#e4f1ff13}.mx-learning-signal{position:absolute;font:6px monospace;letter-spacing:1.2px;color:#adb9c4;border-bottom:1px solid #ffffff30;padding-bottom:5px}.signal-one{top:20%;left:5%}.signal-two{bottom:20%;right:5%}.signal-three{top:16%;right:5%}.mx-learning-detail{border-top:1px solid #ffffff20;margin:0 24px;padding:24px 0;min-height:190px}.mx-learning-detail>span{font:8px monospace;letter-spacing:1px;color:#8d9ca9}.mx-learning-detail h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:14px 0 10px}.mx-learning-detail p{font-size:13px;color:#99a6b1}.mx-learning-foot{font-size:6px;border-top:1px solid #ffffff15;padding:16px 24px}.mx-output p{white-space:pre-line}@keyframes mx-assembly{50%{transform:rotateX(-12deg) rotateY(20deg) translateY(-7px)}}@keyframes mx-cube-lift{50%{transform:translate3d(100px,-110px,-35px)}}@media(max-width:640px){.mx-learning{display:block}.mx-learning-engine{margin-top:40px}.mx-learning-art{height:300px}.mx-learning-meta{font-size:5px;padding:18px 16px}.mx-learning-detail{margin:0 18px}.mx-learning-foot{font-size:5px}.mx-learning-orbit{width:240px;margin-left:-120px}.orbit-two{width:280px;margin-left:-140px}}
/* Clip decorative overflow without creating a scroll container around the sticky reveal. */
.mx{overflow:clip}.mx-page .mobile-toggle{color:#14181c!important}.mx-page .mobile-menu{color:#171c20}.mx-page .site-header .mega-menu a{color:#171c20}.mx-chamber{scroll-margin-top:90px}.mx-chamber-sticky{top:0}.mx-universe-heading{top:14%}
/* Final material pass: rendered optical glass and machined titanium surfaces. */
.mx-door-surface{background-image:linear-gradient(100deg,#0002,transparent 35%,#0004),url('/assets/miles/steel-door-real.webp');background-size:100% 100%;background-position:center}.mx-door:after{background:linear-gradient(0deg,#0007,transparent 20%,transparent 80%,#0006),radial-gradient(ellipse at 50% 48%,#0002,#0001)}.mx-door-seam,.mx-door-vent,.mx-door-bolt{display:none}.mx-door-detail{top:12%;left:24%;opacity:.65}.mx-door-detail>b{font-size:clamp(60px,7vw,110px);letter-spacing:-7px;color:#0007}.mx-door-right .mx-door-detail{bottom:12%;right:24%}.mx-door-title{text-shadow:0 2px 15px #000,0 0 65px #000}.mx-door-title:before{content:"";position:absolute;inset:-50px 12%;background:radial-gradient(ellipse,#0008,transparent 70%);z-index:-1}.mx-door-edge{width:1px;opacity:.5;box-shadow:0 0 6px #e9f5ff,0 0 30px #fff6}.mx-glass-render{position:absolute;width:88%;height:100%;object-fit:contain;left:6%;top:0;filter:drop-shadow(0 20px 20px #0008);animation:mx-glass-breathe 9s ease-in-out infinite;will-change:transform}.mx-learning-art{height:390px;mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent);background-size:15px 15px}.mx-learning-signal{z-index:2;background:#080c10b3;padding:6px 8px}.mx-learning-engine{background:radial-gradient(ellipse at 50% 38%,#37445144,transparent 67%),#090d11}.mx-learning-orbit{opacity:.45}.mx-security-render{width:90%;max-height:470px;object-fit:contain;filter:drop-shadow(0 35px 35px #000a);animation:mx-hardware-hover 10s ease-in-out infinite;will-change:transform}.mx-shield{min-height:540px}.mx-shield-orbit{width:410px;height:410px;top:22%;opacity:.5}.mx-shield-label{bottom:0}.mx-shield:after{content:"";position:absolute;bottom:40px;left:20%;right:20%;height:20px;border-radius:50%;background:#000;filter:blur(16px);opacity:.8;z-index:-1}@keyframes mx-glass-breathe{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes mx-hardware-hover{0%,100%{transform:translateY(5px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}@media(max-width:640px){.mx-door-surface{background-size:auto 100%;background-position:70% center}.mx-door-detail{left:16%;top:16%}.mx-door-right .mx-door-detail{right:16%;bottom:15%}.mx-door-detail>span{font-size:4px;max-width:110px}.mx-door-detail>b{font-size:65px}.mx-learning-art{height:320px}.mx-glass-render{width:92%;left:4%}.mx-shield{min-height:390px}.mx-shield-orbit{width:260px;height:260px;top:16%}.mx-security-render{max-height:340px;width:90%}.mx-door-title:before{inset:-40px 0}.mx-shield-label{bottom:0}}
.mx-flow{display:grid;grid-template-columns:.9fr 1.2fr;gap:6%;align-items:center;background:radial-gradient(ellipse at 24% 48%,#28343f35,transparent 55%),#080a0d}.mx-processor-stage{position:relative;height:650px;perspective:1000px;isolation:isolate}.mx-processor-stage img{height:100%;width:100%;object-fit:contain;animation:mx-hardware-hover 12s ease-in-out infinite;filter:drop-shadow(0 25px 35px #0009)}.mx-processor-pulse{position:absolute;inset:24% 18% 27%;background:linear-gradient(180deg,transparent 30%,#e3f0ff20 50%,transparent 70%);background-size:100% 300%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000,transparent 68%);animation:processor-transfer 5s linear infinite;pointer-events:none}.processor-label{position:absolute;left:10%;right:10%;text-align:center;font:7px monospace;letter-spacing:2px;color:#acb9c5}.label-top{top:0}.label-bottom{bottom:0}.mx-flow-content .mx-section-head{display:block}.mx-flow-content .mx-section-head h2{font-size:clamp(38px,3.8vw,60px);margin-top:20px}.mx-flow-content .mx-flow-grid{display:block;margin-top:30px}.mx-flow-content .mx-flow-grid article{position:relative;border:0;border-top:1px solid #ffffff20;padding:22px 0 22px 40px}.mx-flow-content .mx-index{position:absolute;left:0;top:27px;font-size:9px}.mx-flow-content .mx-mini-lines,.mx-flow-content .mx-mini-core{display:none}.mx-flow-content .mx-flow-grid h3{font-size:17px}.mx-closing{position:relative;isolation:isolate;min-height:850px;padding-top:100px;padding-bottom:300px;overflow:hidden;background:#080b10}.mx-landscape{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;animation:landscape-drift 28s ease-in-out infinite}.mx-closing:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#080a0ee8, #080a0e9e 35%,#080a0e1a 70%,#080a0e55)}.mx-closing h2{text-shadow:0 3px 35px #000}.mx-closing>p:last-child{color:#c2cbd4}.mx-closing em{color:#b4bdc6}@keyframes processor-transfer{0%{background-position:0 0}100%{background-position:0 100%}}@keyframes landscape-drift{50%{transform:scale(1.045) translateY(-6px)}}@media(max-width:640px){.mx-flow{display:flex;flex-direction:column;gap:35px}.mx-processor-stage{width:100%;height:470px}.mx-flow-content .mx-section-head h2{font-size:42px}.mx-closing{min-height:730px;padding-top:80px;padding-bottom:260px}.mx-landscape{object-position:52% bottom}.processor-label{font-size:6px}}
.mx-light-transition{height:560px;position:relative;isolation:isolate;overflow:hidden;background:#020304}.mx-light-transition>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:landscape-drift 24s ease-in-out infinite}.mx-light-transition:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0008,transparent 70%),linear-gradient(#08090a80,transparent 25%,transparent 75%,#08090a99)}.mx-light-transition>div{position:absolute;left:7%;top:23%}.mx-light-transition h2{font-size:clamp(38px,4.4vw,66px);text-shadow:0 2px 30px #000}.mx-light-transition em{color:#a8b3bd}@media(max-width:640px){.mx-light-transition{height:480px}.mx-light-transition>img{object-position:62% center}.mx-light-transition>div{left:6%;right:6%;top:15%}.mx-light-transition h2{font-size:37px}.mx-light-transition:before{background:linear-gradient(#000b,transparent 70%,#08090a99)}}