.services{
padding:110px 20px;
background:var(--color-bg-main);
}

.services-container{
max-width:1200px;
margin:auto;
}

.services-header{
text-align:center;
margin-bottom:80px;
}

.services-header h2{
font-size:36px;
margin-bottom:15px;
color:var(--color-text-main);
}

.services-header p{
color:var(--color-text-muted);
max-width:620px;
margin:auto;
font-size:16px;
line-height:1.6;
}

/* GRID */

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

/* CARD */

.service-card{
background:var(--color-bg-main);
border:1px solid var(--color-border);
border-radius:14px;
padding:30px;
transition:0.35s ease;
cursor:pointer;
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
}

/* ICON */

.service-icon{
font-size:28px;
margin-bottom:16px;
}

/* TITLE */

.service-card h3{
margin-bottom:10px;
color:var(--color-text-main);
font-size:20px;
}

/* SUMMARY */

.service-summary{
color:var(--color-text-muted);
margin-bottom:15px;
line-height:1.5;
}

/* FEATURE LIST */

.service-features{
list-style:none;
padding:0;
margin:0;
opacity:0;
max-height:0;
transition:0.35s ease;
color:var(--color-text-muted);
font-size:14px;
}

.service-features li{
margin-bottom:8px;
padding-left:18px;
position:relative;
}

/* small bullet */

.service-features li::before{
content:"•";
position:absolute;
left:0;
color:var(--color-primary);
}

/* HOVER INTERACTION */

.service-card:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-medium);
}

.service-card:hover .service-features{
opacity:1;
max-height:200px;
margin-top:10px;
}

/* AI SERVICES HIGHLIGHT */

.service-card.ai{
border:1px solid var(--color-accent);
background:linear-gradient(
180deg,
var(--color-bg-main),
rgba(79,70,229,0.03)
);
}

/* subtle glow */

.service-card.ai:hover{
box-shadow:0 15px 35px rgba(79,70,229,0.15);
}

/* RESPONSIVE */

@media (max-width:1000px){

.services-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:700px){

.services-grid{
grid-template-columns:1fr;
}

.services-header h2{
font-size:30px;
}

}