:root {
  --insite-primary: #1b396e;
  --insite-primary-soft: rgba(27, 57, 110, 0.08);
}

body.insite-landing-body {
  background: #ffffff;
}

body.insite-landing-body section[id] {
  scroll-margin-top: 5rem;
}

.insite-landing-navbar {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: saturate(180%) blur(10px);
}

.insite-landing-hero {
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(135deg, rgba(248, 249, 250, 0.92) 0%, rgba(27, 57, 110, 0.14) 100%),
    url("/images/Insite-Product-Header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.insite-landing-hero::after {
  content: "";
  position: absolute;
  right: clamp(0.5rem, 1.5vw, 1.5rem);
  bottom: clamp(0.5rem, 1.5vw, 1.5rem);
  width: min(220px, 28vw);
  height: 48px;
  background: url("/images/acquire-logo-nav.png") no-repeat right bottom / contain;
  opacity: 0.75;
  pointer-events: none;
}

.insite-landing-hero .container {
  position: relative;
  z-index: 1;
}

.landing-acquire-footer-logo {
  height: 20px;
  width: auto;
  opacity: 0.85;
  display: block;
}

@media (max-width: 576px) {
  .insite-landing-hero::after {
    opacity: 0;
  }
}

.insite-landing-packs-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.insite-landing-packs-diagram {
  padding: 0.5rem;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}

.landing-dot {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  background: var(--insite-primary);
}

.landing-steps {
  padding-left: 1.25rem;
}

.landing-steps li {
  margin-bottom: 0.5rem;
}

.landing-pill {
  height: 100%;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}

.landing-resource {
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #ffffff;
}

body.insite-landing-body a:not(.btn) {
  color: var(--insite-primary);
}

body.insite-landing-body .btn-primary {
  color: #ffffff;
  background-color: var(--insite-primary);
  border-color: var(--insite-primary);
}

body.insite-landing-body .btn-primary:hover,
body.insite-landing-body .btn-primary:focus,
body.insite-landing-body .btn-primary:active {
  color: #ffffff;
}

body.insite-landing-body .btn-outline-primary {
  color: var(--insite-primary);
  border-color: var(--insite-primary);
}

body.insite-landing-body .btn-outline-primary:hover {
  color: #ffffff;
  background-color: var(--insite-primary);
  border-color: var(--insite-primary);
}