:root{color-scheme:light dark}
body{margin:0;font:17px/1.55 system-ui,sans-serif;background:#fbfaf7;color:#1f1f1f}
main{max-width:40rem;margin:0 auto;padding:3rem 1.25rem 4rem}
header{display:flex;align-items:center;gap:1.25rem}
header img{width:5rem;height:5rem;flex:none}
h1{font-size:2.6rem;line-height:1.1;margin:0}
.say{margin:.3rem 0 0;color:#5c5c5c}
.lead{font-size:1.15em;margin:1.75rem 0 0}
h2{font-size:.95rem;margin:2.5rem 0 .6rem;text-transform:uppercase;letter-spacing:.1em;color:#5c5c5c}
ul{padding-left:1.2rem;margin:0}
li{margin:.4rem 0}
code{font-size:.92em}
a{color:#9a4f1b}
.cta{margin-top:1.75rem;font-weight:600}
footer{margin-top:3.5rem;padding-top:1rem;border-top:1px solid #d8d5cc;font-size:.88em;color:#5c5c5c}
@media (prefers-color-scheme:dark){
body{background:#121212;color:#e8e8e8}
.say,h2,footer{color:#a8a8a8}
a{color:#e3a36f}
footer{border-color:#333}
}