:root { color-scheme: dark; font: 16px/1.65 system-ui,sans-serif; background:#201d19; color:#f4eddc }
body { max-width:70rem; margin:auto; padding:0 clamp(1rem,5vw,4rem) }
header,footer { padding:1.25rem 0; border-block-end:1px solid #655642 }
footer { border-block-start:1px solid #655642; margin-top:3rem }
header a { font-weight:800; letter-spacing:.1em } main { margin-top:2rem }
a { color:#efc389; text-underline-offset:.2em } a:hover { color:white }
h1,h2 { font-family:serif; line-height:1.3 } h1 { font-size:clamp(1.75rem,4vw,3rem) }
h2 { margin-top:2rem } .cta { display:inline-block; background:#ebc790; color:#231e18; font-weight:bold; padding:.6rem 1.1rem; border-radius:.4rem } .cta:hover { color:black }
.cards,.points { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:.55rem 1rem; padding:0; list-style:none }
.cards li { padding:1rem; background:#302b25; border:1px solid #675744; border-radius:.4rem }
.cards span { display:block; color:#cfbfab } .chips { display:flex; flex-wrap:wrap; gap:.5rem 1rem } small { color:#cfbfab; font-size:.65em }
section { border-top:1px solid #655642; margin-top:2rem }