/* =========== Services Landing =========== */
.srv-hero{
  padding:48px 0 32px;
  text-align:center;
}
.srv-hero__title{
  margin:0 0 8px;
  font-size:clamp(24px,3vw,34px);font-weight:800;}
.srv-hero__desc{
  max-width:70ch;
  margin:0 auto;
  color:var(--color-muted);}

/* grid 6 */
.srv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
@media (max-width:900px){.srv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.srv-grid{grid-template-columns:1fr}}
.services-landing{
  padding-bottom: 80px;
}
.srv-card{
  display:grid; 
  text-align:center;
  justify-items:center;
  grid-template-rows:auto auto 1fr auto;
  gap:8px; 
  padding:16px; 
  border:1px solid var(--color-border); 
  border-radius:4px;
  background:#fff; 
  text-decoration:none; 
  color:inherit;
  transition:box-shadow .2s, transform .15s;
}
.srv-card:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.06); 
  transform:translateY(-1px)
}
.srv-card__icon img{
  width:40px;
  height:40px;
  display:block;
  margin: 8px 0;
}
.srv-card__title{
  margin:4px 0 0;
  font-size:18px;
  font-weight:700;}
.srv-card__excerpt{
  margin:0;
  font-size: 1rem;
  color:var(--color-muted)
}
.srv-card__cta{
  margin-top:6px;
  font-size: 12px;
  color:var(--color-primary)
}

/* process */
.srv-process{
  padding:80px 0 40px;
}
.srv-section__title{
  text-align:center;
  margin:0 0 6px;
  font-size:clamp(22px,2.6vw,28px);
  font-weight:800;
}
.srv-section__kicker{
  text-align:center;
  color:var(--color-primary);
  margin:0 0 28px;
  text-transform: uppercase;
  font-weight: bold;
}
.proc-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;list-style:none;
  margin:0;
  padding:0
}
@media (max-width:900px){.proc-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.proc-steps{grid-template-columns:1fr}}
.proc-step{
  background:#fff;
  border:none;
  padding:16px;
  text-align:center
}
.proc-step__icon img{
  width:100px;
  height:100px;
  display:block;
  margin:0 auto 8px
}
.proc-step h4{
  margin:0;
  font-size:16px
}


/* =========== Single Service =========== */
.service-single{
  padding-bottom: 50px;
}
.srvS-hero{
  padding:40px 0;
  background: var(--color-bg-soft);
  border:none;
  margin-bottom:16px}
.srvS-title{
  margin:8px 0 4px;
  font-size:clamp(22px,3vw,32px);
  font-weight:800
}
.srvS-excerpt{
  color:var(--color-muted);
  margin:0 0 8px;
}
.srvS-wrap{
  display:grid;
  grid-template-columns:1.6fr .8fr;
  margin-top: 80px;
  gap:40px;
}
@media (max-width:960px){.srvS-wrap{grid-template-columns:1fr}}
.srvS-thumb{width:100%;height:auto;border-radius:10px;margin:0 0 14px}
.srvS-side,.srv-content{
  align-self:start}

.srvS-side__title{
  margin:16px 0;
  font-size:16px;
  font-weight:700;
  text-transform: uppercase;
}
.srvS-list{
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid var(--color-border);
  border-radius:4px;
}
.srvS-list li a{
  display:block;
  padding:10px 12px;
  text-decoration:none;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border)}
.srvS-list li:last-child a{
  border-bottom:none
}
.srvS-list a:hover{
  background:var(--color-bg-soft)
}
.srvS-list a.is-active{background:#eef2ff;font-weight:600}