.website-hero{

padding:180px 0 100px;
text-align:center;

}



.website-hero h1{

font-size:65px;
line-height:1.1;
font-weight:900;
max-width:1000px;
margin:auto;

}



.website-hero p{

max-width:850px;
margin:30px auto;
font-size:18px;
line-height:1.8;
color:#666;

}




.website-services{

padding:100px 0;

}



.website-service-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}



.website-service-card{

padding:40px 30px;

border-radius:25px;

background:#fff;

box-shadow:
0 10px 40px rgba(0,0,0,.08);

}



.website-service-card h3{

font-size:24px;
margin-bottom:20px;

}



.website-service-card p{

color:#666;
line-height:1.7;

}



@media(max-width:900px){


.website-hero h1{

font-size:40px;

}


.website-service-grid{

grid-template-columns:1fr;

}

}

/* WHY SECTION */


.website-why{

padding:100px 0;

}


.website-why-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}



.website-why-card{

padding:35px;
background:#050505;
color:#fff;
border-radius:20px;

}


.website-why-card h3{

color:#b6ff00;
font-size:24px;
margin-bottom:20px;

}


.website-why-card p{

color:#aaa;
line-height:1.7;

}





/* PROCESS */


.website-process{

padding:100px 0;
background:#fafafa;

}


.website-process-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-bottom:50px;

}



.website-process-card{

background:#fff;
padding:35px;
border-radius:20px;

}



.website-process-card span{

display:flex;

width:60px;
height:60px;

background:#b6ff00;

border-radius:50%;

align-items:center;
justify-content:center;

font-weight:800;

}



.website-process-card h3{

margin:25px 0 15px;

}



.website-process-card p{

color:#666;
line-height:1.7;

}





/* INDUSTRIES */


.website-industries{

padding:100px 0;

}



.website-industry-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}



.website-industry-grid div{

padding:35px;
border-radius:20px;
background:#fff;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}


.website-industry-grid p{

color:#666;
line-height:1.7;

}





@media(max-width:900px){

.website-why-grid,
.website-process-grid,
.website-industry-grid{

grid-template-columns:1fr;

}

}

/* =================================
   FINAL WEBSITE CTA
================================= */


.website-final-cta{

background:#050505;

padding:120px 0;

color:white;

text-align:center;

position:relative;

overflow:hidden;

}



.website-final-cta:before{

content:"";

position:absolute;

width:400px;

height:400px;

background:#b6ff00;

opacity:.15;

filter:blur(120px);

left:50%;

top:0;

transform:translateX(-50%);

}



.website-cta-content{

position:relative;

z-index:2;

max-width:950px;

margin:auto;

}



.website-cta-content h2{

font-size:65px;

line-height:1.1;

font-weight:900;

}



.website-cta-content h2 span{

background:#b6ff00;

color:#111;

padding:5px 15px;

}



.website-cta-content p{

max-width:650px;

margin:30px auto;

font-size:18px;

color:#ccc;

line-height:1.7;

}




@media(max-width:900px){


.website-cta-content h2{

font-size:40px;

}


}

