body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#222;background:#faf9f6}
header{display:flex;justify-content:space-between;padding:40px 8%}
.logo{font-size:28px;letter-spacing:5px}.logo span{font-size:14px;letter-spacing:8px}
nav a{margin-left:30px;text-decoration:none;color:#222}
.hero{height:70vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%}
.hero h1{font-size:60px;font-weight:400}
.hero p{font-size:20px;max-width:600px}
.button{margin-top:30px;display:inline-block;padding:16px 35px;background:#222;color:white;text-decoration:none;width:max-content}
section{padding:80px 10%}
h2{font-size:40px;font-weight:400}
.cards{display:flex;gap:40px}
.cards div{background:white;padding:40px;flex:1}
footer{padding:40px;text-align:center}