*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#fafafa;color:#222}
header{display:flex;justify-content:space-between;padding:25px 8%;background:white}
.logo{font-size:28px;font-weight:bold}
nav a{margin-left:25px;text-decoration:none;color:#555}
.hero{display:flex;align-items:center;justify-content:space-between;padding:70px 8%;gap:40px}
.content{max-width:600px}
h1{font-size:55px;margin-bottom:20px}
p{font-size:18px;color:#666;line-height:1.6}
button{padding:15px 35px;border:0;border-radius:30px;background:#111;color:white;font-size:18px}
.hero img{width:350px}
.cards{display:flex;gap:30px;padding:40px 8%}
.card{background:white;padding:30px;border-radius:20px;text-align:center;flex:1;box-shadow:0 10px 30px #ddd}
.card img{width:120px}
footer{text-align:center;padding:30px;color:#777}