:root { --bg:#faf9f5; --ink:#1f1e1d; --muted:#6b6a68; --accent:#c96442; --line:#e6e3da; --card:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#262624; --ink:#f0eee6; --muted:#a8a69e; --accent:#e08a69; --line:#3a3936; --card:#2e2d2b; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.6 Georgia, "Times New Roman", serif; }
main { max-width:720px; margin:0 auto; padding:0 16px 80px; }
header { padding:28px 0; font:600 17px system-ui, sans-serif; letter-spacing:.01em; display:flex; justify-content:space-between; align-items:center; }
header a { color:var(--muted); text-decoration:none; font-weight:500; font-size:15px; }
h1 { font-size:clamp(34px, 6vw, 52px); line-height:1.15; margin:56px 0 20px; font-weight:500; }
article h1 { font-size:clamp(28px, 5vw, 38px); margin:32px 0 8px; }
h3 { margin:28px 0 4px; font-size:19px; }
p.lead { font-size:21px; color:var(--muted); margin:0 0 32px; }
a { color:var(--accent); }
a.cta { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:12px 24px;
        border-radius:10px; font:600 16px system-ui, sans-serif; }
a.cta:hover { filter:brightness(1.08); }
section { border-top:1px solid var(--line); margin-top:64px; padding-top:8px; }
h2 { font:600 15px system-ui, sans-serif; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
ul { padding-left:20px; } li { margin:10px 0; }
.plans { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; margin-top:16px; }
.plan { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; }
.plan h3 { margin:0 0 4px; } .plan .price { font-size:30px; } .plan .price small { font-size:16px; color:var(--muted); }
.plan ul { margin:12px 0 0; font-size:16px; } .plan li { margin:6px 0; }
.muted { color:var(--muted); font-size:15px; }
.draft { border:1px dashed var(--accent); border-radius:10px; padding:10px 14px; font:14px system-ui, sans-serif; color:var(--muted); }
footer { margin-top:72px; font:14px system-ui, sans-serif; color:var(--muted); }
footer a { color:var(--muted); margin-right:16px; }