.page-header {
  padding: 128px 0 80px; text-align: center; background: var(--bg);
}
.page-header__h1 {
  font-size: clamp(32px, 4vw, 52px); font-weight: 700;
  line-height: 1.1; color: var(--text-primary);
  letter-spacing: -0.03em; margin-bottom: 16px;
}
.page-header__sub {
  font-size: 18px; color: var(--text-muted);
  max-width: 460px; margin: 0 auto;
}

.services-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 20px; margin-bottom: 112px;
}
.service-card { padding: 28px; border-radius: var(--radius-xl); }
.service-card__name {
  font-size: 16px; font-weight: 600; color: var(--text-primary); margin: 20px 0 8px;
}
.service-card__desc { font-size: 14px; color: var(--text-muted); line-height: 1.7; }

.services-cta {
  padding: 64px; text-align: center;
  background: var(--bg-muted); border: 1px solid var(--border);
  border-radius: 24px;
}
.services-cta__h2 {
  font-size: clamp(26px, 3vw, 36px); font-weight: 700;
  line-height: 1.2; color: var(--text-primary);
  letter-spacing: -0.02em; margin-bottom: 16px;
}
.services-cta__p {
  font-size: 16px; color: var(--text-muted); line-height: 1.7;
  max-width: 500px; margin: 0 auto 32px;
}

@media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .services-grid { grid-template-columns: 1fr; } .services-cta { padding: 40px 24px; } }