header.cairiq-products-header {
  background: #F8FAFC !important;
}

header.cairiq-products-header .navbar {
  background: #F8FAFC !important;
}

header.cairiq-products-header .cairiq-navbar-brand {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

header.cairiq-products-header .cairiq-brand-link {
  text-decoration: none;
  font-weight: 800;
  font-size: 1.65rem;
  letter-spacing: 0.5px;
}

header.cairiq-products-header .cairiq-brand-tagline {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(17, 24, 39, 0.78);
  white-space: normal;
  overflow-wrap: anywhere;
}

header.cairiq-products-header .header-cairiq-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}

header.cairiq-products-header .header-cairiq-mark {
  width: 1.55em;
  height: 1.55em;
  display: inline-block;
  overflow: hidden;
  flex: 0 0 auto;
  --header-mark-scale: 7.5;
  --header-mark-tx: 0%;
  --header-mark-ty: 0%;
}

header.cairiq-products-header .header-cairiq-mark .header-cairiq-logo {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
  transform: translate(var(--header-mark-tx), var(--header-mark-ty)) scale(var(--header-mark-scale));
  transform-origin: center;
}

@media (max-width: 767.98px) {
  header.cairiq-products-header .cairiq-brand-tagline {
    font-size: 0.78rem;
    line-height: 1.15;
    max-width: 22rem;
  }
}

@media (max-width: 991.98px) {
  header.cairiq-products-header .navbar-collapse {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
  }
}

section.hero {
  background: #F8FAFC !important;
}

.hero-introducing {
  color: #3a0ca3 !important;
  -webkit-text-fill-color: #3a0ca3 !important;
}

.hero-cairiq-word {
  display: inline-block;
  white-space: nowrap;
}

.hero-cairiq-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}

.hero-cairiq-mark {
  width: clamp(72px, 7vw, 130px);
  height: clamp(72px, 7vw, 130px);
  display: inline-block;
  overflow: hidden;
  flex: 0 0 auto;
  --hero-mark-scale: 7.5;
  --hero-mark-tx: 0%;
  --hero-mark-ty: 0%;
}

section.hero .hero-cairiq-mark .hero-cairiq-logo {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
  transform: translate(var(--hero-mark-tx), var(--hero-mark-ty)) scale(var(--hero-mark-scale));
  transform-origin: center;
}

@supports (color: oklch(0 0 0)) {
  header.cairiq-products-header {
    background: oklch(0.98 0.01 250) !important;
  }

  header.cairiq-products-header .navbar {
    background: oklch(0.98 0.01 250) !important;
  }

  header.cairiq-products-header .cairiq-brand-tagline {
    color: oklch(0.45 0.03 255);
  }

  section.hero {
    background: oklch(0.98 0.01 250) !important;
  }
}