*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f7f5ef}
.hero{min-height:80vh;padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:linear-gradient(120deg,#080808,#292929);color:white}
.hero img{width:100%;max-width:520px;border-radius:30px;object-fit:cover}
.tag{color:#d4af37;text-transform:uppercase;letter-spacing:4px;font-weight:bold}
h1{font-size:clamp(38px,5vw,65px);line-height:1.1}
h2{font-size:clamp(28px,4vw,42px)}
p{font-size:19px;line-height:1.6}
.btn{display:inline-block;background:#d4af37;color:white;padding:16px 35px;border-radius:50px;text-decoration:none;font-weight:bold}
.section{padding:80px 8%}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.card{background:white;padding:35px;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,.12);border-top:5px solid #d4af37}
.highlight{background:#111;color:white;text-align:center;padding:80px}
footer{background:#000;color:white;padding:30px;text-align:center}
@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.cards{grid-template-columns:1fr}}