* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, Helvetica, sans-serif; background:#f4f4f4; color:#222; line-height:1.5; }

header { background:#ff7a00; color:#fff; padding:20px; text-align:center; }
header h1 { font-size:22px; }
header p { font-size:14px; margin-top:5px; }
.container { max-width:640px; margin:0 auto; padding:20px; }
.hero { background:#fff; border-radius:12px; padding:24px; box-shadow:0 4px 12px rgba(0,0,0,.08); margin-bottom:20px; }
.hero h2 { font-size:20px; color:#ff7a00; margin-bottom:12px; }
.hero p { margin-bottom:10px; font-size:15px; }
.hero ul { margin-left:20px; margin-bottom:15px; }
.hero ul li { margin-bottom:6px; font-size:15px; }
.preco { font-size:28px; font-weight:bold; color:#1a8f2f; text-align:center; margin:15px 0; }
.preco small { display:block; font-size:14px; color:#666; font-weight:normal; }
.btn-pix { display:block; width:100%; padding:16px; background:#1a8f2f; color:#fff; font-size:18px; font-weight:bold; border:none; border-radius:8px; cursor:pointer; transition:background .2s; }
.btn-pix:hover { background:#156f24; }
.erro { margin-top:15px; padding:12px; background:#ffe5e5; color:#c00; border:1px solid #ffb3b3; border-radius:8px; font-size:14px; text-align:center; }
footer { text-align:center; padding:20px; font-size:12px; color:#888; }