/* Reset mínimo */
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif;color:#222}
body{line-height:1.5;background:#fafafa}

/* Topo */
.navbar{display:flex;justify-content:space-between;align-items:center;
        padding:1rem 5%;background:#fff;box-shadow:0 2px 6px #0001;position:sticky;top:0}
.logo{font-size:1.4rem;font-weight:700}
.logo span{color:#3b82f6}
.navbar nav a{margin-left:1.5rem;text-decoration:none;font-size:.9rem;font-weight:500}
#btn-mobile{display:none;font-size:1.5rem;background:none;border:none}

/* Hero */
.hero{height:75vh;background:url('hero.jpg') center/cover fixed;display:flex;align-items:center}
.hero-inner{margin-left:8%;max-width:500px;background:#ffffffcc;padding:2rem;border-radius:6px}
.hero h1{font-size:2.4rem;margin-bottom:1rem}
.hero h1 span{color:#3b82f6}
.hero p{margin-bottom:1.5rem}
.btn-primary{display:inline-block;background:#3b82f6;color:#fff;padding:.8rem 1.4rem;border-radius:4px;text-decoration:none}

/* Grid serviços */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 8%}
.grid article{background:#fff;border-radius:6px;padding:2rem;box-shadow:0 2px 6px #0001}
.grid h2{font-size:1.2rem;margin-bottom:.8rem;color:#3b82f6}

/* Vantagens */
.vantagens{background:#f3f6ff;padding:4rem 8%}
.vantagens h2{text-align:center;margin-bottom:2rem}
.vantagens ul{list-style:none;max-width:680px;margin:auto}
.vantagens li{margin-bottom:1rem;font-size:.95rem}

/* Contato */
.contato{padding:4rem 8%}
.contato h2{text-align:center;margin-bottom:1.5rem}
form{max-width:480px;margin:auto;display:flex;flex-direction:column;gap:1rem}
input,textarea{padding:.9rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}
button{background:#3b82f6;color:#fff;border:none;padding:.9rem;border-radius:4px;font-size:.9rem;cursor:pointer}
.copy{text-align:center;margin-top:2rem;font-size:.8rem;color:#666}

/* Responsivo para mobile */
@media (max-width:600px){
  #btn-mobile{display:block}
  .navbar nav{display:none;flex-direction:column;gap:1rem;background:#fff;position:absolute;top:60px;right:5%;padding:1rem 2rem;border:1px solid #eee;border-radius:6px}
  .navbar nav.show{display:flex}
  .hero{height:60vh;background-attachment:scroll}
  .hero-inner{margin:0 5%}
}