/* ===== Theme: Graphite (white + charcoal + champagne gold) ===== */
:root {
  --bg: #ffffff;
  --bg-2: #f5f5f6;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --line: #e8e8ea;
  --line-2: #d8d8db;
  --text: #1b1b1f;
  --text-soft: #52525b;
  --muted: #7a7a83;
  --gold: #eda42b;
  --gold-deep: #c4841a;
  --gold-soft: rgba(237, 164, 43, .10);
  --grad: linear-gradient(120deg, #f5b94e 0%, #eda42b 70%);
  --white: #161619;
}
body { color: var(--text); }
h1, h2, h3, h4 { color: #161619; }
.site-header { background: #030d17; }
.site-header.scrolled { background: #030d17; border-color: rgba(255, 255, 255, .08); }
.nav a { color: #cfd6dd; }
.nav a:hover { color: #fff; }
.nav .nav-cta { background: var(--gold); color: #161619; }
.nav .nav-cta:hover { background: #f2b54e; color: #161619; }
.nav-toggle span { background: #e6eaee; }
.btn-primary { background: var(--gold); color: #161619; box-shadow: 0 10px 30px rgba(237, 164, 43, .22); }
.btn-primary:hover { background: #f2b54e; }
.btn-ghost { color: #161619; border-color: var(--line-2); }
.btn-ghost:hover { border-color: var(--gold); color: var(--gold-deep); }
.hero-bg {
  background:
    radial-gradient(820px 520px at 80% -8%, rgba(237, 164, 43, .12), transparent 60%),
    radial-gradient(680px 520px at 6% 4%, rgba(27, 27, 31, .04), transparent 55%),
    linear-gradient(180deg, #f5f5f6, #fff 70%);
}
.hero::after { border-color: rgba(22, 22, 25, .10); box-shadow: 0 0 60px rgba(22, 22, 25, .05), inset 0 0 60px rgba(22, 22, 25, .03); }
.eyebrow { border-color: rgba(237, 164, 43, .24); }
.stat-num { color: #161619; }
.dot { background: var(--gold); box-shadow: 0 0 0 4px rgba(237, 164, 43, .14); }
.panel { box-shadow: 0 18px 50px rgba(22, 22, 25, .10); border-color: var(--line); }
.panel-row { color: var(--text); border-bottom-color: var(--line); }
.panel-meter { background: #ececed; }
.panel-meter-fill { box-shadow: none; }
.card { box-shadow: 0 1px 2px rgba(22, 22, 25, .05), 0 10px 30px rgba(22, 22, 25, .05); border-color: var(--line); }
.card:hover { border-color: #f3dba6; }
.card-icon { border-color: rgba(237, 164, 43, .22); }
.card p { color: var(--text-soft); }
.section-dark { background: #111114; }
.section-dark::before {
  background: radial-gradient(680px 420px at 88% 8%, rgba(237, 164, 43, .16), transparent 60%),
              radial-gradient(620px 420px at 4% 98%, rgba(255, 255, 255, .05), transparent 60%);
}
.section-dark::after { border-color: rgba(255, 255, 255, .08); }
.section-dark h2 { color: #fff; }
.section-dark .eyebrow { color: #f3c878; background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .14); }
.utility-copy > p { color: #cfcfd3; }
.utility-item { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .09); }
.utility-item:hover { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .15); }
.utility-item h4 { color: #fff; }
.utility-item p { color: #a3a3ad; }
.why-num { border-color: rgba(237, 164, 43, .22); }
.why-item p { color: var(--text-soft); }
.avatar {
  background: #161619; border: 1.5px solid var(--gold);
  box-shadow: 0 0 18px rgba(237, 164, 43, .25), inset 0 0 16px rgba(0, 0, 0, .4);
}
.avatar::after { color: var(--gold); }
.contact-copy > p { color: var(--text-soft); }
.contact-points li::before { background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161619' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat; }
.contact-form { box-shadow: 0 18px 50px rgba(22, 22, 25, .10); border-color: var(--line); }
.field input, .field select, .field textarea { background: #f5f5f6; border-color: var(--line); color: #1b1b1f; }
.field input::placeholder, .field textarea::placeholder { color: #a1a1a8; }
.field select option { background: #fff; color: #1b1b1f; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 4px rgba(237, 164, 43, .16); }
.site-footer { background: #030d17; border-top: 0; color: #a3a3ad; }
.footer-inner, .footer-bottom { border-color: rgba(255, 255, 255, .08); }
.footer-brand .arc-mark { color: #fff; filter: drop-shadow(0 0 8px rgba(255, 255, 255, .4)); }
.footer-brand .brand-text { color: #fff; }
.footer-brand p { color: #a3a3ad; }
.footer-links a { color: #cfcfd3; }
.footer-links a:hover { color: #fff; }
.footer-bottom { color: #84848d; }
@media (max-width: 940px) { .nav { background: #07111b; border-bottom-color: rgba(255, 255, 255, .08); } }