body{

margin:0;

font-family:'Inter',sans-serif;

background:#F8F6F2;

color:#111;

}

.hero{

height:100vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

padding:40px;

}

.hero h1{

font-family:'Space Grotesk',sans-serif;

font-size:80px;

font-weight:700;

margin:0;

}

.hero h2{

font-size:40px;

font-weight:300;

line-height:1.2;

}

.hero p{

max-width:650px;

color:#666;

font-size:20px;

}

a{

padding:15px 40px;

border:1px solid #111;

text-decoration:none;

color:#111;

margin-top:30px;

transition:.3s;

}

a:hover{

background:#111;

color:white;

}

section{

padding:120px 12%;

}

.cards{

display:grid;

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

gap:40px;

}

img{

width:100%;

border-radius:18px;

}

footer{

padding:80px;

text-align:center;

color:#666;

}