
:root{
  --orange:#ff6a00;
  --dark:#333;
  --muted:#666;
  --bg:#ffffff;
  --card:#f7f7f8;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Helvetica Neue", Arial; margin:0; color:var(--dark); background:var(--bg); line-height:1.45}
.container{max-width:1100px; margin:0 auto; padding:20px}
.topbar{position:sticky; top:0; background:#fff; border-bottom:1px solid #eee; z-index:40}
.topbar .container{display:flex; align-items:center; justify-content:space-between}
.logo{height: 200px;px}
.brand{display:flex; align-items:center; gap:12px}
.btn-whatsapp{background:var(--orange); color:#fff; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600}

.hero{padding:48px 0}
.hero-grid{display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:center}
.hero-text h1{font-size:28px; margin:0 0 12px}
.subtitle{color:var(--muted); margin-bottom:18px}
.cta{background:var(--orange); color:#fff; padding:14px 18px; border-radius:10px; text-decoration:none; font-weight:700}
.card-simule{background:linear-gradient(180deg,#fff,#fff); border:1px solid #eee; padding:20px; border-radius:12px; box-shadow:0 6px 18px rgba(20,20,30,0.04)}

.vantagens{padding:28px 0; background:var(--card)}
.cols-4{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.vantagens .item{background:transparent; padding:18px; text-align:center}
.vantagens .icon{font-size:26px; display:block; margin-bottom:8px}

.quem{padding:28px 0}
.checklist{list-style:none; padding:0; display:flex; gap:18px; flex-wrap:wrap}
.checklist li{background:#fff; padding:10px 14px; border-radius:8px; border:1px solid #eee}

.simular{padding:30px 0}
.simular-grid{display:grid; grid-template-columns:1fr 380px; gap:20px}
.form-card{background:#fff; padding:20px; border-radius:12px; border:1px solid #eee}
.form-card label{display:block; margin-bottom:10px; font-size:14px}
.form-card input, .form-card select{width:100%; padding:10px; margin-top:6px; border-radius:8px; border:1px solid #ddd}
.cta.small{display:inline-block; background:var(--orange); color:#fff; padding:12px 14px; border-radius:8px; border:none; cursor:pointer; font-weight:700; margin-top:8px; text-decoration:none}

.trust-card{background:linear-gradient(180deg,#fff,#fff); padding:20px; border-radius:12px; border:1px solid #eee}

.depoimentos{padding:30px 0}
.carousel{position:relative; overflow:hidden; background:#fff; padding:20px; border-radius:12px; border:1px solid #eee}
.slide{display:none; padding:10px 20px}
.slide.active{display:block}
.slide p{font-size:16px; margin:0 0 8px}
.who{color:var(--muted); font-size:14px}

.site-footer{padding:20px 0; border-top:1px solid #eee; background:#fff}
.footer-grid{display:flex; gap:20px; align-items:center; justify-content:space-between}
.logo-footer{height:150px}

.wa-float{position:fixed; right:18px; bottom:18px; background:var(--orange); color:#fff; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:22px; box-shadow:0 10px 25px rgba(0,0,0,0.12)}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .cols-4{grid-template-columns:repeat(2,1fr)}
  .simular-grid{grid-template-columns:1fr}
  .header .container{padding:12px}
  .logo{height:150px}
}
