/* Service template layout rules (global design system handles type/buttons) */

.elevate-service .grid-2{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:48px;
  align-items:center;
}
.elevate-service .grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
}
.elevate-service .grid-4{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
}

.elevate-service .hero .lead{ max-width: 52ch; }

.elevate-service .trust{
  background: var(--ed-soft);
}
.elevate-service .trust .container{
  padding-top: 0;
  padding-bottom: 0;
}
.elevate-service .trust-wrap{
  padding:48px 0;
}
.elevate-service .trust-item{
  background:#fff;
  border:1px solid var(--ed-border);
  border-radius:14px;
  padding:16px 14px;
  font-weight:700;
  color:var(--ed-ink);
  text-align:center;
}

.elevate-service .card{
  padding:26px;
}
.elevate-service .card p{ margin:0; }

.elevate-service .service-area .area-item{
  background: var(--ed-soft);
  border:1px solid var(--ed-border);
  border-radius:14px;
  padding:14px;
}

.elevate-service .testimonial{
  background: var(--ed-soft);
}
.elevate-service .test-card{
  max-width: 820px;
  margin: 0 auto;
  background:#fff;
  border:1px solid var(--ed-border);
  border-radius: 18px;
  padding:34px;
  box-shadow: var(--ed-shadow-sm);
}
.elevate-service .quote{
  font-size:20px;
  line-height:1.6;
  margin:0 0 14px;
  color:var(--ed-ink);
}
.elevate-service .who{
  margin:0;
  color:var(--ed-muted);
  font-weight:700;
}

.elevate-service .final-cta{
  background: var(--ed-ink);
  color:#fff;
  text-align:center;
}
.elevate-service .final-cta h2{ color:#fff; }
.elevate-service .final-cta .container{ padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 900px){
  .elevate-service .grid-2{ grid-template-columns:1fr; }
  .elevate-service .grid-3{ grid-template-columns:1fr; }
  .elevate-service .grid-4{ grid-template-columns:1fr 1fr; }
  .elevate-service .btn{ width:100%; }
}