:root{
  --primary:#7c3aed;
  --accent:#f59e0b;
  --bg:#0b1020;
  --card:#141a30;
  --text:#f3f4f6;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo-img{height:28px;display:block}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--primary);color:#fff;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.btn:hover{transform:scale(1.06)}
.btn.sec{background:transparent;border:1px solid #ffffff33;color:inherit}
.grid{display:grid;gap:18px}
.hero{display:grid;gap:16px;padding:56px 0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1)}
.hero h1{font-size:42px;line-height:1.1;margin:0;animation:fadeInDown 1.2s cubic-bezier(.4,0,.2,1)}
.hero p{opacity:.92;animation:fadeIn 1.5s cubic-bezier(.4,0,.2,1)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}
.benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.section h2{margin:8px 0 10px}
.ul{margin:0;padding-left:18px;opacity:.9}
.faq-item{border:1px solid #ffffff1a;border-radius:14px;padding:14px}
.cta{display:grid;gap:12px;place-items:center;text-align:center;padding:36px;background:linear-gradient(135deg,var(--primary), #6610f2);border-radius:20px;animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1)}
.footer{opacity:.7;margin:32px 0;text-align:center}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;border-radius:999px;color:#fff;padding:12px 16px;text-decoration:none;font-weight:600;box-shadow:0 2px 8px #0002;animation:fadeInRight 1.2s cubic-bezier(.4,0,.2,1)}
.hero-media{border-radius:16px;overflow:hidden;margin-top:14px;animation:fadeIn 1.5s cubic-bezier(.4,0,.2,1)}
.hero-media img{width:100%;height:auto;display:block}
.product-card img{width:100%;height:auto;border-radius:12px;margin-top:10px}
img{transition:box-shadow .3s,transform .3s;}
img:hover{box-shadow:0 8px 32px #0003;transform:scale(1.03);}
@media (max-width:768px){ .hero h1{font-size:32px} }
/* Animações */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
/* Estrelas depoimentos */
.stars{color:#fbbf24;font-size:1.2em;letter-spacing:-2px;vertical-align:middle;margin-right:4px}
/* Temas artísticos */
.art-bg{background:linear-gradient(135deg,#f3ec78,#af4261,#43cea2,#185a9d);background-size:400% 400%;animation:artBG 10s ease-in-out infinite}
@keyframes artBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Fontes customizadas */
.font-montserrat{font-family:Montserrat,sans-serif}
.font-poppins{font-family:Poppins,sans-serif}