/* DICHANA 2.2.19 — Homepage light metrics and CTA surfaces */
body.homepage-light-sections-v2216 .metrics-band-v8577,
body.homepage-light-sections-v2216 .metrics-band-v8577 *,
body.homepage-light-sections-v2216 .cta-band,
body.homepage-light-sections-v2216 .cta-band * {
  font-family: "Prompt", sans-serif !important;
}

body.homepage-light-sections-v2216 .metrics-band-v8577 {
  background:
    radial-gradient(circle at 12% 18%, rgba(236, 1, 140, .10), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(40, 170, 225, .14), transparent 32%),
    linear-gradient(135deg, #fff8fc 0%, #ffffff 46%, #effbff 100%);
  border: 1px solid #d9edf5;
  box-shadow: 0 24px 64px rgba(21, 74, 98, .10);
}

body.homepage-light-sections-v2216 .metrics-band-v8577::before {
  background: radial-gradient(circle, rgba(236, 1, 140, .16) 0%, rgba(236, 1, 140, 0) 72%);
  opacity: .7;
}

body.homepage-light-sections-v2216 .metrics-band-v8577::after {
  background: radial-gradient(circle, rgba(40, 170, 225, .18) 0%, rgba(40, 170, 225, 0) 72%);
  opacity: .72;
}

body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577,
body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577 strong,
body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577 span {
  color: #111827 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577 .metric-number-v8577 {
  color: #8f0059 !important;
  background: linear-gradient(100deg, #9f0063 0%, #006b91 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577 .metric-label-v8577 {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-shadow: none !important;
  font-weight: 600;
}

body.homepage-light-sections-v2216.homepage-polish-v8578 .metric-card-v8577 + .metric-card-v8577,
body.homepage-light-sections-v2216.homepage-polish-v8578 .metric-card-v8577:nth-child(even) {
  border-color: #d8e8ef;
}

body.homepage-light-sections-v2216 .cta-band {
  isolation: isolate;
  color: #111827;
  background:
    radial-gradient(circle at 10% 18%, rgba(236, 1, 140, .10), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(40, 170, 225, .16), transparent 34%),
    linear-gradient(135deg, #fff7fb 0%, #ffffff 48%, #eefaff 100%);
  border: 1px solid #dcebf2;
  box-shadow: 0 30px 78px rgba(21, 74, 98, .12);
}

body.homepage-light-sections-v2216 .cta-band.site-control-cta-media[data-site-media-current="1"]:not(.site-control-media-active)::after,\nbody.homepage-light-sections-v2216 .cta-band::after {
  background: none !important;
  opacity: 0 !important;
  pointer-events: none;
}

body.homepage-light-sections-v2216 .cta-band::before {
  inset: 0;
  width: 100%;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.58) 52%, rgba(255,255,255,.08) 100%);
  pointer-events: none;
}

body.homepage-light-sections-v2216 .cta-band .kicker {
  color: #8f0059 !important;
  background: #ffffff !important;
  border-color: #f2b8d8 !important;
  box-shadow: 0 10px 24px rgba(236, 1, 140, .08);
}

body.homepage-light-sections-v2216 .cta-band .title,
body.homepage-light-sections-v2216 .cta-band h2 {
  color: #111827 !important;
  text-shadow: none !important;
}

body.homepage-light-sections-v2216 .cta-band p {
  color: #475569 !important;
  text-shadow: none !important;
}

body.homepage-light-sections-v2216 .cta-band .btn-primary {
  color: #ffffff;
  border-color: #ec018c;
  box-shadow: 0 14px 30px rgba(236, 1, 140, .20);
}

body.homepage-light-sections-v2216 .cta-band .btn-secondary {
  color: #0d4f69 !important;
  background: rgba(255,255,255,.92) !important;
  border-color: #82d2ed !important;
  box-shadow: 0 12px 26px rgba(40, 170, 225, .10);
}

body.homepage-light-sections-v2216 .cta-band .btn-secondary:hover {
  color: #07384b !important;
  background: #e8f8fe !important;
  border-color: #28aae1 !important;
}

body.homepage-light-sections-v2216 .cta-band .btn:focus-visible {
  outline: 3px solid #006b91;
  outline-offset: 3px;
}

body.homepage-light-sections-v2216 .cta-product-stack {
  min-height: clamp(250px, 24vw, 360px);
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none;
}

body.homepage-light-sections-v2216 .cta-product-stack-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  box-shadow: none !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  filter: drop-shadow(0 22px 28px rgba(34, 59, 73, .14));
}

@media (max-width: 1120px) {
  body.homepage-light-sections-v2216 .metrics-band-v8577 .metric-card-v8577:nth-child(even) {
    border-left-color: #d8e8ef;
  }
}

@media (max-width: 900px) {
  body.homepage-light-sections-v2216 .cta-band-video {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 340px) !important;
    gap: 18px !important;
  }

  body.homepage-light-sections-v2216 .cta-product-stack {
    display: grid !important;
    place-items: center;
    max-width: 340px;
    min-height: 240px !important;
    justify-self: center;
  }
}

@media (max-width: 760px) {
  body.homepage-light-sections-v2216.homepage-polish-v8578 .metric-card-v8577 + .metric-card-v8577 {
    border-top-color: #d8e8ef;
  }

  body.homepage-light-sections-v2216 .cta-band-video {
    grid-template-columns: 1fr !important;
  }

  body.homepage-light-sections-v2216 .cta-product-stack,
  body.homepage-light-sections-v2216.iphone-hotfix-v8520 .cta-product-stack {
    display: grid !important;
    min-height: 210px !important;
    max-width: 420px;
    width: 100%;
    margin-inline: auto;
    opacity: 1 !important;
    transform: none !important;
  }

  body.homepage-light-sections-v2216 .cta-product-stack-image {
    max-height: 250px;
  }
}

@media (max-width: 420px) {
  body.homepage-light-sections-v2216 .cta-product-stack,
  body.homepage-light-sections-v2216.iphone-hotfix-v8520 .cta-product-stack {
    min-height: 176px !important;
  }

  body.homepage-light-sections-v2216 .cta-product-stack-image {
    max-height: 210px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.homepage-light-sections-v2216 .cta-band .btn,
  body.homepage-light-sections-v2216 .cta-product-stack-image {
    transition: none !important;
  }
}