/* EB-v52 — collage is an <img>, never a CSS background. */
/* DMR Ellipse 4 blue glow removed — keep the card, hide the wash. */
.eb-services .dmr-glow {
  display: none !important;
  background: none !important;
  filter: none !important;
  opacity: 0 !important;
}


/* ============================================================
   v52 FIXES (append) — loaded last, wins over style.min.css
   ============================================================ */

/* #1 & #3: align hero copy to the header container (max 1440, 28px gutter) */
.eb-services .hero-copy,
.eb-home .hero-copy {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px){
  .eb-services .hero-copy,
  .eb-home .hero-copy { padding-left: 16px !important; padding-right: 16px !important; }
}

/* #4: soften the Daily Market Report card shadow (was 0 50px 110px, 30%) */
.eb-services .dmr {
  box-shadow: 0 24px 60px -28px rgba(21, 53, 80, 0.18) !important;
}

/* Beat MemberGate .mgcontent section { width: auto !important } so heroes match Figma (1440 / 28px gutters / 1384). */
.eb-home .hero,
.eb-home section.hero,
.eb-services .hero,
.eb-services section.hero,
.mgcontent .eb-home .hero,
.mgcontent .eb-services .hero,
.mgcontent section.hero {
  width: min(1384px, calc(100% - 56px)) !important;
  max-width: 1384px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
@media (max-width: 1140px) {
  .eb-home .hero,
  .eb-home section.hero,
  .eb-services .hero,
  .eb-services section.hero,
  .mgcontent section.hero {
    width: calc(100% - 32px) !important;
  }
}

/* Intelligence slider: keep slides in the layout so photos decode. display:none
   leaves the next image unpainted until a scroll/mousemove. */
.eb-home .included-stage {
  position: relative !important;
  min-height: 459px;
}
.eb-home .included .feature-slide {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}
.eb-home .included .feature-slide.is-active {
  position: relative !important;
  visibility: visible !important;
  pointer-events: auto;
  z-index: 1;
}
.eb-home .included .feature-slide.is-active .feature-photo,
.eb-home .included .feature-slide.is-active .feature-photo img,
.eb-home .included .feature-slide.is-active img {
  opacity: 1 !important;
  visibility: visible !important;
}
.eb-home .included .feature-photo {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Restore v50 checklist icons. Minifying the SVG data-URI stripped
   the spaces (viewBox became 003030) and the ::before image failed. */
.eb-services {
  --eb-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='15' cy='15' r='15' fill='%232FAE62' fill-opacity='0.2'/%3E%3Cpath d='M21.5867 9.19023C22.0336 9.51523 22.1336 10.1402 21.8086 10.5871L13.8086 21.5871C13.6367 21.8246 13.3711 21.9715 13.0773 21.9965C12.7836 22.0215 12.4992 21.9121 12.293 21.7059L8.29297 17.7059C7.90234 17.3152 7.90234 16.6809 8.29297 16.2902C8.68359 15.8996 9.31797 15.8996 9.70859 16.2902L12.8805 19.4621L20.193 9.40898C20.518 8.96211 21.143 8.86211 21.5898 9.18711L21.5867 9.19023Z' fill='%232FAE62'/%3E%3C/svg%3E");
}
.eb-services .dmr-lists li::before,
.eb-services .tool-body p::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='15' cy='15' r='15' fill='%232FAE62' fill-opacity='0.2'/%3E%3Cpath d='M21.5867 9.19023C22.0336 9.51523 22.1336 10.1402 21.8086 10.5871L13.8086 21.5871C13.6367 21.8246 13.3711 21.9715 13.0773 21.9965C12.7836 22.0215 12.4992 21.9121 12.293 21.7059L8.29297 17.7059C7.90234 17.3152 7.90234 16.6809 8.29297 16.2902C8.68359 15.8996 9.31797 15.8996 9.70859 16.2902L12.8805 19.4621L20.193 9.40898C20.518 8.96211 21.143 8.86211 21.5898 9.18711L21.5867 9.19023Z' fill='%232FAE62'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* DMR collage: real <img> in the paste HTML — do not paint it with background-image. */
.eb-services .includes,
.eb-services .dmr-stage,
.eb-services .dmr,
.eb-services .dmr-collage {
  overflow: visible !important;
}
.eb-services .dmr-stage {
  padding-bottom: 28px;
}
.eb-services .dmr-collage {
  position: absolute !important;
  left: 52% !important;
  top: 4px !important;
  right: auto !important;
  bottom: auto !important;
  width: 49.5% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  max-width: none !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  pointer-events: none;
  z-index: 2;
}
.eb-services .dmr-collage img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}
@media (max-width: 1023px) {
  .eb-services .dmr-stage {
    padding-bottom: 0;
  }
  .eb-services .dmr-collage {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(618px, 100%) !important;
    margin: 28px auto 0 !important;
  }
}

/* Homepage hero dots share the same box as .hero-copy. Copyright is inside the footer .eb-shell. */
.eb-home .hero-dots,
body.eb-has-home .hero-dots {
  left: 0 !important;
  right: 0 !important;
  width: min(1440px, 100%) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  .eb-home .hero-dots,
  body.eb-has-home .hero-dots {
    padding-left: 16px !important;
  }
}
.eb-site-footer .eb-copyright-inner {
  margin-top: 48px !important;
  padding-top: 20px !important;
  padding-bottom: 28px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top: 1px solid rgba(244, 246, 248, 0.12);
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
}
