*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{
    font-family:Arial, Helvetica, sans-serif;
    color:#222;
    background:#fff;
}


header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px 8%;
}


.logo{
    font-size:26px;
    font-weight:900;
}


.logo span{
    color:#00a859;
}



.btn{
    background:#00a859;
    color:white;
    text-decoration:none;
    padding:15px 30px;
    border-radius:30px;
    font-weight:bold;
    display:inline-block;
    transition:.3s;
}


.btn:hover{
    transform:translateY(-3px);
}



.hero{

    min-height:550px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:70px 8%;
    background:
    linear-gradient(120deg,#eafff2,#ffffff);

}



.hero-content{

    max-width:600px;

}



.hero h1{

    font-size:48px;
    line-height:1.1;
    margin-bottom:25px;

}



.hero p{

    font-size:21px;
    color:#555;
    margin-bottom:35px;

}



.principal-btn{

    font-size:18px;
    padding:18px 40px;

}



.machine{

    width:320px;
    height:210px;
    background:#111;
    color:#fff;
    border-radius:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:55px;
    font-weight:bold;
    box-shadow:0 20px 40px rgba(0,0,0,.2);

}




section{

    padding:70px 8%;
    text-align:center;

}



h2{

    font-size:36px;
    margin-bottom:15px;

}



.oferta > p{

    color:#666;
    margin-bottom:40px;

}



.produtos{

    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;

}



.produto{

    width:320px;
    padding:35px 25px;
    background:#fff;
    border-radius:25px;
    box-shadow:0 10px 35px rgba(0,0,0,.1);

}



.destaque-card{

    border:3px solid #00a859;

}



.imagem-produto{

    height:150px;
    background:#f3f3f3;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    font-weight:bold;
    margin-bottom:25px;

}



.produto h3{

    font-size:25px;
    margin-bottom:15px;

}



.produto p{

    color:#666;
    margin-bottom:25px;

}




.beneficios{

    background:#f4fff8;

}



.beneficio-grid{

    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
    margin-top:40px;

}



.beneficio-grid div{

    width:220px;
    background:white;
    padding:30px;
    border-radius:20px;

}



.beneficio-grid h3{

    font-size:35px;

}




.passos{

    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;

}



.passos div{

    width:230px;
    padding:30px;
    border-radius:20px;
    background:#00a859;
    color:white;

}



.passos strong{

    font-size:45px;

}




.faq{

    background:#f7f7f7;
    text-align:left;

}



.faq h2{

    text-align:center;

}



.faq h3{

    color:#00a859;
    margin-top:25px;

}



.faq p{

    margin-top:10px;

}




footer{

    background:#111;
    color:white;
    padding:40px;
    text-align:center;

}




@media(max-width:800px){


header{

    padding:20px;
}


.logo{

    font-size:20px;

}



.hero{

    flex-direction:column;
    text-align:center;

}



.hero h1{

    font-size:34px;

}



.hero-machine{

    margin-top:40px;

}



.machine{

    width:260px;
    height:170px;

}



h2{

    font-size:28px;

}

}

.hero-machine img{
    width:380px;
    max-width:100%;
}


.produto img{
    width:180px;
    height:180px;
    object-fit:contain;
    margin-bottom:20px;
}