/* RG Fitness: brand gold on black (the app's Gold look). */
:root {
  --bg: #000000;
  --surface: #0e0d0b;
  --surface2: #171512;
  --line: rgba(232, 210, 160, 0.12);
  --text: #f6f2ea;
  --muted: #9c958a;
  --gold: #d2ae6d;
  --gold-hi: #e8d2a0;
  --gold-ink: #140f06;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.6;
}
a { color: var(--gold); }
a:hover { color: var(--gold-hi); }
img { display: block; }

.top, main, .foot { width: 100%; max-width: 920px; margin: 0 auto; padding: 0 20px; }
.top { display: flex; align-items: center; justify-content: space-between; padding-top: 22px; padding-bottom: 22px; }
.brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; font-weight: 800; font-size: 18px; letter-spacing: -0.2px; }
.brand img { border-radius: 10px; }
.link { font-weight: 700; font-size: 15px; text-decoration: none; }

.eyebrow { margin: 0 0 10px; color: var(--gold); font-weight: 800; font-size: 12.5px; letter-spacing: 2px; text-transform: uppercase; }
h1 { margin: 0; font-weight: 800; font-size: clamp(34px, 7vw, 58px); line-height: 1.05; letter-spacing: -1.4px; }
h2 { font-weight: 700; letter-spacing: -0.3px; }
.lead { max-width: 640px; margin: 20px 0 30px; color: var(--muted); font-size: 18.5px; }
.muted { color: var(--muted); }

.hero { padding: 56px 0 44px; }
.button {
  display: inline-block;
  padding: 15px 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold-hi), var(--gold) 55%, #a8843f);
  color: var(--gold-ink);
  font-weight: 800;
  text-decoration: none;
}
.button:hover { color: var(--gold-ink); filter: brightness(1.05); }

.cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding-bottom: 40px; }
@media (max-width: 640px) { .cards { grid-template-columns: 1fr; } .hero { padding-top: 32px; } }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px; }
.card h2 { margin: 0 0 8px; font-size: 19px; }
.card p { margin: 0; color: var(--muted); font-size: 15.5px; }

.contact { background: var(--surface2); border: 1px solid var(--line); border-radius: 18px; padding: 24px; margin-bottom: 48px; }
.contact h2 { margin: 0 0 8px; font-size: 22px; }
.contact p { margin: 6px 0 0; color: var(--muted); }

.doc { max-width: 760px; padding-top: 30px; padding-bottom: 40px; }
.doc h1 { font-size: clamp(30px, 6vw, 44px); margin-bottom: 8px; }
.doc h2 { margin: 34px 0 8px; font-size: 21px; }
.doc p, .doc li { color: #d9d3c8; }
.doc ul { padding-left: 20px; }
.doc li { margin: 6px 0; }
.doc strong { color: var(--text); }

.foot { border-top: 1px solid var(--line); padding-top: 22px; padding-bottom: 40px; color: var(--muted); font-size: 13.5px; }
.foot p { margin: 0 0 8px; }