:root { --teal:#005c5c; --ink:#2c2623; --bg:#fdfbf7; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--bg); line-height:1.65; }
.container { max-width:820px; margin:0 auto; padding:0 20px; }
.site-header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:10; }
.site-header .container { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; }
.brand { font-weight:800; color:var(--teal); text-decoration:none; font-size:18px; }
.main-nav a { margin-left:16px; color:var(--ink); text-decoration:none; font-size:14px; }
.main-nav a:hover { color:var(--teal); }
.main-nav .cta { background:var(--teal); color:#fff; padding:8px 14px; border-radius:8px; }
main { padding:36px 0 48px; }
h1 { color:var(--teal); font-size:34px; line-height:1.2; margin:0 0 18px; }
h2 { color:var(--teal); font-size:24px; margin:34px 0 12px; }
h3 { color:var(--ink); font-size:18px; margin:22px 0 8px; }
p { margin:0 0 14px; }
ul { padding-left:22px; }
li { margin-bottom:8px; }
.cta-box { background:#eaf3f3; border:1px solid var(--teal); border-radius:12px; padding:18px; margin:24px 0; }
.cta-box a.cta { color:var(--teal); font-weight:700; }
.faq { background:#f4f1ec; border-radius:12px; padding:18px 22px; margin:16px 0; }
.faq h3 { margin-top:16px; }
.faq h3:first-child { margin-top:0; }
.site-footer { border-top:1px solid #eee; background:#fff; padding:28px 0; font-size:14px; color:#666; }
.site-footer a { color:var(--teal); text-decoration:none; }