/* ME® brand layer: palette and typographic lockup drawn from the investor deck. */
:root {
  --ink: #0e2841;
  --muted: #65737d;
  --paper: #f7f8f8;
  --green: #4ea72e;
  --deep: #0e2841;
  --line: #d9e0e4;
  --coral: #e97132;
  --blue: #0f9ed5;
  --lilac: #e6e8f1;
  --peach: #f8e8de;
  --font: 'Montserrat', Arial, sans-serif;
  --display: 'Montserrat', Arial, sans-serif;
}

.brand { gap: 6px; }
.brand-mark {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #0e2841;
  padding: 0;
  font: 800 25px/.95 'Montserrat', Arial, sans-serif;
  letter-spacing: -.095em;
}
.brand-mark sup, .mini-mark sup, .closing-mark sup {
  font-size: .3em;
  vertical-align: top;
  letter-spacing: 0;
  margin-left: 2px;
}
.brand-name {
  border-left: 1px solid #e97132;
  padding-left: 10px;
  color: #0e2841;
  letter-spacing: .1em;
}
.mini-mark {
  font: 800 19px/.95 'Montserrat', Arial, sans-serif;
  letter-spacing: -.09em;
  color: #0e2841;
}
.site-header { border-bottom-color: rgba(14, 40, 65, .12); }
.nav-cta:hover, .button-dark:hover { background: #156082; border-color: #156082; }
.hero h1 em, .id-copy h2 em, .intel-header h2 em, .closing-content h2 em { color: #196b24; }
.eyebrow-dot { background: #4ea72e; box-shadow: 0 0 0 4px #e6f1e2; }
.button-light { background: #e97132; color: #fff; }
.button-light:hover { background: #cf5e22; }
.closing-mark { color: #e97132; }
.closing-cta { background: #0e2841; }
.closing-spark { color: #e97132; }
.stage-art > small { color: #a7d78d; }
.stage-dots span.active { background: #e97132; }
.verified i { background: #4ea72e; }
.services-foot b { color: #156082; }
.ai-arrow { color: #156082; }

@media (max-width: 680px) {
  .brand-mark { font-size: 22px; }
  .site-footer .brand-mark { width: auto; height: auto; font-size: 19px; }
}