:root{--bg:#faf9f6;--sunk:#f3f3ef;--side:#fdfdfb;--ink:#202a30;--ink3:#59656b;--ink4:#657176;--line:#dfe4e1;--accent:#176b75;--soft:rgba(23,107,117,.08);--gold:#E8B53A}
@media (prefers-color-scheme:dark){:root{--bg:#13191c;--sunk:#182024;--side:#161e21;--ink:#e7eceb;--ink3:#a5b0b3;--ink4:#89979d;--line:#2a3539;--accent:#5fc4cc;--soft:rgba(95,196,204,.12)}}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}.shell{display:flex;min-height:100vh}
.side{position:sticky;top:0;height:100vh;width:180px;flex-shrink:0;border-right:1px solid var(--line);background:var(--side);padding:24px 12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:24px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;margin:0 4px 18px}.brand img{border-radius:22%}
.side nav a{display:flex;align-items:center;height:40px;padding:0 10px;border-radius:8px;color:var(--ink3);text-decoration:none;font-size:14px;font-weight:500}.side nav a:hover{background:var(--sunk);color:var(--ink)}.side nav a.on{background:var(--soft);color:var(--ink);font-weight:600}
.col{flex:1;min-width:0;max-width:780px;padding:0 32px}.top{display:none}
@media (max-width:1023px){.side{display:none}.col{padding:0 18px}.top{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.top .brand{margin:0 auto 0 0;font-size:20px}.top a{color:var(--ink3);text-decoration:none;font-size:14px}.top a.on{color:var(--accent);font-weight:600}}
.hero{padding:40px 0 8px}.hero h1{font-size:36px;margin:0;letter-spacing:-.02em}.tag{color:var(--gold);font-weight:600;margin:4px 0 14px}
.soon,.signup{border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:24px 0;background:var(--side)}.signup{border-top:3px solid var(--accent)}.signup h2,.soon h2{margin-top:0;font-size:20px}
form{display:flex;gap:8px;flex-wrap:wrap}input[type=email]{flex:1;min-width:220px;padding:10px 12px;font-size:15px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer}.hp{position:absolute;left:-9999px}
.list{list-style:none;padding:0}.list li{border-bottom:1px solid var(--line);padding:16px 0}.list h3{margin:0}.list a{text-decoration:none;color:var(--ink)}time,.meta{color:var(--ink4);font-size:13px}
.prose img{max-width:100%}.prose table{border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:4px 10px}blockquote{border-left:3px solid var(--gold);margin:0;padding-left:16px;color:var(--ink3)}
footer{border-top:1px solid var(--line);margin-top:40px;padding:18px 0 28px;color:var(--ink4);font-size:13px}footer a{color:var(--ink4)}footer p{margin:4px 0}