:root{--blue1:#020f2c;--blue2:#0b628f;--accent:#18a34a}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--blue1),var(--blue2));color:#fff}
.header{padding:28px 18px;text-align:center}
.logo{max-width:800px;width:48%;height:auto}
.lead{max-width:780px;margin:10px auto 18px;color:#dbeef9;line-height:1.5}
.header-btn{margin-top:14px}
.header-btn a{background:var(--accent);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700}
.container{max-width:1180px;margin:20px auto;padding:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;align-items:start}
.card{background:#fff;color:#052836;border-radius:12px;padding:14px;text-align:center;box-shadow:0 10px 30px rgba(2,6,23,0.18)}
.card img{width:100%;height:240px;object-fit:contain;border-radius:8px;background:linear-gradient(180deg,#f7fdfc,#e9f7f7)}
.title{font-size:16px;font-weight:700;margin:12px 0}
.price{font-weight:800;color:#0b6b3a;margin-bottom:8px}
.btn{display:inline-block;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:800}
.btn-buy{background:#25d366;color:#042d23}
.btn-download{background:#0b74da;color:#fff}
.footer{padding:30px;text-align:center;color:#cfeefc}
@media(max-width:640px){.logo{width:70%}.card img{height:180px}}

.btn-whats{
  background:#ff0000 !important;
  color:#fff !important;
  padding:12px 20px;
  border-radius:8px;
  font-weight:bold;
}