:root{
  --primary:#4A3A85;
  --primary-dark:#332767;
  --accent:#F5B82E;
  --accent-dark:#D99A0B;
  --bg-dark:#241B47;
  --bg-mid:#352A66;
  --text-body:#1a1a1a;
  --text-mid:#4b4b57;
  --text-light:#9d97b8;
  --border:#e4e1f0;
  --green:#16a34a;
  --red:#dc2626;
  --white:#ffffff;
  --off-white:#f7f5fc;
  --radius:14px;
  --radius-lg:22px;
  --shadow:0 8px 24px rgba(74,58,133,.14);
  --shadow-lg:0 18px 48px rgba(36,27,71,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--white);color:var(--text-body)}
p{font-family:'Poppins',sans-serif;font-size:18px;color:#1a1a1a;line-height:1.8}
li{font-family:'Poppins',sans-serif;font-size:18px;color:#1a1a1a;line-height:1.8}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.25}
img{width:100%;display:block;max-width:100%}
a{text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.tag{display:inline-block;background:rgba(245,184,46,.14);color:var(--accent-dark);font-weight:700;font-size:14px;letter-spacing:1.6px;text-transform:uppercase;padding:8px 18px;border-radius:100px;margin-bottom:18px}
.tag.on-dark{background:rgba(245,184,46,.16);color:var(--accent)}
.h2{font-size:40px;font-weight:800;color:var(--primary-dark);margin-bottom:16px}
.h2.on-dark{color:var(--white)}
.h2 .gold{color:var(--accent-dark)}
.h2.on-dark .gold{color:var(--accent)}
.sub{font-size:19px;color:var(--text-mid);max-width:820px;margin:0 auto 48px}
.sub.on-dark{color:#cdc7e6}
.center{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;padding:19px 42px;border-radius:100px;cursor:pointer;transition:.25s;border:none}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--primary-dark);box-shadow:0 10px 26px rgba(217,154,11,.4)}
.btn-accent:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(217,154,11,.5)}
.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.55)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-outline-dark{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn-outline-dark:hover{background:var(--primary);color:var(--white)}

/* TOP BAR + NAV */
.topbar{background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:var(--white);text-align:center;font-size:15px;font-weight:500;padding:10px 16px}
.topbar b{color:var(--accent);font-weight:700}
.nav-wrap{position:sticky;top:0;z-index:900;background:rgba(36,27,71,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{font-size:27px;font-weight:800;color:var(--white);white-space:nowrap;flex-shrink:0}
.logo span{color:var(--accent)}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links li{font-size:16px;line-height:1}
.nav-links a{color:#d9d4ef;font-weight:500;transition:.2s}
.nav-links a:hover{color:var(--accent)}
.nav-cta{background:var(--accent);color:var(--primary-dark);font-weight:700;font-size:16px;padding:12px 26px;border-radius:100px;white-space:nowrap;transition:.25s}
.nav-cta:hover{background:var(--accent-dark)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:26px;height:3px;background:var(--white);border-radius:2px}

/* HERO */
.hero{background:radial-gradient(1100px 600px at 78% 30%,rgba(245,184,46,.14),transparent 60%),linear-gradient(140deg,var(--bg-dark) 0%,var(--primary-dark) 55%,var(--primary) 100%);padding:84px 0 96px;color:var(--white);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{font-size:40px;font-weight:600;color:var(--white);margin-bottom:20px}
.hero h1 .gold{color:var(--accent)}
.hero .lead{font-size:20px;color:#d9d4ef;margin-bottom:28px}
.pain-list{list-style:none;margin-bottom:34px}
.pain-list li{display:flex;gap:12px;align-items:flex-start;color:#e7e3f6;font-size:18px;margin-bottom:12px}
.pain-list .x{color:var(--red);font-weight:800;flex-shrink:0;background:rgba(220,38,38,.16);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:3px}
.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.trust-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:9px 18px;font-size:14px;font-weight:600;color:#e7e3f6;display:flex;align-items:center;gap:8px}
.trust-item em{font-style:normal;color:var(--accent)}
.hero-img-wrap{position:relative}
.hero-glow{position:absolute;inset:-8%; z-index:0}
.hero-img-wrap img{position:relative;z-index:1;max-width:430px;margin:0 auto;filter:drop-shadow(0 24px 44px rgba(0,0,0,.45))}

/* PAIN CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pain-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px 28px;box-shadow:var(--shadow);transition:.25s}
.pain-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.pain-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(220,38,38,.05));display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:20px}
.pain-card p{font-weight:600;color:#241B47}
.pain-close{max-width:860px;margin:56px auto 0}
.pain-close p{margin-bottom:20px}

/* WHAT IS */
.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.img-frame{position:relative}
.img-frame img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:460px;margin:0 auto}
.float-badge{position:absolute;bottom:26px;left:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px 22px;display:flex;align-items:center;gap:14px}
.float-badge .num{font-size:30px;font-weight:800;color:var(--primary)}
.float-badge .lbl{font-size:14px;color:var(--text-mid);line-height:1.4}
.check-list{list-style:none;margin:26px 0 34px}
.check-list li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.check-list .tick{color:var(--green);font-weight:800;flex-shrink:0;background:rgba(22,163,74,.12);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:3px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat-box{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);padding:22px 14px;text-align:center}
.stat-box .num{font-size:32px;font-weight:800;color:var(--primary)}
.stat-box .lbl{font-size:14px;color:var(--text-mid);line-height:1.4;margin-top:4px}

/* INGREDIENTS */
.dark-section{background:linear-gradient(150deg,var(--bg-dark),var(--primary-dark))}
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ing-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:28px;transition:.25s}
.ing-card:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.ing-card img{width:96px;height:96px;object-fit:cover;border-radius:50%;border:3px solid rgba(245,184,46,.5);margin-bottom:18px}
.ing-card h3{color:var(--accent);font-size:21px;font-weight:700;margin-bottom:12px}
.ing-card p{color:#d9d4ef;font-size:16.5px;line-height:1.75;margin-bottom:16px}
.ben-tag{display:inline-block;background:rgba(22,163,74,.18);color:#4ade80;font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:100px}

/* HOW IT WORKS */
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative}
.phase-grid::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary));border-radius:2px;z-index:0}
.phase{position:relative;z-index:1;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 26px;box-shadow:var(--shadow);text-align:center}
.phase .num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:4px solid var(--white);box-shadow:var(--shadow)}
.phase h3{color:var(--primary-dark);font-size:20px;margin-bottom:6px}
.phase .weeks{color:var(--accent-dark);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:12px}
.phase p{font-size:16.5px;color:var(--text-mid)}

/* BENEFITS */
.benefit-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:.25s}
.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.benefit-card img{height:240px;object-fit:cover}
.benefit-card .body{padding:24px 26px 30px}
.benefit-card .body p{font-weight:600;color:#241B47;font-size:17.5px}
.benefit-icon{height:240px;display:flex;align-items:center;justify-content:center;font-size:74px;background:linear-gradient(135deg,rgba(74,58,133,.08),rgba(245,184,46,.14))}

/* CTA STRIP */
.cta-strip{background:linear-gradient(90deg,var(--primary-dark),var(--primary) 60%,#5b48a3)}
.cta-strip-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:64px 0}
.cta-strip h2{font-size:34px;font-weight:800;color:var(--white);margin-bottom:10px}
.cta-strip h2 span{color:var(--accent)}
.cta-strip p{color:#d9d4ef;font-size:18px}
.reassure-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px}
.reassure-row div{color:#e7e3f6;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.reassure-row em{font-style:normal;color:var(--accent)}
.cta-strip .btn{width:100%;font-size:20px;padding:22px 30px}

/* TESTIMONIALS */
.rating-bar{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--off-white);border:1px solid var(--border);border-radius:100px;padding:16px 34px;width:fit-content;margin:0 auto 48px;flex-wrap:wrap}
.rating-bar .stars{color:var(--accent-dark);font-size:22px;letter-spacing:3px}
.rating-bar .score{font-size:22px;font-weight:800;color:var(--primary-dark)}
.rating-bar .count{font-size:15px;color:var(--text-mid)}
.t-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 30px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.t-card .stars{color:var(--accent-dark);font-size:18px;letter-spacing:2px;margin-bottom:16px}
.t-card .story{font-size:16.5px;color:var(--text-mid);line-height:1.8;flex:1}
.t-foot{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.t-name{font-weight:700;color:#241B47;font-size:16px;line-height:1.35}
.t-loc{font-size:14px;color:var(--text-mid)}
.verified{display:inline-flex;align-items:center;gap:6px;background:rgba(22,163,74,.1);color:var(--green);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:100px;margin-top:6px}

/* PRICING */
.price-urgency{color:var(--accent);font-weight:700;font-size:18px;text-align:center;margin-bottom:44px;letter-spacing:.5px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:center}
.price-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:34px 26px;text-align:center;position:relative;transition:.25s}
.price-card:hover{transform:translateY(-4px)}
.price-card.featured{background:rgba(255,255,255,.1);border:2px solid var(--accent);transform:scale(1.05);box-shadow:0 22px 54px rgba(0,0,0,.4)}
.price-card.featured:hover{transform:scale(1.05) translateY(-4px)}
.ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--primary-dark);font-weight:800;font-size:13.5px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 22px;border-radius:100px;white-space:nowrap}
.price-card h3{color:var(--white);font-size:23px;font-weight:800;margin-bottom:2px}
.price-card .supply{color:#bdb5dd;font-size:15px;margin-bottom:18px}
.price-card img{ margin:0 auto 18px}
.per-bottle{color:var(--accent);font-size:44px;font-weight:800;line-height:1}
.per-bottle small{font-size:16px;color:#cdc7e6;font-weight:600}
.total-line{color:#cdc7e6;font-size:16.5px;margin:14px 0 4px}
.total-line s{color:#8d84b5}
.total-line b{color:var(--white);font-size:20px}
.ship-line{color:#bdb5dd;font-size:14px;margin-bottom:16px}
.save-badge{display:inline-block;background:rgba(22,163,74,.2);color:#4ade80;font-weight:700;font-size:14.5px;padding:7px 16px;border-radius:100px;margin-bottom:18px}
.price-feats{list-style:none;text-align:left;margin:0 auto 24px;max-width:230px}
.price-feats li{color:#e7e3f6;font-size:15px;display:flex;gap:9px;margin-bottom:8px;line-height:1.55}
.price-feats .tick{color:#4ade80;font-weight:800}
.price-card .btn{width:100%;font-size:17px;padding:16px 20px}
.secure-note{text-align:center;color:#bdb5dd;font-size:15px;margin-top:38px}
.secure-note em{font-style:normal;color:var(--accent)}

/* BONUSES */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bonus-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);text-align:center;transition:.25s}
.bonus-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.bonus-card img{max-width:190px;margin:0 auto 18px;filter:drop-shadow(0 10px 20px rgba(36,27,71,.2))}
.bonus-num{color:var(--accent-dark);font-weight:800;font-size:14.5px;letter-spacing:1.2px;text-transform:uppercase;display:block;margin-bottom:6px}
.bonus-card h3{color:var(--primary-dark);font-size:20px;margin-bottom:12px}
.bonus-card p{font-size:16px;color:var(--text-mid);margin-bottom:16px}
.free-badge{display:inline-block;background:rgba(22,163,74,.1);color:var(--green);font-weight:700;font-size:13.5px;padding:7px 16px;border-radius:100px}

/* GUARANTEE */
.g-circle{width:290px;height:290px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--primary-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;box-shadow:0 22px 54px rgba(217,154,11,.4);border:10px solid rgba(255,255,255,.35)}
.g-circle .days{font-size:88px;font-weight:900;line-height:1}
.g-circle .txt{font-size:19px;font-weight:800;max-width:190px;line-height:1.35}
.g-copy p{margin-bottom:20px}
.cert-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.cert-row div{display:flex;align-items:center;gap:8px;background:var(--off-white);border:1px solid var(--border);border-radius:100px;padding:9px 18px;font-size:14.5px;font-weight:600;color:var(--primary-dark)}
.cert-row em{font-style:normal;color:var(--green);font-weight:800}

/* OBJECTIONS */
.obj-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow)}
.obj-card .icon{font-size:34px;margin-bottom:16px}
.obj-card h3{color:var(--primary-dark);font-size:18.5px;font-weight:700;margin-bottom:12px;line-height:1.45}
.obj-card p{font-size:16px;color:var(--text-mid)}

/* FAQ */
.faq-wrap{max-width:860px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;box-shadow:0 3px 12px rgba(74,58,133,.06)}
.faq-q{width:100%;background:none;border:none;font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:var(--primary-dark);text-align:left;padding:22px 58px 22px 26px;cursor:pointer;position:relative;line-height:1.5}
.faq-q::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:400;color:var(--accent-dark);transition:.25s}
.faq-item.open .faq-q::after{transform:translateY(-50%) rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 26px 24px;font-size:17px;color:var(--text-mid)}

/* FINAL CTA */
.final-cta{background:radial-gradient(900px 500px at 50% 0%,rgba(245,184,46,.14),transparent 60%),linear-gradient(160deg,var(--bg-dark),var(--primary-dark))}
.final-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:36px 0 30px}
.final-reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
.final-reassure div{color:#cdc7e6;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.final-reassure em{font-style:normal;color:var(--accent)}

/* FOOTER */
footer{background:var(--bg-dark);color:#bdb5dd;padding:70px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;margin-bottom:44px}
.foot-grid h4{color:var(--white);font-size:17px;margin-bottom:18px}
.foot-grid ul{list-style:none}
.foot-grid ul li{margin-bottom:10px;font-size:15.5px}
.foot-grid ul a{color:#bdb5dd;transition:.2s}
.foot-grid ul a:hover{color:var(--accent)}
.foot-grid p{color:#bdb5dd;font-size:15.5px;line-height:1.75}
.foot-disclaimer{border-top:1px solid rgba(255,255,255,.1);padding-top:28px;font-size:13.5px;color:#8d84b5;line-height:1.8}
.foot-copy{text-align:center;font-size:14px;color:#8d84b5;margin-top:24px}

/* STICKY BAR */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(36,27,71,.97);border-top:3px solid var(--accent);z-index:950;transform:translateY(110%);transition:transform .35s ease;box-shadow:0 -8px 30px rgba(0,0,0,.35)}
.sticky-bar.show{transform:translateY(0)}
.sticky-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.sticky-inner .txt{color:var(--white);font-size:16.5px;font-weight:600}
.sticky-inner .txt b{color:var(--accent)}
.sticky-inner .btn{font-size:16px;padding:13px 30px;white-space:nowrap;flex-shrink:0}

/* RESPONSIVE */
@media(max-width:1080px){
  .h2{font-size:34px}
  .hero h1{font-size:40px}
  .grid-3,.ing-grid,.bonus-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
  .price-card.featured{transform:none}
  .price-card.featured:hover{transform:translateY(-4px)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .nav-links{display:none}
  .burger{display:flex}
  .nav-links.mobile-open{display:flex;position:absolute;top:74px;left:0;right:0;background:var(--bg-dark);flex-direction:column;gap:0;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.1)}
  .nav-links.mobile-open li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .hero-grid,.two-col,.cta-strip-grid{grid-template-columns:1fr}
  .hero-img-wrap{order:-1}
  .hero-img-wrap img{max-width:300px}
  .phase-grid{grid-template-columns:1fr}
  .phase-grid::before{display:none}
  .foot-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .section{padding:64px 0}
  .hero{padding:56px 0 70px}
  .hero h1{font-size:31px}
  .h2{font-size:28px}
  .grid-3,.ing-grid,.bonus-grid{grid-template-columns:1fr}
  .sticky-inner .txt{font-size:14px}
  .float-badge{position:static;margin-top:16px;width:fit-content}
  .final-btns .btn{width:100%}
}