@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Helvetica+Neue&display=swap');

body { margin:0; font-family:'Helvetica Neue',sans-serif; background:#fff; color:#000; }
header { position:fixed; top:0; width:100%; background:#000; padding:15px 0; z-index:1000; }
.nav-container { max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 20px; }
.logo img { width:100px; }
nav a { margin:0 10px; color:#C6A664; text-decoration:none; font-weight:bold; }
nav a.button { background:#C6A664; color:#fff; padding:10px 20px; border-radius:6px; }
nav a.button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

.hero {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url('../assets/business_kebosi.jpg') center/cover no-repeat;
    padding:200px 20px 100px;
    color:#fff;
    text-align:center;
}
.hero-content h1 { font-family:'Playfair Display',serif; font-size:48px; margin-bottom:20px; }
.button { background:#C6A664; color:#fff; padding:15px 30px; border-radius:8px; text-decoration:none; display:inline-block; margin-top:20px; }
.button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

.section { padding:100px 20px; text-align:center; }
.white-bg { background:#fff; }
.grey-bg { background:#F2F2F2; }
h2 { font-family:'Playfair Display',serif; font-size:36px; margin-bottom:20px; }
.cards { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin-top:40px; }
.card { background:#fff; border:1px solid #C6A664; padding:30px; border-radius:8px; width:250px; transition:transform .3s; }
.card:hover { transform:scale(1.05); }
.contact-form { max-width:600px; margin:auto; display:flex; flex-direction:column; gap:15px; }
.contact-form input, .contact-form textarea { padding:15px; border:1px solid #ccc; border-radius:8px; }
.contact-form button { background:#C6A664; color:#fff; border:none; padding:15px; border-radius:8px; font-weight:bold; cursor:pointer; }
.contact-form button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

footer { background:#1A1A1A; color:#fff; padding:40px 20px; font-size:14px; text-align:center; }
.footer-container { max-width:1200px; margin:auto; }
.button-footer { background:#C6A664; color:#fff; padding:10px 20px; border-radius:6px; text-decoration:none; margin-bottom:20px; display:inline-block; }
.button-footer:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

@media (max-width:768px) {
    .cards { flex-direction:column; align-items:center; }
    .nav-container { flex-direction:column; }
}