/* XSquare Media QA polish v4.0
   Loaded after page-level styles to guarantee accessible contrast and consistent green/cream editorial treatment. */
:root{
  --qa-green:#173426;
  --qa-green-2:#294b2d;
  --qa-sage:#86ad78;
  --qa-lime:#a8cb63;
  --qa-cream:#f4f0e6;
  --qa-paper:#fbf8ef;
  --qa-band:#eee8db;
  --qa-muted:#667068;
  --qa-line:#ddd6c8;
}

/* Text on light surfaces must remain readable. */
.section{color:var(--qa-green);}
.section-heading h1,.section-heading h2,
.about-copy h2,.about-founder-copy h2,
.faq-category-heading h2,
.service-card h2,.service-card h3{color:var(--qa-green);}
.section-heading p,.about-copy p,.about-founder-copy p,.faq-category-heading p{color:var(--qa-muted);}

/* About page — intentionally lighter, more editorial, and higher contrast. */
.about-hero{background:var(--qa-green)!important;}
.about-hero::before{
  background:
    radial-gradient(circle at 82% 24%,rgba(134,173,120,.24),transparent 30%),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important;
  background-size:auto,42px 42px,42px 42px!important;
}
.about-hero h1{color:#fffdf7!important;}
.about-hero h1 em{color:#b8d387!important;}
.about-hero p{color:rgba(255,253,247,.82)!important;}
.about-summary-card{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.15)!important;}
.about-summary-card h2{color:#fffdf7!important;}
.about-summary-list div{color:rgba(255,253,247,.86)!important;}
.about-summary-list i{color:#b8d387!important;}

/* This was the low-contrast section reported during QA. Keep it light and use green text. */
.section.about-dark{
  background:var(--qa-band)!important;
  color:var(--qa-green)!important;
  border-top:1px solid var(--qa-line);
  border-bottom:1px solid var(--qa-line);
}
.section.about-dark h2,.section.about-dark h3{color:var(--qa-green)!important;}
.section.about-dark p,.section.about-dark span,.section.about-dark strong{color:var(--qa-green)!important;}
.section.about-dark .section-kicker,.section.about-dark .section-kicker.light{color:var(--qa-green-2)!important;}
.section.about-dark .about-check-list i{color:#6f9b48!important;}
.section.about-dark .about-check-list div{
  padding:15px 0;
  border-bottom:1px solid rgba(23,52,38,.13);
  color:var(--qa-green)!important;
}
.section.about-dark .about-check-list div:last-child{border-bottom:0;}

.about-values-grid{gap:14px!important;}
.about-value-card{
  background:#fffdf8!important;
  border:1px solid var(--qa-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.about-value-card h3{color:var(--qa-green)!important;}
.about-value-card p{color:var(--qa-muted)!important;}
.about-value-card>i{background:#edf3e8!important;color:#6f9b48!important;}
.about-value-card:hover{
  background:#e8ead9!important;
  border-color:#cdd4c3!important;
  color:var(--qa-green)!important;
  transform:translateY(-4px)!important;
  box-shadow:none!important;
}
.about-value-card:hover h3{color:var(--qa-green)!important;}
.about-value-card:hover p{color:#536158!important;}
.about-value-card:hover>i{background:#dce7d5!important;color:var(--qa-green-2)!important;}

.about-services-grid{gap:10px!important;}
.about-service-link{
  background:#fffdf8!important;
  border:1px solid var(--qa-line)!important;
  border-radius:8px!important;
  color:var(--qa-green)!important;
  box-shadow:none!important;
}
.about-service-link h3{color:var(--qa-green)!important;}
.about-service-link p{color:var(--qa-muted)!important;}
.about-service-link i,.about-service-link span{color:#6f9b48!important;}
.about-service-link:hover{background:#edf0e2!important;transform:translateY(-3px)!important;box-shadow:none!important;}

.about-founder-card{
  background:#ebe7dc!important;
  border:1px solid var(--qa-line)!important;
  border-radius:10px!important;
}
.about-founder-mark{background:var(--qa-green)!important;color:#fffdf7!important;border-radius:8px!important;}
.about-founder-copy h2{color:var(--qa-green)!important;}
.about-founder-copy p{color:var(--qa-muted)!important;}

.about-cta{background:var(--qa-green)!important;color:#fffdf7!important;border-radius:10px!important;}
.about-cta h2{color:#fffdf7!important;}
.about-cta p{color:rgba(255,253,247,.82)!important;}
.about-cta .section-kicker,.about-cta .section-kicker.light{color:#b8d387!important;}
.about-cta .btn-light{background:#fffdf7!important;color:var(--qa-green)!important;border-color:#fffdf7!important;}
.about-cta .btn-ghost{border-color:rgba(255,255,255,.45)!important;color:#fffdf7!important;}

/* FAQ page has its own accordion classes; make them as flexible/accessibile as shared FAQs. */
.faq-page-item{border-bottom:1px solid rgba(23,52,38,.16)!important;background:transparent!important;}
.faq-page-item button{color:var(--qa-green)!important;background:transparent!important;}
.faq-page-item button i{color:var(--qa-green)!important;border-color:rgba(23,52,38,.18)!important;}
.faq-page-item.active button i{background:var(--qa-green)!important;color:#fff!important;transform:rotate(45deg)!important;}
.faq-page-answer p{color:var(--qa-muted)!important;}

/* Guard against legacy white text being inherited into intentionally light editorial bands. */
.wdny-dark,.wdcny-dark,.ecny-dark,.madny-dark,.results-section,
.wordpress-development-page .dark-section{
  color:var(--qa-green)!important;
}
.wdny-dark h2,.wdny-dark h3,.wdcny-dark h2,.wdcny-dark h3,
.ecny-dark h2,.ecny-dark h3,.madny-dark h2,.madny-dark h3,
.results-section h2,.results-section h3,
.wordpress-development-page .dark-section h2,.wordpress-development-page .dark-section h3{
  color:var(--qa-green)!important;
}

@media(max-width:980px){
  .about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .about-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:650px){
  .about-values-grid,.about-services-grid{grid-template-columns:1fr!important;}
  .about-value-card,.about-service-link{padding:24px 20px!important;}
  .about-founder-card{padding:28px 20px!important;}
  .about-cta{padding:34px 24px!important;}
  .section.about-dark .about-check-list div{padding:13px 0;}
}