/* Services Page */
.service-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12);
    align-items: center; padding: var(--space-12) 0;
    border-bottom: 1px solid var(--gray-100);
}
.service-row:last-child { border-bottom: none; }
.service-row.reverse .service-info { order: 2; }
.service-row.reverse .service-visual { order: 1; }

.service-info h2 { margin: var(--space-4) 0 var(--space-3); }
.service-info p { color: var(--gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--space-4); }

.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
.feature-list li {
    font-size: var(--text-sm); color: var(--gray-700); padding: var(--space-2) 0;
    font-weight: 500;
}

.service-card-visual {
    background: var(--gradient-card); border-radius: var(--radius-2xl);
    height: 300px; display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--gray-100); transition: transform var(--transition-slow);
}
.service-row:hover .service-card-visual { transform: scale(1.03); }

/* Service Single */
.service-single-header { max-width: 800px; }
.service-single-header h1 { margin-bottom: var(--space-4); }
.service-content { max-width: 800px; }
.service-content h2 { margin: var(--space-10) 0 var(--space-4); font-size: var(--text-2xl); }
.service-content h3 { margin: var(--space-8) 0 var(--space-3); font-size: var(--text-xl); }
.service-content p { margin-bottom: var(--space-4); line-height: var(--leading-relaxed); }
.service-content ul { padding-left: var(--space-6); margin-bottom: var(--space-4); }
.service-content li { margin-bottom: var(--space-2); color: var(--gray-600); }

.process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-6); margin: var(--space-8) 0; }
.process-item {
    text-align: center; padding: var(--space-6);
    background: var(--gray-50); border-radius: var(--radius-xl);
}
.process-item .step-num {
    width: 40px; height: 40px; border-radius: var(--radius-full);
    background: var(--gradient-primary); color: #fff; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto var(--space-3); font-family: var(--font-heading);
}

.pricing-table {
    width: 100%; border-collapse: collapse; margin: var(--space-6) 0;
    border-radius: var(--radius-lg); overflow: hidden;
}
.pricing-table th { background: var(--gray-900); color: #fff; padding: var(--space-4); text-align: left; }
.pricing-table td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--gray-100); }
.pricing-table tr:hover td { background: var(--gray-50); }

.faq-item { border-bottom: 1px solid var(--gray-100); padding: var(--space-4) 0; }
.faq-question {
    display: flex; justify-content: space-between; align-items: center;
    cursor: pointer; font-weight: 600; color: var(--gray-800);
}
.faq-answer { padding-top: var(--space-3); color: var(--gray-600); display: none; }
.faq-item.open .faq-answer { display: block; }

@media (max-width: 768px) {
    .service-row { grid-template-columns: 1fr; }
    .service-row.reverse .service-info, .service-row.reverse .service-visual { order: unset; }
    .feature-list { grid-template-columns: 1fr; }
    .service-card-visual { height: 200px; }
}