/* Seylac editorial feature V3: the first section below the homepage hero. */
html body main .shv-home section.swf-real[data-seylac-feature-v3] {
  --sf3-blue: #124e96;
  --sf3-ink: #102545;
  --sf3-muted: #5d7087;
  box-sizing: border-box !important;
  width: min(1280px, calc(100% - 48px)) !important;
  max-width: 1280px !important;
  margin: clamp(56px, 5vw, 84px) auto clamp(54px, 5vw, 78px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] > .swf-real__shell {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 480px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d7e5f3 !important;
  border-radius: 16px !important;
  background: #f7fbff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__content {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  order: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(36px, 4.3vw, 64px) !important;
  transform: none !important;
  background: transparent !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sf3-blue) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__eyebrow::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #1677f2 !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__title {
  width: 100% !important;
  max-width: 650px !important;
  margin: 0 !important;
  color: var(--sf3-ink) !important;
  font-size: clamp(38px, 3.4vw, 50px) !important;
  font-weight: 750 !important;
  line-height: 1.07 !important;
  letter-spacing: -.045em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__intro {
  width: 100% !important;
  max-width: 590px !important;
  margin: 20px 0 0 !important;
  color: var(--sf3-muted) !important;
  font-size: clamp(16px, 1.3vw, 18px) !important;
  font-weight: 430 !important;
  line-height: 1.55 !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-capabilities {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px 0 !important;
  width: 100% !important;
  max-width: 610px !important;
  margin: 26px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #d7e2ef !important;
  color: #425875 !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-capabilities span {
  white-space: nowrap !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-capabilities span:not(:last-child)::after {
  content: "·" !important;
  padding: 0 10px !important;
  color: #8295a9 !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__cta {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  align-self: flex-start !important;
  width: auto !important;
  min-height: 50px !important;
  margin: 27px 0 0 !important;
  padding: 0 22px !important;
  border: 1px solid var(--sf3-blue) !important;
  border-radius: 12px !important;
  background: var(--sf3-blue) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__cta:hover {
  background: #0e427f !important;
  border-color: #0e427f !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__cta span {
  font-size: 20px !important;
  line-height: 1 !important;
}

html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__media {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  order: 2 !important;
  align-self: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 20px 20px 20px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #eaf1f7 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__media > img {
  box-sizing: border-box !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-proof {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 2 !important;
  bottom: 14px !important;
  left: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(17, 42, 78, .08) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #425875 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 22px rgba(11, 35, 67, .09) !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-proof strong {
  color: var(--sf3-ink) !important;
  font-weight: 730 !important;
}
html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-proof__check {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  background: #d8f6e7 !important;
  color: #109365 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

@media (max-width: 1000px) {
  html body main .shv-home section.swf-real[data-seylac-feature-v3] > .swf-real__shell {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__content {
    padding: 42px 44px 30px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__media {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 24px 24px !important;
  }
}

@media (max-width: 640px) {
  html body main .shv-home section.swf-real[data-seylac-feature-v3] {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 36px 12px 42px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] > .swf-real__shell {
    border-radius: 16px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__content {
    padding: 30px 22px 28px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__eyebrow {
    margin-bottom: 16px !important;
    font-size: 11px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__title {
    font-size: clamp(35px, 9.8vw, 42px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.043em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__intro {
    margin-top: 15px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-capabilities {
    margin-top: 22px !important;
    padding-top: 16px !important;
    font-size: 13px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-capabilities span:not(:last-child)::after {
    padding: 0 7px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__cta {
    min-height: 48px !important;
    margin-top: 23px !important;
    font-size: 14px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__media {
    width: auto !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    border-radius: 0 0 12px 12px !important;
  }
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .sf3-proof {
    bottom: 8px !important;
    left: 8px !important;
    gap: 5px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body main .shv-home section.swf-real[data-seylac-feature-v3] .swf-real__cta {
    transition: none !important;
  }
}