:root{
  --brand:#0e6e5c;
  --brand-dark:#0a5245;
  --accent:#f39c12;
  --accent-dark:#d68910;
  --ink:#1f2933;
  --ink-soft:#4a5560;
  --bg:#ffffff;
  --bg-soft:#f4f8f7;
  --border:#dde5e3;
  --good:#1e8e3e;
  --bad:#c0392b;
  --max:860px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--bg);line-height:1.7;font-size:18px}
h1,h2,h3,h4,.sans{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:var(--brand)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}

/* Disclosure bar */
.disclosure-bar{background:#fff8e6;border-bottom:1px solid #f0e0b0;font-size:13px;color:#6b5b2e;padding:8px 0;font-family:Arial,sans-serif;text-align:center}
.disclosure-bar a{color:#6b5b2e}

/* Header */
header.site{background:var(--bg);border-bottom:1px solid var(--border);padding:14px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.logo{font-family:Arial,sans-serif;font-weight:800;font-size:20px;color:var(--brand);text-decoration:none;letter-spacing:-.3px}
.logo span{color:var(--accent-dark)}
nav.main a{font-family:Arial,sans-serif;font-size:14px;color:var(--ink-soft);text-decoration:none;margin-left:18px}
nav.main a:hover{color:var(--brand)}

/* Hero */
.hero{background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);padding:40px 0 30px;border-bottom:1px solid var(--border)}
.crumbs{font-family:Arial,sans-serif;font-size:13px;color:var(--ink-soft);margin-bottom:14px}
.crumbs a{color:var(--ink-soft)}
h1{font-size:34px;line-height:1.25;letter-spacing:-.5px;margin-bottom:14px}
.byline{font-family:Arial,sans-serif;font-size:14px;color:var(--ink-soft);margin-bottom:6px}
.byline strong{color:var(--ink)}

/* Verdict box */
.verdict{background:#fff;border:2px solid var(--brand);border-radius:10px;padding:22px 24px;margin:22px 0}
.verdict h2{font-size:20px;margin-bottom:10px;color:var(--brand-dark)}
.stars{color:var(--accent);font-size:22px;letter-spacing:2px}
.score{font-family:Arial,sans-serif;font-weight:800;font-size:26px;color:var(--brand-dark)}

/* CTA */
.btn{display:inline-block;background:var(--accent);color:#fff !important;font-family:Arial,sans-serif;font-weight:800;font-size:18px;text-decoration:none;padding:15px 34px;border-radius:8px;box-shadow:0 3px 0 var(--accent-dark);transition:transform .1s}
.btn:hover{transform:translateY(-1px);background:var(--accent-dark)}
.btn-sub{display:block;font-family:Arial,sans-serif;font-size:12.5px;color:var(--ink-soft);margin-top:8px}
.cta-block{text-align:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:28px 20px;margin:34px 0}
.cta-block p.lead{font-family:Arial,sans-serif;font-weight:700;font-size:19px;margin-bottom:14px}

/* Content */
main{padding:10px 0 40px}
article h2{font-size:27px;margin:44px 0 14px;letter-spacing:-.4px;line-height:1.3}
article h3{font-size:21px;margin:30px 0 10px}
article p{margin-bottom:16px}
article ul,article ol{margin:0 0 18px 26px}
article li{margin-bottom:8px}
.toc{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin:26px 0;font-family:Arial,sans-serif}
.toc strong{display:block;margin-bottom:10px;font-size:15px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}
.toc ol{margin-left:20px;font-size:15px}
.toc li{margin-bottom:5px}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}

/* Tables */
table{width:100%;border-collapse:collapse;margin:18px 0;font-family:Arial,sans-serif;font-size:15.5px}
th{background:var(--brand);color:#fff;text-align:left;padding:11px 14px;font-size:14px;text-transform:uppercase;letter-spacing:.4px}
td{border:1px solid var(--border);padding:11px 14px;vertical-align:top}
tr:nth-child(even) td{background:var(--bg-soft)}
.table-scroll{overflow-x:auto}

/* Pros/cons */
.pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
.pc>div{border-radius:10px;padding:20px 22px;font-family:Arial,sans-serif;font-size:15.5px}
.pros{background:#eef8f0;border:1px solid #cfe8d5}
.cons{background:#fdf0ee;border:1px solid #f2d3cd}
.pc h3{margin:0 0 10px;font-size:17px}
.pros h3{color:var(--good)}
.cons h3{color:var(--bad)}
.pc ul{margin-left:20px}

/* Callouts */
.note{background:#eef4fb;border-left:4px solid #3b78c3;padding:14px 18px;border-radius:0 8px 8px 0;margin:20px 0;font-size:16.5px}
.warn{background:#fdf6e3;border-left:4px solid var(--accent);padding:14px 18px;border-radius:0 8px 8px 0;margin:20px 0;font-size:16.5px}

/* Pricing cards */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;font-family:Arial,sans-serif}
.price-card{border:1px solid var(--border);border-radius:10px;padding:20px 14px;text-align:center}
.price-card.best{border:2px solid var(--brand);position:relative}
.price-card .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.price-card .qty{font-weight:700;font-size:16px}
.price-card .amt{font-size:30px;font-weight:800;color:var(--brand-dark);margin:6px 0}
.price-card .per{font-size:13px;color:var(--ink-soft)}

/* FAQ */
details{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;background:#fff}
summary{font-family:Arial,sans-serif;font-weight:700;font-size:16.5px;padding:14px 18px;cursor:pointer;list-style-position:inside}
details[open] summary{border-bottom:1px solid var(--border);background:var(--bg-soft)}
details .a{padding:14px 18px}

/* Author box */
.author{display:flex;gap:16px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:20px;margin:34px 0;font-family:Arial,sans-serif;font-size:15px}
.author .avatar{width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex-shrink:0}

/* Footer */
footer.site{background:var(--ink);color:#c7ced4;font-family:Arial,sans-serif;font-size:13.5px;padding:36px 0 28px;margin-top:50px}
footer.site a{color:#e3e8ec;text-decoration:none;margin-right:16px}
footer.site a:hover{text-decoration:underline}
footer.site .legal{margin-top:18px;font-size:12.5px;color:#9aa4ad;line-height:1.65}
footer.site .links{margin-bottom:14px}

/* Legal pages */
.legal-page h1{font-size:30px;margin:34px 0 8px}
.legal-page .updated{font-family:Arial,sans-serif;font-size:14px;color:var(--ink-soft);margin-bottom:24px}
.legal-page h2{font-size:22px;margin:30px 0 10px}
.legal-page p,.legal-page li{font-size:16.5px}
.legal-page ul{margin:0 0 16px 26px}

/* Sales page additions */
.hero-sales{background:linear-gradient(160deg,#0e6e5c 0%,#0a5245 60%,#083f36 100%);color:#fff;padding:48px 0 42px;border-bottom:none}
.hero-sales h1{color:#fff;font-size:40px;margin-bottom:6px}
.hero-sales .tm{font-size:22px;vertical-align:top}
.hero-sales .sub{font-family:Arial,sans-serif;font-size:20px;color:#cfe8e0;margin-bottom:18px;font-weight:600}
.hero-sales .hero-bullets{list-style:none;margin:0 0 22px;font-family:Arial,sans-serif;font-size:16.5px}
.hero-sales .hero-bullets li{margin-bottom:9px;padding-left:28px;position:relative}
.hero-sales .hero-bullets li::before{content:"\2713";position:absolute;left:0;color:#7fd6b8;font-weight:800}
.hero-sales .btn{font-size:20px;padding:17px 40px}
.hero-sales .btn-sub{color:#bcd9d0}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;font-family:Arial,sans-serif}
.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600}
.strip{background:var(--bg-soft);border-bottom:1px solid var(--border);padding:14px 0;font-family:Arial,sans-serif;text-align:center;font-size:14.5px;color:var(--ink-soft)}
.strip strong{color:var(--brand-dark)}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;font-family:Arial,sans-serif}
.benefit{border:1px solid var(--border);border-radius:10px;padding:20px;background:#fff}
.benefit .ico{font-size:28px;margin-bottom:8px}
.benefit h3{font-size:16.5px;margin:0 0 6px}
.benefit p{font-size:14.5px;color:var(--ink-soft);margin:0;line-height:1.55}
.section-alt{background:var(--bg-soft);padding:38px 0;margin:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-alt h2{margin-top:0}
.guarantee-box{display:flex;gap:22px;align-items:center;border:2px dashed var(--brand);border-radius:12px;padding:26px;margin:28px 0;background:#f2faf7}
.guarantee-box .seal{flex-shrink:0;width:110px;height:110px;border-radius:50%;background:var(--brand);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:800;text-align:center;line-height:1.2}
.guarantee-box .seal .n{font-size:30px}
.guarantee-box .seal .t{font-size:11px;letter-spacing:.5px}
.price-card .btn{font-size:15px;padding:11px 20px;margin-top:12px;box-shadow:0 2px 0 var(--accent-dark)}
.price-card .was{text-decoration:line-through;color:var(--ink-soft);font-size:14px}
.price-card .save{color:var(--good);font-weight:700;font-size:13px}
.ing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;font-family:Arial,sans-serif}
.ing{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:8px;padding:16px 18px;background:#fff}
.ing h3{font-size:16px;margin:0 0 6px}
.ing p{font-size:14.5px;color:var(--ink-soft);margin:0;line-height:1.55}

@media (max-width:720px){
  .hero-sales h1{font-size:30px}
  .benefits{grid-template-columns:1fr}
  .ing-grid{grid-template-columns:1fr}
  .guarantee-box{flex-direction:column;text-align:center}
  body{font-size:17px}
  h1{font-size:27px}
  article h2{font-size:23px}
  .pc{grid-template-columns:1fr}
  .prices{grid-template-columns:1fr}
  nav.main a{margin-left:0;margin-right:14px}
}

/* ===== v2: image-driven sales components ===== */
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.hero-img{text-align:center}
.hero-img img{max-width:340px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.badge-strip{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;padding:22px 0;align-items:center}
.badge-strip img{width:74px;height:74px}
.badge-strip figure{text-align:center;font-family:Arial,sans-serif;font-size:12px;color:var(--ink-soft);margin:0}

/* Clickable buy cards */
.buy-row{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;margin:26px 0;align-items:stretch;font-family:Arial,sans-serif}
a.buy-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s ease,box-shadow .15s ease;position:relative}
a.buy-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 14px 34px rgba(14,110,92,.25)}
.buy-head{background:var(--brand);color:#fff;text-align:center;padding:13px 8px}
.buy-head .n{font-size:22px;font-weight:800;letter-spacing:.5px}
.buy-head .s{font-size:13px;font-style:italic;color:#d6efe7}
.buy-head .bonus{display:inline-block;background:#f7e04b;color:#5a4a00;font-style:normal;font-weight:700;font-size:11.5px;border-radius:12px;padding:1px 9px;margin-left:4px}
.buy-card.best .buy-head{background:#0a5245}
.buy-body{padding:16px 14px 20px;text-align:center;display:flex;flex-direction:column;flex:1}
.buy-body img.pack{width:100%;max-width:230px;height:auto;margin:0 auto 8px}
.buy-card.best .buy-body img.pack{max-width:260px}
.buy-price{margin:4px 0 2px}
.buy-price .was{text-decoration:line-through;color:#98a2ab;font-size:17px;margin-right:6px}
.buy-price .now{font-size:38px;font-weight:800;color:var(--brand-dark)}
.buy-card.best .buy-price .now{color:#c0392b}
.buy-price .per{font-size:13px;color:var(--ink-soft)}
.buy-btn{display:block;background:linear-gradient(180deg,#ffd75e,#f3b71e);color:#3a2c00;font-weight:800;font-size:19px;letter-spacing:.5px;border:1px solid #d69e12;border-radius:9px;padding:14px 8px;margin:10px 0 8px;box-shadow:0 3px 0 #c08f10;text-transform:uppercase}
a.buy-card:hover .buy-btn{background:linear-gradient(180deg,#ffe27e,#f5c33e)}
.buy-total{font-weight:800;font-size:15.5px}
.buy-ship{font-size:13px;color:var(--ink-soft);margin:3px 0}
.buy-ship.free{color:var(--good);font-weight:700}
.buy-g{font-weight:700;font-size:13.5px;margin:2px 0 8px}
.buy-body img.cards{width:100%;max-width:200px;margin:auto auto 0}
.ribbon{position:absolute;top:52px;left:-34px;background:#c0392b;color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;padding:5px 40px;transform:rotate(-45deg);z-index:2}
.savings{font-size:12.5px;font-weight:700;color:var(--good)}
@keyframes pulse{0%,100%{box-shadow:0 3px 0 #c08f10,0 0 0 0 rgba(243,156,18,.45)}50%{box-shadow:0 3px 0 #c08f10,0 0 0 12px rgba(243,156,18,0)}}
.buy-card.best .buy-btn{animation:pulse 2s infinite}

/* Testimonials */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;font-family:Arial,sans-serif}
.testi{border:1px solid var(--border);border-radius:12px;padding:20px;background:#fff;text-align:center}
.testi img.face{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:8px}
.testi img.stars{width:110px;height:auto;margin-bottom:8px}
.testi p{font-size:14.5px;line-height:1.6;color:var(--ink);font-style:italic;margin-bottom:10px}
.testi .who{font-weight:700;font-size:13.5px}
.testi .where{font-size:12.5px;color:var(--ink-soft)}
.testi-note{font-family:Arial,sans-serif;font-size:12px;color:var(--ink-soft);text-align:center;margin-top:4px}

/* Bonus + guarantee v2 */
.bonus-flex{display:flex;gap:24px;align-items:center;background:#fffbea;border:1px solid #f0e0b0;border-radius:12px;padding:22px;margin:26px 0}
.bonus-flex img{width:200px;height:auto;flex-shrink:0}
.guarantee-v2{display:flex;gap:24px;align-items:center;border:2px dashed var(--brand);border-radius:12px;padding:26px;margin:30px 0;background:#f2faf7}
.guarantee-v2 img{width:130px;height:auto;flex-shrink:0}
.ing-photo{text-align:center;margin:10px 0}
.ing-photo img{max-width:300px}
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:rgba(10,82,69,.97);padding:10px 14px;display:none;z-index:50;text-align:center;box-shadow:0 -4px 14px rgba(0,0,0,.25)}
.sticky-cta a{display:inline-block;background:linear-gradient(180deg,#ffd75e,#f3b71e);color:#3a2c00;font-family:Arial,sans-serif;font-weight:800;font-size:16px;text-decoration:none;border-radius:8px;padding:12px 26px}
@media (max-width:860px){.sticky-cta{display:block}body{padding-bottom:64px}}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr}
  .hero-img img{max-width:250px}
  .buy-row{grid-template-columns:1fr}
  .buy-card.best{order:-1}
  .testis{grid-template-columns:1fr}
  .bonus-flex,.guarantee-v2{flex-direction:column;text-align:center}
}
