:root{--tq:#1fb5ad;--pu:#6b2fa0;--co:#ff6f61;--bg:#fbf9ff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#222;line-height:1.5}
a{color:var(--pu)}.bar{background:var(--pu);color:#fff;text-align:center;font-size:.85rem;padding:.4rem}
header{background:#fff;text-align:center;padding:.3rem;box-shadow:0 1px 4px #0001}.brand img{height:70px;max-width:92%;object-fit:contain;width:auto}
main{max-width:960px;margin:auto;padding:1rem}
.hero{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,#e6fbf9,#fff0ee);border-radius:16px}
.hero h1{color:var(--pu);font-size:1.7rem;margin:.2rem}.sub{color:var(--co);font-weight:700;font-size:1.2rem}
.trust{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.trust li{background:#fff;border-radius:99px;padding:.3rem .8rem;font-size:.9rem}
h2{color:var(--pu)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}
.card{background:#fff;border-radius:14px;padding:.8rem;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0001;display:flex;flex-direction:column}
.card h3{font-size:1rem;margin:.4rem 0;flex:1}.ph{font-size:3rem;text-align:center;background:#e6fbf9;border-radius:10px;padding:1rem}.ph.big{max-width:480px;margin:auto}
.pr s{color:#999}.pr b{color:var(--co);font-size:1.3rem}.tag{background:var(--tq);color:#fff;border-radius:6px;padding:.1rem .4rem;font-size:.75rem}
.btn{display:block;text-align:center;background:var(--tq);color:#fff;border-radius:10px;padding:.6rem;font-weight:700;text-decoration:none;margin:.5rem 0}
.btn.wa{background:#25d366;font-size:1.1rem;padding:.9rem}.cod{background:#fff0ee;border-left:4px solid var(--co);padding:.7rem;border-radius:8px}
.ben{list-style:none;padding:0}details{background:#fff;border-radius:8px;padding:.6rem;margin:.4rem 0}summary{font-weight:600;cursor:pointer}
footer{text-align:center;font-size:.85rem;padding:1.5rem;color:#555}
.wa-float{position:fixed;right:16px;bottom:16px;background:#25d366;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;text-decoration:none;box-shadow:0 3px 10px #0003}
@media(min-width:720px){.hero h1{font-size:2.4rem}.prod{max-width:640px;margin:auto}}
img.ph{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;padding:0;border-radius:10px;display:block;font-size:0}img.ph.big{max-width:480px;margin:auto}