/* index.css — externalized from index.html (strict CSP: no inline styles). */

/* Institutional palette override: map style.css/blog.css sage tokens
     to cream/ink so LP pages read as instrument pages, not UI panels. */
  :root {
    --bg: #f7f1e3;
    --panel: #fbf7ea;
    --panel-stroke: #e9e1cb;
    --panel-stroke-soft: #f0e9d4;
    --text: #14110d;
    --text-soft: #2c2620;
    --muted: #6b6354;
    --accent: #3a2f24;
    --accent-soft: rgba(58,47,36,0.06);
    --accent-stroke: rgba(58,47,36,0.18);
  }

/* CTA box — was inline style attributes, which style-src 'self' silently
   drops; same class language as the other lp-family pages. */
.cta-box {
  margin-top: 48px;
  padding: 24px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-stroke);
  border-radius: 12px;
}
.cta-box h2 { margin-top: 0; }
.cta-btn {
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid var(--accent);
  color: var(--accent);
  border-radius: 8px;
  text-decoration: none;
}