*{box-sizing:border-box}html{background:#2c1a0c}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#f4e9d6;background:radial-gradient(ellipse at 50% 0,rgba(255,200,120,.14),transparent 55%),#2c1a0c;min-height:100vh}
a{color:#f0d58a}header{padding:20px 20px 0;max-width:760px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.logo{font:700 26px Georgia,serif;letter-spacing:.16em;text-decoration:none;background:linear-gradient(#fbe9a8,#d9a93f 55%,#a77621);-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{margin-left:18px;font-size:15px;text-decoration:none;color:#e6d3a0}nav a:hover{text-decoration:underline}
main{max-width:760px;margin:0 auto;padding:28px 20px 60px}
h1{font:700 34px/1.2 Georgia,serif;color:#f0d58a;margin:.2em 0 .4em}h2{font:700 21px/1.3 Georgia,serif;color:#f0d58a;margin:1.8em 0 .4em}p,li{color:#eadfc8}li{margin:.35em 0}
.hero{text-align:center;padding:40px 0 20px}.hero .big{font:700 76px/1 Georgia,serif;letter-spacing:.18em;padding-left:.18em;background:linear-gradient(#fbe9a8,#d9a93f 55%,#a77621);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.hero p{font:italic 19px Georgia,serif;color:#e6d3a0;margin:.5em 0 1.4em}
.pill{display:inline-block;padding:10px 22px;border-radius:999px;border:2px solid #b0793f;background:linear-gradient(#2e7a4e,#1d5a3a);color:#f4e9d6;font-weight:700}
.card{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(240,213,138,.25);margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:24px}.grid .card{margin:0}.grid b{color:#f0d58a;display:block;margin-bottom:4px}
.muted{color:#c9b88f;font-size:14px}footer{max-width:760px;margin:0 auto;padding:0 20px 40px;color:#c9b88f;font-size:13px}footer a{color:#c9b88f}
@media(max-width:520px){h1{font-size:28px}.hero .big{font-size:56px}nav a{margin:0 14px 0 0}}
.play{display:inline-block;padding:16px 54px;border-radius:14px;background:linear-gradient(#f3d98f,#d1a24a 55%,#b98a3a);color:#3a2410;font:700 20px Georgia,serif;letter-spacing:.04em;text-decoration:none;border:1px solid #8a5f1f;box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 #fff8}.play:hover{filter:brightness(1.08)}
.play{padding:13px 54px 12px;line-height:1.15}.play small{display:block;margin-top:4px;font:600 12px system-ui,-apple-system,sans-serif;letter-spacing:.02em;color:#5a3a14}