:root{--nav:#343434;--accent:#183a60;--accent-dark:#0b2540}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#222,}
.container{max-width:12000px;margin:0 auto;padding:0 18px}
.topbar{background:#fff;border-bottom:6px solid var(--nav);}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.topbar .logo{margin-left:18px;padding-left:0}

/* Contact phone styling */
.topbar .contact{
  color:#061942;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  font-size:1.05rem;
  transition:color .15s ease, transform .15s ease;
  margin-right:22px;
}
.topbar .contact .icon{
  width:22px;
  height:22px;
  color:inherit;
  flex:0 0 22px;
  transition:transform .15s ease;
}
.topbar .contact a{
  color:inherit;
  text-decoration:none;
  transition:font-weight .15s ease;
}
.topbar .contact:hover{
  color:#061942;
}
.topbar .contact:hover .icon{
  transform:scale(1.08);
}
.topbar .contact:hover a{
  font-weight:800;
}

.navwrap{background:var(--nav);}
.navwrap .nav{display:flex;align-items:center}
.navwrap ul{display:flex;gap:18px;list-style:none;margin:0;padding:12px 0}
.navwrap a{color:#fff;text-decoration:none;font-weight:600}
.hero{position:relative;height:72vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease-in-out}
.slide.active{opacity:1}
.overlay{position:absolute;top:66%;left:50%;transform:translateX(-50%);z-index:2;color:#fff;text-align:center;padding:24px;max-width:900px}
.overlay h1{font-size:2rem;margin:0 0 12px;line-height:1.05;text-shadow:0 4px 20px rgba(0,0,0,.45)}
.overlay .cta{background:var(--accent);color:#fff;padding:28px 56px;border-radius:60px;text-decoration:none;display:inline-block;margin-top:-30px;min-width:440px;font-size:2.1rem}
.dots{display:none}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.dot.active{background:#fff}
.whatsapp{position:fixed;left:18px;bottom:18px;background:#25d366;color:#fff;padding:14px;border-radius:50%;z-index:999;text-decoration:none;display:flex;align-items:center;justify-content:center}
.main{padding:36px 18px}
.markets h2{margin-top:0}
.icons{display:flex;gap:18px;margin-top:12px;}
.icons img{width:80px;height:80px;object-fit:contain}
.certs{background:#f7f7f7;padding:22px;margin-top:24px}
.cert-list{display:flex;gap:12px;align-items:center}
.cert-list img{height:64px}
.footer{background:#222;color:#fff;padding:18px 0;margin-top:0px;text-align:center}

/* Responsive */
@media(min-width:768px){
  .overlay h1{font-size:2.6rem}
  .topbar .container{padding:10px}
}
@media(max-width:600px){
  .overlay h1{font-size:1.4rem}
  .navwrap ul{overflow:auto;gap:12px;padding:8px}
}