:root {
  --bg: #140f0c;
  --fg: #f7f1e8;
  --muted: #c9b8a4;
  --accent: #e8b26c;
  --card: #1f1813;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--fg);
  background:
    radial-gradient(1200px 600px at 20% -10%, #3a2a1c 0%, transparent 60%),
    radial-gradient(900px 500px at 100% 10%, #2a1f18 0%, transparent 55%),
    var(--bg);
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem 3rem;
}
.wrap { width: min(40rem, 100%); text-align: center; }
.eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; color: var(--muted); margin: 0 0 .75rem; }
h1 { font-size: clamp(2.4rem, 8vw, 3.6rem); line-height: 1.05; margin: 0 0 .75rem; font-weight: 700; }
.lede { font-size: 1.15rem; color: var(--muted); margin: 0 auto 1rem; max-width: 28rem; line-height: 1.45; }
.suno { font-size: .9rem; color: #9a8b7a; margin: 0 0 2rem; }
.cta { display: grid; gap: .75rem; margin-bottom: 2rem; }
.btn {
  display: block; text-decoration: none; color: var(--fg);
  background: var(--card); border: 1px solid #3a3028;
  border-radius: 999px; padding: .95rem 1.2rem; font-weight: 600;
}
.btn.primary { background: var(--accent); color: #1a120c; border-color: transparent; }
.btn.ghost { background: transparent; }
.btn:hover { filter: brightness(1.08); }
.socials { display: flex; flex-wrap: wrap; justify-content: center; gap: .85rem 1.1rem; }
.socials a { color: var(--muted); text-decoration: none; font-size: .95rem; }
.socials a:hover { color: var(--accent); }

.email { margin: 1.75rem 0 0; }
.email a { color: var(--muted); text-decoration: none; font-size: .95rem; }
.email a:hover { color: var(--accent); }

.radio { margin: 2rem 0 1.5rem; }
.radio h2 { font-size: 1.05rem; font-weight: 600; margin: 0 0 .75rem; color: var(--fg); }
.radio-frame {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  border-radius: 12px; overflow: hidden; border: 1px solid #3a3028;
  background: #000;
}
.radio-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }