/* TechM8 contrast and reading-rhythm pass. */
:root {
  --tm8-light: #f3f5fa;
  --tm8-light-panel: #ffffff;
  --tm8-light-ink: #171523;
  --tm8-light-muted: #555b6e;
  --tm8-light-border: #dce1eb;
  --tm8-elevated: #181126;
  --tm8-elevated-border: #59306a;
}

/* Brighter secondary copy on every custom TechM8 layout. */
#techm8-refined-pages .tm-copy,
#techm8-refined-pages .service-card p,
#techm8-refined-pages .service-detail p,
#techm8-refined-pages .process-step p,
#techm8-refined-pages .contact-method span,
#techm8-refined-pages .contact-note,
#techm8-refined-pages .trust p,
#tm8-network-services p,
#tm8-network-services li,
#tm8-hw p,
#tm8-hw li { color: #b9b6c7; }

/* Home: keep the hero dark, then give the service directory breathing room. */
#techm8-refined-pages .home-services {
  background: var(--tm8-light);
  color: var(--tm8-light-ink);
  border-block: 1px solid var(--tm8-light-border);
}
#techm8-refined-pages .home-services h2,
#techm8-refined-pages .home-services h3 { color: var(--tm8-light-ink) !important; }
#techm8-refined-pages .home-services .tm-copy,
#techm8-refined-pages .home-services .service-card p { color: var(--tm8-light-muted); }
#techm8-refined-pages .home-services .service-grid {
  gap: 14px;
  border: 0;
  overflow: visible;
}
#techm8-refined-pages .home-services .service-card {
  background: var(--tm8-light-panel);
  border: 1px solid var(--tm8-light-border);
  border-radius: 11px;
  box-shadow: 0 14px 34px rgba(25, 19, 43, .07);
}
#techm8-refined-pages .home-services .service-card:last-child { border: 1px solid var(--tm8-light-border); }
#techm8-refined-pages .home-services .service-card:hover,
#techm8-refined-pages .home-services .service-card:focus {
  background: #fff;
  border-color: #b56bd0;
  box-shadow: 0 18px 42px rgba(46, 21, 61, .12);
}

/* Services: the capability directory becomes the principal light content band. */
#techm8-refined-pages .services-main {
  padding-top: 68px;
  background: var(--tm8-light);
  color: var(--tm8-light-ink);
  border-top: 1px solid var(--tm8-light-border);
}
#techm8-refined-pages .services-main h2,
#techm8-refined-pages .services-main h3 { color: var(--tm8-light-ink) !important; }
#techm8-refined-pages .services-main .service-detail,
#techm8-refined-pages .services-main .process-step {
  background: var(--tm8-light-panel);
  border-color: var(--tm8-light-border);
  box-shadow: 0 12px 30px rgba(25, 19, 43, .06);
}
#techm8-refined-pages .services-main .service-detail p,
#techm8-refined-pages .services-main .process-step p,
#techm8-refined-pages .services-main .service-detail li { color: var(--tm8-light-muted); }
#techm8-refined-pages .services-main .service-detail:before { color: #d8c8df; }
#techm8-refined-pages .services-main .process { border-top-color: #d8dde7; }
#techm8-refined-pages .services-main .service-detail:hover,
#techm8-refined-pages .services-main .service-detail:focus {
  background: #fff;
  border-color: #b56bd0;
}

/* Contact: retain the darker conversion area, but lift the interactive surfaces. */
#techm8-refined-pages .contact-method,
#techm8-refined-pages .contact-form,
#techm8-refined-pages .trust {
  background: var(--tm8-elevated);
  border-color: var(--tm8-elevated-border);
}
#techm8-refined-pages .contact-method span,
#techm8-refined-pages .contact-note,
#techm8-refined-pages .trust p { color: #bbb7c8; }

/* About: the story section supplies a calm light break after the image hero. */
.page-id-38 .elementor-element.elementor-element-e6fd879 { background: var(--tm8-light) !important; }
.page-id-38 .elementor-element-e6fd879 h2 { color: var(--tm8-light-ink) !important; }
.page-id-38 .elementor-element-e6fd879 p,
.page-id-38 .elementor-element-e6fd879 [style*="color:#A0A8C0"] { color: var(--tm8-light-muted) !important; }
.page-id-38 .elementor-element-e6fd879 [style*="background:#160A22"] {
  background: #fff !important;
  border-color: var(--tm8-light-border) !important;
  box-shadow: 0 12px 28px rgba(25, 19, 43, .07);
}

/* Network and hardware detail pages use the same light-directory treatment. */
#tm8-network-services .section-dark {
  background: var(--tm8-light);
  color: var(--tm8-light-ink);
}
#tm8-network-services .section-dark h2,
#tm8-network-services .section-dark h3,
#tm8-network-services .section-dark .card h3 { color: var(--tm8-light-ink) !important; }
#tm8-network-services .section-dark p,
#tm8-network-services .section-dark li,
#tm8-network-services .section-dark .section-head p { color: var(--tm8-light-muted); }
#tm8-network-services .section-dark .card {
  background: #fff;
  border-color: var(--tm8-light-border);
  box-shadow: 0 12px 30px rgba(25, 19, 43, .06);
}
#tm8-hw > section:nth-of-type(2) {
  background: var(--tm8-light);
  color: var(--tm8-light-ink);
}
#tm8-hw > section:nth-of-type(2) h2,
#tm8-hw > section:nth-of-type(2) h3 { color: var(--tm8-light-ink) !important; }
#tm8-hw > section:nth-of-type(2) .head p,
#tm8-hw > section:nth-of-type(2) .card p,
#tm8-hw > section:nth-of-type(2) .card li { color: var(--tm8-light-muted); }
#tm8-hw > section:nth-of-type(2) .card {
  background: #fff;
  border-color: var(--tm8-light-border);
  box-shadow: 0 12px 30px rgba(25, 19, 43, .06);
}

@media (max-width: 760px) {
  #techm8-refined-pages .home-services .service-grid { gap: 10px; }
  #techm8-refined-pages .home-services .service-card { border: 1px solid var(--tm8-light-border); }
  #techm8-refined-pages .services-main { padding-top: 54px; }
}