*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f5f5f5;color:#111}
header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%}
.logo{font-size:48px;font-weight:800}
nav a{text-decoration:none;color:#111;margin-left:20px;font-weight:600}
.hero{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:40px 5%;align-items:center}
.left h1{font-size:clamp(70px,10vw,140px);line-height:.9}
.left p{margin:25px 0;font-size:22px;line-height:1.6}
.buttons{display:flex;gap:15px;flex-wrap:wrap}
.btn{background:#111;color:#fff;text-decoration:none;padding:16px 28px;border-radius:40px}
.secondary{background:#fff;color:#111;border:1px solid #ddd}
.right img{width:100%;border-radius:20px;display:block}
footer{border-top:1px solid #ddd;margin-top:40px;padding:30px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
@media(max-width:900px){
.hero{grid-template-columns:1fr}
nav{display:none}
.left{text-align:center}
.buttons{justify-content:center}
}