/* ============================================================
   AMPJOINT10-US.COM — css/style.css
   Theme: Forest Green + Warm Cream + Heritage Gold + Charcoal
   Font:  Playfair Display (editorial serif) + Nunito Sans (rounded friendly sans)
   Signature: Horizontal ingredient rows with coloured left-stripe icon columns
   Angled section dividers — botanical, premium, wellness-editorial feel
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* Core Palette */
  --forest:    #1B4332;
  --forest-md: #2D6A4F;
  --forest-lt: #40916C;
  --forest-pal:#D8F3DC;
  --forest-xpl:#F0FAF3;
  --cream:     #F5F0E8;
  --cream-dk:  #EDE5D6;
  --cream-dkr: #D9CDB8;
  --gold:      #C9A84C;
  --gold-dk:   #8B6914;
  --gold-lt:   #E8C96E;
  --gold-pal:  #FBF5E6;
  --charcoal:  #1C1C1C;
  --char-md:   #2E2E2E;
  --char-lt:   #444444;
  --gray:      #6B7280;
  --gray-lt:   #9CA3AF;
  --border:    #DDD5C4;
  --white:     #FFFFFF;

  /* Shadows */
  --sh-sm:  0 1px 6px rgba(27,67,50,.08);
  --sh-md:  0 4px 20px rgba(27,67,50,.12);
  --sh-lg:  0 12px 40px rgba(27,67,50,.18);
  --sh-gold:0 4px 20px rgba(201,168,76,.30);
  --sh-for: 0 6px 24px rgba(27,67,50,.25);

  /* Radius */
  --r-xs:  4px;
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  22px;
  --r-xl:  32px;
  --r-pill:999px;
}

html{scroll-behavior:smooth}
body{
  font-family:'Nunito Sans',sans-serif;
  font-size:17px;color:var(--char-md);
  background:var(--cream);
  overflow-x:hidden;line-height:1.74;
}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:700;line-height:1.2}
em{font-style:italic}
strong{font-weight:800}

/* ---- BUTTONS ---- */
.btn-forest{
  display:inline-block;
  background:var(--forest);color:var(--cream);
  font-family:'Nunito Sans',sans-serif;font-weight:800;
  font-size:.96rem;letter-spacing:.3px;
  padding:16px 42px;border-radius:var(--r-sm);
  text-decoration:none;
  transition:background .22s,transform .2s,box-shadow .2s;
  box-shadow:var(--sh-for);
}
.btn-forest:hover{background:var(--forest-md);transform:translateY(-2px);box-shadow:0 10px 30px rgba(27,67,50,.35)}
.btn-gold{
  display:inline-block;
  background:var(--gold);color:var(--charcoal);
  font-family:'Nunito Sans',sans-serif;font-weight:900;
  font-size:.96rem;letter-spacing:.3px;
  padding:16px 42px;border-radius:var(--r-sm);
  text-decoration:none;
  transition:filter .2s,transform .2s;
  box-shadow:var(--sh-gold);
}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-outline-cream{
  display:inline-block;
  background:transparent;color:var(--cream);
  font-family:'Nunito Sans',sans-serif;font-weight:700;
  font-size:.88rem;padding:15px 28px;
  border-radius:var(--r-sm);text-decoration:none;
  border:1.5px solid rgba(255,255,255,.35);
  transition:all .2s;
}
.btn-outline-cream:hover{border-color:var(--cream);background:rgba(255,255,255,.08)}
.btn-lg{font-size:1.06rem;padding:18px 52px}
.btn-xl{font-size:1.10rem;padding:20px 60px}

/* ---- EYEBROWS ---- */
.eyebrow{
  display:inline-block;
  font-family:'Nunito Sans',sans-serif;
  font-size:.62rem;font-weight:900;
  letter-spacing:3.5px;text-transform:uppercase;
  color:var(--forest);border-bottom:2px solid var(--forest-lt);
  padding-bottom:4px;margin-bottom:16px;
}
.eyebrow-light{
  display:inline-block;
  font-family:'Nunito Sans',sans-serif;
  font-size:.62rem;font-weight:900;
  letter-spacing:3.5px;text-transform:uppercase;
  color:rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.25);
  padding-bottom:4px;margin-bottom:16px;
}
.section-head-center{text-align:center;margin-bottom:52px}
.h2-light{font-family:'Playfair Display',serif;font-size:2.6rem;color:var(--cream);line-height:1.18;margin-bottom:14px}
.subhead{font-size:.96rem;color:var(--gray);max-width:620px;margin:0 auto}
.subhead-light{font-size:.96rem;color:rgba(255,255,255,.50);max-width:620px;margin:0 auto}

/* ---- NAV ---- */
nav{
  position:sticky;top:0;z-index:1000;
  background:var(--cream);
  border-bottom:3px solid var(--forest);
  box-shadow:0 2px 16px rgba(27,67,50,.12);
  padding:0 28px;height:70px;
}
.nav-wrap{max-width:1320px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-logo{text-decoration:none;display:flex;align-items:baseline;gap:1px}
.nl-amp{font-family:'Nunito Sans',sans-serif;font-size:1.55rem;font-weight:900;color:var(--forest);letter-spacing:-1px}
.nl-joint{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--gold-dk);font-style:italic}
.nav-menu{display:flex;align-items:center;gap:4px;list-style:none}
.nav-menu a{color:var(--char-lt);text-decoration:none;font-family:'Nunito Sans',sans-serif;font-size:.80rem;font-weight:700;padding:7px 12px;border-radius:var(--r-sm);transition:all .2s}
.nav-menu a:hover{color:var(--forest);background:var(--forest-xpl)}
.nav-btn{background:var(--forest)!important;color:var(--cream)!important;font-weight:800!important;padding:9px 20px!important;border-radius:var(--r-sm)!important;transition:background .2s!important}
.nav-btn:hover{background:var(--forest-md)!important;color:var(--cream)!important}
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-toggle span{width:24px;height:2px;background:var(--forest);display:block;border-radius:2px}
.nav-drawer{display:none;flex-direction:column;background:var(--white);position:absolute;top:73px;left:0;right:0;padding:20px 28px;gap:12px;z-index:999;border-bottom:3px solid var(--forest);box-shadow:0 8px 24px rgba(27,67,50,.16)}
.nav-drawer.open{display:flex}
.nav-drawer a{color:var(--char-lt);text-decoration:none;font-family:'Nunito Sans',sans-serif;font-size:.96rem;font-weight:700;padding:8px 0;border-bottom:1px solid var(--border)}
.drawer-btn{background:var(--forest)!important;color:var(--cream)!important;text-align:center;padding:14px!important;border-radius:var(--r-sm)!important;font-weight:800!important;margin-top:8px;border:none!important}

/* ---- HERO ---- */
.hero{
  background:var(--forest);
  position:relative;overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  min-height:90vh;
  padding:0 40px;
  gap:0;
}
.hero-leaf-left,.hero-leaf-right{
  position:absolute;font-size:260px;
  color:rgba(255,255,255,.025);
  pointer-events:none;user-select:none;
  font-family:serif;line-height:1;
}
.hero-leaf-left{left:-60px;top:-40px;transform:rotate(-20deg)}
.hero-leaf-right{right:-60px;bottom:-40px;transform:rotate(160deg)}
.hero-wrap{
  padding:80px 40px 100px 20px;
  display:flex;flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:20px;
  position:relative;z-index:1;
  height:100%;
}
.hero-kicker{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:'Nunito Sans',sans-serif;font-size:.76rem;font-weight:700;
  color:rgba(255,255,255,.55);letter-spacing:.5px;
}
.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}
.kicker-div{width:1px;height:14px;background:rgba(255,255,255,.20)}
.hero-h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.2rem,3.2vw,3.6rem);
  color:var(--cream);line-height:1.10;
}
.hero-h1 em{color:var(--gold);display:block}
.hero-h1 span{color:rgba(255,255,255,.55);font-style:italic;font-size:92%;display:block}
.hero-desc{font-size:1.00rem;color:rgba(255,255,255,.60);line-height:1.76;max-width:480px}
.hero-desc strong{color:var(--gold-lt)}
.hero-signals{
  display:flex;align-items:center;gap:0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-md);overflow:hidden;
  max-width:420px;width:100%;
}
.signal-item{flex:1;text-align:center;padding:14px 8px}
.signal-sep{width:1px;background:rgba(255,255,255,.12);align-self:stretch}
.signal-val{display:block;font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--gold);line-height:1}
.signal-lbl{display:block;font-family:'Nunito Sans',sans-serif;font-size:.60rem;font-weight:700;color:rgba(255,255,255,.45);margin-top:3px;letter-spacing:.3px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-assurance{font-size:.70rem;color:rgba(255,255,255,.30)}
.hero-product{
  display:flex;flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:80px 20px 100px 20px;
  position:relative;z-index:1;
  height:100%;
}
/* ---- PROOF BAND ---- */
.proof-band{background:var(--gold);padding:14px 28px}
.proof-band-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.pb-item{display:flex;align-items:center;gap:7px;padding:5px 16px}
.pb-leaf{font-size:.75rem;color:var(--charcoal)}
.pb-item span:last-child{font-family:'Nunito Sans',sans-serif;font-size:.76rem;font-weight:800;color:var(--charcoal)}
.pb-div{width:1px;height:18px;background:rgba(28,28,28,.20)}

/* ---- ABOUT ---- */
.about-section{background:var(--cream);padding:96px 40px;border-bottom:1px solid var(--border)}
.about-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.about-text{display:flex;flex-direction:column;gap:18px}
.about-text h2{font-size:2.6rem;color:var(--charcoal)}
.about-text h2 em{color:var(--forest)}
.benefit-intro{font-size:.98rem;color:var(--char-lt);line-height:1.78}
.benefit-intro strong{color:var(--forest);font-weight:900}
.about-text p{font-size:.94rem;color:var(--gray);line-height:1.76}
.about-qualities{display:flex;flex-direction:column;gap:18px}
.aq-row{display:flex;align-items:flex-start;gap:14px}
.aq-icon{font-size:1.0rem;color:var(--gold);margin-top:4px;flex-shrink:0}
.aq-row strong{font-family:'Nunito Sans',sans-serif;font-size:.96rem;font-weight:900;color:var(--charcoal);display:block;margin-bottom:4px}
.aq-row p{font-size:.86rem;color:var(--gray);line-height:1.68}
.about-visual{display:flex;flex-direction:column;gap:20px}
.av-stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.av-stat{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:20px 16px;text-align:center;
  box-shadow:var(--sh-sm);
}
.av-stat-gold{background:var(--forest);border-color:var(--forest)}
.avs-num{display:block;font-family:'Playfair Display',serif;font-size:2.2rem;color:var(--forest);line-height:1}
.av-stat-gold .avs-num{color:var(--gold-lt)}
.avs-lbl{display:block;font-family:'Nunito Sans',sans-serif;font-size:.68rem;font-weight:700;color:var(--gray);margin-top:5px}
.av-stat-gold .avs-lbl{color:rgba(255,255,255,.50)}
.av-clean-list{
  background:var(--forest);border-radius:var(--r-lg);padding:24px 26px;
}
.av-clean-list h4{font-family:'Nunito Sans',sans-serif;font-size:.72rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.av-clean-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.av-clean-list li{font-family:'Nunito Sans',sans-serif;font-size:.88rem;font-weight:700;color:rgba(255,255,255,.70)}

/* ---- PRICING ---- */
.pricing-section{background:var(--forest);padding:80px 40px;position:relative}
.pricing-wrap{max-width:1100px;margin:0 auto;text-align:center}
.pricing-img-wrap{margin-bottom:32px}
.pricing-img{
  width:100%;max-width:960px;height:auto;
  border-radius:var(--r-md);display:block;margin:0 auto;
  box-shadow:var(--sh-lg);transition:transform .3s;
}
.pricing-img-wrap a:hover .pricing-img{transform:scale(1.01)}
.pricing-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.pricing-fine{font-size:.72rem;color:rgba(255,255,255,.35)}

/* ---- INGREDIENTS ---- */
.ing-section{background:var(--cream-dk);padding:96px 40px}
.ing-wrap{max-width:1100px;margin:0 auto}
.ing-section .section-head-center h2{font-size:2.6rem;color:var(--charcoal)}
.ing-section .section-head-center h2 em{color:var(--forest)}
.ing-list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
.ing-row{
  display:grid;grid-template-columns:72px 1fr;
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-sm);
  transition:transform .25s,box-shadow .25s;
}
.ing-row:hover{transform:translateX(4px);box-shadow:var(--sh-md)}
.ing-row-alt{background:var(--cream)}
.ing-icon-col{
  background:var(--ic,var(--forest));
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.ing-ico{font-size:1.6rem;display:block;line-height:1}
.ing-card-body{padding:22px 26px;display:flex;flex-direction:column;gap:8px}
.ing-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ing-num{
  font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;
  color:var(--border);line-height:1;
}
.ing-badge{
  font-family:'Nunito Sans',sans-serif;font-size:.64rem;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;
  color:var(--bc,var(--forest));
  background:var(--bt,rgba(27,67,50,.10));
  padding:3px 10px;border-radius:var(--r-pill);
}
.ing-card-body h3{
  font-family:'Nunito Sans',sans-serif;font-size:1.06rem;font-weight:900;
  color:var(--charcoal);line-height:1.28;
}
.ing-card-body p{font-size:.88rem;color:var(--gray);line-height:1.72}
.ing-clean-row{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin-bottom:20px;
}
.ing-clean-row span{
  font-family:'Nunito Sans',sans-serif;font-size:.74rem;font-weight:800;
  background:var(--forest);color:var(--gold-lt);
  padding:6px 16px;border-radius:var(--r-pill);
}
.ing-cta{text-align:center}

/* ---- GUARANTEE ---- */
.guar-section{
  background:var(--white);padding:96px 40px;
  border-top:4px solid var(--gold);
  border-bottom:4px solid var(--forest);
}
.guar-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:72px;align-items:center}
.guar-img{width:100%;max-width:240px;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(201,168,76,.25))}
.guar-text{display:flex;flex-direction:column;gap:16px}
.guar-text h2{font-size:2.4rem;color:var(--charcoal)}
.guar-text h2 em{color:var(--forest)}
.guar-text p{font-size:.94rem;color:var(--gray);line-height:1.76}
.guar-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.guar-list li{font-family:'Nunito Sans',sans-serif;font-size:.92rem;font-weight:700;color:var(--forest)}

/* ---- REVIEWS ---- */
.reviews-section{background:var(--forest-xpl);padding:96px 40px;border-top:1px solid var(--border)}
.reviews-wrap{max-width:1320px;margin:0 auto}
.reviews-section .section-head-center h2{font-size:2.6rem;color:var(--charcoal)}
.reviews-section .section-head-center h2 em{color:var(--forest)}
.review-bar{
  max-width:900px;margin:0 auto 48px;
  background:var(--forest);border-radius:var(--r-xl);
  display:flex;align-items:center;overflow:hidden;flex-wrap:wrap;
}
.rb-stat{flex:1;text-align:center;padding:20px 14px}
.rb-div{width:1px;background:rgba(255,255,255,.12);align-self:stretch}
.rbs-num{display:block;font-family:'Playfair Display',serif;font-size:2.2rem;color:var(--gold);line-height:1}
.rbs-lbl{display:block;font-family:'Nunito Sans',sans-serif;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.40);text-transform:uppercase;letter-spacing:.4px;margin-top:5px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rv-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:26px 22px;
  display:flex;flex-direction:column;gap:14px;
  box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s;
}
.rv-card-featured{background:var(--forest);border-color:var(--forest)}
.rv-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.rv-stars{color:var(--gold);font-size:.88rem;letter-spacing:1.5px}
.rv-stars-cream{color:var(--gold-lt)}
.rv-card blockquote{font-family:'Playfair Display',serif;font-size:.92rem;font-style:italic;line-height:1.72;color:var(--char-lt);flex:1}
.rv-card-featured blockquote{color:rgba(255,255,255,.70)}
.rv-person{display:flex;align-items:center;gap:12px}
.rv-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);flex-shrink:0}
.rv-info{display:flex;flex-direction:column;gap:2px}
.rv-info strong{font-family:'Nunito Sans',sans-serif;font-size:.92rem;font-weight:900;color:var(--charcoal)}
.rv-card-featured .rv-info strong{color:var(--cream)}
.rv-info span{font-size:.68rem;color:var(--gray)}
.rv-card-featured .rv-info span{color:rgba(255,255,255,.45)}
.rv-pkg{font-size:.64rem;font-weight:800;color:var(--forest);background:var(--forest-pal);padding:2px 8px;border-radius:var(--r-xs);display:inline-block;margin-top:2px}
.rv-pkg-light{color:var(--gold-lt)!important;background:rgba(255,255,255,.10)!important}
.rv-highlight{font-family:'Nunito Sans',sans-serif;font-size:.72rem;font-weight:800;color:var(--forest);background:var(--forest-xpl);border-left:3px solid var(--forest-lt);padding:6px 12px;border-radius:0 var(--r-sm) var(--r-sm) 0}
.rv-highlight-light{color:var(--gold-lt);background:rgba(255,255,255,.08);border-left-color:var(--gold)}

/* ---- PAYMENT SECTION ---- */
.payment-section{background:var(--forest-md);padding:72px 40px}
.payment-wrap{max-width:1100px;margin:0 auto;text-align:center}
.payment-img-wrap{margin-top:32px}
.payment-img{width:100%;max-width:900px;height:auto;border-radius:var(--r-md);display:block;margin:0 auto;box-shadow:var(--sh-lg);transition:transform .3s}
.payment-img-wrap a:hover .payment-img{transform:scale(1.01)}

/* ---- HOW TO ---- */
.howto-section{background:var(--cream);padding:96px 40px;border-top:1px solid var(--border)}
.howto-wrap{max-width:860px;margin:0 auto}
.howto-wrap .section-head-center h2{font-size:2.4rem;color:var(--charcoal)}
.howto-wrap .section-head-center h2 em{color:var(--forest)}
.howto-steps{display:flex;flex-direction:column;gap:0;margin-top:12px}
.ht-block{
  background:var(--white);border:1px solid var(--border);border-left:5px solid var(--forest);
  border-radius:0 var(--r-lg) var(--r-lg) 0;
  padding:28px 30px;display:flex;flex-direction:column;gap:12px;
}
.ht-step-badge{
  font-family:'Nunito Sans',sans-serif;font-size:.66rem;font-weight:900;
  letter-spacing:2px;text-transform:uppercase;
  color:var(--white);background:var(--forest);
  padding:4px 14px;border-radius:var(--r-pill);
  display:inline-block;align-self:flex-start;
}
.ht-block h3{font-family:'Nunito Sans',sans-serif;font-size:1.06rem;font-weight:900;color:var(--charcoal);line-height:1.30}
.ht-block p{font-size:.90rem;color:var(--gray);line-height:1.76}
.ht-note{font-size:.82rem;color:var(--gray-lt)}
.ht-connector{
  width:5px;height:28px;background:linear-gradient(var(--forest-lt),var(--gold));
  margin-left:30px;border-radius:2px;opacity:.35;
}
.howto-cta{text-align:center;margin-top:40px}

/* ---- FAQ ---- */
.faq-section{background:var(--forest);padding:96px 40px}
.faq-wrap{max-width:860px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-md);overflow:hidden;
}
.faq-q{
  width:100%;background:none;border:none;text-align:left;
  padding:20px 24px;
  font-family:'Nunito Sans',sans-serif;font-size:.96rem;font-weight:800;
  color:var(--cream);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  transition:background .2s;line-height:1.40;
}
.faq-q:hover{background:rgba(255,255,255,.05)}
.fq-icon{font-size:1.4rem;font-weight:300;color:var(--gold);flex-shrink:0;transition:transform .3s;font-family:'Nunito Sans',sans-serif;line-height:1}
.faq-body{display:none;padding:0 24px 20px;border-top:1px solid rgba(255,255,255,.08)}
.faq-answer{
  display:block;font-size:.90rem;
  background:rgba(255,255,255,.04);
  border-left:3px solid var(--gold);
  padding:12px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;
  line-height:1.70;color:rgba(255,255,255,.55);margin-top:14px;
}
.faq-item.open .faq-body{display:block}
.faq-item.open .fq-icon{transform:rotate(45deg);color:var(--cream)}
.faq-item.open .faq-q{background:rgba(255,255,255,.05)}

/* ---- FINAL CTA ---- */
.final-cta{
  background:var(--charcoal);padding:100px 24px;text-align:center;
  position:relative;overflow:hidden;
  border-top:4px solid var(--gold);
}
.fct-leaves{
  position:absolute;top:0;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:space-between;
  pointer-events:none;padding:0 40px;
}
.fct-leaves span{font-size:clamp(160px,20vw,300px);color:rgba(255,255,255,.02);font-family:serif}
.final-cta-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.fct-h2{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--cream);line-height:1.10;text-align:center}
.fct-h2 em{color:var(--gold);font-style:italic;display:block}
.fct-sub{font-family:'Nunito Sans',sans-serif;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.30);line-height:1.70}
.fct-product{max-width:300px}
.fct-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 28px rgba(201,168,76,.12)) drop-shadow(0 18px 40px rgba(0,0,0,.50));transition:transform .4s;display:block}
.fct-product:hover .fct-img{transform:scale(1.05) translateY(-8px)}
.fct-trust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px}
.fct-trust span{font-family:'Nunito Sans',sans-serif;font-size:.70rem;font-weight:700;color:rgba(255,255,255,.28)}

/* ---- FOOTER ---- */
footer{background:var(--charcoal);border-top:4px solid var(--forest)}
.footer-top{padding:56px 40px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;align-items:start}
.footer-logo{text-decoration:none;display:flex;align-items:baseline;margin-bottom:10px;gap:1px}
.fl-amp{font-family:'Nunito Sans',sans-serif;font-size:1.6rem;font-weight:900;color:var(--forest-lt);letter-spacing:-1px}
.fl-joint{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--gold);font-style:italic}
.fg-tagline{font-family:'Nunito Sans',sans-serif;font-size:.64rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.fg-desc{font-family:'Nunito Sans',sans-serif;font-size:.80rem;line-height:1.68;color:rgba(255,255,255,.20);margin-bottom:14px}
.fg-tags{display:flex;flex-wrap:wrap;gap:6px}
.fg-tags span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.40);font-family:'Nunito Sans',sans-serif;font-size:.62rem;font-weight:700;padding:3px 10px;border-radius:var(--r-sm)}
.fg-nav h5{font-family:'Nunito Sans',sans-serif;font-size:.64rem;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.fg-nav ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.fg-nav ul li a{color:rgba(255,255,255,.28);text-decoration:none;font-family:'Nunito Sans',sans-serif;font-size:.88rem;transition:color .2s}
.fg-nav ul li a:hover{color:var(--cream)}
.fg-order-btn{display:inline-block;background:var(--forest);color:var(--cream);font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:.88rem;padding:11px 22px;border-radius:var(--r-sm);text-decoration:none;transition:background .2s}
.fg-order-btn:hover{background:var(--forest-md)}
.fgg-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-lg);padding:20px;text-align:center}
.fgg-icon{font-size:2rem;display:block;margin-bottom:8px}
.fgg-box strong{font-family:'Nunito Sans',sans-serif;font-size:1.0rem;font-weight:900;color:var(--cream);display:block;margin-bottom:6px}
.fgg-box p{font-family:'Nunito Sans',sans-serif;font-size:.80rem;color:rgba(255,255,255,.30);line-height:1.60}
.footer-legal{max-width:1320px;margin:0 auto;padding:14px 40px 24px;text-align:center}
.footer-legal p{font-family:'Nunito Sans',sans-serif;font-size:.74rem;color:rgba(255,255,255,.17);line-height:1.65;margin-bottom:8px}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.12);margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.footer-copy a{color:rgba(255,255,255,.28);text-decoration:none}
.footer-copy a:hover{color:var(--gold);text-decoration:underline}

/* ---- SCROLL REVEALS ---- */
.slide-up{opacity:0;transform:translateY(20px);animation:slideUp .75s ease both}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-kicker{animation-delay:.05s}
.hero-h1{animation-delay:.14s}
.hero-desc{animation-delay:.22s}
.hero-signals{animation-delay:.30s}
.hero-ctas{animation-delay:.38s}
.hero-assurance{animation-delay:.45s}
.hero-product{animation-delay:.20s}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ---- RESPONSIVE ---- */
@media(max-width:1200px){
  .about-wrap{grid-template-columns:1fr;gap:48px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .fg-brand{grid-column:1/-1}
  .fg-guar{grid-column:1/-1}
  .review-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-wrap{padding:70px 32px 32px}
  .hero-product{padding:16px 32px 70px;align-self:auto}
  .guar-wrap{grid-template-columns:1fr;text-align:center}
  .guar-img{max-width:200px}
  .review-grid{grid-template-columns:1fr}
  .av-stat-stack{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .about-wrap h2,.guar-text h2,.h2-light,.fct-h2{font-size:2.0rem}
  .pb-div{display:none}
  .rb-div{display:none}
  .ing-row{grid-template-columns:56px 1fr}
}
@media(max-width:640px){
  nav{padding:0 16px}
  .nav-menu{display:none}
  .nav-toggle{display:flex}
  .hero-wrap{padding:52px 20px 28px}
  .hero-product{padding:0 20px 52px;align-self:auto}
  .hero-leaf-left,.hero-leaf-right{display:none}
  .hero-angle{height:36px}
  .about-section,.pricing-section,.ing-section,.guar-section,.reviews-section,.payment-section,.howto-section,.faq-section,.final-cta{padding:64px 20px}
  .footer-top,.footer-legal{padding:28px 20px}
  .footer-grid{grid-template-columns:1fr;gap:22px}
  .about-wrap h2,.fct-h2{font-size:1.9rem}
  .ing-row{grid-template-columns:52px 1fr}
  .ing-card-body{padding:16px 18px}
}