.ai-page{

padding:120px 0 80px;

}



.ai-hero{

max-width:900px;

margin-bottom:100px;

}



.ai-hero h1{

font-size:54px;

line-height:1.2;

margin:25px 0;

color:#2F2F2F;

}



.ai-hero p{

font-size:20px;

line-height:1.8;

color:#666;

margin-bottom:40px;

}



.ai-story{

max-width:850px;

margin-bottom:100px;

}



.ai-story h2,
.ai-services h2,
.ai-directions h2{

font-size:38px;

margin-bottom:30px;

}



.ai-story p{

font-size:18px;

line-height:1.9;

color:#555;

}



.ai-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:50px;

}



.ai-card{

background:#F8F6F3;

padding:40px;

border-radius:25px;

}



.ai-icon{

font-size:42px;

margin-bottom:20px;

}



.ai-card h3{

margin-bottom:15px;

}



.ai-card p{

color:#666;

line-height:1.8;

}



.ai-directions{

margin:100px 0;

background:#F8F6F3;

padding:50px;

border-radius:30px;

}



.ai-directions li{

font-size:20px;

margin-bottom:18px;

color:#555;

}



.ai-cta{

text-align:center;

padding:60px;

background:#fff;

border-radius:30px;

box-shadow:0 10px 40px rgba(0,0,0,.05);

}
@media(max-width:992px){


.ai-grid{

grid-template-columns:1fr;

}


.ai-hero h1{

font-size:38px;

}


.ai-directions{

padding:30px;

}


}