:root{--bg:#070b18;--panel:#0e1528;--line:#202d49;--text:#f5f7ff;--muted:#9ba9c7;--blue:#4e72ff;--cyan:#2bd9ff;--purple:#8b5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.ambient{position:fixed;z-index:-2;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.13}.ambient-one{background:var(--blue);right:-180px;top:40px}.ambient-two{background:var(--purple);left:-240px;top:600px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:-.5px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #40578d;border-radius:12px;background:linear-gradient(145deg,#152449,#0b1020);color:var(--cyan);font-style:italic}.nav nav{display:flex;gap:34px}.nav nav a,.nav-action{color:#b8c5df;text-decoration:none;font-weight:600}.nav nav a:hover{color:white}.nav-action{padding:10px 18px;border:1px solid #354364;border-radius:10px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-block:70px}.eyebrow,.section-head>span,.cta>div>span{color:#71dfff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.2vw,74px);line-height:1.03;letter-spacing:-3.5px;margin:20px 0 25px}h1 em{font-style:normal;background:linear-gradient(90deg,#6688ff,#2bd9ff);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#a8b5cf;max-width:650px}.hero-actions{display:flex;gap:13px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 25px;border-radius:11px;text-decoration:none;color:#fff;font-weight:800}.button.primary{background:linear-gradient(110deg,#526fff,#20c9ef);box-shadow:0 14px 45px rgba(56,110,255,.25)}.button.primary:hover{transform:translateY(-2px)}.button.ghost{border:1px solid #33415f;background:#0a1020}.hero-facts{list-style:none;padding:0;margin:42px 0 0;display:flex;gap:44px}.hero-facts li{display:flex;flex-direction:column}.hero-facts b{font-size:20px}.hero-facts span{color:#7785a3;font-size:12px}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.machine{position:relative;width:min(470px,90%);padding:11px;background:linear-gradient(150deg,#182440,#090f1e);border:1px solid #304066;border-radius:20px;box-shadow:0 40px 100px #000,0 0 70px rgba(63,100,255,.14);transform:perspective(900px) rotateY(-5deg)}.machine-top{display:flex;gap:5px;padding:0 3px 10px}.machine-top i{width:6px;height:6px;border-radius:50%;background:#4a5670}.screen{position:relative;height:275px;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,#4838a4,#1b5b93 48%,#061022);isolation:isolate}.screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.025) 35px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.025) 35px)}.sun{position:absolute;width:110px;height:110px;border-radius:50%;background:linear-gradient(#ff88eb,#ff4d87);right:55px;top:40px;box-shadow:0 0 55px #a241d0}.mountains{position:absolute;left:-10%;right:-10%;bottom:-80px;height:220px;background:linear-gradient(145deg,transparent 30%,#172760 31% 48%,transparent 49%),linear-gradient(215deg,transparent 32%,#081633 33%);z-index:2}.hud{position:absolute;left:15px;right:15px;top:15px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px;z-index:4}.play{position:absolute;z-index:5;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(5,10,30,.45);backdrop-filter:blur(8px)}.machine-meta{display:flex;justify-content:space-between;color:#7d8dab;font-size:10px;letter-spacing:1px;padding:11px 5px 2px}.machine-meta b{color:#61f2bd}.orbit{position:absolute;border:1px solid rgba(82,121,255,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:600px;height:240px}.orbit-two{width:520px;height:390px;transform:rotate(34deg)}.status-card{position:absolute;z-index:3;padding:11px 14px;border:1px solid #2b3d66;border-radius:10px;background:rgba(10,16,33,.88);backdrop-filter:blur(8px);font-size:11px}.status-left{left:-20px;bottom:62px}.status-left i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45e7a5;margin-right:6px}.status-left b{color:#40dba2;margin-left:10px}.status-right{right:-5px;top:65px;display:flex;flex-direction:column}.status-right span{color:#8f9fc1}.features{padding-block:85px}.section-head{max-width:700px}.section-head h2,.cta h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-2px;margin:13px 0 40px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article{padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10182b,#0a1020);transition:.25s}.feature-grid article:hover{transform:translateY(-5px);border-color:#38528d}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#14254d;color:var(--cyan);font-size:20px}.feature-grid h3{margin:21px 0 8px}.feature-grid p,.steps p{color:#8998b8;font-size:13px}.steps{display:grid;grid-template-columns:1fr .82fr;gap:18px;padding-block:70px}.steps-panel,.device-panel{border:1px solid var(--line);border-radius:20px;background:#0b1222;padding:42px}.steps-panel ol{list-style:none;margin:0;padding:0}.steps-panel li{display:flex;gap:20px;padding:19px 0;border-top:1px solid #1c2942}.steps-panel li>b{color:#4d75ff;font-size:18px}.steps-panel h3{margin-bottom:2px}.device-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 55%,#233276,#0b1222 58%)}.device-label{color:#94a4c5;font-size:12px;text-transform:uppercase;letter-spacing:1px}.devices{display:flex;justify-content:space-between;gap:7px}.devices span{padding:7px;border:1px solid #42527a;border-radius:7px;font-size:9px}.controller{position:relative;width:260px;height:145px;margin:35px auto 10px;border:18px solid #758bff;border-radius:70px 70px 58px 58px;box-shadow:0 0 65px #3e54e7}.controller:after{content:"";position:absolute;width:90px;height:75px;background:#0b1222;left:67px;top:52px}.controller i{position:absolute;width:26px;height:26px;border:5px solid #0b1222;border-radius:50%;top:40px}.controller i:first-child{left:43px}.controller i:nth-child(2){right:43px}.controller b{position:absolute;left:50px;top:4px;color:#0b1222;font-size:25px}.controller strong{position:absolute;right:32px;top:10px;color:#0b1222;letter-spacing:4px}.cta{margin-block:70px 100px;padding:45px 50px;border:1px solid #2c4374;border-radius:20px;background:linear-gradient(110deg,#111a31,#142a57);display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:34px;margin:9px 0;max-width:700px}footer{display:flex;justify-content:space-between;align-items:center;padding-block:28px;border-top:1px solid #18233a;color:#6f7d9b;font-size:12px}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:25px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-actions,.hero-facts{justify-content:center}.hero-visual{min-height:390px}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.cta .button{width:100%}}@media(max-width:520px){.wrap{width:min(100% - 28px,1160px)}.nav{height:68px}.nav-action{display:none}.hero{padding-block:45px}.eyebrow{font-size:10px}h1{font-size:42px;letter-spacing:-2.5px}.lead{font-size:15px}.hero-actions{flex-direction:column}.hero-facts{gap:25px}.hero-visual{min-height:310px}.machine{width:100%;transform:none}.screen{height:205px}.orbit{display:none}.status-left{left:-5px;bottom:20px}.status-right{right:-3px;top:28px}.features{padding-block:50px}.feature-grid{grid-template-columns:1fr}.steps-panel,.device-panel{padding:27px}.controller{transform:scale(.85);margin-left:-2px}.cta{padding:30px 24px;margin-block:45px}.cta h2{font-size:29px}footer{flex-direction:column;align-items:flex-start;gap:14px}}
@media(prefers-reduced-motion:no-preference){.machine{animation:float 5s ease-in-out infinite}.status-card{animation:float 4s ease-in-out infinite reverse}.primary{transition:.2s}@keyframes float{50%{translate:0 -9px}}}