:root {
  --bg: #03050d;
  --bg2: #070b1a;
  --panel: rgba(10, 16, 34, 0.85);
  --line: rgba(66, 99, 200, 0.28);
  --glow: #4d7dff;
  --glow-soft: #8ea9ff;
  --aqua: #4ad9ff;
  --text: #ebf1ff;
  --muted: #9cb0df;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,#102b66 0%,var(--bg) 42%),var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,92%);margin:0 auto}
.nav{position:sticky;top:0;z-index:99;background:rgba(3,6,16,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),var(--glow));box-shadow:0 0 20px rgba(77,125,255,.75)}
.brand span{color:var(--glow-soft)}
.links{display:flex;gap:20px;font-size:14px;color:#d4e0ff}
.links a.active,.links a:hover{color:var(--aqua)}
.launch{padding:10px 16px;border-radius:999px;border:1px solid rgba(142,169,255,.45);background:linear-gradient(135deg,#2758cc,#3e86ff);font-weight:700}
.hero{padding:88px 0 56px}
.kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--aqua)}
h1{font-size:58px;line-height:1.05;margin:14px 0}
.lead{font-size:18px;color:#c7d6f8;max-width:820px;line-height:1.75}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{padding:12px 18px;border-radius:999px;border:1px solid var(--line);font-weight:600}
.btn.primary{border:none;background:linear-gradient(135deg,#2458df,#37a0ff);box-shadow:0 14px 38px rgba(39,92,223,.45)}
.section{padding:62px 0}
.title{font-size:36px;margin:0 0 10px}
.sub{color:var(--muted);line-height:1.75;margin:0 0 22px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.card{background:linear-gradient(180deg,rgba(11,18,39,.85),rgba(7,12,28,.9));border:1px solid var(--line);border-radius:18px;padding:22px}
.card h3{margin:0 0 8px;color:#d2e1ff}
.card p{margin:0;color:#c0d1f5;line-height:1.65}
.metric{font-size:30px;font-weight:700;margin:4px 0;color:#f1f6ff}
.mini{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.table{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(66,99,200,.18)}
.row:last-child{border-bottom:none}
.row.head{background:rgba(77,125,255,.12);font-weight:700;color:#d1e0ff}
.timeline{border-left:1px solid var(--line);margin-left:8px;padding-left:20px;display:grid;gap:18px}
.titem{position:relative}
.titem::before{content:"";position:absolute;left:-26px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px rgba(74,217,255,.65)}
.chat{height:300px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(5,10,22,.85);padding:14px}
.msg{margin:8px 0;padding:10px 12px;border-radius:12px;max-width:86%;line-height:1.5}
.msg.user{margin-left:auto;background:rgba(43,89,215,.55)}
.msg.bot{background:rgba(16,27,58,.9);border:1px solid rgba(90,128,246,.35)}
.form{display:grid;gap:12px}
.input,select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #284f9f;background:#07142d;color:#eaf1ff}
.footer{margin-top:50px;border-top:1px solid var(--line);padding:24px 0;color:#b4c5ea;font-size:13px}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.x{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--line)}
@media (max-width:980px){h1{font-size:42px}.grid-3,.grid-2{grid-template-columns:1fr}.row{grid-template-columns:1fr}.links{gap:12px;font-size:13px}}