/* Service detail pages only — dark hero like About + one continuous background below */

/* Dark top area, matching the About hero atmosphere. */
.service-page > .detail-hero{
  background:
    radial-gradient(at 78% 28%,rgba(0,194,255,.16),transparent 37%),
    linear-gradient(135deg,#000 0%,#030b12 55%,#000 100%)!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Remove the grid texture from the service hero, like the About page. */
.service-page > .detail-hero .grid-bg{
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* One continuous background for everything after the hero. */
.service-page{
  background-image:
    radial-gradient(circle at 84% 14%,rgba(84,222,255,.18),transparent 34%),
    radial-gradient(circle at 8% 78%,rgba(42,129,255,.12),transparent 34%),
    linear-gradient(135deg,#081722 0%,#0d2332 52%,#081722 100%)!important;
  background-attachment:scroll!important;
}

.service-page > .detail-section,
.service-page > .detail-contact,
.service-page > .site-footer{
  background:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Remove local lighting layers that create visible changes between sections. */
.service-page > .detail-section::before,
.service-page > .detail-section::after,
.service-page > .detail-contact::before,
.service-page > .detail-contact::after,
.service-page > .site-footer::before,
.service-page > .site-footer::after{
  display:none!important;
}

/* Same continuous background behavior on mobile. */
@media(max-width:900px){
  .service-page{
    background-image:
      radial-gradient(circle at 85% 10%,rgba(74,216,255,.14),transparent 32%),
      radial-gradient(circle at 8% 88%,rgba(45,122,255,.09),transparent 30%),
      linear-gradient(180deg,#091924 0%,#0c202e 52%,#091824 100%)!important;
    background-size:auto!important;
  }

  .service-page > .detail-hero{
    background:
      radial-gradient(at 78% 28%,rgba(0,194,255,.14),transparent 37%),
      linear-gradient(180deg,#000 0%,#030b12 58%,#000 100%)!important;
  }
}