
.services-page .hero-lite{padding:92px 0 48px}
.services-page .intro-copy{max-width:820px;margin:0 auto}
.services-page .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.services-page .service-card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 22px rgba(21,33,52,.05);transition:all .18s ease}
.services-page .service-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(21,33,52,.10)}
.services-page .service-card p{color:#5f6b76}
.services-page .two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.services-page .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.services-page .process-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 8px 22px rgba(21,33,52,.05);padding:18px}
.services-page .process-card h3{margin-bottom:8px}
.services-page .process-card p{color:#5f6b76;margin:0}
.services-page .pill-row{justify-content:flex-start}
.services-page .cta-band{border-top:1px solid rgba(0,0,0,.06)}
@media (max-width:1080px){.services-page .two-col{grid-template-columns:1fr}}
@media (max-width:820px){.services-page .service-grid,.services-page .process-grid{grid-template-columns:1fr}}


/* BST AdShield callout section */
.services-page .adshield-callout-section{
  padding-top: 24px;
  padding-bottom: 72px;
  margin-top: -36px;
}

.services-page .adshield-callout-card{
  max-width: 1080px;
  margin: 0 auto;
  background: #f7fbfe;
  border: 1px solid rgba(0,174,239,.14);
  border-radius: 24px;
  box-shadow: 0 8px 22px rgba(21,33,52,.05);
  padding: 36px 280px 36px 40px;
  position: relative;
  overflow: hidden;
}

.services-page .adshield-callout-card h2{
  margin-bottom: 12px;
}

.services-page .adshield-callout-card .muted{
  max-width: 980px;
  margin-bottom: 0;
}

.services-page .adshield-callout-card .pill-row{
  justify-content: flex-start;
  margin-top: 20px;
}

@media (max-width: 820px){
  .services-page .adshield-callout-card{
  max-width: 1080px;
  margin: 0 auto;
  background: #f7fbfe;
  border: 1px solid rgba(0,174,239,.14);
  border-radius: 24px;
  box-shadow: 0 8px 22px rgba(21,33,52,.05);
  padding: 36px 280px 36px 40px;
  position: relative;
  overflow: hidden;
}
}







/* Stable AdShield watermark using pseudo-element to avoid image reveal/flicker */
.services-page .adshield-callout-card::after{
  content:"";
  position:absolute;
  top:28px;
  right:28px;
  width:200px;
  height:200px;
  background-image:url('/assets/images/adshield-badge-shield.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.30;
  pointer-events:none;
  animation:none !important;
  transition:none !important;
  transform:none !important;
  filter:none !important;
}

@media (max-width: 980px){
  .services-page .adshield-callout-card{
    padding: 36px 40px;
  }
  .services-page .adshield-callout-card::after{
    width:96px;
    height:96px;
    top:22px;
    right:22px;
    opacity:.12;
  }
}


.services-page .adshield-callout-card a{
  color:#00AEEF;
  text-decoration-color:#00AEEF;
  font-weight:500;
}

.services-page .adshield-callout-card a:hover{
  color:#008BC9;
  text-decoration-color:#008BC9;
}
