.app-hero{

padding:180px 0 100px;
text-align:center;

}



.app-hero h1{

font-size:65px;
font-weight:900;
line-height:1.1;
max-width:1000px;
margin:auto;

}



.app-hero p{

max-width:850px;
margin:25px auto;
font-size:18px;
line-height:1.8;
color:#666;

}



.app-services,
.app-success{

padding:100px 0;

}



.app-service-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;

}



.app-service-card,
.app-success-grid div{

padding:40px;
background:#fff;
border-radius:25px;

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

}



.app-service-card h3,
.app-success-grid h3{

font-size:28px;
margin-bottom:20px;

}



.app-service-card p,
.app-success-grid p{

color:#666;
line-height:1.8;

}



.app-success-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}

/* WHY */


.app-why-us,
.app-process,
.app-industries,
.app-faq{

padding:100px 0;

}



.app-why-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;

}



.app-why-card{

padding:40px;

background:#050505;

color:white;

border-radius:25px;

}



.app-why-card h3{

color:#b6ff00;

font-size:26px;

margin-bottom:20px;

}



.app-why-card p{

color:#aaa;

line-height:1.7;

}





/* PROCESS */


.app-process{

background:#fafafa;

}



.app-process-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

margin-bottom:50px;

}



.app-process-card{

background:white;

padding:35px;

border-radius:20px;

}



.app-process-card span{

width:60px;
height:60px;

background:#b6ff00;

border-radius:50%;

display:flex;

align-items:center;
justify-content:center;

font-weight:800;

}



.app-process-card h3{

margin:20px 0;

}



.app-process-card p{

color:#666;

line-height:1.7;

}





/* INDUSTRIES */


.app-industry-grid{

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

gap:25px;

}



.app-industry-grid div{

padding:35px;

background:#fff;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.app-industry-grid p{

color:#666;

line-height:1.7;

}


/* ==================================
   FINAL CTA
================================== */


.app-final-cta{

background:#050505;

padding:120px 0;

color:white;

text-align:center;

position:relative;

overflow:hidden;

}



.app-final-cta:before{

content:"";

position:absolute;

width:500px;

height:500px;

background:#b6ff00;

opacity:.12;

filter:blur(150px);

top:-200px;

left:50%;

transform:translateX(-50%);

}



.app-cta-content{

position:relative;

z-index:2;

max-width:950px;

margin:auto;

}



.app-cta-content h2{

font-size:65px;

font-weight:900;

line-height:1.1;

}



.app-cta-content h2 span{

background:#b6ff00;

color:#111;

padding:5px 15px;

}



.app-cta-content p{

max-width:700px;

margin:30px auto;

font-size:18px;

line-height:1.8;

color:#ccc;

}


@media(max-width:900px){


.app-why-grid,
.app-process-grid,
.app-industry-grid{

grid-template-columns:1fr;

}

.app-hero h1{

font-size:40px;

}


.app-service-grid,
.app-success-grid{

grid-template-columns:1fr;

}

.app-cta-content h2{

font-size:40px;

}

}