:root{--bg:#f8f7fc;--text:#17141f;--muted:#5b5766;--accent:#6a4cf0}
@media (prefers-color-scheme:dark){:root{--bg:#0e0b14;--text:#f2effa;--muted:#a9a3b8;--accent:#a493ff}}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:1.9em;line-height:1.2;margin:0 0 4px}h2{margin-top:2em;font-size:1.25em}
.meta{color:var(--muted);margin:0 0 24px}a{color:var(--accent)}
table{border-collapse:collapse;width:100%;font-size:.95em}td,th{border-bottom:1px solid #8883;padding:8px 6px;text-align:left;vertical-align:top}
.draft{background:#ffd76a33;border-left:4px solid #e0a400;padding:10px 14px;border-radius:6px}

.hero{padding:48px 0 8px}.hero h1{font-size:2.4em}.lead{font-size:1.15em;color:var(--muted)}
.cta{display:inline-block;margin-top:16px;padding:12px 22px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}
.features{display:grid;gap:14px;margin-top:28px}.features div{padding:16px;border-radius:14px;background:#8881}
footer{margin-top:48px;color:var(--muted);font-size:.9em}