:root {
  --sb-accent: #FFC233;
  --bs-body-bg: #0d0d0d;
  --bs-body-color: #f5f5f0;
}
body { background: var(--bs-body-bg); }
a { color: var(--sb-accent); }
a.nav-link { color: #9a9a92; }
a.nav-link:hover { color: #f5f5f0; }
.brand-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--sb-accent); display: inline-block; }

.hero { padding: 6rem 0 4rem; text-align: center; }
.hero h1 { font-weight: 900; letter-spacing: -0.03em; font-size: clamp(2.25rem, 6vw, 3.75rem); }
.hero .accent { color: var(--sb-accent); }
.hero p.lead { color: #9a9a92; max-width: 560px; margin: 0 auto 2rem; }

.btn-accent {
  background: var(--sb-accent);
  border-color: var(--sb-accent);
  color: #1a1400;
  font-weight: 700;
}
.btn-accent:hover { background: #e6ac1e; border-color: #e6ac1e; color: #1a1400; }

.feature-dot::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  background: var(--sb-accent);
  border-radius: 2px;
  margin-right: 8px;
}

.step-num { font-family: ui-monospace, monospace; color: var(--sb-accent); font-weight: 700; font-size: 0.875rem; }

.privacy-strip { background: #161616; }

.card-dark { background: #161616; border-color: #2a2a24; }