/* Typography: expressive headlines, quiet body text, readable functional labels. */
body {
  font-family: Inter, Arial, sans-serif;
  font-weight: 400;
}
body h1, body h2, body h3 {
  font-family: "Bogue Slab", Georgia, serif;
  font-weight: 100;
  letter-spacing: -0.02em;
  line-height: 1.14;
}
body p { font-weight: 300; }
body strong, body b { font-weight: 600; }
/* These small headings are functional diagram labels, not editorial headlines. */
body [role="img"] h3, body .case-card-overlay h3 small {
  font-family: Inter, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: normal;
}
/* The product wordmark is an existing brand asset, not editorial typography. */
.endorsed-brand-informationgrid { font-family: Arial, Helvetica, sans-serif; }
.site-header { background: rgb(248 245 245 / 96%); }
.context-boundary { background: rgb(240 236 233 / 55%); }
.mechanism { border-color: #005D46; }
.exchange-axis > span { top: 58px; }
.button-light { color: #000; }
.button:hover { background-color: #000; color: #fff; }
.product-card { min-width: 0; overflow-wrap: anywhere; }
/* Future Green is an accent/surface, never low-contrast body text on white. */
body a:focus-visible, body button:focus-visible, body input:focus-visible,
body textarea:focus-visible, body select:focus-visible, [tabindex]:focus-visible {
  outline-color: #6434DA !important;
}
body .fluentform .ff-btn-submit {
  background: #005D46 !important;
  color: #fff !important;
}
body .fluentform .ff-btn-submit:hover { background: #000 !important; }