/* V4 · COLOR · F — Slate — deep blue-grey ink, steel accent */
:root {
  --surface-paper:    #eef0f2;
  --surface-paper-2:  #e2e5e9;
  --surface-paper-3:  #d0d5db;
  --accent-300: #7a8ea3;
  --accent-500: #3b4f66;
  --accent-600: #243244;
  --ink-800: #14202c;
  --ink-0:   #eef0f2;
}
.hero h1 em, .hero-bar-item .n, .p-step .n, .ch-block.render .tag,
.spec-tile-head .tag, .final-cta h2 em, .quote-body em, .price .tier,
.eyebrow-dot::before, details.faq summary::after { color: var(--accent-500) !important; }
.price.feat .tier, .quote-mark { color: var(--accent-300) !important; }
.btn-primary { background: var(--accent-500) !important; border-color: var(--accent-500) !important; color: #fff !important; }
.btn-primary:hover { background: var(--accent-600) !important; border-color: var(--accent-600) !important; }
.price.feat .cta { background: var(--accent-500) !important; border-color: var(--accent-500) !important; color: #fff !important; }
.hero-viz-label { color: var(--accent-300) !important; background: rgba(20,32,44,0.7) !important; }
.hero-viz-reticle {
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(59,79,102,0.85) 49.7%, rgba(59,79,102,0.85) 50.3%, transparent 50.3%),
    linear-gradient(0deg,  transparent 49.7%, rgba(59,79,102,0.85) 49.7%, rgba(59,79,102,0.85) 50.3%, transparent 50.3%) !important;
}
.hero-viz-corners span { border-color: var(--accent-500) !important; }
.problem-body li::before, .price li::before { color: var(--accent-500) !important; }
.problem-card.dim .big { text-decoration-color: var(--accent-500) !important; }