:root {
  --gold: #d4af37;
  --gold-light: #f3d978;
  --gold-deep: #9d7415;
  --black: #050505;
  --panel: #0d0d0d;
  --panel-soft: #14120d;
  --text: #fbf7ea;
  --muted: #bcb5a3;
}

html { scroll-behavior: smooth; }

body {
  color: var(--text);
  background:
    radial-gradient(circle at 88% 8%, rgba(212,175,55,.14), transparent 30%),
    radial-gradient(circle at 12% 38%, rgba(157,116,21,.08), transparent 28%),
    var(--black);
}

.site-header {
  background: rgba(5,5,5,.92);
  border-bottom: 1px solid rgba(212,175,55,.22);
  backdrop-filter: blur(18px);
}

.brand-mark {
  color: #090806;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  box-shadow: 0 0 24px rgba(212,175,55,.26);
}

.nav a { color: #d9d1bd; }
.nav a:hover { color: var(--gold-light); }

.eyebrow,
.status,
.micro { color: var(--gold-light); }

h1, h2, h3, strong { color: var(--text); }
p, .lead, small { color: var(--muted); }

.hero {
  background:
    linear-gradient(115deg, rgba(212,175,55,.06), transparent 42%),
    transparent;
}

.mock-card,
.card,
.step,
.price-card {
  background: linear-gradient(145deg, rgba(20,18,13,.98), rgba(8,8,8,.98));
  border: 1px solid rgba(212,175,55,.2);
  box-shadow: 0 20px 55px rgba(0,0,0,.4);
}

.metric,
.mock-chart {
  background: #080806;
  border-color: rgba(212,175,55,.18);
}

.bars i {
  background: linear-gradient(180deg, var(--gold-light), var(--gold-deep));
  box-shadow: 0 0 14px rgba(212,175,55,.18);
}

.section-soft {
  background: linear-gradient(180deg, rgba(212,175,55,.035), rgba(0,0,0,0));
  border-top: 1px solid rgba(212,175,55,.12);
  border-bottom: 1px solid rgba(212,175,55,.12);
}

.icon,
.step > span {
  color: #090806;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  box-shadow: 0 8px 24px rgba(212,175,55,.18);
}

.price-card.featured {
  border: 1px solid var(--gold);
  background: linear-gradient(155deg, rgba(57,43,12,.82), #0b0a07 62%);
  box-shadow: 0 24px 70px rgba(212,175,55,.16);
}

.pill {
  color: #090806;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
}

.price { color: var(--gold-light); }
.price span { color: var(--muted); }

.btn-primary {
  color: #090806 !important;
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  border-color: var(--gold);
  box-shadow: 0 10px 30px rgba(212,175,55,.22);
}

.btn-primary:hover {
  background: linear-gradient(135deg, #ffe9a0, #dfbd4b);
  box-shadow: 0 14px 36px rgba(212,175,55,.32);
  transform: translateY(-2px);
}

.btn-secondary,
.btn-ghost {
  color: var(--gold-light) !important;
  background: rgba(212,175,55,.04);
  border-color: rgba(212,175,55,.42);
}

.btn-secondary:hover,
.btn-ghost:hover {
  color: #090806 !important;
  background: var(--gold);
  border-color: var(--gold);
}

.cta-box {
  background:
    linear-gradient(120deg, rgba(212,175,55,.24), rgba(24,18,7,.92) 46%, #090909),
    #090909;
  border: 1px solid rgba(212,175,55,.42);
  box-shadow: 0 25px 70px rgba(0,0,0,.5);
}

.footer {
  background: #030303;
  border-top: 1px solid rgba(212,175,55,.2);
}

.footer a { color: #d7cfae; }
.footer a:hover { color: var(--gold-light); }

::selection {
  color: #090806;
  background: var(--gold-light);
}