/* Service Pages */
.service-hero { padding: 140px 0 60px; background: linear-gradient(135deg, #faf7f2 0%, #fff5e6 50%, #faf7f2 100%); }
.back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--text-muted); font-size: 0.9rem; margin-bottom: 32px; transition: color 0.2s; }
.back-link:hover { color: var(--accent); }
.service-hero__icon { width: 72px; height: 72px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--accent), #fb923c); color: #fff; font-size: 1.8rem; margin-bottom: 24px; }
.service-hero h1 { font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 900; margin-bottom: 16px; color: var(--text); }
.service-hero__desc { color: var(--text-muted); font-size: 1.1rem; max-width: 600px; line-height: 1.7; }

.service-details { padding: 60px 0 100px; }
.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-bottom: 64px; }
.detail-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 32px; transition: all 0.3s; }
.detail-card:hover { border-color: var(--accent); transform: translateY(-4px); }
.detail-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; color: var(--text); }
.detail-card h3 i { color: var(--accent); font-size: 1rem; }
.detail-card p { color: var(--text-muted); font-size: 0.9rem; line-height: 1.7; }

.service-cta { text-align: center; padding: 64px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }
.service-cta h2 { font-size: 2rem; margin-bottom: 12px; color: var(--text); }
.service-cta p { color: var(--text-muted); margin-bottom: 24px; }

@media (max-width: 768px) {
    .service-grid { grid-template-columns: 1fr; }
    .service-cta { padding: 40px 24px; }
}