/* Modern content layer for PHP pages that still use the original component markup. */
:root{
  --primary:#0B7A4E;--primary-light:#0E8C5A;--accent:#0B7A4E;
  --bg:#fff;--surface:#F7F9FD;--surface-glass:#fff;
  --bg-primary:#fff;--bg-secondary:#F7F9FD;--section-tint:#F7F9FD;
  --text-primary:#0C1524;--text-secondary:#465064;--text-muted:#7B8699;
  --glass-bg:#fff;--glass-border:#E4E9F1;--glass-shadow:0 18px 48px -28px rgba(12,21,36,.28);
  --gradient-primary:linear-gradient(135deg,#0B7A4E,#075D3C);
  --radius:20px;--radius-sm:15px;--radius-xs:10px;
}

html{color-scheme:light}
body{background:#fff;color:var(--text-primary);font-family:'Plus Jakarta Sans',system-ui,sans-serif}
body::before{display:none!important}
.site-main,main{background:#fff}
.site-main{padding-top:72px}

h1,h2,h3,h4{color:var(--text-primary)}
.display,.display--md,.display--sm{
  color:var(--text-primary)!important;background:none!important;
  -webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;letter-spacing:-.04em
}
.section-subtitle,.subtitle{color:var(--text-secondary)!important}
.section--alt,.section--tint{background:#F7F9FD!important}
.hero--page,.pricing-hero,.cases-hero,.case-detail-hero{
  background:linear-gradient(180deg,#EFF8F3 0%,#F8FCFA 58%,#fff 100%)!important
}
.hero--page{min-height:auto;padding:112px 0 72px}
.section-badge,.blog-category,.case-card__category,.case-detail-hero__category{
  color:#0B7A4E!important;background:#EAF6EF!important;border:1px solid #D4EBDD!important;
  border-radius:999px;padding:7px 13px;font-weight:700
}

.glass-card,.pricing-card,.status-banner,.status-card{
  background:#fff!important;border:1px solid #E4E9F1!important;
  box-shadow:0 18px 48px -30px rgba(12,21,36,.3)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.glass-card::before{display:none!important}
.glass-card:hover,.pricing-card:hover,.status-card:hover{
  border-color:#C9DED2!important;box-shadow:0 22px 56px -30px rgba(11,122,78,.28)!important
}

.btn-primary,.btn.btn-primary{
  color:#fff!important;background:#0B7A4E!important;border-color:#0B7A4E!important;
  box-shadow:none!important;border-radius:12px
}
.btn-primary:hover,.btn.btn-primary:hover{background:#086841!important;border-color:#086841!important}
.btn-secondary,.btn.btn-secondary{
  color:#182235!important;background:#fff!important;border:1px solid #D9E0EA!important;
  box-shadow:none!important;border-radius:12px
}
.btn-secondary:hover,.btn.btn-secondary:hover{color:#0B7A4E!important;border-color:#AFCFBE!important;background:#F5FAF7!important}

.services-cta,.pricing-final-cta,.cases-cta-section,.case-final-cta{
  color:#fff!important;background:#0C1524!important;border:0!important;border-radius:22px!important;
  box-shadow:0 30px 70px -38px rgba(12,21,36,.65)!important
}
.services-cta h2,.pricing-final-cta h2,.cases-cta-section h2,.case-final-cta h2{color:#fff!important}
.services-cta p,.pricing-final-cta p,.cases-cta-section p,.case-final-cta p{color:#AAB3C3!important}

/* Pricing */
.pricing-card--featured{border-color:#AFCFBE!important;background:#F3FAF6!important}
.pricing-badge,.pricing-guarantee{color:#0B7A4E!important;background:#EAF6EF!important;border-color:#D4EBDD!important}
.pricing-card__amount,.pricing-card__price,.pricing-check,.check{color:#0B7A4E!important}
.compare-table{background:#fff;border:1px solid #E4E9F1;border-radius:16px;overflow:hidden}
.compare-table th{background:#F3F7F5!important;color:#0C1524!important}
.compare-table td,.compare-table th{border-color:#E8ECF2!important}

/* Process, cases and detail pages */
.process-stop__node,.process-stop__icon,.how-step__num{background:#0B7A4E!important;color:#fff!important;border-color:#0B7A4E!important}
.process-stop::before{background:#DDE6E1!important}
.process-stop__label,.metric,.stat-item__number,.headline-metric__value,.case-card__metric-value{color:#0B7A4E!important}
.process-stop__highlights li,.case-grid p,.label,.stat-item__label{color:var(--text-secondary)!important}
.stats-grid,.headline-metric,.result,.case-card.featured{
  background:#F3FAF6!important;border-color:#D4EBDD!important
}
.problem-list li,.solution-list li,.tech-pill{
  color:var(--text-secondary)!important;background:#F7F9FD!important;border-color:#E4E9F1!important
}
.case-card.featured::before{background:#0B7A4E!important}

/* Status page */
.status-page{background:#fff}
.status-header__logo{content:url('/assets/logo-dark.png?v=2');max-width:210px}
.status-banner__icon--operational,.status-card__icon{background:#EAF6EF!important;border-color:#D4EBDD!important;box-shadow:none!important;color:#0B7A4E}
.status-dot--operational{background:#0B7A4E!important}
.status-text--operational{color:#0B7A4E!important}
.status-details,.status-footer{color:var(--text-muted)!important}

/* Older article variants now share the clean article treatment. */
.blog-title{color:#0C1524!important}
.blog-meta,.blog-read-time,.blog-updated-label{color:#7B8699!important}
.blog-hero__content,.blog-content__inner{max-width:820px;margin-left:auto;margin-right:auto}
.blog-pricing-table,.blog-comparison{border-color:#E4E9F1!important}

@media(max-width:768px){
  .hero--page,.pricing-hero,.cases-hero,.case-detail-hero{padding-top:96px!important;padding-bottom:48px!important}
  .section{padding-top:52px;padding-bottom:52px}
  .glass-card,.pricing-card,.case-card{padding:22px!important}
  .services-cta,.pricing-final-cta,.cases-cta-section,.case-final-cta{border-radius:18px!important;padding:36px 22px!important}
  .cases-grid,.pricing-grid{grid-template-columns:1fr!important}
  .pricing-card--featured{transform:none!important}
}

@media(max-width:520px){
  .hero--page,.pricing-hero,.cases-hero,.case-detail-hero{padding-top:88px!important}
  .section{padding-top:42px;padding-bottom:42px}
  .display,.display--md{font-size:clamp(2rem,11vw,3rem)!important}
  .status-banner{align-items:flex-start}
  .case-results,.headline-metrics{grid-template-columns:1fr!important}
}