/* ============================================================
   SERVICES (page-services.php)
   ============================================================ */
.services-band{background:var(--gray-bg-2);}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:20px;padding:26px 0;}
.svc-row .ph,.svc-row .aa-img{aspect-ratio:16/10;}
.svc-row h3{font-size:1.05rem;margin-top:14px;}
.svc-row p{color:var(--muted);font-size:.92rem;}
.svc-row.reverse .media{order:2;}

.more-services{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center;margin:36px 0;}
.more-services b{font-size:.9rem;}

/* process timeline */
.process{background:#fff;}
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px;}
.timeline::before{content:"";position:absolute;top:14px;left:10%;right:10%;height:2px;background:#222;}
.tl-step{text-align:center;position:relative;}
.tl-dot{width:16px;height:16px;border-radius:50%;background:#222;margin:6px auto 22px;position:relative;z-index:1;}
.tl-step.pending .tl-dot{background:#cfd3c9;}
.tl-step svg{width:44px;height:44px;color:var(--blue);}
.tl-step b{display:block;margin-top:10px;font-size:.9rem;}

/* quote band */
.quote-band{background:var(--blue-deep);color:#fff;text-align:center;}
.quote-band h2{font-size:2.3rem;margin-bottom:24px;}
.quote-band .q-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto;text-align:left;}
.quote-band small{opacity:.85;}

@media (max-width:960px){
  .svc-row{grid-template-columns:1fr;}
  .svc-row.reverse .media{order:0;}
  .more-services{grid-template-columns:repeat(3,1fr);}
  .quote-band .q-inner{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .more-services{grid-template-columns:1fr 1fr;}
  .timeline{grid-template-columns:repeat(2,1fr);gap:30px;}
  .timeline::before{display:none;}
}