/* Core services: asymmetric editorial portfolio instead of repeated card blocks. */
.services-page .services-center {
  padding: clamp(96px, 9vw, 144px) 5vw clamp(104px, 10vw, 158px) !important;
  background:
    radial-gradient(circle at 92% 14%, rgb(41 155 219 / 10%), transparent 20%),
    linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
}

.services-page .services-center::before { display: none !important; }

.services-page .services-center-head {
  display: grid !important;
  width: min(1280px, 90vw) !important;
  grid-template-columns: minmax(360px, .8fr) minmax(420px, 1.2fr) !important;
  align-items: end !important;
  gap: clamp(56px, 10vw, 150px) !important;
  margin: 0 auto !important;
  text-align: left !important;
}

.services-center-kicker {
  grid-column: 1 / -1;
  margin-bottom: -28px;
  color: #2689bb;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
}

.services-page .services-center-head::before,
.services-page .services-center-head > span { display: none !important; }

.services-page .services-center-head h1 {
  margin: 0 !important;
  color: #183451 !important;
  font-size: clamp(42px, 4.2vw, 66px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}

.services-page .services-center-head p {
  max-width: 650px !important;
  margin: 0 !important;
  color: #698096 !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
  line-height: 1.9 !important;
}

.services-center-summary {
  display: grid;
  width: min(1280px, 90vw);
  grid-template-columns: minmax(340px, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: clamp(50px, 8vw, 110px);
  margin: clamp(58px, 6vw, 88px) auto 0;
  padding: 30px 0;
}

.services-center-summary-copy strong {
  display: block;
  color: #1c4565;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 900;
  line-height: 1.25;
}

.services-center-summary-copy p {
  max-width: 560px;
  margin: 14px 0 0;
  color: #74899c;
  font-size: 15px;
  line-height: 1.8;
}

.services-center-summary-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.services-center-summary-metrics article { min-width: 0; }
.services-center-summary-metrics strong {
  display: block;
  color: #1778d2;
  font-size: clamp(26px, 2.6vw, 40px);
  font-weight: 900;
  line-height: 1;
}
.services-center-summary-metrics span {
  display: block;
  margin-top: 11px;
  color: #7790a4;
  font-size: 12px;
  font-weight: 700;
}

.services-page .services-center-grid {
  display: grid !important;
  width: min(1280px, 90vw) !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 34px auto 0 !important;
}

.services-page .services-center-card {
  min-height: 330px !important;
  padding: 34px 36px 32px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform 280ms ease, background 280ms ease, box-shadow 280ms ease !important;
}

.services-page .services-center-card.service-card-1 {
  grid-column: span 7 !important;
  background: linear-gradient(135deg, #edf7ff, #f9fcff) !important;
}
.services-page .services-center-card.service-card-2 {
  grid-column: span 5 !important;
  background: linear-gradient(145deg, #f6fbff, #eef9fc) !important;
}
.services-page .services-center-card.service-card-3 {
  grid-column: span 5 !important;
  background: linear-gradient(145deg, #f3fbf8, #fbfefd) !important;
}
.services-page .services-center-card.service-card-4 {
  grid-column: span 7 !important;
  background: linear-gradient(135deg, #f4f7ff, #fbfcff) !important;
}

.services-page .services-center-card::before { display: none !important; }
.services-page .services-center-card::after {
  top: 24px !important;
  right: 28px !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  color: rgb(20 118 232 / 8%) !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 66px !important;
  line-height: 1 !important;
}

.services-card-kicker {
  display: block;
  margin-bottom: 24px;
  color: #388ab4;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

.services-page .services-center-card img {
  width: 96px !important;
  height: 96px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 16px 18px rgb(31 120 185 / 15%));
}

.services-page .services-center-card h2 {
  margin: 24px 0 14px !important;
  color: #173754 !important;
  font-size: clamp(23px, 2vw, 30px) !important;
  line-height: 1.25 !important;
}

.services-page .services-center-card h2::before { display: none !important; }
.services-page .services-center-card p {
  max-width: 620px !important;
  color: #697f93 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.85 !important;
}

.services-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
  margin-top: 22px;
}
.services-card-tags span {
  position: relative;
  padding-left: 11px;
  color: #32769b;
  font-size: 12px;
  font-weight: 800;
}
.services-card-tags span::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  background: #35a6cd;
  transform: translateY(-50%);
}

.services-card-scene {
  display: grid;
  gap: 5px;
  margin-top: 24px;
}
.services-card-scene small {
  color: #9aabba;
  font-size: 10px;
  font-weight: 800;
}
.services-card-scene b {
  color: #536f85;
  font-size: 12px;
  line-height: 1.6;
}

.services-page .services-center-card > strong {
  position: absolute !important;
  right: 32px !important;
  bottom: 30px !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1679cc !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
}

.services-page .services-center-card:hover {
  border: 0 !important;
  background-position: 100% 100% !important;
  box-shadow: 0 24px 46px rgb(30 91 137 / 12%) !important;
  transform: translateY(-6px) !important;
}

@media (max-width: 900px) {
  .services-page .services-center-head,
  .services-center-summary { grid-template-columns: 1fr !important; gap: 26px !important; }
  .services-center-kicker { margin-bottom: 0; }
  .services-page .services-center-card.service-card-1,
  .services-page .services-center-card.service-card-2,
  .services-page .services-center-card.service-card-3,
  .services-page .services-center-card.service-card-4 { grid-column: span 6 !important; }
}

@media (max-width: 620px) {
  .services-page .services-center { padding: 80px 5vw 90px !important; }
  .services-center-summary-metrics { gap: 14px; }
  .services-page .services-center-grid { grid-template-columns: 1fr !important; }
  .services-page .services-center-card.service-card-1,
  .services-page .services-center-card.service-card-2,
  .services-page .services-center-card.service-card-3,
  .services-page .services-center-card.service-card-4 { grid-column: 1 !important; }
  .services-page .services-center-card { min-height: 0 !important; padding: 28px 24px 72px !important; }
  .services-page .services-center-card > strong { right: 24px !important; bottom: 24px !important; }
}