:root{--ground:#F4F2EC;--surface:#fff;--ink:#17201D;--soft:#39443F;--muted:#66716C;--line:#E1DCD1;--hero:#1E4A42;--deep:#133530;--onhero:#F3F6F2;--heromuted:#A9C3BA;--chip:#2B5C53;--accent:#D9A23A;--onaccent:#2A1E05}
@media (prefers-color-scheme:dark){:root{--ground:#0F1412;--surface:#18201D;--ink:#ECF1EE;--soft:#C8D2CD;--muted:#93A09A;--line:#29332F}}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 "Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,sans-serif}
a{color:inherit}main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
.top{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}
.logo{width:42px;height:42px;border-radius:12px;background:var(--hero);display:grid;place-items:center}
.hero{background:linear-gradient(180deg,var(--hero),var(--deep));color:var(--onhero);border-radius:28px;padding:32px 24px;margin-top:28px}
.hero h1{font-size:clamp(32px,7vw,50px);line-height:1.08;letter-spacing:-1px;margin:0 0 12px}
.hero p{color:var(--heromuted);font-size:18px;max-width:42ch;margin:0 0 22px}
.stats{display:flex;gap:10px;flex-wrap:wrap}.stats div{background:var(--chip);border-radius:16px;padding:10px 16px;min-width:110px}
.stats b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.stats small{color:var(--heromuted)}
.soon{display:inline-block;margin-top:22px;background:var(--accent);color:var(--onaccent);font-weight:800;padding:12px 20px;border-radius:999px}
.list{background:var(--surface);border-radius:24px;margin-top:20px;padding:8px 22px}
.list ul{margin:0;padding:0}.list li{padding:10px 0;border-top:1px solid var(--line);list-style:none}.list li:first-child{border-top:0}
.card{background:var(--surface);border-radius:24px;padding:24px;margin-top:16px}
.note{color:var(--soft)}
h2{font-size:20px;margin:28px 0 8px}footer{color:var(--muted);font-size:14px;margin-top:40px}