:root{--bg:#071017;--panel:#0c1921;--line:#203641;--text:#edf7f8;--muted:#91a5ae;--cyan:#38d4d0;--red:#ff5967}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 75% 10%,#123742 0,transparent 30%)}a{color:inherit;text-decoration:none}header,footer{max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center}header{height:76px;justify-content:space-between;border-bottom:1px solid #ffffff12}.logo{font-size:20px;letter-spacing:3px}.logo b{color:var(--cyan)}.logo small{display:block;color:var(--muted);font-size:7px;letter-spacing:2px}nav{display:flex;align-items:center;gap:25px}nav>a,footer p{color:#adbec5}.button{display:inline-flex;justify-content:center;padding:13px 20px;border:1px solid var(--cyan);border-radius:7px;background:var(--cyan);color:#062326;font-weight:750}.button.small{padding:9px 14px}.button.secondary{background:transparent;color:#dff}.hero{max-width:1240px;margin:auto;padding:100px 28px 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:22px 0}h1 em{font-style:normal;color:var(--cyan)}.hero>div>p{color:#a9bbc2;font-size:18px;line-height:1.65}.actions{display:flex;gap:12px;margin:32px 0}.facts{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px}.facts b,.features span{color:var(--cyan)}.screen{border:1px solid #2d4b58;border-radius:12px;background:#0a151c;box-shadow:0 35px 90px #0009;overflow:hidden}.screenbar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#69dba0}.screenbody{height:370px;display:grid;grid-template-columns:150px 1fr 150px}.screen aside{padding:13px 9px}.screen aside:first-child{border-right:1px solid var(--line)}.screen aside:last-child{border-left:1px solid var(--line)}.screen small{font-size:8px;color:#7e969f}.screen article{border:1px solid var(--line);border-radius:6px;padding:11px 7px;margin-top:12px;font-size:9px}.screen article i{display:block;color:#8298a1;font-style:normal;margin-top:6px}.incoming{background:#38151d;border-color:#792c38!important}.incoming b{color:#ff7f8a}.map{position:relative;background-color:#111d23;background-image:linear-gradient(25deg,transparent 47%,#273940 48%,#273940 51%,transparent 52%),linear-gradient(110deg,transparent 43%,#25363e 44%,#25363e 47%,transparent 48%);background-size:120px 110px}.route{position:absolute;width:130px;height:145px;left:18%;top:30%;border-left:3px solid var(--cyan);border-bottom:3px solid var(--cyan);transform:rotate(-20deg)}.map i{position:absolute;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:bold}.station{width:25px;height:25px;border-radius:50%;background:#25808a;left:18%;top:60%}.unit{width:32px;height:20px;background:white;color:#123;left:46%;top:52%}.target{width:27px;height:27px;border-radius:50%;background:var(--red);right:20%;top:27%}progress{width:100%;height:3px;accent-color:var(--cyan)}.features{max-width:1240px;margin:auto;padding:40px 28px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{background:#0b171f;border:1px solid var(--line);padding:32px;border-radius:10px}.features span{font-size:9px;letter-spacing:1.5px}.features h2{font-size:20px;margin:21px 0 12px}.features p,.development p{color:var(--muted);line-height:1.7}.development{max-width:1184px;margin:0 auto 100px;padding:45px;display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;border:1px solid #64404a;border-radius:12px;background:linear-gradient(105deg,#26131a,#0c1921)}.development .eyebrow{color:#ff7c87}.development h2{margin:14px 0 0;font-size:27px}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;gap:28px}footer p{margin-right:auto;font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.features,.development{grid-template-columns:1fr}header nav>a:not(.button){display:none}}@media(max-width:600px){header{padding:0 18px}header nav{gap:7px}header .button{font-size:10px;padding:9px}.hero{padding:50px 18px}.screenbody{grid-template-columns:105px 1fr}.screen aside:last-child{display:none}.features{padding:25px 18px 70px}.development{margin:0 18px 70px;padding:28px}.facts,.actions,footer{flex-direction:column;align-items:stretch}footer{margin:0 18px}footer nav{flex-wrap:wrap}}