/* 2026-09-20: palette and exact artwork supplied by the brand owner. */
:root {
  --brand-deep: #005b50;
  --brand-green: #148b70;
  --brand-light: #b8df96;
  --accent: #087763;
  --accent-strong: var(--brand-deep);
  --accent-soft: #f0f7ee;
}
.brand-mark, .brand-name-art, .footer-brand-name, .closing-logo,
.footer-brand-icon { object-fit: contain; background: transparent; mix-blend-mode: multiply; }
.nav .brand-mark { width: 44px; height: 44px; border-radius: 0; }
.brand-name-art { display: block; width: 108px; height: 43px; }
.nav .brand-descriptor { color: #34453f; font-size: 18px; font-weight: 500; }
.brand-promise { display: flex; align-items: center; gap: 11px; font-size: 15px;
  line-height: 1.6; letter-spacing: .12em; font-weight: 550; color: var(--brand-deep); margin: 0 0 18px; }
.brand-promise::before { content: ""; width: 24px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--brand-deep), var(--brand-light)); }
.hero-comma { color: var(--brand-green); }
.signal-core { fill: var(--brand-green); }
.mini-access-button { background: var(--brand-deep); }
.mini-access-button:hover, .mini-access.is-open .mini-access-button { background: #00483f; }
#demo-tab-indicator { border-color: #bdd6c8; background: #f4f9f4; }
.mini-ai-mark, .mini-message-avatar, .replay-avatar, .replay-welcome-mark {
  padding: 0; border: 0; border-radius: 50%; box-shadow: none; object-fit: contain;
  background: transparent; mix-blend-mode: multiply;
}
.mini-ai-mark { width: 56px; height: 56px; }
.mini-message-avatar { width: 27px; height: 27px; }
.hero-brand-watermark {
  display: flex; align-items: center; gap: .14em;
  left: max(24px, calc((100vw - 1540px) / 2));
}
.hero-watermark-icon {
  display: block; flex: none; width: .96em; height: .96em;
  object-fit: contain; opacity: .15; transform: translateY(-.10em);
}
.closing-logo { display: block; margin: 0 auto 18px; width: 80px; height: 80px; }
.closing h2 { color: var(--brand-deep); }
.site-footer .footer-meta { border-top: 0; }
@media (max-width: 850px) {
  .nav .brand-mark { width: 38px; height: 38px; }
  .nav .brand-wordmark { gap: 4px; }
  .nav .brand-descriptor { font-size: 13px; }
  .brand-name-art { width: 91px; height: 36px; }
}
@media (max-width: 680px) {
  .brand-promise { margin-bottom: 10px; font-size: 12px; gap: 8px; }
  .brand-promise::before { width: 18px; }
  .nav .brand-wordmark { gap: 3px; }
  .nav .brand-descriptor { font-size: 11px; }
  .nav .brand-mark { width: 36px; height: 36px; }
  .brand-name-art { width: 84px; height: 33px; }
  .hero-brand-watermark { display: none; }
  .closing-logo { width: 64px; height: 64px; }
}
@media (max-width: 760px) {
  .hero-brand-watermark { display: none; }
}