/* =============================================================================
   Standalone landing header. Replaces the shared web-component nav: just the
   logo (links to klarivis.com) and one CTA (links to the demo scheduler). No
   JavaScript, no announcement bar, no mobile menu, no other routes.
   ========================================================================== */
.siteheader { position: absolute; top: 0; left: 0; right: 0; z-index: 40; }
.siteheader__inner {
  max-width: 1264px; margin-inline: auto; padding: 26px 88px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.siteheader__brand { display: inline-flex; align-items: center; line-height: 0; }
.siteheader__brand img { height: 25px; width: auto; display: block; }
.siteheader__cta {
  background: #1FB7C9; color: #3F0047; text-decoration: none;
  font-family: 'Inter', system-ui, sans-serif; font-weight: 600; font-size: 14px; line-height: 1;
  padding: 11px 20px; border-radius: 999px; white-space: nowrap;
  transition: transform .13s cubic-bezier(.16, 1, .3, 1), box-shadow .26s ease, filter .2s ease;
}
.siteheader__cta:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 12px 30px -14px rgba(31, 183, 201, .7); }
.siteheader__cta:active { transform: translateY(0) scale(.97); }
.siteheader__cta:focus-visible { outline: 2px solid #1FB7C9; outline-offset: 3px; }
@media (max-width: 1080px) { .siteheader__inner { padding-inline: 40px; } }
@media (max-width: 820px)  { .siteheader__inner { padding: 20px 22px; } }