/* TechM8 site-wide consistency layer: shared imagery, rhythm and conversion bands. */
.page-id-1255 #tm8-it-consulting .hero,
.page-id-617 #tm8-managed-services .hero,
.page-id-2356 #tm8-offsite-backup .hero,
.page-id-2987 #tm8-hw .hero {
  min-height: 660px;
  display: flex;
  align-items: center;
  padding-block: 88px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center right !important;
  border-bottom: 1px solid rgba(176, 38, 255, .34);
}
.page-id-1255 #tm8-it-consulting .hero {
  background-image: linear-gradient(90deg, rgba(8,7,17,.98) 0%, rgba(8,7,17,.91) 42%, rgba(8,7,17,.58) 70%, rgba(8,7,17,.24) 100%), url("/wp-content/uploads/2026/10/techm8-it-consulting-hero.webp") !important;
}
.page-id-617 #tm8-managed-services .hero {
  background-image: linear-gradient(90deg, rgba(8,7,17,.98) 0%, rgba(8,7,17,.91) 42%, rgba(8,7,17,.58) 70%, rgba(8,7,17,.24) 100%), url("/wp-content/uploads/2026/10/techm8-managed-it-hero.webp") !important;
}
.page-id-2356 #tm8-offsite-backup .hero {
  background-image: linear-gradient(90deg, rgba(8,7,17,.98) 0%, rgba(8,7,17,.91) 42%, rgba(8,7,17,.58) 70%, rgba(8,7,17,.24) 100%), url("/wp-content/uploads/2026/10/techm8-offsite-backup-hero.webp") !important;
}
.page-id-2987 #tm8-hw .hero {
  background-image: linear-gradient(90deg, rgba(8,7,17,.98) 0%, rgba(8,7,17,.91) 44%, rgba(8,7,17,.52) 70%, rgba(8,7,17,.18) 100%), url("/wp-content/uploads/2026/10/techm8-business-hardware-hero.webp") !important;
}
.page-id-1255 #tm8-it-consulting .hero-grid,
.page-id-617 #tm8-managed-services .hero-grid,
.page-id-2356 #tm8-offsite-backup .hero-grid,
.page-id-2987 #tm8-hw .hero-grid { position: relative; z-index: 2; }
.page-id-1255 #tm8-it-consulting .hero-panel,
.page-id-617 #tm8-managed-services .hero-panel,
.page-id-2356 #tm8-offsite-backup .hero-panel {
  background: rgba(14, 9, 23, .86);
  border-color: rgba(133, 63, 157, .78);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .48);
  backdrop-filter: blur(12px);
}
.page-id-2987 #tm8-hw .visual { visibility: hidden; }

#tm8-it-consulting > .section.section-dark:first-of-type,
#tm8-managed-services > .section.section-dark:first-of-type,
#tm8-offsite-backup > .section.section-dark:first-of-type {
  background: #f3f5fa;
  color: #171523;
  border-bottom: 1px solid #dce1eb;
}
#tm8-it-consulting > .section.section-dark:first-of-type h2,
#tm8-it-consulting > .section.section-dark:first-of-type h3,
#tm8-managed-services > .section.section-dark:first-of-type h2,
#tm8-managed-services > .section.section-dark:first-of-type h3,
#tm8-offsite-backup > .section.section-dark:first-of-type h2,
#tm8-offsite-backup > .section.section-dark:first-of-type h3 { color: #171523 !important; }
#tm8-it-consulting > .section.section-dark:first-of-type p,
#tm8-managed-services > .section.section-dark:first-of-type p,
#tm8-offsite-backup > .section.section-dark:first-of-type p { color: #555b6e !important; }
#tm8-it-consulting > .section.section-dark:first-of-type .card,
#tm8-managed-services > .section.section-dark:first-of-type .card,
#tm8-offsite-backup > .section.section-dark:first-of-type .card {
  background: #fff;
  border-color: #dce1eb;
  box-shadow: 0 12px 30px rgba(25, 19, 43, .07);
}

#tm8-it-consulting .cta,
#tm8-managed-services .cta,
#tm8-offsite-backup .cta,
#tm8-network-services .cta,
#tm8-hw .cta {
  background: linear-gradient(135deg, #170a22 0%, #0b1224 100%) !important;
  border-block: 1px solid rgba(176, 38, 255, .28);
}

@media (max-width: 900px) {
  .page-id-1255 #tm8-it-consulting .hero,
  .page-id-617 #tm8-managed-services .hero,
  .page-id-2356 #tm8-offsite-backup .hero,
  .page-id-2987 #tm8-hw .hero {
    min-height: 0;
    padding-block: 72px 58px;
    background-position: 66% center !important;
  }
}

@media (max-width: 620px) {
  .page-id-1255 #tm8-it-consulting .hero,
  .page-id-617 #tm8-managed-services .hero,
  .page-id-2356 #tm8-offsite-backup .hero,
  .page-id-2987 #tm8-hw .hero { background-position: 72% center !important; }
  .page-id-1255 #tm8-it-consulting .hero-panel,
  .page-id-617 #tm8-managed-services .hero-panel,
  .page-id-2356 #tm8-offsite-backup .hero-panel { background: rgba(14, 9, 23, .92); }
}