/**
 * ============================================================
 * Gizmeon — Service page CSS
 *
 * Loaded on all pages using the "Service Page" template.
 * Covers: capabilities grid, numbered cards, section layout.
 * ============================================================
 */

/* Capabilities section */
.gz-svc-capabilities{
  padding:80px 52px 100px;
  border-bottom:1px solid var(--bl);
}
.gz-svc-grid{
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--bl);
  border:1px solid var(--bl);border-radius:14px;
  overflow:hidden;
}
.gz-svc-card{
  background:var(--black);
  padding:40px 36px;
  transition:background 0.25s;
}
.gz-svc-card:hover{background:var(--black2)}

.gz-svc-card-num{
  font-family:var(--ff-d);font-size:36px;
  color:rgba(245,245,248,0.15);
  margin-bottom:18px;line-height:1;
}
.gz-svc-card-num .cy{color:var(--cyan)}
.gz-svc-card-num .pk{color:var(--pink)}

body.gizmeon-active .gz-svc-card-h,
body.gz-service-active .gz-svc-card-h{
  font-family:var(--ff-b) !important;
  font-size:20px !important;font-weight:600 !important;
  color:#F5F5F8 !important;
  margin:0 0 12px !important;letter-spacing:-0.01em !important;
}

.gz-svc-card-p{
  font-size:14px;font-weight:300;
  color:rgba(245,245,248,0.6);
  line-height:1.7;margin:0;
}

.gz-svc-card-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:500;
  color:var(--cyan);
  margin-top:18px;
  transition:gap 0.2s;
}
.gz-svc-card-link:hover{gap:10px}

/* Mobile */
@media (max-width:1080px){
  .gz-svc-capabilities{padding:64px 32px 80px}
}
@media (max-width:680px){
  .gz-svc-capabilities{padding:48px 22px 64px}
  .gz-svc-grid{grid-template-columns:1fr}
  .gz-svc-card{padding:32px 24px}
}