/* Light-only homepage surfaces; the six dark palettes keep their existing art and styling. */
.home-service-visual > .home-service-visual-light {
  display: none !important;
}

html[data-theme="light"] body main > #project-protection.home-trust-section,
html[data-theme="light"] body main > #compare-packages.home-conversion-section {
  background: #eef3f5 !important;
  color: var(--studio-ink) !important;
  border-color: #d3dfe3 !important;
}

html[data-theme="light"] body main > #service-overview.home-services-snapshot {
  background: #fafbfc !important;
  color: var(--studio-ink) !important;
  border-color: #d3dfe3 !important;
}

html[data-theme="light"] body #project-protection::before,
html[data-theme="light"] body #compare-packages::before,
html[data-theme="light"] body .home-conversion-section::after {
  display: none;
}

html[data-theme="light"] body #project-protection .home-trust-intro h2,
html[data-theme="light"] body #service-overview .snapshot-copy h2,
html[data-theme="light"] body #compare-packages .home-conversion-copy h2 {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body #project-protection .home-trust-intro .eyebrow,
html[data-theme="light"] body .home-conversion-section .home-conversion-copy .eyebrow {
  border-left-color: var(--studio-accent-hover) !important;
}

html[data-theme="light"] body #project-protection .home-trust-intro > p:not(.eyebrow),
html[data-theme="light"] body #project-protection .home-trust-boundary,
html[data-theme="light"] body #service-overview .snapshot-copy > p:not(.eyebrow),
html[data-theme="light"] body #compare-packages .home-conversion-copy > p:not(.eyebrow) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body #project-protection .home-trust-intro .eyebrow,
html[data-theme="light"] body #project-protection .home-trust-boundary strong,
html[data-theme="light"] body #service-overview .snapshot-copy .eyebrow,
html[data-theme="light"] body #service-overview .snapshot-copy .text-link,
html[data-theme="light"] body #compare-packages .home-conversion-copy .eyebrow {
  color: var(--studio-accent-hover) !important;
  -webkit-text-fill-color: var(--studio-accent-hover) !important;
  text-shadow: none !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a {
  background: #fff !important;
  border-color: #d0dce0 !important;
  box-shadow: 0 3px 12px rgba(17, 29, 40, .06) !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a:is(:hover, :focus-visible) {
  background: #e5eff1 !important;
  border-color: var(--studio-accent-hover) !important;
  box-shadow: 0 6px 18px rgba(17, 29, 40, .12) !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a > span {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a > small {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a > b,
html[data-theme="light"] body #project-protection .home-trust-links > a > b span {
  color: var(--studio-accent-hover) !important;
  -webkit-text-fill-color: var(--studio-accent-hover) !important;
}

html[data-theme="light"] body #project-protection .home-trust-links > a:focus-visible {
  outline-color: var(--studio-accent-hover) !important;
}

html[data-theme="light"] body #project-protection .home-trust-boundary {
  background: #e0eaee !important;
  border-left-color: var(--studio-accent-hover) !important;
}

html[data-theme="light"] body #service-overview .snapshot-copy,
html[data-theme="light"] body #compare-packages .home-conversion-box {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body .home-services-snapshot .home-service-visual {
  aspect-ratio: 16 / 9 !important;
  background: #fff !important;
  border: 1px solid #d0dce0 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 24px rgba(17, 29, 40, .1) !important;
}

html[data-theme="light"] body .home-services-snapshot .home-service-visual::before,
html[data-theme="light"] body .home-services-snapshot .home-service-visual::after {
  display: none !important;
}

html[data-theme="light"] body .home-service-visual > :not(.home-service-visual-light) {
  display: none !important;
}

html[data-theme="light"] body .home-service-visual > .home-service-visual-light {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}