:root{
  --bg:#fff;--text:#111;--muted:#555;--border:#e5e5e5;--accent:#000;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
.page{max-width:720px;margin:0 auto;padding:48px 20px 64px}
.section{margin-bottom:56px}
.section-muted{border-top:1px solid var(--border);padding-top:32px}
.hero h1{font-size:2rem;font-weight:600;margin:0 0 12px}
.hero-sub{font-size:1rem;color:var(--muted);max-width:640px;margin:0}
h2{font-size:1.25rem;font-weight:600;margin:0 0 16px}
.content-block{font-size:.95rem;color:var(--text);white-space:pre-wrap}
.cta{border-top:1px solid var(--border);padding-top:32px}
.cta-button{display:inline-block;margin-top:16px;padding:10px 16px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-size:.9rem}
.cta-button:hover{background:#f5f5f5}
.footer{border-top:1px solid var(--border);padding:24px 20px;font-size:.8rem;color:var(--muted);max-width:720px;margin:0 auto}
.footer nav{margin-top:8px}
.footer nav a{margin-right:12px;color:var(--muted);text-decoration:none}
@media (max-width:480px){.hero h1{font-size:1.6rem}}