/* Preserved original styles: services */
.service-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px
}

.service-card {
  position:relative;
  min-height:300px;
  padding:34px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  transition:.25s
}

.service-card:hover {
  transform:translateY(-6px);
  box-shadow:var(--shadow)
}

.service-card.feature {
  background:linear-gradient(145deg,#0a1b26,#0e2a39);
  color:#fff;
  border-color:transparent
}

.service-no {
  position:absolute;
  top:28px;
  right:28px;
  font-size:12px;
  color:#8da0aa;
  font-weight:800
}

.service-icon {
  width:52px;
  height:52px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#edf7fc;
  color:var(--blue);
  font-size:25px;
  margin-bottom:34px
}

.service-card.feature .service-icon {
  background:rgba(120,207,21,.12);
  color:var(--green)
}

.service-card h3 {
  font-size:24px;
  margin-bottom:13px
}

.service-card p {
  color:var(--muted);
  max-width:520px
}

.service-card.feature p {
  color:#a9bbc4
}

.service-card a {
  display:inline-flex;
  gap:10px;
  margin-top:22px;
  font-weight:800;
  color:var(--green)
}

@media(max-width:980px) {
.service-grid {
  grid-template-columns:1fr
}
}

@media(max-width:640px) {
.service-grid {
  grid-template-columns:1fr
}
}

@media(max-width:640px) {
.service-card {
  min-height:auto
}
}

.card-link {
  display:inline-block;
  margin-top:22px;
  font-size:13px;
  font-weight:800;
  color:var(--green)
}

a.service-card {
  display:block;
  color:inherit
}

.service-card {
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}

.service-card:hover {
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(5,23,35,.1);
  border-color:#c9dce5
}

@media(prefers-reduced-motion:reduce) {
.service-card {
  transition:none
}
}