*{box-sizing:border-box;margin:0;padding:0}
body{background:#101010;color:#ece7e4;font:16px/1.6 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:#d4655a;text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;border-bottom:1px solid #222}
.logo{font-weight:800;font-size:20px;letter-spacing:.04em;color:#ece7e4}
nav a{margin-left:24px;color:#bdb6b2}
main{flex:1;padding:0 6vw;max-width:1100px;width:100%;margin:0 auto}
.hero{padding:80px 0 50px}
.kicker{color:#d4655a;text-transform:uppercase;font-size:13px;letter-spacing:.12em;margin-bottom:12px}
h1{font-size:clamp(30px,5vw,52px);line-height:1.1;margin-bottom:20px}
.lead{font-size:19px;color:#c9c2be;max-width:680px}
.note{margin-top:18px;color:#8a8481;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding:20px 0 40px}
.card{background:#171717;border:1px solid #242424;border-radius:10px;padding:22px}
.card h3{margin-bottom:8px;font-size:17px}.card p{color:#a9a29e;font-size:15px}
.stats{display:flex;gap:40px;flex-wrap:wrap;padding:20px 0 40px;border-top:1px solid #222;border-bottom:1px solid #222}
.stats b{display:block;font-size:30px}.stats span{color:#8a8481;font-size:14px}
.changelog{padding:40px 0}.changelog h2{font-size:22px;margin-bottom:14px}
.changelog li{list-style:none;padding:8px 0;border-bottom:1px solid #1d1d1d;color:#c9c2be}
.changelog time{display:inline-block;width:110px;color:#8a8481;font-variant-numeric:tabular-nums}
.text{padding-top:60px;padding-bottom:60px;max-width:760px}
.text h3{margin:28px 0 8px}.text p,.text li{color:#c9c2be;margin-bottom:10px}.text ul{padding-left:20px}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:24px 6vw;border-top:1px solid #222;color:#77716e;font-size:14px}