:root { --wine: #5a1e1e; --wine2: #8b2c2c; --gold: #b8893a; --cream: #fffaf0; --soft: #f4ecdf; --ink: #3b2f2a; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--cream); color: var(--ink); font: 16px/1.6 Montserrat, Arial, sans-serif; }
.bar { background: #1f7a3a; color: #fff; padding: 12px 16px; font-size: 14px; text-align: center; }
main { max-width: 640px; margin: 0 auto; padding: 24px 16px 48px; }
.kicker { color: var(--gold); text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 700; margin: 0 0 8px; }
h1 { font: 30px/1.15 Marcellus, Georgia, serif; color: var(--wine); margin: 0 0 12px; }
h2 { font: 24px/1.2 Marcellus, Georgia, serif; color: var(--wine2); margin: 28px 0 10px; }
h3 { font-size: 16px; color: var(--wine); margin: 0 0 6px; }
.sub { font-size: 17px; margin: 0 0 18px; }
.hero { width: 100%; height: auto; border-radius: 12px; display: block; margin: 0 0 18px; }
.box { background: var(--soft); border-left: 4px solid var(--gold); border-radius: 10px; padding: 14px 16px; margin: 16px 0; }
.box p { margin: 0 0 8px; } .box p:last-child { margin: 0; }
.box.light { background: #fff; }
ul { padding-left: 20px; margin: 0; }
ul.check { list-style: none; padding: 0; }
ul.check li { padding-left: 28px; position: relative; margin: 0 0 10px; }
ul.check li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #1f7a3a; font-weight: 700; }
.two { display: grid; gap: 14px; margin: 24px 0; }
.two > div { background: #fff; border-radius: 10px; padding: 14px 16px; }
.price { text-align: center; margin: 26px 0 12px; }
.price .big { font-size: 22px; margin: 8px 0; color: var(--wine); }
.price .small { font-size: 13px; color: #6d5d55; margin: 0; }
#hotmart-sales-funnel { margin: 14px 0; min-height: 40px; }
.nopurchase { display: none; text-align: center; font-size: 14px; background: #fff; border: 1px dashed var(--gold); border-radius: 8px; padding: 10px; }
.guarantee { background: #fff; border: 1px solid #e5d8c6; border-radius: 10px; padding: 14px 16px; margin: 20px 0; font-size: 15px; }
.disclaimer { font-size: 12px; color: #7a6a62; }
@media (min-width: 640px) { .two { grid-template-columns: 1fr 1fr; } h1 { font-size: 36px; } }