
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#031126;color:#fff}
nav{position:sticky;top:0;background:#020c1b;display:flex;justify-content:space-between;align-items:center;padding:15px 5%;z-index:99}
.logo img{height:70px}
nav ul{display:flex;gap:25px;list-style:none}
nav a{text-decoration:none;color:white}
.whats,.btn-yellow{background:#f7c400;color:#000;padding:12px 20px;border-radius:8px;font-weight:bold}
.hero{min-height:90vh;background:linear-gradient(rgba(0,10,30,.8),rgba(0,10,30,.8)),url('assets/laboratorio.jpg');background-size:cover;background-position:center;display:flex;align-items:center;padding:0 8%}
.hero-content{max-width:700px}
.hero span{color:#f7c400;font-weight:bold}
.hero h1{font-size:64px;margin:20px 0}
.hero strong{color:#f7c400}
.buttons{display:flex;gap:15px;margin-top:20px}
.btn-dark{border:1px solid #fff;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none}
.stats,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stats{padding:40px 5%}
.stats div,.card{background:#071d3d;padding:25px;border-radius:15px}
section{padding:70px 5%}
h2{text-align:center;margin-bottom:30px;font-size:38px}
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sobre img{width:100%;border-radius:20px}
.contato{text-align:center}
.float{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;text-decoration:none;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}
footer{text-align:center;padding:40px;background:#020c1b}
footer img{height:80px}
@media(max-width:900px){
.hero h1{font-size:42px}
nav ul{display:none}
.sobre{grid-template-columns:1fr}
}
