.services-detail { padding: 60px 5%; text-align: center; background: #fff; }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 40px; }

.service-card { 
    background: #f9f9f9; 
    padding: 30px; 
    border-radius: 12px; 
    border: 1px solid #eee; 
    text-align: left; 
    transition: 0.3s;
}

.service-card.highlight { border: 2px solid var(--primary); background: #f0f7ff; }
.service-card h3 { color: var(--primary); margin-bottom: 15px; }
.service-card ul { padding-left: 20px; margin-bottom: 15px; }
.service-card ul li { margin-bottom: 8px; font-size: 0.95rem; }
.service-card .icon { font-size: 2.5rem; margin-bottom: 10px; }

.service-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }