:root{--navy:#0f1f35;--navy2:#1c3a5e;--teal:#3d7ab8;--gold:#c9a24b;--bg:#f4f6f8;--text:#1f2937;--muted:#5b6472;--line:#e1e6ec}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Segoe UI',system-ui,Arial,sans-serif;color:var(--text);background:#fff;font-size:18px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--navy2)}
.wrap{max-width:1160px;margin:0 auto}

/* header */
header.site{background:var(--navy);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.2)}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 5%}
.logo{font-size:1.5rem;font-weight:800;letter-spacing:.5px;color:#fff}
.logo span{color:#8fb8e8}
nav.main{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
nav.main a{color:#e6eef8;margin-left:18px;font-size:.98rem;transition:color .2s}
nav.main a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:var(--navy)!important;font-weight:800;padding:14px 32px;border-radius:40px;box-shadow:0 8px 22px rgba(201,162,75,.35);transition:transform .2s,box-shadow .2s;text-align:center}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(201,162,75,.5)}
nav.main .btn{padding:10px 22px;margin-left:18px;font-size:.95rem;box-shadow:none}
.btn.dark{background:var(--navy);color:#fff!important;box-shadow:none}
.btn.big{font-size:1.15rem;padding:18px 44px}

/* hero */
.hero{background:linear-gradient(135deg,#0b1626 0%,#152c47 55%,#1c3a5e 100%);color:#fff;padding:70px 5%}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:3rem;line-height:1.15;margin:0 0 12px}
.hero h1 span{color:#8fb8e8}
.hero p.lead{font-size:1.15rem;color:#d3e0f0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:30px;font-size:.88rem}
.hero-img{animation:float 4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* sections */
section.block{padding:64px 5%}
section.block.alt{background:var(--bg)}
h2.title{text-align:center;color:var(--navy);font-size:2.1rem;margin:0 0 10px}
p.sub{text-align:center;color:var(--muted);max-width:720px;margin:0 auto 38px}
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 6px 20px rgba(11,31,58,.06);transition:transform .25s}
.card:hover{transform:translateY(-5px)}
.card h3{margin:0 0 8px;color:var(--navy);font-size:1.15rem}
.card p{margin:0;font-size:.97rem;color:#3c4a5c}
.overview .card{text-align:center;padding:20px 14px}
.overview strong{display:block;color:var(--navy);margin-bottom:4px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}

/* tables */
.tbl-wrap{overflow-x:auto}
table.pretty{width:100%;border-collapse:collapse;background:#fff;font-size:.97rem}
table.pretty th,table.pretty td{border:1px solid var(--line);padding:13px 15px;text-align:left;vertical-align:top}
table.pretty th{background:var(--navy);color:#fff}
table.pretty tr:nth-child(even){background:#f5f9fc}
.check{color:#12805c;font-weight:800}.cross{color:#b83b3b;font-weight:700}

/* pricing */
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.pcard{background:#fff;border:2px solid var(--line);border-radius:18px;padding:34px 22px 28px;text-align:center;position:relative;box-shadow:0 8px 26px rgba(11,31,58,.08);display:flex;flex-direction:column;align-items:center}
.pcard.best{border-color:var(--gold)}
.pcard.pop{border-color:var(--teal);transform:scale(1.04)}
.pcard .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-weight:800;font-size:.8rem;padding:6px 18px;border-radius:20px;white-space:nowrap}
.pcard.pop .tag{background:var(--teal);color:#fff}
.pcard h3{margin:6px 0 0;color:var(--navy);font-size:1.5rem}
.pcard .supply{color:var(--muted);font-size:.95rem}
.pcard img.bottle{height:190px;width:auto;margin:14px auto;object-fit:contain}
.pcard .per{font-size:2.4rem;font-weight:900;color:var(--navy);line-height:1}
.pcard .per small{font-size:.95rem;font-weight:600;color:var(--muted)}
.pcard .total{margin:10px 0 2px;font-size:1.05rem}
.pcard .ship{color:#12805c;font-weight:700;font-size:.92rem;margin-bottom:14px}
.pcard .ship.paid{color:var(--muted)}
.pcard .guar{font-size:.82rem;color:var(--muted);margin-top:10px}
.pcard img.cards{height:24px;width:auto;margin:12px auto 0;opacity:.85}
.ill{border-radius:16px}

/* why */
.why{display:flex;gap:16px}
.why .num{font-size:1.8rem;font-weight:900;color:var(--teal);line-height:1}
.why h3{margin:0 0 4px;color:var(--navy);font-size:1.1rem}.why p{margin:0;font-size:.96rem}

/* guarantee */
.guar-grid{display:grid;grid-template-columns:.5fr 1fr;gap:40px;align-items:center;max-width:900px;margin:0 auto}
.guar-grid img{max-width:220px;margin:0 auto}
.badges{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:34px;align-items:center}
.badges img{height:72px;width:auto}

/* faq */
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:14px}
summary{cursor:pointer;font-weight:700;color:var(--navy)}
details p{margin:10px 0 0;font-size:.98rem}

/* final cta */
.final{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:22px;padding:50px 6%;max-width:1000px;margin:0 auto;text-align:center}
.final h2{margin:0 0 6px;font-size:2.1rem}
.compare{display:flex;justify-content:center;align-items:baseline;gap:16px;margin:14px 0}
.compare .old{text-decoration:line-through;color:#8ea3bd;font-size:1.6rem}
.compare .new{color:var(--gold);font-size:2.8rem;font-weight:900}

/* label box */
.label-box{max-width:520px;margin:0 auto;background:#fff;border:3px solid #111;padding:16px 20px;font-size:.95rem;line-height:1.5}
.label-box h4{margin:0;font-size:1.6rem;border-bottom:8px solid #111;padding-bottom:4px}
.label-box .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #111;padding:5px 0}
.label-box .thick{border-bottom:5px solid #111}
.label-box small{display:block;font-size:.8rem;margin-top:8px;color:#333}

/* article + legal */
.page-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:56px 5%;text-align:center}
.page-hero h1{margin:0 0 10px;font-size:2.6rem}
.page-hero p{max-width:760px;margin:0 auto;color:#d3e0f0;font-size:1.1rem}
main.article{max-width:820px;margin:0 auto;padding:44px 5% 30px}
main.article h1{color:var(--navy);font-size:2.4rem;line-height:1.2}
main.article h2{color:var(--navy);margin-top:38px;font-size:1.65rem}
main.article ul{padding-left:22px}
.callout{background:var(--bg);border-left:5px solid var(--teal);padding:16px 22px;border-radius:8px;margin:22px 0}
.callout p{margin:0}
.highlight{background:#fff8e1;border-left:5px solid var(--gold);padding:14px 20px;border-radius:8px;margin:18px 0}
.article-cta{background:var(--bg);border-radius:16px;padding:30px;text-align:center;margin:40px 0}
.related{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}
.related a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-weight:700;display:block}
.related a:hover{border-color:var(--teal)}
.back{text-align:center;margin:36px 0}

/* footer */
footer.site{background:var(--navy);color:#c9d6e6;padding:46px 5%;font-size:.9rem;line-height:1.7}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:20px}
footer.site nav a{color:var(--gold)}
footer.site .contact{margin-top:14px;color:#9fb2c8}

.top-btn{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;box-shadow:0 6px 16px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .3s}
.top-btn.show{opacity:1;pointer-events:auto}

@media(max-width:900px){
 .hero-grid,.split,.guar-grid{grid-template-columns:1fr}
 .g2,.g3,.g4,.price-cards,.related{grid-template-columns:1fr}
 .hero h1{font-size:2.2rem}.hero-img{max-width:340px;margin:0 auto}
 .pcard.pop{transform:none}
 nav.main a:not(.btn){display:none}
 .compare .new{font-size:2.2rem}
}

/* reviews */
.reviewer{text-align:center}
.reviewer img{width:130px;height:130px;border-radius:50%;object-fit:cover;margin:0 auto 14px;box-shadow:0 6px 18px rgba(11,31,58,.18);transition:transform .25s}
.reviewer img:hover{transform:scale(1.07)}
.reviewer .stars{color:var(--gold);-webkit-text-stroke:1px #b88a00;font-size:1.15rem;margin-bottom:6px}
.reviewer h3{font-size:1.15rem;margin:0 0 10px}
.reviewer .quote{text-align:left;font-style:italic;font-size:.95rem;line-height:1.65}
.reviewer .who{margin-top:14px;font-weight:800;color:var(--navy)}

/* six-bottle image in final CTA */
.final-img{max-width:280px;margin:18px auto 4px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
/* HoneyPower additions */
.answer-box{background:#f3eefc;border:1px solid #d4c5f0;border-left:5px solid var(--teal);border-radius:10px;padding:16px 22px;margin:22px 0;font-size:1rem}
.answer-box strong{color:var(--navy)}
.hero .answer-box{color:var(--text);margin:18px 0 22px;font-size:.98rem;line-height:1.6}
.bonus-card{background:#fff;border:2px solid var(--gold);border-radius:16px;padding:22px;text-align:center;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.bonus-card img{max-height:280px;width:auto;margin:0 auto 14px;border-radius:8px;box-shadow:0 10px 24px rgba(42,26,99,.25)}
.bonus-card .free{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-weight:900;font-size:.8rem;padding:5px 18px;border-radius:20px}
.bonus-card h3{margin:6px 0;color:var(--navy);font-size:1.1rem}
.bonus-card .val{color:var(--muted);font-size:.92rem;margin-bottom:8px}
.bonus-card .val s{color:#a33}
.bonus-card p{font-size:.94rem;margin:0}
.ing-card{border-top:4px solid var(--gold)}
.ing-card em{display:block;color:#5b3aa8;font-size:.88rem;margin-bottom:6px}
.safety{background:#fff3f0;border:1px solid #f0c3ba;border-left:5px solid #c0392b;border-radius:10px;padding:18px 22px;margin:30px auto 0;max-width:900px;font-size:.96rem}
.reviewer .meta{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.pcard .per s{font-size:.9rem}
.pcard .bonus-line{color:#5b3aa8;font-weight:800;font-size:.9rem;margin-bottom:6px}
.note-box{background:#fff8ec;border:1px solid #f0d6a8;border-left:5px solid #e08a1e;border-radius:10px;padding:16px 22px;margin:26px auto 0;max-width:900px;font-size:.95rem}
.chipbar{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}
.chipbar div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-weight:700;color:var(--navy);font-size:.95rem}