/* ================= BMH brand system — Direction A "Ink & Signal" (teal) ================= */
:root {
  --bmh-ink: #0f1b2d;
  --bmh-ink-2: #17263d;
  --bmh-teal: #14b8a6;      /* accent — action only */
  --bmh-teal-2: #0f9c8e;    /* accent hover */
  --bmh-teal-soft: rgba(20,184,166,.12);
  --bmh-slate: #5b6b82;
  --bmh-line: #e5e9f0;
  --bmh-soft: #f6f8fb;
  --bmh-muted-light: #c7d2e0;
}
* { font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body { color: var(--bmh-ink); }
h1,h2,h3,h4,.fw-800 { letter-spacing: -.025em; }

/* Nav */
.navbar { border-bottom: 1px solid var(--bmh-line); background:#fff; }
.brand-svg { height: 26px; display:block; }
.nav-link { font-weight: 500; color: var(--bmh-ink); }
.nav-link:hover, .nav-link.active { color: var(--bmh-teal-2); }

/* Buttons */
.btn-accent { background: var(--bmh-teal); border-color: var(--bmh-teal); color:#fff; font-weight:600; }
.btn-accent:hover { background: var(--bmh-teal-2); border-color: var(--bmh-teal-2); color:#fff; }
.btn-outline-line { border:1px solid rgba(255,255,255,.35); color:#fff; font-weight:600; }
.btn-outline-line:hover { background: rgba(255,255,255,.08); color:#fff; }
.btn-outline-ink { border:1px solid var(--bmh-line); color:var(--bmh-ink); font-weight:600; }
.btn-outline-ink:hover { background: var(--bmh-soft); color:var(--bmh-ink); }

/* Utilities */
.bg-ink { background: var(--bmh-ink); }
.bg-soft { background: var(--bmh-soft); }
.text-accent { color: var(--bmh-teal-2) !important; }
.text-mutedlight { color: var(--bmh-muted-light) !important; }
.eyebrow { text-transform: uppercase; letter-spacing:.15em; font-size:.75rem; font-weight:700; color: var(--bmh-teal-2); }
.section { padding: 5.5rem 0; }
.section-sm { padding: 3.5rem 0; }
.display-hero { font-weight: 800; line-height: 1.04; letter-spacing:-.035em; }
.hero-rule { width:56px; height:4px; background:var(--bmh-teal); border-radius:2px; }
.accent-dot { color: var(--bmh-teal); }

.icon-badge { width:52px; height:52px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background: var(--bmh-teal-soft); color: var(--bmh-teal-2); font-size:1.5rem; }
.card-soft { border:1px solid var(--bmh-line); border-radius:18px; transition: transform .15s ease, box-shadow .15s ease; background:#fff; }
.card-soft:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(15,27,45,.09); }
.metric { font-weight:800; letter-spacing:-.03em; color: var(--bmh-ink); line-height:1; }
.metric-xl { font-size: 2.9rem; }
.step-num { width:44px; height:44px; border-radius:50%; background:var(--bmh-ink); color:#fff; font-weight:700; display:inline-flex; align-items:center; justify-content:center; }
.photo-ph { background:linear-gradient(135deg,var(--bmh-ink-2),var(--bmh-ink)); border-radius:20px; min-height:340px; display:flex; align-items:center; justify-content:center; color:#6b7c96; }
.tag { font-size:.72rem; font-weight:600; }

/* Case study article */
.article-body { font-size:1.075rem; line-height:1.75; color:#2b3a50; }
.article-body h2 { font-weight:800; margin-top:2.5rem; margin-bottom:1rem; font-size:1.6rem; }
.article-body ul { margin-bottom:1.25rem; }
.article-body li { margin-bottom:.4rem; }
.pull-metric { border-left:4px solid var(--bmh-teal); padding-left:1.25rem; }
.toc-note { background:var(--bmh-teal-soft); border-radius:12px; padding:1rem 1.25rem; font-size:.9rem; }

footer a { color: var(--bmh-muted-light); text-decoration:none; }
footer a:hover { color:#fff; }