.hero-grid{

display:grid;

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

gap:80px;

align-items:center;

}

.hero-badge{

display:inline-flex;

padding:10px 20px;

border-radius:100px;

background:rgba(255,255,255,.08);

margin-bottom:25px;

}

.hero-section h1{

font-size:clamp(50px,8vw,90px);

line-height:1.1;

margin-bottom:20px;

}


.services-grid{

display:grid;

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

gap:30px;

}

h2{

font-size:clamp(36px,5vw,60px);

margin-bottom:50px;

}