/* ==========================
   SERVICES PAGE
========================== */


.services-hero{

background:#0B132B;

background-image:
linear-gradient(
rgba(214,216,220,.045) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(214,216,220,.045) 1px,
transparent 1px
);

background-size:72px 72px;

}



.services-container{

max-width:1200px;
margin:0 auto;
padding:72px 32px;

}



.services-kicker{

font-family:'Space Mono',monospace;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
color:#86A9D6;

}



.services-title{

font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:48px;
line-height:1.05;
letter-spacing:-1.2px;
color:#fff;
margin:12px 0 0;

}



.services-description{

font-size:18px;
line-height:1.6;
color:#C7CBD2;
max-width:560px;
margin-top:14px;

}





.services-section{

padding:40px 0 40px;

}



.services-grid{

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(300px,1fr));
gap:24px;

}





.service-card{

background:#fff;
border:1px solid #D6D8DC;
border-radius:18px;
overflow:hidden;
box-shadow:
0 6px 30px rgba(11,19,43,.05);

display:flex;
flex-direction:column;

}





.service-image{

height:170px;
position:relative;
background:#0B132B;
overflow:hidden;

}



.service-img{

width:100%;
height:100%;
object-fit:cover;

}



.service-overlay{

position:absolute;
inset:0;

background:
linear-gradient(
to top,
rgba(11,19,43,.75),
rgba(11,19,43,.1)
);

}





.service-code{

position:absolute;
bottom:14px;
left:16px;

font-family:'Space Mono',monospace;
font-size:12px;
font-weight:700;

color:white;

background:
rgba(11,19,43,.55);

padding:5px 10px;
border-radius:7px;

}



.service-price{

position:absolute;
top:14px;
right:14px;

font-family:'Space Mono',monospace;
font-size:12px;
font-weight:700;

color:#0B132B;

background:#EAF1F8;

padding:6px 11px;

border-radius:8px;

}





.service-content{

padding:26px;
display:flex;
flex-direction:column;
flex:1;

}



.service-content h3{

font-family:'Space Grotesk',sans-serif;
font-size:21px;
font-weight:600;
color:#0B132B;
margin:0;

}



.service-content p{

font-size:15px;
line-height:1.6;
color:#6B7280;
margin:10px 0 20px;

flex:1;

}



.service-link{

text-decoration:none;

font-size:14px;
font-weight:600;

color:#3F6FA8;

}





.services-cta{

padding:0 0 96px;

}



.services-cta-box{

background:#EFEFEC;

border:1px solid #D6D8DC;

border-radius:18px;

padding:32px;

display:flex;

justify-content:space-between;

align-items:center;

gap:24px;

flex-wrap:wrap;

}



.services-cta-box h3{

font-family:'Space Grotesk',sans-serif;
font-size:24px;
color:#0B132B;
margin:0;

}



.services-cta-box p{

color:#4B5563;

}



.services-cta-box a{

text-decoration:none;

background:#0B132B;

color:white;

padding:15px 28px;

border-radius:11px;

font-weight:600;

}



.no-services{

color:#6B7280;

}