.brand img.brand-mark { object-fit: contain; }
.hero-links .hero-demo-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 58px; width: 100%; max-width: 320px; padding: 16px 26px; border: 1px solid #172019; border-radius: 6px; background: #172019; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 0; text-decoration: none; }
.hero-links .hero-demo-cta:hover { background: #29352c; }
.hero-links .hero-demo-cta:focus-visible { outline: 3px solid #3598cc; outline-offset: 4px; }
@media (max-width: 900px) {
  .header, .header.scrolled { flex-wrap: wrap; gap: 8px; padding-top: 10px; padding-bottom: 10px; }
  .header-right { margin-left: auto; }
  .header .header-cta { display: inline-flex; padding: 9px 12px; font-size: 12px; }
}