/* Services preview section specific styles */
.card-grid { margin-top: clamp(32px, 4vw, 48px); display: grid; gap: clamp(20px, 2.5vw, 28px); }
.card-grid--2 { grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
.card-grid--3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.card-grid--fixed2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 619px) { .card-grid--fixed2 { grid-template-columns: 1fr; } }

.service-card {
  background: var(--white); border: 1px solid var(--border); border-top: 3px solid var(--blue);
  padding: clamp(26px, 3vw, 38px); transition: box-shadow 200ms ease, transform 200ms ease;
}
.service-card:hover { box-shadow: 0 18px 40px -22px rgba(11,32,51,0.30); transform: translateY(-3px); }
.service-card--green { border-top-color: var(--green); }
.service-card__head { display: flex; align-items: center; gap: 14px; }
.service-card__num {
  width: 42px; height: 42px; background: var(--blue-tint); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono); font-size: 14px; font-weight: 500;
}
.service-card--green .service-card__num { background: var(--green-tint); color: var(--green); }
.service-card h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; color: var(--navy); }
.service-card__desc { margin-top: 16px; font-size: 15.5px; line-height: 1.6; color: var(--text-muted); }
.service-card__list { margin-top: 22px; display: grid; gap: 0; }
.service-card__list li { padding: 13px 0; border-top: 1px solid var(--border-light); font-size: 15.5px; color: var(--text-dark-body); }
.service-card__list li:last-child { border-bottom: 1px solid var(--border-light); }
.service-card__more { margin-top: 24px; display: inline-block; font-size: 15px; font-weight: 600; color: var(--blue); }