*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif;line-height:1.6;color:#222}
nav{position:sticky;top:0;background:#071d35;padding:12px 5%;display:flex;justify-content:space-between;align-items:center;z-index:99}
nav img{height:60px}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{background:url('images/banner.png') center/cover;height:90vh;display:flex;align-items:center;justify-content:center}
.overlay{background:rgba(0,0,0,.65);padding:40px;border-radius:15px;color:white;text-align:center;max-width:900px}
h1{font-size:3rem}
.btn{display:inline-block;margin-top:20px;background:#11b5ff;color:white;padding:15px 28px;border-radius:8px;text-decoration:none}
.sobre{display:flex;gap:40px;align-items:center;padding:80px 10%;flex-wrap:wrap}
.sobre img{width:320px;border-radius:15px}
#servicos{padding:80px 10%;background:#f5f7fa}
#servicos h2,.certs h2,.cta h2{text-align:center;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:white;padding:25px;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.banner img{width:100%}
.certs{padding:70px 10%;text-align:center}
.cta{background:#071d35;color:white;text-align:center;padding:80px 10%}
footer{background:#03101d;color:white;text-align:center;padding:30px}
@media(max-width:768px){h1{font-size:2rem}}