:root{--cobalt:#2E4BFF;--cobalt7:#1B2DB3;--ink:#18142E;--ink6:#4C4766;--paper:#fff;--table:#F1EEF7;--line:#E4E0EE;--pink:#FF3D8B}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--table);color:var(--ink);line-height:1.7;font-size:17px}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 64px}
header a{font-weight:800;font-size:22px;color:var(--cobalt);text-decoration:none}
h1{font-size:32px;margin:24px 0 4px;color:var(--ink)}
h2{font-size:21px;margin:30px 0 8px;color:var(--cobalt7)}
.date{color:var(--ink6);margin-bottom:28px}
p,li{margin-bottom:10px}ul{padding-left:22px}
a{color:var(--cobalt)}
code{background:#E3E8FF;padding:1px 6px;border-radius:6px;font-size:15px}
table{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:15px;background:var(--paper)}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}th{background:#E3E8FF}
footer{margin-top:40px;color:var(--ink6);font-size:15px}
/* landing */
.hero{text-align:center;padding:56px 20px 8px}
.hero img{width:128px;height:128px;border-radius:28px;box-shadow:0 12px 32px rgba(46,75,255,.35)}
.hero h1{font-size:clamp(36px,8vw,56px);margin-top:22px;color:var(--cobalt)}
.hero .tag{font-weight:800;color:var(--pink);letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin-top:4px}
.hero .pitch{max-width:560px;margin:20px auto 0;font-size:18px;color:var(--ink6)}
.soon{display:inline-block;margin-top:26px;padding:12px 22px;border-radius:14px;background:var(--cobalt);color:#fff;font-weight:800}
.feat{max-width:760px;margin:40px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.feat div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px}
.feat b{display:block;color:var(--cobalt7);margin-bottom:4px}
.links{text-align:center;margin-top:36px}.links a{margin:0 12px}