body{margin:0;font-family:Arial,sans-serif;background:#0a0f1f;color:#fff}
.hero{min-height:100vh;background:url('banner.png') center/cover no-repeat}
.overlay{background:rgba(0,0,0,.65);min-height:100vh}
.topbar{display:flex;gap:20px;flex-wrap:wrap;padding:20px;justify-content:center}
.content{padding:10% 8%;max-width:700px}
h1{font-size:4rem;color:#d4af37}
h2{font-size:2.5rem}
.btn{display:inline-block;background:#d4af37;color:#000;padding:12px 24px;text-decoration:none;border-radius:4px}
.products{padding:60px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:900px;margin:auto}
.grid div{border:1px solid #d4af37;padding:20px}
footer{text-align:center;padding:20px;background:#111}