.graphic-hero{

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

}



.graphic-hero h1{

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

}



.graphic-hero p{

max-width:850px;
margin:30px auto;

font-size:18px;
line-height:1.8;

color:#666;

}




.graphic-services{

padding:100px 0;

}



.graphic-service-grid{

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

}



.graphic-service-card{

padding:45px;

border-radius:25px;

background:#fff;

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

}



.graphic-service-card h3{

font-size:28px;

margin-bottom:20px;

}



.graphic-service-card p{

color:#666;

line-height:1.8;

}




@media(max-width:900px){


.graphic-hero h1{

font-size:40px;

}



.graphic-service-grid{

grid-template-columns:1fr;

}


}

/* WHY */


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

padding:100px 0;

}



.graphic-why-grid{

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

}



.graphic-why-card{

padding:40px;

background:#050505;

color:white;

border-radius:25px;

}



.graphic-why-card h3{

color:#b6ff00;

font-size:26px;

margin-bottom:20px;

}



.graphic-why-card p{

color:#aaa;

line-height:1.7;

}





/* PROCESS */


.graphic-process{

background:#fafafa;

}



.graphic-process-grid{

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

margin-bottom:50px;

}



.graphic-process-card{

background:white;

padding:35px;

border-radius:20px;

}



.graphic-process-card span{

display:flex;

width:60px;

height:60px;

background:#b6ff00;

border-radius:50%;

align-items:center;

justify-content:center;

font-weight:800;

}



.graphic-process-card h3{

margin:20px 0;

}



.graphic-process-card p{

color:#666;

line-height:1.7;

}





/* INDUSTRIES */


.graphic-industry-grid{

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

}



.graphic-industry-grid div{

padding:35px;

border-radius:20px;

background:#fff;

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

}



.graphic-industry-grid p{

color:#666;

line-height:1.7;

}





@media(max-width:900px){


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

grid-template-columns:1fr;

}


}

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


.graphic-final-cta{

background:#050505;

padding:120px 0;

color:white;

text-align:center;

position:relative;

overflow:hidden;

}



.graphic-final-cta:before{

content:"";

position:absolute;

width:500px;

height:500px;

background:#b6ff00;

opacity:.12;

filter:blur(150px);

top:-200px;

left:50%;

transform:translateX(-50%);

}



.graphic-cta-content{

position:relative;

z-index:2;

max-width:900px;

margin:auto;

}



.graphic-cta-content h2{

font-size:65px;

font-weight:900;

line-height:1.1;

}



.graphic-cta-content h2 span{

background:#b6ff00;

color:#111;

padding:5px 15px;

}



.graphic-cta-content p{

max-width:700px;

margin:30px auto;

font-size:18px;

line-height:1.8;

color:#ccc;

}



@media(max-width:900px){


.graphic-cta-content h2{

font-size:40px;

}


}