/* SERVICES.CSS - Infinity */
.services-hero { padding: 200px 0 100px; text-align: center; position: relative; }
.services-hero::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--highlight), transparent); }

.service-row { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-bottom: 120px; }
.service-row:nth-child(even) { direction: rtl; }
.service-row:nth-child(even) > * { direction: ltr; }

.service-text h2 { margin-bottom: 20px; color: var(--highlight); }
.service-text p { font-size: 1.1rem; line-height: 1.8; margin-bottom: 20px; }

.service-image { position: relative; border-radius: 24px; overflow: hidden; }
.service-image::after { content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 50px rgba(3,7,18,0.8); }
.service-image img { width: 100%; display: block; filter: contrast(1.1) brightness(0.9); }

.service-features { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.feature { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; }
.feature::before { content: '✦'; color: var(--accent); }

@media (max-width: 1024px) {
  .service-row { grid-template-columns: 1fr; gap: 40px; margin-bottom: 80px; }
  .service-row:nth-child(even) { direction: ltr; }
}