:root { --bg:#12110f; --ink:#efeae2; --muted:#a39b90; --line:#2a2723; --accent:#c45c4a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Georgia, Palatino, serif; font-size:1.125rem; line-height:1.55; }
a { color:inherit; }
.wrap { max-width:40rem; margin:0 auto; padding:1.2rem 1.2rem 4rem; }
header, nav, .kicker, .cta, footer, button { font-family:ui-sans-serif, system-ui, sans-serif; }
header { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; }
header a, nav a { text-decoration:none; color:var(--muted); }
nav { display:flex; gap:.8rem; }
h1 { margin:1.4rem 0 .6rem; font-weight:500; font-size:clamp(2.2rem,7vw,3.4rem); line-height:.96; letter-spacing:-.03em; }
h2 { font-weight:500; font-size:1.45rem; margin:1.6rem 0 .3rem; }
.kicker { color:var(--accent); letter-spacing:.16em; text-transform:uppercase; font-size:.72rem; margin:1.8rem 0 .4rem; }
.lede, p, li { color:var(--muted); }
.lede { color:var(--ink); }
ul { padding-left:1.1rem; }
li { margin:.35rem 0; }
.choices { display:grid; gap:.6rem; }
button.choice { border:1px solid var(--line); background:#1a1816; color:var(--ink); text-align:left; padding:.9rem 1rem; width:100%; cursor:pointer; }
button.choice strong { display:block; }
button.choice span { color:var(--muted); font-size:.9rem; }
#result { display:none; border-top:1px solid var(--line); margin-top:1rem; padding-top:.6rem; }
.cta { display:inline-block; margin-top:.8rem; background:var(--ink); color:var(--bg); text-decoration:none; padding:.75rem 1rem; }
footer { margin-top:3rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
footer a { color:var(--ink); }