:root {
  --qualiso-navy: #071d35;
  --qualiso-navy-2: #0b2c4d;
  --qualiso-blue: #0088cc;
  --qualiso-blue-deep: #1267b3;
  --qualiso-indigo: #504bfd;
  --qualiso-cyan: #18b8d9;
  --qualiso-mint: #18a77d;
  --qualiso-paper: #ffffff;
  --qualiso-soft: #f4f8fb;
  --qualiso-soft-blue: #e8f8fc;
  --qualiso-ink: #102235;
  --qualiso-muted: #607284;
  --qualiso-line: #dbe6ef;
  --qualiso-shadow: 0 18px 45px rgba(7, 29, 53, 0.11);
  --qualiso-radius: 8px;
  --qualiso-gradient: linear-gradient(135deg, var(--qualiso-blue), var(--qualiso-indigo));
  --qualiso-gradient-alt: linear-gradient(135deg, var(--qualiso-blue-deep), var(--qualiso-cyan));

  --primary: var(--qualiso-blue);
  --primary-100: #0077b3;
  --primary-200: #006ea6;
  --primary-300: #006699;
  --primary--100: #0099e6;
  --primary--200: #00a1f2;
  --primary--300: #00aaff;
  --secondary: var(--qualiso-indigo);
  --tertiary: #c5d4fb;
  --quaternary: #d6efe8;
  --dark: #212529;
  --border-radius: 4px;
  --border-radius2x: var(--qualiso-radius);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--qualiso-ink);
  font-family: Poppins, Lexend, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

a,
button,
.btn,
.button {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(24, 184, 217, 0.32);
  outline-offset: 3px;
}

.bg-gradient,
.button,
.site-nav .nav-demo,
.brand-mark {
  background: var(--qualiso-gradient-alt) !important;
}

.btn-rounded,
.button,
.site-nav .nav-demo,
.proof-list li,
.recommended {
  border-radius: 999px;
}

.custom-bg-color-1,
.section-soft {
  background: var(--qualiso-soft) !important;
}

.text-primary,
.text-color-primary {
  color: var(--qualiso-blue) !important;
}

.text-secondary,
.text-color-secondary {
  color: var(--qualiso-indigo) !important;
}

.btn-dark,
.footer,
.site-footer {
  background-color: var(--qualiso-navy) !important;
}

.btn-dark:hover,
.btn-dark:focus-visible,
.bg-hover-primary:hover,
.bg-hover-primary:focus-visible {
  background-color: var(--qualiso-blue) !important;
}

.featured-box,
.info-card,
.feature-card,
.pricing-card,
.screenshot-card,
.contact-form,
.implementation-list {
  border-radius: var(--qualiso-radius) !important;
}

.info-card,
.feature-card,
.pricing-card,
.screenshot-card,
.contact-form {
  box-shadow: 0 12px 30px rgba(7, 29, 53, 0.06);
}

.site-header,
#header .header-body,
#header .header-top {
  backdrop-filter: blur(14px);
}

#header .header-body {
  background-color: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(219, 230, 239, 0.82) !important;
}

#header .header-logo img {
  width: auto;
  height: 45px;
  max-width: 168px;
  max-height: 45px;
  object-fit: contain;
}

#mainNav .nav-link,
#mainNav .dropdown-item,
.site-nav a {
  letter-spacing: 0;
}

#mainNav .nav-link-custom-1 span,
.header-cta,
.nav-demo {
  box-shadow: 0 12px 24px rgba(18, 103, 179, 0.18);
}

main > .section:not(.hero):not(:first-child),
.gsap-section-scale,
.home-concept,
.custom-section-1,
.contact-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 760px;
}

.qualiso-logo {
  display: block;
  width: auto;
  max-width: 154px;
  height: auto;
}

.brand-solution {
  display: block;
  margin-top: 2px;
  color: var(--qualiso-blue);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}