.blog-hero{

padding:120px 0 80px;

}


.blog-hero h1{

font-size:4rem;
line-height:1.1;
max-width:850px;
margin:20px 0;

}


.blog-hero p{

max-width:650px;
font-size:1.15rem;
color:var(--muted);

}



.section-header{

margin-bottom:50px;

}


.section-header h2{

font-size:2.2rem;

}




.insights{

padding:80px 0;

}



.insight-grid{

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

}



.insight-card{

border:1px solid var(--border);
border-radius:var(--radius);
padding:32px;
transition:.25s;

}


.insight-card:hover{

transform:translateY(-5px);
box-shadow:0 20px 40px rgba(0,0,0,.06);

}



.insight-card span{

color:var(--accent);
font-size:.85rem;
letter-spacing:2px;

}



.insight-card h3{

margin:20px 0;
font-size:1.25rem;
line-height:1.3;

}



.insight-card p{

color:var(--muted);
margin-bottom:25px;

}



.insight-card a,
.article a{

font-weight:600;

}




.articles{

padding:80px 0;

}



.article-list{

display:flex;
flex-direction:column;
gap:35px;

}



.article{

border-bottom:1px solid var(--border);
padding-bottom:35px;

}



.article-meta{

font-size:.85rem;
color:var(--accent);
margin-bottom:10px;

}



.article h3{

font-size:1.8rem;
margin-bottom:10px;

}



.article p{

max-width:700px;
color:var(--muted);

}




@media(max-width:1000px){


.insight-grid{

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

}


.blog-hero h1{

font-size:3rem;

}


}



@media(max-width:600px){


.insight-grid{

grid-template-columns:1fr;

}


.blog-hero h1{

font-size:2.4rem;

}

}