:root { --bg:#FAF3E8; --card:#FFFBF5; --ink:#33241D; --sub:#6F5B4F; --faint:#9A8678; --clay:#A8503A; --soft:#F8E7DD; --line:#EADCC9; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#000; --card:#120E0A; --ink:#D9CCB4; --sub:#A39580; --faint:#7A6D5E; --clay:#C08440; --soft:#2A1D0E; --line:#2A221A; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; line-height:1.6; font-size:17px; }
.wrap { max-width:720px; margin:0 auto; padding:40px 22px 64px; }
h1, h2, .brand { font-family:"Fraunces",Georgia,"Times New Roman",serif; font-weight:600; }
h1 { font-size:38px; line-height:1.15; margin:18px 0 10px; }
h2 { font-size:24px; margin:40px 0 8px; }
h3 { font-size:17px; margin:24px 0 4px; }
p { margin:8px 0; }
a { color:var(--clay); }
.brand { display:flex; align-items:center; gap:10px; font-size:20px; color:var(--ink); text-decoration:none; }
.tag { color:var(--sub); font-size:19px; }
.cta { display:inline-block; background:var(--clay); color:var(--bg); font-weight:700; padding:15px 28px; border-radius:30px; text-decoration:none; margin:14px 0 4px; }
.small { color:var(--faint); font-size:14px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-top:18px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:18px; }
.card b { display:block; font-family:"Fraunces",Georgia,serif; font-weight:600; font-size:18px; margin-bottom:4px; }
.faq h3 { margin:22px 0 4px; font-size:18px; }
.brand img { border-radius:8px; }
footer { margin-top:56px; padding-top:18px; border-top:1px solid var(--line); color:var(--faint); font-size:14px; }
footer a { margin-right:14px; }