/* Simple, clean responsive styles */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#222; }
.wrap { max-width:980px; margin:0 auto; padding:18px; }
header.hero { text-align:center; padding:28px 8px; background:#f7f7f7; border-radius:8px; margin-bottom:22px; }
header.hero h1 { margin:0 0 8px; font-size:28px; line-height:1.15; }
.lead { margin:0 0 12px; color:#444; }
.btn { display:inline-block; text-decoration:none; background:#25D366; color:#fff; padding:10px 18px; border-radius:6px; margin-right:8px; font-weight:600; }
.btn.ghost { background:transparent; color:#333; border:1px solid #ddd; padding:9px 16px; }
section { margin-bottom:22px; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.product { background:#fff; border:1px solid #eee; padding:12px; border-radius:6px; }
.cta { margin-top:14px; font-weight:600; }
footer { margin-top:24px; color:#666; font-size:14px; text-align:center; }
@media (max-width:520px) { header.hero h1 { font-size:20px; } .wrap { padding:12px; } }