.services-page .services-header { width: 100%; margin-top: 8em; padding: 2em; display: flex; justify-content: space-between; }
.services-page .services-header h1 { font-size: 12vw; line-height: 0.85; }
.services-grid { padding: 4em 2em; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5em; }
.service-card { padding: 2.5em; border: 1px dashed var(--fg); border-radius: 1em; display: flex; flex-direction: column; gap: 1.5em; transition: border-color 0.3s, transform 0.3s; }
.service-card:hover { border-color: var(--primary); transform: translateY(-4px); }
.service-card-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--fg); border-radius: 0.75em; color: var(--primary); }
.service-card h3 { font-size: 1.5rem; line-height: 1.8rem; }
.service-card p { opacity: 0.7; }

@media (max-width: 1000px) {
  .services-page .services-header { padding: 1.25em; flex-direction: column; }
  .services-grid { padding: 2em 1.25em; grid-template-columns: 1fr; }
}