*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;line-height:1.6;background:#f6f8fc}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.topo{position:sticky;top:0;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.06);z-index:9}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:1.4rem}.logo span{color:#2f6bff}
nav a{margin-left:24px;color:#1d2433;text-decoration:none;font-weight:500}
nav a:hover{color:#2f6bff}
.menu-btn{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}
.hero{background:linear-gradient(135deg,#2f6bff,#7a3cff);color:#fff;padding:100px 0;text-align:center}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);max-width:800px;margin:16px auto}
.hero p{max-width:640px;margin:0 auto 28px;opacity:.9}
.tag{background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:.85rem}
.btn{display:inline-block;background:#fff;color:#2f6bff;padding:12px 28px;border-radius:10px;font-weight:700;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.servicos{padding:80px 20px;text-align:center}
h2{font-size:2rem;margin-bottom:32px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 6px 24px rgba(0,0,0,.06);opacity:0;transform:translateY(20px);transition:all .6s}
.card.show{opacity:1;transform:none}
.ic{font-size:2.2rem;margin-bottom:12px}
.contato{background:#1d2433;color:#fff;text-align:center;padding:80px 0}
.contato p{margin-bottom:24px;opacity:.85}
footer{text-align:center;padding:24px 0;font-size:.9rem;color:#6b7385}
@media(max-width:760px){
 .cards{grid-template-columns:1fr}
 .menu-btn{display:block}
 nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px}
 nav.open{display:flex}nav a{margin:8px 0}
}