/* Home inspirada na estrutura do ccleaner.com: azul do Decupe + âmbar complementar */
main{max-width:1180px}
.btn{display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 16px rgba(26,115,232,.28);padding:14px 28px}
.btn.laranja{background:linear-gradient(90deg,#fbbc04,#f29900);color:#202124;box-shadow:0 6px 16px rgba(242,153,0,.3)}
.btn.laranja:hover{background:linear-gradient(90deg,#f9ab00,#e37400)}
.btn.claro{box-shadow:none}
.btn.borda{box-shadow:inset 0 0 0 1.5px var(--azul);background:#fff}
.acoes.esq{justify-content:flex-start;gap:14px}
.h-mini{font-size:13.5px;color:var(--sub);margin:16px 0 0}
.h-mini b{color:var(--txt);font-variant-numeric:tabular-nums}

.h-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:48px 0 56px}
.h-hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.1;letter-spacing:-1.4px;font-weight:600;margin:0 0 18px;color:#2d3237}
.h-hero .h-texto>p{font-size:17px;color:var(--sub);margin:0 0 30px;max-width:520px}
.h-ilustra svg{width:100%;height:auto;display:block}
.h-hero{padding-bottom:24px}
.h-mini-passos{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:520px}
.h-mini-passos li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;color:var(--sub)}
.h-mini-passos span{flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4c8df6,#1a5fd0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(26,115,232,.25)}
.h-mini-passos b{display:block;color:var(--txt);font-size:15.5px}
.h-cartoes.mini{gap:10px;margin-top:4px}
.h-cartoes.mini .h-cartao{padding:8px 8px 12px;border-radius:14px}
.h-cartoes.mini .h-cartao svg{margin-bottom:8px}
.h-cartoes.mini h3{font-size:13.5px;gap:6px;margin:0 0 4px}
.h-cartoes.mini h3 span{width:20px;height:20px;font-size:11px}
.h-cartoes.mini p{font-size:12px;line-height:1.45}
.h-cta{text-align:center;padding:8px 0 52px}
.h-cta .acoes{gap:14px}
.h-cta .h-mini{margin-top:18px}

.h-faixa{background:#f6f8fc;margin:0 calc(50% - 50vw);padding:34px 16px;text-align:center}
.h-faixa p{margin:0 0 14px;color:var(--azul);font-weight:600;font-size:15px}
.h-faixa ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;font-weight:600;color:#3c4043;font-size:16px}

.h-produto{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:72px 0}
.h-marca{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:600;letter-spacing:-.6px;margin-bottom:18px}
.h-marca small{font-size:15px;font-weight:600;color:var(--sub);letter-spacing:.5px;text-transform:uppercase;margin-left:4px}
.h-texto>p{color:var(--sub)}
.h-lista{list-style:none;padding:0;margin:18px 0 28px}
.h-lista li{display:flex;gap:12px;margin:14px 0;font-size:14.5px;color:var(--sub)}
.h-lista li svg{flex:0 0 18px;margin-top:2px}
.h-lista b{display:block;color:var(--txt);font-size:15px}

.h-painel{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;background:#eef3fd;border:1px solid #d2e3fc;border-radius:28px;padding:48px}
.h-preco{margin:4px 0 22px}
.h-preco .valor{font-size:40px;font-weight:700;letter-spacing:-1.2px}
.h-preco small{color:var(--sub);font-size:15px;margin-left:4px}
.h-preco .de,.h-preco .reais{color:var(--sub);font-size:14px}

.h-passos{padding:80px 0 72px;text-align:center}
.h-passos h2{font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.8px;margin:0 0 36px;color:#2d3237}
.h-cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h-cartao{border:1px solid var(--linha);border-radius:22px;padding:18px 18px 26px;text-align:left;background:#fff}
.h-cartao svg{width:100%;height:auto;display:block;margin-bottom:18px}
.h-cartao h3{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 8px}
.h-cartao h3 span{width:28px;height:28px;border-radius:50%;background:#e8f0fe;color:var(--azul);font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.h-cartao p{margin:0;color:var(--sub);font-size:14.5px}

@media (max-width:860px){
  .h-hero,.h-produto,.h-painel{grid-template-columns:1fr}
  .h-hero .h-ilustra{max-width:420px;margin:0 auto}
  .h-painel{padding:28px 20px;border-radius:22px}
  .h-painel .h-ilustra{order:2}
  .h-cartoes{grid-template-columns:1fr}
  .h-produto{padding:48px 0}
}