.page--services{display:block;}

.services-box{
  width:100%;
  background:#fff;
  border:1px solid rgba(15, 23, 42, 0.12);
  box-shadow:var(--shadow, 0 10px 30px rgba(0,0,0,0.08));
  padding:24px;
}

.services-title{margin:0;font-size:28px;line-height:1.1;}
.services-subtitle{margin:10px 0 0;opacity:0.85;max-width:85ch;}

.services-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.services-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid rgba(15,23,42,0.18);
  background:#111827;
  color:#fff;
  font-weight:800;
  letter-spacing:0.3px;
  text-decoration:none;
}
.services-btn:hover{filter:brightness(1.08);}

.services-tabs{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.svc-tab{
  border:1px solid rgba(15,23,42,0.18);
  background:#fff;
  padding:10px 12px;
  cursor:pointer;
  font-weight:800;
  letter-spacing:0.2px;
}

.svc-tab:hover{background:#f3f4f6;}
.svc-tab.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

.services-panels{
  margin-top:14px;
  border-top:1px solid rgba(15,23,42,0.10);
  padding-top:14px;
}

.svc-panel[hidden]{display:none;}

.svc-panel h2{
  margin:0 0 10px;
  font-size:18px;
}

.svc-panel p{
  margin:0;
  margin-top:10px;
  line-height:1.55;
  opacity:0.92;
  max-width:95ch;
}

@media (max-width: 640px){
  .services-box{padding:18px;}
  .svc-tab{width:100%;text-align:left;}
}