:root{--a:#14d4ff;--b:#2cff9d;--bg:#060b15;--card:#0f1727}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef;font-family:Arial,sans-serif}canvas{position:fixed;inset:0;z-index:-1}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 6%;backdrop-filter:blur(8px);position:sticky;top:0;background:#060b15cc}
nav a{color:#cfe;text-decoration:none;margin-left:18px}
.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--b));display:flex;align-items:center;justify-content:center;color:#001;font-weight:bold}
.brand{display:flex;gap:12px;align-items:center}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:80px 6%;align-items:center}
h1{font-size:58px}.badge{display:inline-block;border:1px solid #2cff9d55;padding:8px 14px;border-radius:999px;color:#9fffd9}
.btn,button{background:linear-gradient(135deg,var(--a),var(--b));color:#012;padding:14px 22px;border-radius:10px;text-decoration:none;font-weight:bold;border:none}
.ghost{border:1px solid #355;color:#eef;padding:14px 22px;border-radius:10px;text-decoration:none}
.heroBtns{display:flex;gap:15px;margin-top:25px}
.dashboard,.card{background:var(--card);border:1px solid #22334d;border-radius:18px}
.dashboard{padding:18px;box-shadow:0 0 40px #14d4ff22}.top{height:12px;width:120px;background:#345;border-radius:10px;margin-bottom:18px}.chart{height:120px;background:linear-gradient(180deg,#113,#0a2);border-radius:12px;margin-bottom:15px}.row{height:12px;background:#345;border-radius:6px;margin:12px 0}.ok{background:#2cff9d}.warn{background:#ffb84d}.label{text-align:center;color:#8fb8d8}
.section{padding:70px 6%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{padding:24px}.card:hover{transform:translateY(-4px)}
.alt{background:#0a1020}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{background:var(--card);padding:25px;border-radius:16px}
.timeline{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-weight:bold}
.beta{text-align:center;padding:80px 6%}form{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}input{min-width:320px;padding:15px;border-radius:10px;border:1px solid #355;background:#0f1727;color:#fff}
footer{text-align:center;padding:30px;color:#9ab}
@media(max-width:900px){.hero,.compare{grid-template-columns:1fr}h1{font-size:42px}header{flex-direction:column;gap:15px}}