/* IT-OBEREG v1.2 — scoped corrections for v21 markup, WordPress CSS resets and service cards. */
.site .hero h1,
.site .hero .hero-copy h1 { color: #f5fbf7 !important; }
.site .hero h1 span { color: #29df67 !important; }

/* Clear visual hierarchy for each section title without changing the hero typography. */
.site .section-top h2,
.site #services .section-top h2 {
  color: #101820 !important;
  font-size: 23px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em;
}
.site .why h2 {
  color: #101820 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
}

/* Service cards start neutral; the dark state is for pointer/keyboard interaction. */
.site .services .service,
.site .services .service.active:not(:hover):not(:focus-within) {
  background: #fff !important;
  border-color: #dbe5df !important;
  color: #101820 !important;
  box-shadow: none !important;
}
.site .services .service .service-head h3 { color: #101820 !important; font-weight: 700 !important; }
.site .services .service .service-head span { color: #87938d !important; }
.site .services .service p { color: #69746f !important; }
.site .services .service .service-bottom a,
.site .services .service .service-mark { color: #118c2f !important; }
.site .services .service:is(:hover,:focus-visible,:focus-within),
.site .services .service.active:is(:hover,:focus-within) {
  background: linear-gradient(135deg, #08261f, #031814) !important;
  border-color: #0d7f3a !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(5,34,22,.14) !important;
}
.site .services .service:is(:hover,:focus-visible,:focus-within) .service-head h3,
.site .services .service.active:is(:hover,:focus-within) .service-head h3 {
  color: #fff !important;
}
.site .services .service:is(:hover,:focus-visible,:focus-within) p,
.site .services .service.active:is(:hover,:focus-within) p { color: #d7e5de !important; }
.site .services .service:is(:hover,:focus-visible,:focus-within) .service-head span,
.site .services .service.active:is(:hover,:focus-within) .service-head span { color: #d0e5da !important; }
.site .services .service:is(:hover,:focus-visible,:focus-within) .service-bottom a,
.site .services .service:is(:hover,:focus-visible,:focus-within) .service-mark,
.site .services .service.active:is(:hover,:focus-within) .service-bottom a,
.site .services .service.active:is(:hover,:focus-within) .service-mark { color: #53f393 !important; }

/* Lead consent must remain compact even when the current WP theme styles checkboxes. */
.site .request .ito-consent { display:flex !important; gap:9px; align-items:flex-start !important; font-size:12px !important; line-height:1.45 !important; }
.site .request .ito-consent input[type="checkbox"] { width:16px !important; height:16px !important; flex:0 0 16px; padding:0 !important; margin:1px 0 0 !important; }

@media (max-width:640px) {
  .site .section-top h2,
  .site #services .section-top h2 { font-size:20px !important; }
  .site .why h2 { font-size:19px !important; }
}