.mx-chamber{height:650vh;--zoom:0;--inside:0;--meet-copy:1}.mx-page .site-header{position:fixed;inset:0 0 auto;z-index:20;background:#080a0de8;backdrop-filter:blur(16px)}.mx-meet{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 73% 45%,#36424b55,transparent 60%),#06090d;opacity:calc(1 - var(--inside));pointer-events:none;overflow:hidden}.mx-meet-copy{position:absolute;left:7%;top:17%;width:40%;max-width:570px;z-index:3;opacity:var(--meet-copy);transform:translateY(calc(var(--zoom)*-45px));pointer-events:auto}.mx-meet h1{font-size:clamp(48px,5vw,76px);margin-bottom:20px}.mx-meet-copy>p:not(.mx-label){font-size:16px;color:#a8b5c0;max-width:390px}.mx-demo-live{margin-top:24px;padding:22px;border:1px solid #ffffff26;background:#111820ba;backdrop-filter:blur(20px)}.mx-demo-live>.mx-label{font-size:7px;display:block;margin-bottom:12px!important}.mx-demo-live #miles-demo-reply{font-size:13px;line-height:1.75;min-height:83px;color:#d8e2eb}.mx-demo-prompts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.mx-demo-prompts button{font-size:9px;padding:8px 10px;border:1px solid #ffffff28;background:#ffffff06;color:#bccbd7;cursor:pointer}.mx-demo-prompts button:hover{background:#ffffff18}.mx-demo-live form{margin-top:15px}.mx-demo-live label{display:block;font:8px monospace;color:#a5b5c3;margin-bottom:7px}.mx-demo-live form>div{display:flex;gap:6px}.mx-demo-live input{min-width:0;flex:1;background:#060b11;color:white;border:1px solid #ffffff30;padding:11px;font:12px inherit}.mx-demo-live form button,.mx-enter-face{background:#dce5eb;color:#101820;border:0;padding:11px 15px;font-size:11px;cursor:pointer}.mx-demo-live small{display:block;font-size:8px;line-height:1.6;color:#8f9eaa;margin-top:12px}.mx-enter-face{margin-top:18px;background:transparent;color:#e1ebf3;border:1px solid #ffffff40}.mx-enter-face span{margin-left:25px}.mx-face-camera{position:absolute;left:45%;top:12%;width:55%;height:76%;transform-origin:46% 49%;transform:translateX(calc(var(--zoom)*-33vw)) scale(calc(1 + var(--zoom)*16));opacity:calc(1 - var(--inside));will-change:transform;pointer-events:none}.mx-face-camera>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 40px #000)}.mx-face-aperture{position:absolute;left:25%;top:35%;width:40%;height:33%;border-radius:35%;background:#030609;opacity:calc(var(--zoom)*.94);box-shadow:0 0 20px #020508}.mx-travel-caption{position:absolute;z-index:5;left:0;right:0;bottom:15%;text-align:center;opacity:calc(var(--zoom)*(1 - var(--inside)));pointer-events:none}.mx-travel-caption span{font:9px monospace;letter-spacing:2px;color:#b6c7d5}.mx-travel-caption p{font-size:30px;margin-top:12px}.mx-chamber .mx-universe{opacity:var(--inside);transform:scale(calc(1.8 - var(--inside)*.8))}.mx-chamber .mx-universe-heading,.mx-chamber .mx-universe-nodes,.mx-chamber .mx-universe-caption{opacity:var(--inside)}.mx-chamber-hud button{pointer-events:auto;font:8px monospace;letter-spacing:.6px;border:1px solid #ffffff30;color:#d4e1eb;background:#0b1119b8;padding:9px;cursor:pointer}.mx-transfer{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#eaf7ff;stroke-width:1.3;pointer-events:none;filter:drop-shadow(0 0 4px #e0f2ff)}.mx-transfer path{stroke-dasharray:3 70;animation:data-transfer 4s linear infinite}.mx-transfer path:nth-child(2){animation-delay:-1.3s}.mx-transfer path:nth-child(3){animation-delay:-2.6s}@keyframes data-transfer{to{stroke-dashoffset:-292}}@media(max-width:640px){.mx-chamber{height:610vh}.mx-meet-copy{top:33%;left:6%;width:88%;max-width:none}.mx-meet h1{font-size:36px;margin-bottom:8px}.mx-meet-copy>.mx-label{margin-bottom:10px!important;font-size:7px}.mx-meet-copy>p:not(.mx-label){font-size:12px}.mx-demo-live{padding:14px;margin-top:14px}.mx-demo-live #miles-demo-reply{font-size:11px;min-height:65px}.mx-demo-live input{font-size:10px;padding:9px}.mx-demo-prompts button{font-size:8px;padding:6px}.mx-enter-face{margin-top:10px;padding:9px}.mx-face-camera{left:19%;top:7%;width:65%;height:27%;transform-origin:46% 50%;transform:translateY(calc(var(--zoom)*27vh)) scale(calc(1 + var(--zoom)*27))}.mx-demo-live small{font-size:7px}.mx-chamber-hud>span:first-of-type{display:none}.mx-chamber-hud{bottom:10px}.mx-door-title{top:37%}}@media(prefers-reduced-motion:reduce){.mx-chamber{height:auto}.mx-chamber-sticky{height:auto;overflow:visible}.mx-meet{position:relative;min-height:850px;opacity:1}.mx-meet-copy{opacity:1;transform:none}.mx-face-camera{transform:none;opacity:1}.mx-face-aperture,.mx-travel-caption{display:none}.mx-chamber .mx-universe{position:relative;height:900px;opacity:1;transform:none}.mx-chamber .mx-universe-heading,.mx-chamber .mx-universe-nodes,.mx-chamber .mx-universe-caption{opacity:1}.mx-chamber-hud{display:none}.mx-transfer path{animation:none}}
.demo-answer-in{animation:answer-in .4s ease both}@keyframes answer-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}

.mx-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.85}.mx-demo-live input{font-family:inherit;font-size:12px}@media(prefers-reduced-motion:reduce){.mx-atmosphere{display:none}}

/* Keep the pinned scene in one flat compositing context. Nested perspective,
   backdrop filters and a blended canvas can tear sticky layers in WebKit. */
.mx-chamber-sticky{perspective:none;contain:paint;background:#030609}
.mx-door-frame{transform:translateZ(0);backface-visibility:hidden}
.mx-door-left{transform:translate3d(calc(var(--door)*-104%),0,0)}
.mx-door-right{transform:translate3d(calc(var(--door)*104%),0,0)}
.mx-door{backface-visibility:hidden}
.mx-atmosphere{mix-blend-mode:normal}
.mx-demo-live,.mx-door-title button{backdrop-filter:none;-webkit-backdrop-filter:none}
.mx-face-camera>img{filter:none}
.mx-meet{visibility:hidden}
.mx-chamber[data-phase="meet"] .mx-meet,.mx-chamber[data-phase="zoom"] .mx-meet{visibility:visible}
.mx-chamber[data-phase="core"] .mx-meet,.mx-chamber[data-phase="core"] .mx-door-frame{visibility:hidden}
@media(prefers-reduced-motion:reduce){.mx-chamber .mx-meet{visibility:visible}.mx-chamber-sticky{contain:none}}

.mx-chamber[data-phase="doors"] .mx-universe,.mx-chamber[data-phase="meet"] .mx-universe,.mx-chamber[data-phase="doors"] .mx-travel-caption,.mx-chamber[data-phase="meet"] .mx-travel-caption{visibility:hidden}
@media(prefers-reduced-motion:reduce){.mx-chamber .mx-universe{visibility:visible}}

/* Exploded assembly: the shell opens around a persistent neural core. */
.mx-face-camera{transform:translateX(calc(var(--zoom)*-23vw)) scale(calc(1 - var(--zoom)*.25));opacity:calc(1 - var(--inside))}
.mx-face-camera>img{visibility:hidden}.mx-face-aperture{display:none}
.mx-shell-piece{position:absolute;inset:0;background:url('/assets/miles/miles-stealth-aero.webp') center/contain no-repeat;will-change:transform;backface-visibility:hidden}
.mx-shell-piece:nth-of-type(1){clip-path:polygon(0 0,100% 0,100% 33%,0 33%);transform:translateY(calc(var(--zoom)*-160px)) rotate(calc(var(--zoom)*-8deg))}
.mx-shell-piece:nth-of-type(2){clip-path:polygon(0 33%,32% 33%,32% 72%,0 72%);transform:translateX(calc(var(--zoom)*-190px)) rotate(calc(var(--zoom)*-15deg))}
.mx-shell-piece:nth-of-type(3){clip-path:polygon(32% 33%,73% 33%,73% 72%,32% 72%);transform:translate(calc(var(--zoom)*90px),calc(var(--zoom)*65px)) rotate(calc(var(--zoom)*18deg));opacity:calc(1 - var(--zoom))}
.mx-shell-piece:nth-of-type(4){clip-path:polygon(73% 33%,100% 33%,100% 72%,73% 72%);transform:translateX(calc(var(--zoom)*190px)) rotate(calc(var(--zoom)*15deg))}
.mx-shell-piece:nth-of-type(5){clip-path:polygon(0 72%,100% 72%,100% 100%,0 100%);transform:translateY(calc(var(--zoom)*160px)) rotate(calc(var(--zoom)*6deg))}
.mx-brain-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.mx-universe-center>span{display:none}.mx-universe-center{top:70%}.mx-universe-center>small{font-size:6px}.mx-travel-caption{bottom:12%}.mx-travel-caption p{font-size:22px}
@media(max-width:640px){.mx-face-camera{transform:translateY(calc(var(--zoom)*25vh)) scale(calc(1 + var(--zoom)*.5))}.mx-shell-piece:nth-of-type(1){transform:translateY(calc(var(--zoom)*-100px))}.mx-shell-piece:nth-of-type(2){transform:translateX(calc(var(--zoom)*-120px))}.mx-shell-piece:nth-of-type(4){transform:translateX(calc(var(--zoom)*120px))}.mx-shell-piece:nth-of-type(5){transform:translateY(calc(var(--zoom)*100px))}.mx-universe-center{top:64%}}
@media(prefers-reduced-motion:reduce){.mx-face-camera>img{visibility:visible}.mx-shell-piece{display:none}.mx-brain-canvas{top:850px;height:900px}.mx-face-camera{transform:none}}

/* Shared curved boundaries follow the crown, visor gasket and ear housings.
   All pieces use the same image coordinates so the assembled shell is intact. */
.mx-shell-piece:nth-of-type(1){clip-path:polygon(0 0,100% 0,100% 24%,86% 24%,81% 29%,75% 33%,66% 31%,56% 28%,44% 27%,33% 28%,25% 31%,18% 38%,13% 45%,0 45%);transform:translate(calc(var(--shell)*-18px),calc(var(--shell)*-145px)) rotate(calc(var(--shell)*-9deg))}
.mx-shell-piece:nth-of-type(2){clip-path:polygon(0 45%,13% 45%,18% 38%,25% 31%,23% 42%,21% 54%,22% 64%,27% 72%,34% 77%,30% 85%,19% 80%,0 80%);transform:translate(calc(var(--shell)*-155px),calc(var(--shell)*10px)) rotate(calc(var(--shell)*-13deg))}
.mx-shell-piece:nth-of-type(3){clip-path:polygon(25% 31%,33% 28%,44% 27%,56% 28%,66% 31%,75% 33%,77% 42%,77% 54%,74% 65%,68% 74%,59% 79%,47% 81%,34% 77%,27% 72%,22% 64%,21% 54%,23% 42%);transform:translate(calc(var(--release)*30px),calc(var(--release)*75px)) scale(calc(1 + var(--release)*.15));opacity:calc(1 - var(--release))}
.mx-shell-piece:nth-of-type(4){clip-path:polygon(100% 24%,86% 24%,81% 29%,75% 33%,77% 42%,77% 54%,74% 65%,68% 74%,76% 80%,87% 76%,100% 76%);transform:translate(calc(var(--shell)*155px),calc(var(--shell)*-5px)) rotate(calc(var(--shell)*14deg))}
.mx-shell-piece:nth-of-type(5){clip-path:polygon(0 80%,19% 80%,30% 85%,34% 77%,47% 81%,59% 79%,68% 74%,76% 80%,87% 76%,100% 76%,100% 100%,0 100%);transform:translate(calc(var(--shell)*15px),calc(var(--shell)*145px)) rotate(calc(var(--shell)*7deg))}

/* Intact shell dissolves to reveal the neural core; no separated panels. */
.mx-face-camera>img{visibility:visible;opacity:calc(1 - var(--shell));will-change:opacity}
.mx-shell-piece{display:none}
@media(prefers-reduced-motion:reduce){.mx-face-camera>img{opacity:1}}

/* Locked camera: scroll changes opacity only during the shell reveal. */
.mx-face-camera{transform:none!important;opacity:1}
.mx-meet{opacity:1;background:transparent}
.mx-meet-copy{transform:none}
.mx-chamber-sticky{background:radial-gradient(ellipse at 73% 45%,#36424b55,transparent 60%),#06090d}
.mx-chamber .mx-universe{transform:none}
.mx-brain-canvas{z-index:2}
.mx-meet{z-index:3}

.mx-chamber{height:800vh}.mx-universe{filter:none}.mx-chamber .mx-universe{opacity:calc(var(--inside)*(1 - var(--dive,0)))}
.mx-board{position:absolute;inset:0;z-index:6;background:#04080b;opacity:var(--board,0);pointer-events:none}.mx-board canvas{width:100%;height:100%;position:absolute;inset:0}.mx-board-caption{position:absolute;top:14%;left:7%;right:7%;pointer-events:auto}.mx-board-caption h2{font-size:clamp(30px,4vw,58px)}.mx-board-caption p{color:#a7bac8;font-size:14px;max-width:430px;margin-top:14px}.mx-board-nav{position:absolute;bottom:9%;left:7%;right:7%;display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}.mx-board-nav a{font:9px monospace;color:#9eb6c7;padding:8px 10px;border:1px solid #ffffff20;text-decoration:none}.mx-board-nav a[aria-current=true]{color:white;border-color:#acd9ef;background:#a5dafa12}.mx-board[hidden]{display:none}.mx-board-key{position:absolute;right:7%;top:18%;font:9px monospace;color:#b0cbd9;letter-spacing:2px}@media(max-width:640px){.mx-board-caption h2{font-size:30px}.mx-board-caption p{font-size:12px}.mx-board-key{display:none}.mx-board-nav{bottom:10%;gap:5px}.mx-board-nav a{font-size:8px;padding:6px}}@media(prefers-reduced-motion:reduce){.mx-chamber{height:auto}.mx-board{position:relative;height:900px;opacity:1}.mx-chamber .mx-universe{opacity:1}}

.mx-chip-label{position:absolute;transform:translate(-50%,-50%);font:10px monospace;letter-spacing:1.5px;color:#e5edf2;text-shadow:0 2px 6px #000;background:#070b0f99;padding:7px 12px;border-left:1px solid #e1e9ef80;pointer-events:none}.mx-chip-label[hidden]{display:none}.mx-board-caption,.mx-board-nav,.mx-board-key{z-index:2}

.mx-signal{position:absolute;inset:0;z-index:6;background:#04080c;opacity:var(--signal,0);pointer-events:none;overflow:hidden}.mx-signal canvas{position:absolute;inset:0;width:100%;height:100%}.mx-signal-heading{position:absolute;top:13%;left:7%;right:7%;pointer-events:none}.mx-signal-heading h2{font-size:clamp(32px,4vw,60px);margin-top:14px}.mx-signal-heading p{font-size:13px;color:#9aafbd;margin-top:12px}.mx-signal-node{position:absolute;z-index:2;transform:translate(-50%,-50%);width:190px;padding:17px;text-align:left;background:linear-gradient(135deg,#26333eeb,#080e15ed);border:1px solid #aec9da55;color:#dbe8f1;cursor:pointer;pointer-events:auto;box-shadow:0 14px 45px #0009}.mx-signal-node small{font:8px monospace;letter-spacing:1.4px;display:block;color:#94afc1;margin-bottom:8px}.mx-signal-node b{font-size:15px;font-weight:500}.mx-signal-node span{float:right;color:#c5e4f7}.mx-signal-node[data-current=true]{border-color:#def4ff;box-shadow:0 0 30px #9acef322,0 14px 45px #000}.mx-signal-guide{position:absolute;bottom:10%;left:7%;color:#a2bacb;font:9px monospace;letter-spacing:1px}.mx-signal-dialog{color:#e5edf4;background:#0a1017;border:1px solid #9db8cb66;width:min(680px,92vw);max-height:85vh;padding:28px;box-shadow:0 25px 100px #000}.mx-signal-dialog::backdrop{background:#020509cc;backdrop-filter:blur(12px)}.mx-signal-dialog>button{display:block;margin-left:auto;padding:9px 14px;border:1px solid #ffffff40;background:transparent;color:#e5edf4;cursor:pointer}.mx-signal-dialog .mx-demo{padding:25px 0 0;background:none;border:0}.mx-signal-dialog .mx-demo h3{font-size:28px;margin:20px 0}.mx-signal-dialog .mx-demo-description{font-size:14px}.mx-signal[hidden]{display:none}@media(max-width:640px){.mx-signal-node{width:145px;padding:13px}.mx-signal-node b{font-size:12px}.mx-signal-heading h2{font-size:30px}.mx-signal-heading p{max-width:260px;font-size:11px}}@media(prefers-reduced-motion:reduce){.mx-signal{position:relative;height:1100px;opacity:1}.mx-signal-node{position:relative!important;left:auto!important;top:auto!important;transform:none;margin:14px 7%;width:86%}.mx-signal-heading{position:relative;top:auto;padding:60px 0 20px}.mx-signal canvas{opacity:.25}.mx-signal-guide{display:none}}

/* Compact processor tree: etched housings, pin contacts, and restrained light. */
.mx-signal-node{width:clamp(150px,21vw,230px);min-height:88px;border:1px solid #b9ccd955;border-radius:3px;background:linear-gradient(145deg,#38434d 0%,#141d25 7%,#0b1219 50%,#202c36 94%,#52616d 100%);box-shadow:inset 0 0 0 5px #080e15,inset 0 0 0 6px #a7bdcc2c,0 8px 0 #03070b,0 9px 0 #6e859139,0 18px 30px #000b;padding:20px}
.mx-signal-node:before,.mx-signal-node:after{content:'';position:absolute;left:15%;right:15%;height:6px;background:repeating-linear-gradient(90deg,#a9b7c3 0 2px,transparent 2px 9px);opacity:.65}.mx-signal-node:before{top:-7px}.mx-signal-node:after{bottom:-13px}.mx-signal-node[data-current=true]{box-shadow:inset 0 0 0 5px #080e15,inset 0 0 0 6px #d3edfc66,0 8px 0 #03070b,0 0 22px #b3d7eb25}
.mx-signal-heading h2{font-size:clamp(28px,3.5vw,48px)}.mx-signal-guide{bottom:7%}@media(max-width:640px){.mx-signal-node{width:42vw;min-height:72px;padding:14px}.mx-signal-node small{font-size:6px;margin-bottom:6px}.mx-signal-node b{font-size:11px}.mx-signal-heading{top:12%}.mx-signal-heading h2{font-size:25px}.mx-signal-heading p{font-size:10px}.mx-signal-guide{font-size:7px;bottom:6%}}

/* Photographic processor packages float above the signal substrate. */
.mx-signal-node,.mx-signal-node[data-current=true]{width:clamp(145px,22vw,265px);height:clamp(130px,17vw,190px);padding:0;border:0;background:none;box-shadow:none;isolation:isolate;opacity:var(--arrival,1);transform:translate(-50%,-50%) perspective(700px) rotateX(calc((1 - var(--arrival,1))*28deg)) scale(calc(.76 + var(--arrival,1)*.24));transition:filter .25s}
.mx-signal-node:before,.mx-signal-node:after{display:none}.mx-signal-node img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;filter:drop-shadow(0 18px 12px #000b);pointer-events:none}.mx-signal-node small{position:absolute;top:37%;left:24%;font-size:7px;letter-spacing:1px;color:#e5eef3;text-shadow:0 1px 4px #000}.mx-signal-node b{position:absolute;left:22%;right:19%;top:49%;font-size:clamp(10px,1.15vw,14px);text-align:center;color:white;text-shadow:0 1px 4px #000,0 0 8px #000;line-height:1.25}.mx-signal-node span{position:absolute;right:8%;bottom:1%;color:#ccecff}.mx-signal-node:hover,.mx-signal-node:focus-visible{filter:brightness(1.3);outline:1px solid #bfdce888;outline-offset:5px}.mx-signal-node[data-current=true] img{filter:drop-shadow(0 0 12px #97d8ff65) drop-shadow(0 18px 12px #000)}
@media(max-width:640px){.mx-signal-node{width:43vw;height:135px}.mx-signal-node small{font-size:5px}.mx-signal-node b{font-size:10px}}

/* Raised, dark metal lettering and a clean camera-to-tree handoff. */
.mx-signal-heading,.mx-signal-guide{opacity:var(--arrival,0)}
.mx-signal-node b{color:#13171b;font-weight:850;letter-spacing:-.025em;transform:perspective(500px) rotateX(18deg) rotateZ(-4deg);text-shadow:0 -1px 0 #c0c6ca,1px 1px 0 #080b0d,1.5px 2px 0 #060809,2px 3px 2px #0008;line-height:1.3;top:46%;font-size:clamp(12px,1.5vw,18px)}
.mx-signal-node small{top:31%;font-size:6px;color:#30383e;text-shadow:0 -1px 0 #a5aeb4}
@media(max-width:640px){.mx-signal-node b{font-size:12px}.mx-signal-node small{font-size:5px}}

.mx-signal-node b{transform:none;left:24%;right:24%;top:44%;font-size:clamp(11px,1.3vw,16px)}.mx-signal-node small{top:27%;left:28%;letter-spacing:.6px}.mx-signal-node img{filter:drop-shadow(0 6px 5px #0009)}.mx-signal-node[data-current=true] img{filter:drop-shadow(0 0 8px #97d8ff55) drop-shadow(0 6px 5px #0009)}

/* Brief neuron-to-router match cut, followed by an eased pullback. */
.mx-signal{transform-origin:50% 35%;transform:scale(calc(1 + (1 - var(--pullback,1))*(1 - var(--pullback,1))*5))}
.mx-signal:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#e5f7ff 32%,#a5d9f0 75%);opacity:var(--flash,0)}
.mx-signal-node b{font-weight:750;left:22%;right:22%;top:41%;font-size:clamp(13px,1.55vw,19px);line-height:1.17;color:#11171c;text-shadow:0 -1px 0 #d8e0e5,0 1px 0 #05080a,1px 2px 1px #0005;letter-spacing:-.025em}.mx-signal-node small{color:#39434a;text-shadow:none;font-size:6px}
@media(max-width:640px){.mx-signal-node b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mx-signal{transform:none}.mx-signal:after{display:none}}

/* Silver engraving cut into polished black titanium. */
.mx-signal-node b{color:#e5e9ed;font-weight:650;text-shadow:0 -1px 1px #000,0 1px 0 #ffffff55,1px 1px 2px #000;letter-spacing:-.015em}.mx-signal-node small{color:#bac2c9;text-shadow:0 -1px 1px #000;font-size:6px}.mx-signal-node:hover img,.mx-signal-node:focus-visible img{filter:brightness(1.12) drop-shadow(0 0 12px #c2d8e535)}

.mx-signal-node img{filter:brightness(.52) contrast(1.28) drop-shadow(0 6px 5px #0009)}.mx-signal-node[data-current=true] img{filter:brightness(.62) contrast(1.25) drop-shadow(0 0 9px #b9d6e755)}.mx-signal-node:hover img,.mx-signal-node:focus-visible img{filter:brightness(.72) contrast(1.22) drop-shadow(0 0 10px #b9d6e744)}

/* MOTIV hardware language: blackened metal, silver machining, white signals. */
.mx-signal-node{width:clamp(165px,25vw,290px)}
.mx-signal-node img{filter:grayscale(1) brightness(.68) contrast(1.35) drop-shadow(0 8px 10px #000)}
.mx-signal-node[data-current=true] img{filter:grayscale(1) brightness(.82) contrast(1.3) drop-shadow(0 0 9px #dce4e733)}
.mx-signal-node:hover img,.mx-signal-node:focus-visible img{filter:grayscale(1) brightness(.9) contrast(1.25) drop-shadow(0 0 12px #e7edf033)}
.mx-signal-node b{font-family:inherit;text-transform:uppercase;font-size:clamp(10px,1.18vw,15px);font-weight:600;letter-spacing:.075em;line-height:1.35;left:25%;right:25%;color:#e2e5e7;text-shadow:0 -1px 1px #000,0 1px 0 #ffffff40}
.mx-signal-node small{font-family:monospace;font-size:6px;letter-spacing:1.2px;color:#879096;top:28%;left:28%}
.mx-signal-node span{right:16%;bottom:0;font-size:13px;color:#a8b1b7}
.mx-signal canvas{filter:grayscale(1)}
@media(max-width:640px){.mx-signal-node{width:46vw}.mx-signal-node b{font-size:10px;letter-spacing:.04em}.mx-signal-node small{font-size:5px;letter-spacing:.6px}}

/* Learning rises over the stationary database scene. */
.mx-chamber{height:680vh}.mx-chamber-sticky>.mx-light-transition{position:absolute;inset:0;z-index:12;height:100%;min-height:0;margin:0;transform:translate3d(0,calc((1 - var(--cover,0))*100%),0);background:#020304;box-shadow:0 -24px 70px #0007;will-change:transform}.mx-chamber-sticky>.mx-light-transition img{height:100%;width:100%;object-fit:cover}.mx-chamber-sticky>.mx-light-transition>div{z-index:1}
@media(max-width:640px){.mx-chamber{height:640vh}}
@media(prefers-reduced-motion:reduce){.mx-chamber{height:auto}.mx-light-transition{transform:none}}

/* Miles introduces the three MOTIV experiences. */
.mx-meet-copy{inset:0;width:100%;max-width:none;text-align:center;pointer-events:none}.mx-meet-copy>.mx-label{position:absolute;top:13%;left:0;right:0}.mx-meet h1{position:absolute;top:17%;left:0;right:0;font-size:clamp(36px,4.5vw,66px);margin:0}.mx-meet-copy>p:not(.mx-label){position:absolute;top:25%;left:10%;right:10%;max-width:none;font-size:14px}.mx-face-camera{left:30%;top:28%;width:40%;height:40%}.mx-miles-products{position:absolute;top:70%;left:7%;right:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;pointer-events:auto}.mx-miles-products a{color:#dce3e7;text-decoration:none;border-top:1px solid #ffffff30;padding-top:14px}.mx-miles-products small{display:block;font:9px monospace;letter-spacing:2px;color:#9ca9b2}.mx-miles-products b{display:block;font-size:17px;font-weight:500;margin:10px 0}.mx-miles-products span{display:block;font-size:12px;line-height:1.5;color:#99a5ae}.mx-miles-products a:hover b{color:white}.mx-meet-copy .mx-enter-face{position:absolute;top:89%;left:50%;transform:translateX(-50%);margin:0;pointer-events:auto}.mx-chamber-sticky{background:radial-gradient(ellipse at 50% 48%,#36424b55,transparent 60%),#06090d}
@media(max-width:640px){.mx-face-camera{left:19%;width:62%;top:29%;height:37%}.mx-meet-copy>p:not(.mx-label){font-size:12px;top:25%}.mx-miles-products{left:5%;right:5%;gap:12px;top:68%}.mx-miles-products small{font-size:7px;letter-spacing:1px}.mx-miles-products b{font-size:12px}.mx-miles-products span{font-size:10px}.mx-meet-copy .mx-enter-face{top:90%;white-space:nowrap}}

.mx-miles-products{top:66%;gap:28px}.mx-miles-products small{font-size:8px;letter-spacing:2px;color:#929fa8}.mx-miles-products h2{font-size:clamp(30px,4vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.05;color:#f1f3f5;margin:8px 0 10px}.mx-miles-products b{font-size:14px;margin:0 0 7px;color:#cbd3d9}.mx-miles-products span{font-size:11px;line-height:1.45}.mx-miles-products a{padding-top:12px}.mx-meet-copy .mx-enter-face{top:91%}
@media(max-width:640px){.mx-miles-products{top:66%;gap:12px}.mx-miles-products h2{font-size:clamp(22px,6vw,34px)}.mx-miles-products b{font-size:11px}.mx-miles-products span{font-size:9px}.mx-miles-products small{font-size:6px}}

/* Quiet character animation, synchronized with the shell fade. */
.mx-face-camera>img{animation:miles-breathe 6s ease-in-out infinite}
.mx-miles-expression{position:absolute;inset:0;opacity:calc(1 - var(--shell));animation:miles-breathe 6s ease-in-out infinite;pointer-events:none}
.mx-blink-eye{position:absolute;top:47%;width:8%;height:6%;border-radius:50%;background:#03090e;transform:scaleY(0);animation:miles-blink 6.8s infinite;box-shadow:0 0 3px #03090e}
.mx-blink-eye.eye-left{left:39%}.mx-blink-eye.eye-right{left:48%}
.mx-miles-smile{position:absolute;left:43%;top:53%;width:12%;height:7%;overflow:visible}.mx-miles-smile path{fill:none;stroke:#e7f8ff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 2px #9edcff);opacity:.85}
@keyframes miles-blink{0%,43%,47%,74%,78%,100%{transform:scaleY(0)}45%,76%{transform:scaleY(1)}}
@keyframes miles-breathe{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(prefers-reduced-motion:reduce){.mx-face-camera>img,.mx-miles-expression,.mx-blink-eye{animation:none}.mx-blink-eye{display:none}}

.mx-blink-eye.eye-left{left:27%}.mx-blink-eye.eye-right{left:45%}.mx-miles-smile{left:32%;top:54%;width:12%;height:7%;background:radial-gradient(ellipse,#03090e 45%,transparent 72%);border-radius:50%}
body.mx-paused .mx-face-camera>img,body.mx-paused .mx-miles-expression,body.mx-paused .mx-blink-eye{animation-play-state:paused}

/* Facial features share the source image's coordinates and contain sizing. */
.mx-face-features{width:100%;height:100%;inset:0;overflow:visible}.mx-lid{transform-box:fill-box;transform-origin:center;transform:scaleY(0);animation:miles-paired-blink 6.8s infinite}
@keyframes miles-paired-blink{0%,43%,47%,74%,78%,100%{transform:scaleY(0)}45%,76%{transform:scaleY(1)}}
body.mx-paused .mx-lid{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mx-lid{animation:none;display:none}}

.mx-lid{animation:miles-calm-blink 11s infinite}
@keyframes miles-calm-blink{0%,48%,51%,100%{transform:scaleY(0)}49.5%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.mx-lid{animation:none}}

/* A quiet change of expression, independent of the blink rhythm. */
.mx-expression-mouth{animation:miles-expression 19s ease-in-out infinite}
@keyframes miles-expression{0%,42%,78%,100%{d:path("M486 668 Q522 701 560 675")}50%,69%{d:path("M486 671 Q522 674 560 677")}}
body.mx-paused .mx-expression-mouth{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mx-expression-mouth{animation:none}}

/* Security copy leads, with the shield on its right. */
.mx-security-copy{order:0}.mx-security>.mx-shield{order:1}.mx-security{background:radial-gradient(ellipse at 80% 45%,#262d3466,transparent 55%)}.mx-security:before{mask-image:linear-gradient(270deg,#000,transparent)}
@media(max-width:640px){.mx-security{flex-direction:column}}

/* Full-screen chapters: left, right, then upward over the previous scene. */
.mx-scenes.is-cinematic{height:500vh;position:relative}.is-cinematic .mx-scenes-stage{height:100vh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#080a0d}
.is-cinematic .mx-scenes-stage>.mx-section{position:absolute;inset:0;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:105px 5% 35px;margin:0;overflow:hidden;background-color:#080a0d;align-items:center;opacity:1;visibility:visible;will-change:transform}
.is-cinematic .mx-learning{z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:6%}
.is-cinematic .mx-flow{z-index:2;transform:translate3d(calc((var(--scene-enter,0) - 1)*100%),0,0);display:grid;grid-template-columns:.9fr 1.2fr;gap:6%}
.is-cinematic .mx-security{z-index:3;transform:translate3d(calc((1 - var(--scene-enter,0))*100%),0,0);display:grid;grid-template-columns:1.1fr 1fr;gap:6%}
.is-cinematic .mx-principles{z-index:4;transform:translate3d(0,calc((1 - var(--scene-enter,0))*100%),0);display:flex;flex-direction:column;justify-content:center;align-items:stretch;background:#090d11}
.is-cinematic h2,.is-cinematic .mx-flow-content .mx-section-head h2{font-size:clamp(30px,4.6vh,52px);line-height:1.06;margin:12px 0 18px}.is-cinematic .mx-label{font-size:9px;margin:0 0 14px}.is-cinematic p{line-height:1.55}
.is-cinematic .mx-learning-copy>p:not(.mx-label):not(.mx-lead){font-size:12px;margin-top:14px}.is-cinematic .mx-learning-copy .mx-lead{font-size:17px;line-height:1.5}.is-cinematic .mx-learning-choices{margin-top:20px}.is-cinematic .mx-learning-choices button{padding:13px 0;font-size:10px}.is-cinematic .mx-learning-engine{margin:0;max-height:100%}.is-cinematic .mx-learning-art{height:25vh;min-height:150px}.is-cinematic .mx-learning-meta{padding:12px 16px;font-size:6px}.is-cinematic .mx-learning-detail{min-height:0;margin:0 16px;padding:14px 0}.is-cinematic .mx-learning-detail h3{font-size:18px;margin:8px 0}.is-cinematic .mx-learning-detail p{font-size:11px}.is-cinematic .mx-learning-foot{padding:10px 16px;font-size:5px}
.is-cinematic .mx-processor-stage{height:65vh;max-height:100%;width:100%}.is-cinematic .mx-flow-content .mx-flow-grid{margin-top:18px}.is-cinematic .mx-flow-content .mx-flow-grid article{padding:15px 0 15px 30px}.is-cinematic .mx-flow-content .mx-flow-grid h3{font-size:16px}.is-cinematic .mx-flow-grid p{font-size:12px}.is-cinematic .mx-flow-content .mx-index{top:19px}
.is-cinematic .mx-shield{height:65vh;min-height:0}.is-cinematic .mx-security-render{max-height:53vh}.is-cinematic .mx-security-copy>p:not(.mx-label){font-size:12px;margin-top:14px}.is-cinematic .mx-security-copy h3{font-size:19px}.is-cinematic .mx-security-copy p{font-size:12px}.is-cinematic .mx-security-note{padding-top:12px}.is-cinematic .mx-security-copy .mx-link{font-size:12px}.is-cinematic .mx-security-copy>div{padding:14px 0;margin-top:16px}.is-cinematic .mx-principle-grid{margin-top:25px}.is-cinematic .mx-principle-grid article{padding:20px}.is-cinematic .mx-principle-grid p{font-size:13px}

/* Keep the motion control without the decorative status display. */
.mx-chamber-hud>span{display:none}