:root{--blue:#168ef0;--deep:#07111b;--panel:#0b1219;--line:#20303d;--text:#f4f7fa;--muted:#9aa7b3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05090d;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
header{height:86px;display:flex;align-items:center;gap:32px;padding:0 4vw;border-bottom:1px solid #17222c;position:sticky;top:0;background:rgba(5,9,13,.96);z-index:10}
.brand{display:flex;align-items:center;gap:12px;min-width:265px}.brand b{font-size:25px}.brand em{font-style:normal;color:var(--blue);letter-spacing:4px;font-size:20px}.brand small{display:block;color:#82909c;font-size:9px;letter-spacing:1.4px;margin-top:4px}
.hex{width:52px;height:46px;display:grid;place-items:center;border:4px solid var(--blue);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#0b1117;font-weight:900;font-size:20px}.hex span,.bigmark span{color:var(--blue);font-size:.6em}
nav{display:flex;gap:25px;margin-left:auto;font-size:12px;text-transform:uppercase}nav a:hover{color:var(--blue)}
.button{display:inline-block;background:linear-gradient(135deg,#078af0,#0067bc);padding:14px 22px;border-radius:4px;font-weight:bold;text-transform:uppercase;font-size:12px}.button.small{padding:12px 18px}.button.ghost{background:transparent;border:1px solid #66727c;margin-left:10px}
.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:70px 7vw;background:radial-gradient(circle at 75% 45%,#0b3150 0,#08141f 25%,#05090d 55%)}
.eyebrow{color:var(--blue);font-size:12px;font-weight:bold;letter-spacing:2px}.hero h1{font-size:58px;line-height:1.02;margin:15px 0}.hero h1 span{color:var(--blue)}.lead{max-width:580px;color:#b2bdc7;font-size:18px;line-height:1.7}.actions{margin-top:30px}
.hero-card{border:1px solid #334652;border-radius:10px;min-height:330px;background:#0b1117;box-shadow:0 35px 90px #000;overflow:hidden;transform:perspective(1000px) rotateY(-5deg)}
.screenbar{height:42px;background:#171e24;padding:13px}.screenbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52606b;margin-right:6px}.screenbar b{float:right;color:#7f8c96}.duct{height:288px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#121a21,#07101a)}.duct span{font-size:80px;font-weight:900;color:#dfe6eb;text-shadow:0 0 30px #168ef055}.duct p{color:#8fa1af}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 6vw;border-top:1px solid #17222c;border-bottom:1px solid #17222c;background:#070c11}.benefits article{padding:10px 28px;border-right:1px solid #24303a}.benefits article:last-child{border:0}.benefits b{font-size:30px;color:var(--blue)}.benefits h3{font-size:13px}.benefits p,.cards p,.story p,.mini p,.suggest>p{color:var(--muted);line-height:1.6}
.section{padding:75px 3vw}.center{text-align:center}.section h2,.suggest h2{text-align:center;font-size:28px;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:40px}.cards article{background:linear-gradient(#10171e,#090e13);border:1px solid #23323d;border-radius:8px;padding:22px;min-height:300px}.cards h3{font-size:16px}.cards p{font-size:13px}.cards a{display:block;color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:bold;margin-top:25px}.toolicon{height:85px;display:grid;place-items:center;font-size:34px;color:var(--blue);border-bottom:1px solid #1d2b35;margin-bottom:18px}
.story{margin:10px 3vw 50px;padding:45px 6vw;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;border:1px solid #17446a;border-radius:12px;background:linear-gradient(110deg,#07111a,#0b1218)}.bigmark{font-size:105px;font-weight:900;text-align:center;color:#e5e9ed}
.mini{margin:18px 3vw;padding:28px 4vw;border:1px solid #1d2e3a;border-radius:8px;background:#080e13}.mini h3{margin:0}.mini strong{color:var(--blue);font-size:11px;letter-spacing:2px}
.suggest{text-align:center;margin:50px 3vw;padding:65px 12vw;border:1px solid #1764a0;border-radius:12px;background:radial-gradient(circle at center,#0c2940,#080e13 65%)}.suggest>p{font-size:17px}.roadmap{margin-top:42px;color:#62717c;font-size:11px}.roadmap span{color:var(--blue);font-weight:bold;margin:0 8px}
footer{margin-top:60px;padding:35px 4vw;border-top:1px solid #17222c;display:flex;align-items:center;gap:40px;color:#687681;font-size:10px}footer .brand{margin-right:auto}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.hero h1{font-size:45px}}
@media(max-width:600px){header{padding:0 18px}.brand{min-width:0}.brand small{display:none}.hero{padding:50px 22px}.hero h1{font-size:38px}.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid #24303a}.section{padding:55px 18px}.story,.suggest,.mini{margin-left:18px;margin-right:18px}.roadmap{line-height:2.5}footer{display:block}.button.ghost{margin:10px 0 0}.button.small{display:none}}