@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#f1f4fb;--muted:#a4adc0;--line:#ffffff23;--green:#82ff3a;--purple:#b076ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#070b13;color:var(--ink);font:16px/1.65 Manrope,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}.skip{position:fixed;left:16px;top:-70px;z-index:10;padding:10px 20px;background:var(--green);color:#071007}.skip:focus{top:10px}.atmosphere{position:absolute;inset:0 0 auto;height:950px;background:linear-gradient(180deg,#070b1344,#070b13),url('/assets/emx-controller/backdrop.png') center/cover;opacity:.52;pointer-events:none}header{max-width:1320px;margin:auto;padding:28px 42px;position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{border-radius:50%}.brand small{font-size:10px;letter-spacing:2px;display:block;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.nav-buy{border:1px solid var(--line);border-radius:30px;padding:11px 20px}.nav-buy span{margin-left:16px;color:var(--green)}main,footer{max-width:1240px;margin:auto}.hero{min-height:730px;padding:90px 24px 60px;position:relative;isolation:isolate}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--muted)}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}h1{font-size:clamp(60px,7.6vw,106px);line-height:1.04;letter-spacing:-7px;margin:26px 0;color:#f6f7fd;font-weight:800}h1 em{color:var(--green);font-style:normal}.lead{font-size:18px;color:#b8c1d2;line-height:1.8}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:17px 25px;background:var(--green);color:#0a1602;border-radius:8px;font-size:12px;font-weight:800;transition:transform .18s,background .18s;box-shadow:0 10px 50px #72ff2220}.primary:hover{transform:translateY(-3px);background:#a3ff74}.primary:active{transform:scale(.98)}.secondary{font-size:12px;color:#b3bfd0}.compat{display:flex;gap:20px;margin-top:35px;color:#75839b;font-size:10px;letter-spacing:.7px}.controller-art{position:absolute;right:0;top:100px;width:54%;z-index:-1}.controller-art svg{width:100%;filter:drop-shadow(0 30px 45px #000b);transform:rotate(-11deg);animation:arrive .7s ease-out both}.orbit{position:absolute;inset:0;border:1px solid #a17de323;border-radius:50%;transform:rotate(-30deg) scaleY(.8);box-shadow:0 0 120px #825dff18}.art-label{position:absolute;font-size:12px;font-weight:800;letter-spacing:1px;background:#152032c9;border:1px solid var(--line);border-radius:8px;padding:12px 20px;backdrop-filter:blur(12px)}.art-label span{display:block;color:#8c9ab1;font-size:8px;margin-top:4px}.art-label.left{left:18%;top:72%;color:var(--green)}.art-label.right{right:13%;top:13%;color:#c69dff}.art-note{font-size:9px;color:#5d6b85;text-align:center;margin-top:36px}.ticker{display:flex;align-items:center;justify-content:space-around;padding:25px 15px;border-block:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:4px;color:#778298}.ticker i{color:var(--green);font-style:normal}.section{padding:95px 24px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;margin-bottom:35px}.section-head .eyebrow{grid-column:1/-1}.section-head>p:last-child{align-self:center;max-width:400px;color:var(--muted)}h2{font-size:clamp(35px,4vw,54px);line-height:1.12;letter-spacing:-2px;margin:18px 0 30px}h3{font-size:23px;letter-spacing:-.7px;margin:15px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.glass{background:linear-gradient(135deg,#26364b66,#211d3566);border:1px solid #b4c9f533;border-radius:16px;padding:36px;box-shadow:0 24px 60px #0002;backdrop-filter:blur(14px)}.number{color:var(--green);font-size:12px;font-weight:800}.purple{color:var(--purple)}.glass p{color:var(--muted);font-size:14px;max-width:410px}.glass small{font-size:10px;color:#73839d}.pills,.sequence{display:flex;gap:8px;margin:25px 0 12px}.pills span,.sequence span{font-size:9px;font-weight:700;background:#101a27;border:1px solid #41506a;border-radius:7px;padding:8px 16px}.pills span:first-child{color:var(--green);border-color:#82ff3a55}.sequence b{color:var(--purple);align-self:center;font-size:10px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.details b{font-size:14px}.details p{font-size:12px;color:var(--muted)}.setup{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-block:1px solid var(--line)}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:22px}ol li+li{margin-top:25px}ol li>span{color:var(--green);font-size:12px;padding-top:10px}ol h3{font-size:17px;margin:0}ol p{font-size:13px;color:var(--muted);margin:6px 0}.purchase{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.purchase>div>p{color:var(--muted)}.price-card{border-color:#82ff3a55;padding:40px}.status{font-size:9px;letter-spacing:2px;color:var(--green)}.price{font-size:66px;letter-spacing:-4px;font-weight:800;margin:15px 0}.price span{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);margin-left:15px}.price-card ul{list-style:none;margin:0 0 28px;padding:0;font-size:13px;color:#c0c9d8}.price-card li{gap:12px;margin:10px 0}.price-card li:before{content:'✓';color:var(--green)}.price-card .primary{display:flex}.price-card .fine{font-size:10px;line-height:1.8}.key-link{font-size:11px;color:var(--purple)}.faq{border-top:1px solid var(--line);max-width:900px;margin:auto}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:600;font-size:14px}details p{font-size:13px;color:var(--muted);max-width:720px}details a{color:var(--green)}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:35px 24px;border-top:1px solid var(--line)}footer div{display:flex;gap:24px;font-size:11px}footer p{width:100%;font-size:9px;color:#67758c;margin-top:25px}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(-11deg)}to{opacity:1;transform:translateY(0) rotate(-11deg)}}@media(max-width:950px){h1{letter-spacing:-4px}.hero{padding-top:60px}.controller-art{top:230px;right:0;width:55%;opacity:.7}.hero .actions,.compat{position:relative;z-index:1}.section-head,.purchase{gap:30px}.setup{gap:35px}.glass{padding:25px}}@media(max-width:650px){header{padding:20px}.brand{font-size:19px}nav{gap:12px}nav>a:not(.nav-buy){display:none}.hero{min-height:850px;padding:50px 22px 30px}h1{font-size:68px;letter-spacing:-4px}.lead{font-size:15px}.controller-art{width:100%;top:460px;right:0;opacity:1}.actions{gap:15px}.primary{padding:15px 19px;font-size:11px}.secondary{font-size:10px}.compat{gap:14px;font-size:9px}.ticker{font-size:8px;letter-spacing:1px}.section{padding:60px 22px}.section-head,.cards,.setup,.purchase,.details{grid-template-columns:1fr}.section-head{gap:0}.details{gap:18px}.purchase{gap:20px}.price-card{padding:25px}.sequence span{padding:8px 11px}.art-note{margin-top:15px}.art-label{padding:8px 14px;font-size:10px}footer div{gap:15px}footer .brand{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero{overflow:clip}
/* Galaxy and controller hero */
body{isolation:isolate}.atmosphere{position:fixed;inset:0;height:100vh;overflow:hidden;z-index:-1;opacity:1;background:radial-gradient(ellipse at 74% 38%,#24133b88,transparent 60%),#060914}.atmosphere canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.nebula{position:absolute;width:105vw;height:95vh;filter:blur(65px);opacity:.42;will-change:transform;animation:galaxy-drift 40s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 50%,#6b2baa 0%,#37216466 30%,transparent 63%);transform:rotate(-25deg) scaleY(.55)}.nebula-purple{left:20%;top:-20%}.nebula-green{left:-30%;top:15%;opacity:.22;background:radial-gradient(ellipse at 50% 50%,#36895c,#1d695644 30%,transparent 62%);animation-delay:-19s}.section,footer,.ticker{position:relative}.controller-art{width:53%;top:100px;z-index:0}.hero>.eyebrow,.hero>h1,.hero>.lead,.hero>.actions,.hero>.compat{position:relative;z-index:1;pointer-events:none}.hero .actions a{pointer-events:auto}#controller-model{width:100%;height:480px;cursor:grab}.art-note{margin:0;color:#8190a9}.art-label{pointer-events:none}.art-label.left{left:12%;top:80%}.art-label.right{right:5%;top:9%}#motion-toggle{color:#bdc7d8;border:1px solid var(--line);background:#162031a0;border-radius:24px;padding:10px 14px;font:inherit;font-size:10px;cursor:pointer}#motion-toggle:hover{border-color:var(--purple)}button:focus-visible{outline:3px solid var(--green);outline-offset:4px}.motion-paused .nebula{animation-play-state:paused}@keyframes galaxy-drift{to{transform:translate(7%,12%) rotate(-7deg) scaleY(.7)}}@media(max-width:950px){.controller-art{top:270px;width:58%;opacity:1}#controller-model{height:400px}.hero{min-height:800px}nav{gap:14px}}@media(max-width:650px){.controller-art{width:100%;top:435px}#controller-model{height:350px}.hero{min-height:855px}#motion-toggle{font-size:9px;padding:9px}.nebula{filter:blur(35px)}.art-label.left{top:77%}.art-label.right{top:12%}}@media(prefers-reduced-motion:reduce){.nebula{animation:none;will-change:auto}}
/* Supplied controller photo, customized with EMX branding. */
#controller-model{display:flex;align-items:center;justify-content:center;cursor:default;perspective:1000px}
.controller-product{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);animation:controller-float 7s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 20px 30px #0008)}
.motion-paused .controller-product{animation-play-state:paused}
@keyframes controller-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.controller-product{animation:none}}