/* =========================================================
   services.css — page-specific styles for services.php
   ========================================================= */

.page-hero-services{
  background:
    radial-gradient(circle at 85% 0%, rgba(47,169,140,0.14), transparent 45%),
    var(--bg-deep);
}

.dept-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
}
.dept-card{
  display:block; background:#fff; border:1px solid var(--paper-line); border-radius:var(--radius-lg);
  padding:26px 22px; box-shadow:var(--shadow-card);
  color:inherit; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dept-card:hover{
  transform:translateY(-3px); box-shadow:0 16px 34px rgba(13,27,44,0.12);
  border-color:var(--teal); text-decoration:none; color:inherit;
}
.dept-icon{color:var(--teal); font-size:18px; margin-bottom:12px;}
.dept-card h3{font-size:16.5px; margin-bottom:8px;}
.dept-card p{color:var(--muted); font-size:13.5px; margin-bottom:12px;}
@media (max-width: 860px){.dept-grid{grid-template-columns:1fr 1fr;}}
@media (max-width: 560px){.dept-grid{grid-template-columns:1fr;}}

.feature-list{display:flex; flex-direction:column; gap:44px;}
.feature-row{
  display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px;
  background:#fff; border:1px solid var(--paper-line); border-radius:var(--radius-lg);
  padding:32px 34px; box-shadow:var(--shadow-card);
}
.feature-row.reverse{grid-template-columns:auto 1fr;}
.feature-row.reverse .feature-num{order:-1;}
.feature-copy h3{font-size:19px; margin-bottom:8px;}
.feature-copy p{color:var(--muted); max-width:560px;}
.feature-num{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:44px; color:var(--paper-line-strong);
}
.check-list{list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:8px;}
.check-list li{
  font-size:13.5px; color:var(--ink); padding-left:22px; position:relative;
}
.check-list li::before{
  content:'✓'; position:absolute; left:0; color:var(--teal); font-weight:700;
}
@media (max-width: 700px){
  .feature-row, .feature-row.reverse{grid-template-columns:1fr; padding:24px;}
  .feature-num{display:none;}
}

.process-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}
.process-step{
  background:#EEF3F1; border-radius:var(--radius-lg); padding:26px 20px;
  position:relative;
}
.process-index{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  background:var(--teal); color:#08211B; font-weight:700; font-size:13px;
  margin-bottom:12px;
}
.process-step h4{font-size:15.5px; margin-bottom:6px;}
.process-step p{color:var(--muted); font-size:13.5px; margin:0;}
@media (max-width: 860px){.process-grid{grid-template-columns:1fr 1fr;}}
@media (max-width: 540px){.process-grid{grid-template-columns:1fr;}}

/* Hero text colors — tune for contrast against .page-hero-services background */
.page-hero-services .eyebrow{
  color:#7FBFAE;
}
.page-hero-services h1{
  color:#FFFFFF;
}
.page-hero-services .page-hero-lead{
  color:#D7E7E1;
}