/* Next-step cards — photo overlay on the right margin.
   Body content only. Does not restyle header, footer, or glass bake. */

html body .recommended-next .recommended-next-links{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
}

html body .recommended-next .recommended-next-links a{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:6px !important;
  min-height:4.75rem !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:.85rem 5.25rem .85rem 1.1rem !important;
  border-radius:14px !important;
  text-align:left !important;
  box-sizing:border-box !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body .recommended-next .recommended-next-links a::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:5rem !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-color:#1d2939 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 18% !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
}

html body .recommended-next .recommended-next-links a::after{
  position:relative !important;
  z-index:1 !important;
}

html body .recommended-next .recommended-next-links a .next-step-card-photo{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:5rem !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center 18% !important;
  pointer-events:none !important;
  z-index:1 !important;
  border:0 !important;
  border-radius:0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
}

html body .recommended-next .recommended-next-links a:nth-child(6n+1)::before{
  background-image:url("/assets/photos/direct-answer/office-four-men-agro.jpg?v=20260819daphoto1");
  background-position:center 22% !important;
}
html body .recommended-next .recommended-next-links a:nth-child(6n+2)::before{
  background-image:url("/assets/photos/direct-answer/team-three-certificates.jpg?v=20260819daphoto1");
  background-position:center 28% !important;
}
html body .recommended-next .recommended-next-links a:nth-child(6n+3)::before{
  background-image:url("/assets/photos/direct-answer/office-woman-chair.jpg?v=20260819daphoto1");
  background-position:center 18% !important;
}
html body .recommended-next .recommended-next-links a:nth-child(6n+4)::before{
  background-image:url("/assets/photos/direct-answer/office-man-red-tie.jpg?v=20260819daphoto1");
  background-position:center 16% !important;
}
html body .recommended-next .recommended-next-links a:nth-child(6n+5)::before{
  background-image:url("/assets/photos/direct-answer/office-advisor-writing.jpg?v=20260819daphoto1");
  background-position:center 20% !important;
}
html body .recommended-next .recommended-next-links a:nth-child(6n+6)::before{
  background-image:url("/assets/photos/direct-answer/office-two-men-pull.jpg?v=20260819daphoto1");
  background-position:center 24% !important;
}

html body .recommended-next .recommended-next-links a[href*="pricing"]::before{
  background-image:url("/assets/photos/direct-answer/office-advisor-writing.jpg?v=20260819daphoto1") !important;
}
html body .recommended-next .recommended-next-links a[href*="contact"]::before,
html body .recommended-next .recommended-next-links a[href*="contacts"]::before{
  background-image:url("/assets/photos/direct-answer/office-woman-chair.jpg?v=20260819daphoto1") !important;
}
html body .recommended-next .recommended-next-links a[href*="/services/"]::before{
  background-image:url("/assets/photos/direct-answer/team-four-blue-shirts.jpg?v=20260819daphoto1") !important;
}
html body .recommended-next .recommended-next-links a[href*="leadership"]::before{
  background-image:url("/assets/photos/direct-answer/awards-zbia-winner.jpg?v=20260819daphoto1") !important;
}

/* Conversion / Next-step band — compact photo, height of copy + CTA only */
html body:not(.about-page) .conversion-band-shell:has(.next-step-photo-overlay),
html body.home-page #final-cta .conversion-band-shell:has(.next-step-photo-overlay),
html body.home-page .conversion-band-shell:has(.next-step-photo-overlay){
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 10.5rem !important;
  align-items:stretch !important;
  gap:14px 18px !important;
  overflow:hidden !important;
}

html body:not(.about-page) .conversion-band-shell:has(.next-step-photo-overlay) > :not(.next-step-photo-overlay),
html body.home-page .conversion-band-shell:has(.next-step-photo-overlay) > :not(.next-step-photo-overlay){
  grid-column:1 !important;
  max-width:none !important;
}

html body:not(.about-page) .conversion-band-shell:has(.next-step-photo-overlay) > .conversion-band-actions,
html body.home-page .conversion-band-shell:has(.next-step-photo-overlay) > .conversion-band-actions{
  grid-column:1 !important;
  width:auto !important;
  max-width:none !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}

html body:not(.about-page) figure.next-step-photo-overlay,
html body.home-page figure.next-step-photo-overlay{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  position:relative !important;
  display:block !important;
  width:10.5rem !important;
  max-width:10.5rem !important;
  min-width:0 !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  isolation:isolate !important;
  justify-self:end !important;
  align-self:stretch !important;
  border-radius:14px !important;
  background:#101828 !important;
}

html body:not(.about-page) figure.next-step-photo-overlay img,
html body.home-page figure.next-step-photo-overlay img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 20% !important;
}

html body:not(.about-page) figure.next-step-photo-overlay::after,
html body.home-page figure.next-step-photo-overlay::after{
  content:none !important;
  display:none !important;
}

@media (max-width:900px){
  html body:not(.about-page) .conversion-band-shell:has(.next-step-photo-overlay),
  html body.home-page #final-cta .conversion-band-shell:has(.next-step-photo-overlay),
  html body.home-page .conversion-band-shell:has(.next-step-photo-overlay){
    grid-template-columns:minmax(0,1fr) 7.25rem !important;
  }
  html body:not(.about-page) figure.next-step-photo-overlay,
  html body.home-page figure.next-step-photo-overlay{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:7.25rem !important;
    max-width:7.25rem !important;
    min-height:0 !important;
    height:auto !important;
    order:0 !important;
  }
}

@media (max-width:720px){
  html body .recommended-next .recommended-next-links{
    grid-template-columns:1fr !important;
  }
  html body .recommended-next .recommended-next-links a{
    min-height:4.75rem !important;
    padding:.85rem 5rem .85rem 1.05rem !important;
  }
  html body .recommended-next .recommended-next-links a::before,
  html body .recommended-next .recommended-next-links a .next-step-card-photo{
    width:4.75rem !important;
  }
}