:root{
  --bg:#0A0E1A; --bg2:#141b30; --text:#EEF2FF; --sub:#8A94B8;
  --accent:#4F8DFF; --red:#FF5A5F; --yellow:#FFD23F; --green:#3DDC84;
}
*{box-sizing:border-box;}
body{
  margin:0; background:linear-gradient(180deg,var(--bg2),var(--bg));
  color:var(--text); font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}
.wrap{max-width:760px; margin:0 auto; padding:40px 24px 80px;}
header.site{display:flex; align-items:center; gap:16px; margin-bottom:32px;}
header.site img{width:56px; height:56px; border-radius:14px;}
header.site h1{font-size:22px; margin:0;}
nav.site a{color:var(--sub); text-decoration:none; margin-right:18px; font-size:14px;}
nav.site a:hover{color:var(--text);}
h1,h2,h3{color:var(--text);}
h2{border-bottom:1px solid #232b45; padding-bottom:8px; margin-top:40px;}
a{color:var(--accent);}
.hero{text-align:center; padding:20px 0 40px;}
.hero img.icon{width:120px; border-radius:26px; box-shadow:0 8px 30px rgba(79,141,255,.25);}
.hero p.tagline{color:var(--sub); font-size:18px;}
.hero img.screenshot{max-width:280px; width:100%; border-radius:18px; margin-top:20px; box-shadow:0 12px 40px rgba(0,0,0,.4);}
.badges a{display:inline-block; background:var(--accent); color:#fff; padding:10px 22px; border-radius:10px; text-decoration:none; font-weight:600; margin-top:20px;}
ul{padding-left:20px;}
footer{margin-top:60px; color:var(--sub); font-size:13px; text-align:center;}
table{width:100%; border-collapse:collapse; margin:16px 0;}
td,th{border:1px solid #232b45; padding:8px 10px; text-align:left; font-size:14px;}