*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:Arial,Helvetica,sans-serif;
background:#fff;
color:#222;
line-height:1.6;
}
img{max-width:100%;display:block}
.container{
width:min(90%,1200px);
margin:auto;
}
.hero{
padding:120px 0;
min-height:100vh;
display:flex;
align-items:center;
background:linear-gradient(180deg,#ffffff,#f6faf6);
}
.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
align-items:center;
}
.badge{
display:inline-block;
background:#E8F5E9;
color:#1B5E20;
padding:10px 18px;
border-radius:999px;
font-weight:700;
margin-bottom:24px;
}
.hero h1{
font-size:82px;
font-weight:900;
line-height:.95;
margin-bottom:18px;
}
.rating{color:#f5b301;font-size:22px;font-weight:700;margin-bottom:20px}
.rating span{color:#666;font-size:17px}
.hero p{font-size:22px;color:#555;margin-bottom:24px}
.check-list{list-style:none;margin-bottom:30px}
.check-list li{margin:10px 0;font-size:20px}
.price{margin:30px 0}
.old{display:block;color:#999;text-decoration:line-through;font-size:28px}
.new{display:block;color:#2E7D32;font-size:60px;font-weight:800}
.btn{
display:inline-block;
background:#28A745;
color:#fff;
text-decoration:none;
padding:22px 55px;
font-size:24px;
font-weight:700;
border-radius:15px;
box-shadow:0 18px 40px rgba(40,167,69,.35);
transition:.3s;
}

.btn:hover{
background:#1E8A37;
transform:translateY(-4px);
}
display:inline-block;
background:#2E7D32;
color:#fff;
text-decoration:none;
padding:18px 42px;
border-radius:14px;
font-size:22px;
font-weight:700;
box-shadow:0 12px 30px rgba(46,125,50,.25);
transition:.25s;
}
.btn:hover{background:#1B5E20;transform:translateY(-2px)}
.trust{margin-top:24px;color:#666}
.trust p{margin:8px 0}
.hero-image{
display:flex;
justify-content:center;
align-items:center;
}

.hero-image{
display:flex;
justify-content:center;
align-items:center;
}

.hero-image img{
width:650px;
max-width:none;
height:auto;
display:block;
filter:drop-shadow(0 45px 80px rgba(0,0,0,.25));
transition:.35s;
}

.hero-image img:hover{
transform:scale(1.04);
}

.hero-image img:hover{
transform:translateY(-8px) scale(1.02);
}
max-width:100%;
height:auto;
display:block;
filter:drop-shadow(0 40px 80px rgba(0,0,0,.25));
transition:.3s;
}

.hero-image img:hover{
transform:translateY(-8px);
}
section{padding:90px 0}
section:nth-child(even){background:#f8f9fa}
h2{
text-align:center;
font-size:42px;
margin-bottom:50px;
}
.benefits-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}
.card{
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.25s;
}
.card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.card h3{margin-bottom:14px;font-size:24px}
.card p{color:#666}
.problem ul,.chapters ol{
max-width:750px;
margin:0 auto;
font-size:20px;
}
.problem li,.chapters li{margin:14px 0}
.guarantee,.cta-final{text-align:center}
.cta-final p{margin-bottom:30px;font-size:20px}
footer{
background:#1b1b1b;
color:#fff;
text-align:center;
padding:35px 0;
}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;text-align:center}
.hero h1{
font-size:82px;
font-weight:900;
.hero-image{margin-top:40px}
.benefits-grid{grid-template-columns:1fr}
.check-list{padding:0}
h2{font-size:34px}
}
/* ===========================
   DEPOIMENTOS
=========================== */

.testimonials{
padding:90px 0;
background:#ffffff;
}

.testimonials h2{
text-align:center;
font-size:42px;
margin-bottom:50px;
}

.stars{
font-size:22px;
color:#F5B301;
margin-bottom:18px;
}

.testimonials h4{
margin-top:20px;
font-size:20px;
font-weight:700;
}

.testimonials span{
color:#777;
font-size:15px;
}
/*=========================
BOTÃO FLUTUANTE
=========================*/

.floating-btn{

position:fixed;

bottom:25px;

right:25px;

background:#2E7D32;

color:#fff;

padding:18px 28px;

border-radius:50px;

text-decoration:none;

font-weight:bold;

font-size:18px;

box-shadow:0 12px 35px rgba(0,0,0,.25);

z-index:9999;

transition:.3s;

}

.floating-btn:hover{

background:#1B5E20;

transform:translateY(-4px);

}

@media(max-width:768px){

.floating-btn{

left:15px;

right:15px;

bottom:15px;

text-align:center;

font-size:17px;

padding:18px;

}

}