body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8}
.top-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff}
.header-left{display:flex;align-items:center;gap:14px}
.top-logo{height:52px}
.brand-text{font-size:20px;font-weight:bold;color:#000}
.menu a{margin:0 14px;text-decoration:none;color:#000}
.btn-cta{background:#0a8a0a;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}

.hero-slider{height:80vh;background-size:cover;background-position:center;animation:heroSlide 10s infinite}
@keyframes heroSlide{
  0%{background-image:url("images/business-network.jpg")}
  50%{background-image:url("images/hero-network.jpg")}
  100%{background-image:url("images/business-network.jpg")}
}
.hero-overlay{background:rgba(0,0,0,.55);height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px;color:#fff}
.hero-overlay h1{font-size:40px;max-width:900px;margin:0}
.hero-overlay p{font-size:18px;margin-top:10px}

.section{padding:48px}
.section.grey{background:#eef2f6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border-radius:8px;overflow:hidden}
.card img{width:100%;height:170px;object-fit:cover}
.uc{max-width:360px}

form input,form textarea,form button{width:100%;padding:10px;margin-top:10px}
form button{background:#0b5fa5;color:#fff;border:none;border-radius:4px}

footer{text-align:center;padding:18px;background:#fff}

.whatsapp-float{
  position:fixed;bottom:18px;right:18px;background:#25d366;color:#fff;
  padding:12px 18px;border-radius:50px;text-decoration:none;font-weight:bold;
  box-shadow:0 4px 10px rgba(0,0,0,.25);z-index:9999
}