body{
font-family: 'Montserrat', sans-serif;
margin:0;
color:#111;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
}

.logo{
height:60px;
}

nav a{
margin-left:25px;
text-decoration:none;
color:#111;
font-weight:500;
}

.hero{
padding:120px 20px;
text-align:center;
background:#f5f5f5;
}

.hero h1{
font-size:42px;
}

.buttons{
margin-top:30px;
}

.btn{
background:#ffc400;
color:#000;
padding:14px 24px;
text-decoration:none;
font-weight:600;
margin-right:10px;
border-radius:6px;
}

.btn-outline{
border:2px solid #111;
padding:12px 24px;
text-decoration:none;
border-radius:6px;
}

.section{
padding:80px 20px;
max-width:900px;
margin:auto;
}

.gray{
background:#f5f5f5;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
margin-top:30px;
}

.contact{
padding:100px 20px;
text-align:center;
background:#111;
color:white;
}

footer{
text-align:center;
padding:30px;
background:#000;
color:#fff;
}