:root{--navy:#1a0e00;--navy-mid:#2e1a08;--teal:#d4822a;--teal-light:#f0a84d;--sky:#fef6e8;--sky-mid:#fde8c0;--gold:#e8a820;--gold-dark:#c98a00;--green:#27ae60;--red-soft:#e74c3c;--white:#fff;--off-white:#fefcf7;--gray-100:#f0f4f2;--gray-200:#d8e3dc;--gray-600:#6e5e4e;--gray-800:#382e24;--font-display:'Playfair Display',Georgia,serif;--font-body:'DM Sans',system-ui,sans-serif;--radius:12px;--shadow-sm:0 2px 12px rgba(10,46,31,.08);--shadow-md:0 8px 40px rgba(10,46,31,.12);--shadow-lg:0 20px 60px rgba(10,46,31,.18)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;font-size:16px;overflow-x:hidden!important;max-width:100vw;width:100%}body{font-family:var(--font-body);color:var(--gray-800);background:var(--white);line-height:1.7}img{max-width:100%!important;height:auto!important;display:block}a{color:inherit;text-decoration:none;transition:.2s}ul{list-style:none}.container{max-width:1160px;margin:0 auto;padding:0 24px;overflow:hidden}.container--narrow{max-width:860px;margin:0 auto;padding:0 24px}
.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);background:var(--sky);padding:6px 16px;border-radius:999px;margin-bottom:16px}
.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.2;color:var(--navy);margin-bottom:18px}.section-title span{color:var(--teal)}
.lead{font-size:1.1rem;color:var(--gray-600);line-height:1.8;max-width:680px}
.text-center{text-align:center}.text-center .lead{margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:1rem;padding:16px 36px;border-radius:999px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;box-shadow:0 6px 24px rgb(232 168 32/.45);font-size:1.05rem;padding:18px 44px}.btn-primary:hover{box-shadow:0 10px 32px rgb(232 168 32/.55)}
.btn-outline{background:#fff0;border:2px solid var(--teal);color:var(--teal);padding:14px 32px}.btn-outline:hover{background:var(--teal);color:#fff}
.btn-white{background:#fff;color:var(--navy);box-shadow:var(--shadow-md);padding:16px 36px}

/* TOPBAR */
.topbar{background:linear-gradient(90deg,var(--navy) 0%,var(--navy-mid) 100%);color:#fff;text-align:center;padding:10px 24px;font-size:.85rem;font-weight:600}.topbar span{color:var(--gold)}

/* NAVBAR */
.navbar{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1160px;margin:0 auto}.navbar__logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--navy);white-space:nowrap}.navbar__logo img{width:38px;height:38px;border-radius:8px}.navbar__logo span{display:inline}.navbar__logo em{color:var(--teal);font-style:normal}.navbar__nav{display:flex;gap:28px;align-items:center}.navbar__nav a{font-size:.9rem;font-weight:600;color:var(--gray-800)}.navbar__nav a:hover{color:var(--teal)}.navbar__cta .btn{padding:11px 26px;font-size:.9rem}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}.hamburger span{width:24px;height:2.5px;background:var(--navy);border-radius:2px;display:block}
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:9999;flex-direction:column;padding:80px 32px 32px;gap:8px}.mobile-nav.active{display:flex}.mobile-nav a{font-size:1.2rem;font-weight:500;padding:16px 0;border-bottom:1px solid var(--gray-200);color:var(--navy)}.mobile-nav .close-btn{position:absolute;top:20px;right:24px;font-size:28px;cursor:pointer;background:none;border:none;color:var(--navy)}

/* HERO */
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 60%,#2e1a08 100%);padding:80px 0 60px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgb(212 130 42/.25) 0%,transparent 70%);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--white);clip-path:ellipse(55% 100% at 50% 100%)}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.2);backdrop-filter:blur(8px);color:var(--teal-light);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 18px;border-radius:999px;margin-bottom:24px}
.hero__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.15;color:#fff;margin-bottom:22px}.hero__title em{font-style:normal;color:var(--teal-light);display:block}
.hero__subtitle{font-size:1.05rem;color:rgb(255 255 255/.8);line-height:1.8;margin-bottom:32px}
.hero__rating{display:flex;align-items:center;gap:14px;margin-bottom:32px;color:var(--gold);font-size:1.2rem}.hero__rating-text{color:rgb(255 255 255/.85);font-size:.9rem}.hero__rating-text strong{color:#fff}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero__price-note{font-size:.85rem;color:rgb(255 255 255/.6);margin-top:14px}.hero__price-note strong{color:var(--gold)}
.hero__image-wrap{position:relative;display:flex;justify-content:center}.hero__image-wrap img{width:100%;max-width:480px;filter:drop-shadow(0 30px 60px rgb(0 0 0/.35));position:relative;z-index:1;animation:float 4s ease-in-out infinite}
.hero__glow{position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgb(212 130 42/.3) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* TRUST BAR */
.trust-bar{padding:48px 0;background:var(--white)}.trust-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.trust-badge{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;background:var(--off-white);border:1px solid var(--sky-mid);border-radius:var(--radius);text-align:center;transition:box-shadow .2s,transform .2s}.trust-badge:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.trust-badge .icon{width:56px;height:56px;background:var(--sky);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}
.trust-badge h3{font-size:.95rem;font-weight:700;color:var(--navy)}.trust-badge p{font-size:.82rem;color:var(--gray-600);line-height:1.5}

/* SECTIONS */
.section{padding:80px 0}.section-alt{background:var(--off-white)}

/* PRICING */
.pricing-section{padding:64px 0;text-align:center;background:var(--white);overflow:hidden}
.pricing-section a,.pricing-section a img{display:block;width:100%;max-width:900px;margin:0 auto;border-radius:var(--radius)}
.pricing-section img{cursor:pointer;transition:.2s;box-shadow:var(--shadow-lg)}.pricing-section img:hover{transform:scale(1.01)}
.pricing-section .stock-text{margin-top:20px;font-size:.95rem;color:var(--teal);font-weight:600}

/* ABOUT GRID */
.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.about-grid img{border-radius:20px;box-shadow:var(--shadow-lg)}.about-grid .text h2{font-family:var(--font-display);font-size:2rem;color:var(--navy);margin-bottom:20px}.about-grid .text p{color:var(--gray-600);margin-bottom:16px;line-height:1.8}

/* HOW IT WORKS */
.science__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:52px}
.science__step{text-align:center;padding:36px 28px;border-radius:20px;background:var(--off-white);border:1px solid var(--sky-mid);position:relative;transition:box-shadow .3s,transform .3s}.science__step:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.science__step-num{width:54px;height:54px;background:linear-gradient(135deg,var(--teal),var(--navy));color:#fff;font-size:1.3rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:var(--font-display)}
.science__step .icon{font-size:2.2rem;margin-bottom:16px}
.science__step h3{font-family:var(--font-display);font-size:1.2rem;color:var(--navy);margin-bottom:12px}.science__step p{font-size:.9rem;color:var(--gray-600);line-height:1.7}

/* INGREDIENT CARDS - DARK */
.ingredients-dark{padding:80px 0;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}
.ingredients-dark::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgb(212 130 42/.15) 0%,transparent 70%);right:-100px;top:-100px;pointer-events:none}
.ingredients-dark .section-label{background:rgb(255 255 255/.1);color:var(--teal-light)}
.ingredients-dark .section-title{color:#fff}
.ingredients-dark .lead{color:rgb(255 255 255/.75)}
.ingredients-dark .ingredient-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}
.ingredient-card-dark{background:rgb(255 255 255/.07);border:1px solid rgb(255 255 255/.12);backdrop-filter:blur(8px);border-radius:var(--radius);padding:24px 22px;transition:background .25s,transform .25s}.ingredient-card-dark:hover{background:rgb(255 255 255/.13);transform:translateY(-4px)}
.ingredient-card-dark .ic-icon{font-size:1.8rem;margin-bottom:12px}
.ingredient-card-dark h3{font-weight:700;font-size:1rem;color:var(--teal-light);margin-bottom:6px}
.ingredient-card-dark p{font-size:.85rem;color:rgb(255 255 255/.72);line-height:1.6}

/* BENEFITS */
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.benefit-item{display:flex;gap:18px;align-items:flex-start;padding:24px;background:var(--off-white);border-radius:var(--radius);border:1px solid var(--sky-mid);transition:box-shadow .2s,transform .2s}.benefit-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.benefit-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--sky),var(--sky-mid));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.benefit-item h3{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:6px}.benefit-item p{font-size:.87rem;color:var(--gray-600);line-height:1.6}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:48px}
.testimonial-card{background:var(--white);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:box-shadow .3s;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md)}
.testimonial-card::before{content:'"';font-family:var(--font-display);font-size:5rem;color:var(--sky-mid);position:absolute;top:-5px;left:22px;line-height:1;pointer-events:none}
.testimonial-card .stars{color:var(--gold);font-size:1.1rem;margin-bottom:8px}
.testimonial-card .verified{font-size:.8rem;font-weight:600;color:var(--green);margin-bottom:12px}
.testimonial-card p{font-size:.95rem;color:var(--gray-800);line-height:1.75;margin-bottom:20px;font-style:italic}
.testimonial-card .reviewer{font-weight:700;font-size:.9rem;color:var(--navy);border-top:1px solid var(--gray-200);padding-top:16px}.testimonial-card .reviewer span{font-weight:400;color:var(--gray-600);font-size:.85rem}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,var(--gold) 0%,#f5a623 100%);padding:52px 24px;text-align:center}
.cta-strip h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--navy);margin-bottom:10px}
.cta-strip p{color:rgb(10 46 31/.8);font-size:1rem;margin-bottom:28px}
.cta-strip .btn-primary{background:var(--navy);color:#fff;box-shadow:0 6px 28px rgb(10 46 31/.35)}
.cta-strip .price-note{margin-top:14px;color:rgb(10 46 31/.65);font-size:.85rem}

/* GUARANTEE */
.guarantee{padding:80px 0;background:linear-gradient(135deg,var(--navy) 0%,#2e1a08 100%)}
.guarantee__inner{display:grid;grid-template-columns:auto 1fr;gap:52px;align-items:center}
.guarantee__seal img{width:192px;filter:drop-shadow(0 10px 30px rgb(0 0 0/.3))}
.guarantee .section-label{background:rgb(255 255 255/.1);color:var(--teal-light)}
.guarantee .section-title{color:#fff}
.guarantee__text{color:rgb(255 255 255/.82);font-size:1rem;line-height:1.8;margin-top:16px}
.guarantee__promise{margin-top:24px;padding:20px 24px;background:rgb(255 255 255/.08);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;color:rgb(255 255 255/.9);font-size:.97rem;font-style:italic}

/* FAQ */
.faq{padding:80px 0;background:var(--off-white)}
.faq__list{margin-top:48px;display:flex;flex-direction:column;gap:12px}
.faq__item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}
.faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;font-size:1rem;font-weight:700;color:var(--navy);background:none;border:none;cursor:pointer;text-align:left;gap:16px}
.faq__question:hover{background:var(--sky)}
.faq__chevron{width:28px;height:28px;background:var(--sky);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;transition:transform .3s;color:var(--teal);font-weight:900}
.faq__item.open .faq__chevron{transform:rotate(180deg)}
.faq__answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0 28px;color:var(--gray-600);font-size:.97rem;line-height:1.8}
.faq__item.open .faq__answer{max-height:400px;padding:0 28px 22px}

/* FINAL CTA */
.final-cta{padding:80px 24px;text-align:center;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 60%,#2e1a08 100%)}
.final-cta .section-title{color:#fff}.final-cta .lead{color:rgb(255 255 255/.75)}
.final-cta__product img{width:320px!important;max-width:320px!important;margin:36px auto;filter:drop-shadow(0 20px 50px rgb(0 0 0/.4))}
.final-cta__price{font-family:var(--font-display);margin-bottom:32px}
.final-cta__price .old{font-size:1.2rem;color:rgb(255 255 255/.5);text-decoration:line-through}
.final-cta__price .new{font-size:3rem;font-weight:900;color:var(--gold)}
.final-cta__price .per{font-size:1rem;color:rgb(255 255 255/.6)}

/* FOOTER */
.footer{background:#0e0800;color:rgb(255 255 255/.55);padding:48px 24px 32px;text-align:center;font-size:.83rem;line-height:1.8}
.footer__links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.footer__links a{color:rgb(255 255 255/.6)}.footer__links a:hover{color:var(--teal-light)}
.footer__disclaimer{max-width:880px;margin:24px auto 0;padding-top:24px;border-top:1px solid rgb(255 255 255/.08)}

/* LEGAL */
.legal-page{padding:60px 0;min-height:60vh}.legal-page .container{max-width:800px}.legal-page h1{font-family:var(--font-display);font-size:2.2rem;color:var(--navy);margin-bottom:8px}.legal-page .updated{font-size:.88rem;color:var(--gray-600);margin-bottom:32px}.legal-page h2{font-size:1.25rem;font-weight:700;color:var(--navy);margin:32px 0 12px}.legal-page p,.legal-page li{font-size:.92rem;color:var(--gray-600);line-height:1.8;margin-bottom:12px}.legal-page ul{padding-left:20px;list-style:disc}

/* SCROLL TOP */
#scrollTop{position:fixed;bottom:28px;right:28px;width:48px;height:48px;background:var(--teal);color:#fff;border:none;border-radius:50%;font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow-md);display:none;align-items:center;justify-content:center;z-index:999}#scrollTop:hover{background:var(--navy);transform:scale(1.1)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.22s}

/* RESPONSIVE */
@media(max-width:900px){.hero__grid,.about-grid,.guarantee__inner{grid-template-columns:1fr;gap:40px}.hero__image-wrap{order:-1}.trust-bar__grid{grid-template-columns:repeat(2,1fr)}.science__steps{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.reviews-grid{grid-template-columns:1fr}.guarantee__inner{text-align:center}.guarantee__seal img{margin:0 auto}.navbar__nav{display:none}.hamburger{display:flex}}
@media(max-width:580px){.trust-bar__grid{grid-template-columns:1fr 1fr}.hero__actions{flex-direction:column}.btn-primary{width:100%;justify-content:center}}