/* ============================================================
   USA-KINZENO.COM — css/style.css
   Theme:  Forest Green #1B4332 + Sand #F5EDD6 + Coral Orange #E85D26 + Ivory #FEFDF8
           Forest Dark #0F2D1E + Forest Mid #2D6A4F — botanical warmth.
           Zero blue/navy/aqua — completely different from S20+S21
   Fonts:  Gloock (2022 elegant contemporary serif for headlines) +
           Instrument Sans (2023 geometric humanist for body) —
           NEITHER used in any of 21 previous sites ✓
   Hero:   LARGE-TYPE CENTRED EDITORIAL BOTANICAL —
           full-width ivory background, SVG leaf decorations at corners,
           massively oversized Gloock serif headline centred across full width,
           product image INLINE within H1 text (between "Science" and "Meets"),
           large ingredient name row below headline as typographic row,
           proof stat strip, CTAs — centred editorial aesthetic
           BRAND NEW — not in any of 21 previous sites
   Ingredients: BOTANICAL CARD GRID 2×4 —
           8 ingredient cards in 2-col grid with alternating
           forest/coral/default styling — new layout
   Sections: Sand / Forest / Ivory / Forest alternating
   ── DISTINCT FROM ALL 21 PREVIOUS SITES ─────────────────────
   S20: Navy+Aqua+Amber / Syne+Nunito / Floating Spotlight
   S21: Steel+SkyBlue+Lime / Bricolage+Readex Pro / Editorial Magazine
   S22: Forest+Sand+Coral+Ivory / Gloock+Instrument Sans / Centred Botanical
   ALL PREVIOUS FONTS (cannot reuse): DM Serif Display, Inter, Playfair Display,
   Nunito Sans, Fraunces, Plus Jakarta Sans, Lora, Outfit, Space Grotesk,
   Libre Baskerville, Bebas Neue, Mulish, Urbanist, DM Serif Text, Manrope,
   Yeseva One, Bitter, IBM Plex Sans, Exo 2, Crimson Pro, Raleway,
   Cormorant Garamond, Poppins, Spectral, Montserrat, Merriweather,
   Barlow, Source Serif 4, Anton, Figtree, Work Sans, Zilla Slab,
   Josefin Sans, Newsreader, DM Sans, Libre Caslon Text, Syne, Nunito,
   Bricolage Grotesque, Readex Pro
   ============================================================ */

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

:root{
  --forest:    #1B4332;
  --forest-dk: #0F2D1E;
  --forest-md: #2D6A4F;
  --forest-lt: #4A9E6A;
  --forest-pal:#E8F4EC;
  --sand:      #F5EDD6;
  --sand-dk:   #E8D8B0;
  --sand-dkr:  #D4C090;
  --coral:     #E85D26;
  --coral-dk:  #B8420E;
  --coral-lt:  #F07A4A;
  --coral-pal: #FDF0EA;
  --ivory:     #FEFDF8;
  --ivory-dk:  #F5F0E8;
  --ivory-dkr: #EDE5D4;
  --white:     #FFFFFF;
  --text:      #0D1F17;
  --gray:      #2C3E35;
  --gray-lt:   #5A7065;
  --border:    #C8D8CC;

  --fh: 'Gloock', Georgia, serif;
  --fb: 'Instrument Sans', system-ui, sans-serif;

  --sh-sm:     0 1px 8px rgba(27,67,50,.08);
  --sh-md:     0 4px 20px rgba(27,67,50,.14);
  --sh-lg:     0 12px 40px rgba(27,67,50,.20);
  --sh-forest: 0 6px 24px rgba(27,67,50,.28);
  --sh-coral:  0 6px 24px rgba(232,93,38,.26);

  --r-xs: 3px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-p:  999px;
}

html{scroll-behavior:smooth}
body{font-family:var(--fb);font-size:17px;color:var(--gray);background:var(--ivory);overflow-x:hidden;line-height:1.74}
h1,h2,h3,h4{font-family:var(--fh);font-weight:400;line-height:1.18;color:var(--text)}
em{font-style:italic}strong{font-weight:600}

/* ── BUTTONS ──────────────────────── */
.btn-forest{
  display:inline-block;background:var(--forest);color:var(--white);
  font-family:var(--fb);font-weight:600;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-xs);text-decoration:none;
  letter-spacing:.3px;box-shadow:var(--sh-forest);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.btn-forest:hover{background:var(--forest-md);transform:translateY(-2px);box-shadow:0 10px 32px rgba(27,67,50,.38)}
.btn-coral{
  display:inline-block;background:var(--coral);color:var(--white);
  font-family:var(--fb);font-weight:700;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-xs);text-decoration:none;
  letter-spacing:.3px;box-shadow:var(--sh-coral);
  transition:filter .2s,transform .2s;
}
.btn-coral:hover{filter:brightness(1.12);transform:translateY(-2px)}
.btn-outline-forest{
  display:inline-block;background:transparent;color:var(--forest);
  font-family:var(--fb);font-weight:600;font-size:.86rem;
  padding:14px 28px;border-radius:var(--r-xs);text-decoration:none;
  border:1.5px solid var(--forest);transition:all .2s;
}
.btn-outline-forest:hover{background:var(--forest-pal);color:var(--forest-dk)}
.btn-xl{font-size:1.05rem;padding:17px 48px}

/* ── NAV ─────────────────────────── */
nav{
  position:sticky;top:0;z-index:1000;
  background:var(--ivory);
  border-bottom:2px solid var(--sand-dk);
  box-shadow:0 2px 16px rgba(27,67,50,.08);
  padding:0 32px;height:68px;
}
.nav-inner{max-width:1280px;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:10px}
.nl-a{font-family:var(--fh);font-size:1.5rem;font-weight:400;color:var(--forest-dk);letter-spacing:-.3px}
.nl-b{font-family:var(--fb);font-size:.68rem;font-weight:600;color:var(--coral);letter-spacing:.5px;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none}
.nav-links a{color:var(--gray-lt);text-decoration:none;font-family:var(--fb);font-size:.80rem;font-weight:500;padding:7px 12px;border-radius:var(--r-sm);transition:all .2s}
.nav-links a:hover{color:var(--forest);background:var(--forest-pal)}
.nav-cta{background:var(--forest)!important;color:var(--white)!important;font-weight:600!important;padding:9px 20px!important;border-radius:var(--r-xs)!important}
.nav-cta:hover{background:var(--forest-md)!important}
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-ham span{width:24px;height:2px;background:var(--forest);display:block;border-radius:2px}
.mob-panel{position:fixed;top:0;right:-100%;width:min(300px,90vw);height:100%;background:var(--ivory);z-index:2000;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:right .3s ease;box-shadow:-8px 0 32px rgba(27,67,50,.18);border-left:2px solid var(--sand-dk)}
.mob-panel.open{right:0}
.mob-x{background:none;border:none;color:var(--gray-lt);font-size:1.4rem;cursor:pointer;align-self:flex-end;padding:4px;margin-bottom:6px}
.mob-panel a{color:var(--gray);text-decoration:none;font-family:var(--fb);font-size:1.0rem;font-weight:600;padding:10px 0;border-bottom:1px solid var(--border);display:block}
.mob-cta{background:var(--forest)!important;color:var(--white)!important;text-align:center;padding:14px!important;border-radius:var(--r-xs)!important;border:none!important;margin-top:8px}
.mob-mask{position:fixed;inset:0;background:rgba(27,67,50,.30);z-index:1999;display:none}
.mob-mask.show{display:block}

/* ══════════════════════════════════════════
   HERO — Large-Type Centred Editorial Botanical
   Warm ivory/sand background
   SVG botanical leaves at corners (decorative)
   Centred layout:
     top: eyebrow label row
     H1: oversized Gloock serif lines centred
       Line 1: "Botanical"
       Line 2: "Science [product image] Meets"
         (product image INLINE between words)
       Line 3: "Magnetic Therapy."
     Ingredient name row (typographic, centred)
     Hero definition paragraph
     CTA buttons row
     Proof stat strip
   BRAND NEW — not in any of 21 previous sites
══════════════════════════════════════════ */
.hero{
  background:var(--ivory);
  min-height:96vh;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  padding:80px 40px 60px;
}
/* Decorative SVG leaves — CSS positioned */
.hero-leaf{position:absolute;pointer-events:none}
.hero-leaf-tl{top:0;left:0;width:160px;height:240px;opacity:.9}
.hero-leaf-tr{top:0;right:0;width:160px;height:240px;opacity:.9}
.hero-leaf-br{bottom:20px;right:30px;width:100px;height:120px;opacity:.7}

.hero-inner{
  max-width:1100px;width:100%;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;
  gap:28px;text-align:center;position:relative;z-index:1;
}
.hero-label-row{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  justify-content:center;
  font-family:var(--fb);font-size:.72rem;font-weight:600;
  color:var(--gray-lt);letter-spacing:.5px;
}
.hlr-tag{
  background:var(--forest-pal);color:var(--forest);
  padding:4px 14px;border-radius:var(--r-p);
  border:1px solid rgba(27,67,50,.15);font-weight:700;
}
.hlr-div{color:var(--sand-dkr)}
.hlr-text{color:var(--gray-lt)}

/* Hero headline — Gloock display serif */
.hero-headline{width:100%}
.hero-h1{
  font-family:var(--fh);font-weight:400;
  color:var(--text);text-align:center;
  line-height:1.06;
}
.h1-line{display:block}
.h1-l1{
  font-size:clamp(3.5rem,8vw,9rem);
  letter-spacing:-2px;
  color:var(--forest);
}
.h1-l2{
  font-size:clamp(2.8rem,6vw,7rem);
  letter-spacing:-2px;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(8px,2vw,32px);flex-wrap:wrap;
}
.h1-word{color:var(--text)}
/* Inline product image between headline words */
.h1-product-inline{
  display:inline-flex;align-items:center;justify-content:center;
  vertical-align:middle;
}
.hero-product-link{display:block}
.hero-inline-img{
  width:clamp(120px,12vw,200px);height:auto;
  object-fit:contain;display:block;
  filter:drop-shadow(0 12px 28px rgba(27,67,50,.22));
  transition:transform .4s;
}
.hero-product-link:hover .hero-inline-img{transform:scale(1.08) translateY(-6px)}
.h1-l3{
  font-size:clamp(2.8rem,6vw,7rem);
  letter-spacing:-2px;
  color:var(--coral);font-style:italic;
}

/* Ingredient botanical row */
.hero-botanic-row{
  display:flex;align-items:center;flex-wrap:wrap;
  justify-content:center;gap:4px 0;
  font-family:var(--fb);font-size:.88rem;font-weight:600;
  color:var(--forest);letter-spacing:.3px;
  background:var(--sand);
  border-radius:var(--r-p);
  padding:10px 28px;
  border:1px solid var(--sand-dk);
}
.hbr-dot{color:var(--coral);margin:0 8px;font-size:.55rem;vertical-align:middle}

.hero-p{
  font-family:var(--fb);font-size:.98rem;
  color:var(--gray);line-height:1.74;
  max-width:640px;text-align:center;
}
.hero-p strong{color:var(--forest-dk);font-weight:700}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.hero-proof{
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;
  background:var(--sand);border:1px solid var(--sand-dk);
  border-radius:var(--r-md);overflow:hidden;
}
.hpr{text-align:center;padding:14px 24px}
.hpr-line{width:1px;background:var(--sand-dk);align-self:stretch}
.hpr-n{display:block;font-family:var(--fh);font-size:1.7rem;color:var(--forest);line-height:1}
.hpr-l{display:block;font-family:var(--fb);font-size:.58rem;font-weight:700;color:var(--gray-lt);text-transform:uppercase;letter-spacing:.6px;margin-top:3px}

/* ── CONDITIONS BAND ──────────────── */
.cond-band{background:var(--forest);padding:12px 24px}
.cb-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px}
.cb-inner span{font-family:var(--fb);font-size:.74rem;font-weight:600;color:rgba(255,255,255,.50)}
.cb-inner span:first-child{font-weight:700;color:rgba(255,255,255,.70)}
.cbi-sep{color:var(--coral)!important;font-size:.55rem!important}

/* ── SECTION COMMON ────────────────── */
.wrap{max-width:1200px;margin:0 auto;padding:96px 40px;position:relative}
.s-sand{background:var(--sand)}
.s-forest{background:var(--forest)}
.s-ivory{background:var(--ivory)}

.sec-leaf{
  display:table;font-family:var(--fb);font-size:.60rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:var(--forest-pal);color:var(--forest);
  padding:6px 18px;border-radius:var(--r-p);
  border:1.5px solid rgba(27,67,50,.15);
  margin:0 auto 14px;
}
.sec-leaf-lt{
  display:table;font-family:var(--fb);font-size:.60rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:rgba(255,255,255,.10);color:rgba(255,255,255,.52);
  padding:6px 18px;border-radius:var(--r-p);
  border:1.5px solid rgba(255,255,255,.14);
  margin:0 auto 14px;
}
.s-h2{font-family:var(--fh);font-size:2.8rem;color:var(--text);line-height:1.18;margin-bottom:10px;text-align:center;font-weight:400}
.s-h2 em{color:var(--forest)}
.s-h2-lt{font-family:var(--fh);font-size:2.8rem;color:var(--white);line-height:1.18;margin-bottom:10px;text-align:center;font-weight:400}
.s-h2-lt em{color:rgba(255,255,255,.60)}
.s-sub-lt{font-family:var(--fb);font-size:.94rem;color:rgba(255,255,255,.42);max-width:660px;text-align:center;margin:0 auto}
.s-sub-c{font-family:var(--fb);font-size:.94rem;color:var(--gray);max-width:660px;text-align:center;margin:0 auto}

/* ── ABOUT ────────────────────────── */
.about-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:start;margin-top:28px}
.about-main{display:flex;flex-direction:column;gap:16px}
.about-main p{font-family:var(--fb);font-size:.94rem;color:var(--gray);line-height:1.76}
.about-main strong{color:var(--forest-dk);font-weight:700}
.action-trio{display:flex;flex-direction:column;gap:12px;margin:6px 0}
.at-row{display:flex;align-items:flex-start;gap:14px;background:var(--ivory);border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px;box-shadow:var(--sh-sm);transition:border-color .2s,box-shadow .2s}
.at-row:hover{border-color:var(--forest-lt);box-shadow:var(--sh-md)}
.atr-num{font-family:var(--fh);font-size:1.6rem;color:var(--forest-lt);flex-shrink:0;line-height:1;margin-top:2px}
.atr-body h3{font-family:var(--fb);font-size:.90rem;font-weight:700;color:var(--text);line-height:1.28;margin-bottom:6px}
.atr-body p{font-family:var(--fb);font-size:.84rem;color:var(--gray);line-height:1.68}
.about-safety{
  background:var(--coral-pal);border:1.5px solid var(--coral-dk);
  border-radius:var(--r-md);padding:12px 16px;
  font-family:var(--fb);font-size:.84rem;color:var(--text);line-height:1.60;
}
.about-safety strong{color:var(--coral-dk)}
.about-aside{display:flex;flex-direction:column;gap:14px}
.aside-img{width:100%;height:auto;border-radius:var(--r-lg);display:block;box-shadow:var(--sh-lg)}
.aside-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.af{background:var(--ivory);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:center;box-shadow:var(--sh-sm)}
.af-forest{background:var(--forest);border-color:var(--forest-md)}
.af strong{display:block;font-family:var(--fh);font-size:1.7rem;color:var(--forest);line-height:1;margin-bottom:4px}
.af-forest strong{color:var(--sand)}
.af span{font-family:var(--fb);font-size:.70rem;color:var(--gray-lt);line-height:1.40;display:block}
.af-forest span{color:rgba(255,255,255,.45)}

/* ── PRICING ──────────────────────── */
.price-wrap{margin:36px 0 28px;text-align:center}
.price-img{width:100%;max-width:960px;height:auto;border-radius:var(--r-lg);display:block;margin:0 auto;box-shadow:0 12px 40px rgba(255,255,255,.12);transition:transform .3s}
.price-wrap a:hover .price-img{transform:scale(1.01)}
.price-cta{display:flex;flex-direction:column;align-items:center;gap:12px}
.fine-lt{font-family:var(--fb);font-size:.70rem;color:rgba(255,255,255,.30)}

/* ══════════════════════════════════════════
   INGREDIENTS — Botanical Card Grid 2×4
   8 cards in 2-column grid
   Cards alternate between: default ivory | forest green | coral
   Each card: large icon, bold name, role badge, detail text
   BRAND NEW — different from S20 pill masonry and S21 alternating rows
══════════════════════════════════════════ */
.ing-plants-img{margin:28px 0 36px;text-align:center}
.plants-img{width:100%;max-width:800px;height:auto;border-radius:var(--r-lg);display:block;margin:0 auto;box-shadow:var(--sh-lg)}
.ing-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:36px}
.ing-card{
  background:var(--ivory);border:1.5px solid var(--border);
  border-radius:var(--r-lg);padding:20px;
  display:flex;flex-direction:column;gap:10px;
  box-shadow:var(--sh-sm);
  transition:transform .25s,box-shadow .25s;
}
.ing-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.ic-forest{background:var(--forest);border-color:var(--forest-md)}
.ic-coral{background:var(--coral-pal);border-color:rgba(232,93,38,.18)}
.ic-icon{font-size:1.6rem;line-height:1}
.ic-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ic-top strong{font-family:var(--fb);font-size:.96rem;font-weight:700;color:var(--text)}
.ic-forest .ic-top strong{color:var(--sand)}
.ic-role{font-family:var(--fb);font-size:.62rem;font-weight:700;color:var(--forest);background:var(--forest-pal);padding:2px 10px;border-radius:var(--r-p);white-space:nowrap}
.ic-role-lt{color:var(--sand-dk)!important;background:rgba(255,255,255,.12)!important}
.ic-role-dk{color:var(--coral-dk)!important;background:rgba(232,93,38,.10)!important}
.card-text{font-family:var(--fb);font-size:.84rem;color:var(--gray);line-height:1.70}
.ic-forest .card-text{color:rgba(255,255,255,.52)}
.ing-cta{text-align:center}

/* ── GUARANTEE ───────────────────── */
.guar-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:center}
.guar-img{width:100%;max-width:220px;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(27,67,50,.20))}
.guar-text{display:flex;flex-direction:column;gap:14px}
.guar-text p{font-family:var(--fb);font-size:.94rem;color:rgba(255,255,255,.50);line-height:1.76}
.guar-pts{display:flex;flex-direction:column;gap:9px;margin:4px 0}
.gp{display:flex;align-items:center;gap:10px}
.gp-ok{color:var(--sand);font-size:1rem;font-weight:700;flex-shrink:0}
.gp span:last-child{font-family:var(--fb);font-size:.90rem;font-weight:600;color:rgba(255,255,255,.62)}

/* ── REVIEWS ──────────────────────── */
.rv-stats{
  display:flex;align-items:center;flex-wrap:wrap;
  background:var(--ivory);border:1.5px solid var(--border);
  border-radius:var(--r-md);overflow:hidden;
  margin:28px 0 36px;box-shadow:var(--sh-sm);
}
.rvs{flex:1;text-align:center;padding:18px 10px}
.rvs-sep{width:1px;background:var(--border);align-self:stretch}
.rvs-n{display:block;font-family:var(--fh);font-size:1.9rem;color:var(--forest);line-height:1}
.rvs-l{display:block;font-family:var(--fb);font-size:.60rem;font-weight:700;color:var(--gray-lt);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.rv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rv-card{
  background:var(--ivory);border:1.5px solid var(--border);
  border-radius:var(--r-md);padding:22px;
  display:flex;flex-direction:column;gap:12px;
  box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s;
  border-left:4px solid var(--coral);
}
.rv-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.rv-forest{background:var(--forest);border-color:var(--forest-md);border-left-color:var(--sand-dk)}
.rv-stars{color:var(--coral);font-size:.90rem;letter-spacing:1.5px}
.rv-stars-lt{color:var(--sand)}
.rv-card blockquote{font-family:var(--fh);font-size:.96rem;font-style:italic;line-height:1.66;color:var(--gray);flex:1;font-weight:400}
.bq-lt{color:rgba(255,255,255,.70)!important}
.rv-person{display:flex;align-items:center;gap:12px}
.rv-av{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}
.rv-av-lt{border-color:rgba(255,255,255,.25)}
.rv-person strong{font-family:var(--fb);font-size:.88rem;font-weight:700;color:var(--text);display:block}
.rv-p-lt strong{color:var(--white)}
.rv-role{font-family:var(--fb);font-size:.68rem;color:var(--gray-lt);display:block}
.rv-role-lt{color:rgba(255,255,255,.42)!important}

/* ── PAYMENT ──────────────────────── */
.pay-wrap{margin:28px 0 24px;text-align:center}
.pay-img{width:100%;max-width:900px;height:auto;border-radius:var(--r-lg);display:block;margin:0 auto;box-shadow:var(--sh-lg);transition:transform .3s}
.pay-wrap a:hover .pay-img{transform:scale(1.01)}
.pay-cta{text-align:center;margin-top:12px}

/* ── HOW TO ───────────────────────── */
.ht-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.htc{background:var(--ivory);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:28px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-sm)}
.htc-n{font-family:var(--fh);font-size:2.4rem;color:var(--coral);line-height:1}
.htc h3{font-family:var(--fb);font-size:.94rem;font-weight:700;color:var(--text);line-height:1.28}
.htc p{font-family:var(--fb);font-size:.88rem;color:var(--gray);line-height:1.74}
.htc-warn{font-size:.80rem;color:var(--forest-dk);font-style:italic;font-weight:600;background:var(--coral-pal);padding:8px 12px;border-radius:var(--r-sm);border-left:3px solid var(--coral-dk)}
.ht-cta{text-align:center;margin-top:36px}

/* ── FAQ ──────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.faq-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);overflow:hidden}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 22px;font-family:var(--fb);font-size:.96rem;font-weight:700;color:rgba(255,255,255,.78);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,.06);color:var(--white)}
.fq-i{width:28px;height:28px;border-radius:50%;background:var(--coral);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;font-family:var(--fb);font-weight:700;transition:transform .3s,background .2s;line-height:1}
.faq-body{display:none;padding:0 22px 18px;border-top:1px solid rgba(255,255,255,.10)}
.faq-answer{display:block;font-family:var(--fb);font-size:.90rem;background:rgba(255,255,255,.07);border-left:3px solid var(--coral);padding:12px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:1.74;color:rgba(255,255,255,.50);margin-top:12px}
.faq-item.open .faq-body{display:block}
.faq-item.open .fq-i{transform:rotate(45deg);background:var(--sand)}
.faq-item.open .faq-q{color:var(--white)}
.faq-item.open .fq-i{color:var(--forest-dk)}

/* ── FINAL CTA ────────────────────── */
.s-final{background:linear-gradient(155deg,var(--forest-dk) 0%,var(--forest) 55%,var(--forest-md) 100%);border-top:3px solid var(--coral)}
.final-wrap{max-width:1200px;margin:0 auto;padding:80px 40px;display:flex;align-items:center;gap:56px}
.final-text{flex:1;display:flex;flex-direction:column;gap:16px}
.final-h2{font-family:var(--fh);font-size:clamp(2.0rem,3.6vw,3.4rem);color:var(--white);line-height:1.12;font-weight:400}
.final-h2 em{color:var(--sand);font-style:italic;font-size:72%;display:block;font-family:var(--fh);line-height:1.4;margin-top:6px;font-weight:400}
.final-sub{font-family:var(--fb);font-size:.82rem;color:rgba(255,255,255,.28)}
.final-trust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.final-trust span{font-family:var(--fb);font-size:.70rem;font-weight:500;color:rgba(255,255,255,.26)}
.ftd{color:rgba(255,255,255,.12)!important}
.final-img-col{flex:0 0 260px;text-align:center}
.final-img{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 16px 40px rgba(0,0,0,.36));transition:transform .4s;display:block;margin:0 auto}
.final-img-col:hover .final-img{transform:scale(1.06) translateY(-8px)}

/* ── FOOTER ───────────────────────── */
footer{background:var(--forest-dk);border-top:2px solid rgba(245,237,214,.14)}
.foot-top{padding:52px 40px;border-bottom:1px solid rgba(255,255,255,.06)}
.foot-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;align-items:start}
.foot-logo{text-decoration:none;display:flex;align-items:baseline;margin-bottom:8px}
.fg-desc{font-family:var(--fb);font-size:.80rem;line-height:1.68;color:rgba(255,255,255,.20);margin-bottom:14px}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px}
.fg-chips span{background:rgba(232,93,38,.10);border:1px solid rgba(232,93,38,.18);color:rgba(255,255,255,.36);font-family:var(--fb);font-size:.60rem;font-weight:600;padding:3px 9px;border-radius:var(--r-xs)}
.fg-nav h5{font-family:var(--fb);font-size:.60rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sand-dk);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(245,237,214,.10)}
.fg-nav ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:16px}
.fg-nav ul li a{color:rgba(255,255,255,.27);text-decoration:none;font-family:var(--fb);font-size:.88rem;transition:color .2s}
.fg-nav ul li a:hover{color:var(--sand)}
.fg-cta{display:inline-block;background:var(--coral);color:var(--white);font-family:var(--fb);font-weight:700;font-size:.86rem;padding:10px 18px;border-radius:var(--r-xs);text-decoration:none;transition:filter .2s}
.fg-cta:hover{filter:brightness(1.12)}
.fgg{background:rgba(232,93,38,.10);border:1px solid rgba(232,93,38,.16);border-radius:var(--r-md);padding:20px;text-align:center}
.fgg-n{font-family:var(--fh);font-size:2.8rem;color:var(--sand);line-height:1;display:block;margin-bottom:4px;font-weight:400}
.fgg strong{font-family:var(--fb);font-size:.96rem;font-weight:700;color:var(--white);display:block;margin-bottom:6px}
.fgg p{font-family:var(--fb);font-size:.80rem;color:rgba(255,255,255,.27);line-height:1.60}
.foot-legal{max-width:1200px;margin:0 auto;padding:14px 40px 24px}
.foot-legal p{font-family:var(--fb);font-size:.74rem;color:rgba(255,255,255,.16);line-height:1.65;margin-bottom:8px}
.foot-copy{font-size:.72rem;color:rgba(255,255,255,.10);margin-top:8px;padding-top:8px;border-top:1px solid rgba(245,237,214,.08)}
.foot-copy a{color:rgba(255,255,255,.24);text-decoration:none}
.foot-copy a:hover{color:var(--sand);text-decoration:underline}

/* ── ANIMATIONS ───────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ───────────────────── */
@media(max-width:1100px){
  .hero{padding:60px 28px 48px;min-height:auto}
  .h1-l1{font-size:clamp(2.8rem,7vw,6rem)}
  .h1-l2,.h1-l3{font-size:clamp(2.2rem,5.5vw,5rem)}
  .about-layout{grid-template-columns:1fr;gap:40px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .fg-brand{grid-column:1/-1}
  .fg-guar{grid-column:1/-1}
  .final-wrap{gap:40px;flex-wrap:wrap;justify-content:center;text-align:center}
  .final-trust{justify-content:center}
}
@media(max-width:900px){
  .rv-grid{grid-template-columns:1fr}
  .ht-grid{grid-template-columns:1fr}
  .guar-layout{grid-template-columns:1fr;text-align:center}
  .guar-img{max-width:180px}
  .ing-card-grid{grid-template-columns:1fr}
  .wrap{padding:72px 28px}
  .rv-stats{flex-direction:column;align-items:stretch}
  .rvs-sep{width:100%;height:1px}
  .rvs{padding:12px 10px}
}
@media(max-width:768px){
  .s-h2,.s-h2-lt,.final-h2{font-size:2.2rem}
  .hero-leaf{opacity:.5}
  .aside-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .nav-ham{display:flex}
  .hero{padding:44px 20px 40px}
  .h1-l1{font-size:2.8rem}
  .h1-l2,.h1-l3{font-size:2.2rem}
  .hero-inline-img{width:90px}
  .s-h2,.s-h2-lt{font-size:1.9rem}
  .final-h2{font-size:2.0rem}
  .wrap{padding:60px 20px}
  .foot-top,.foot-legal{padding:28px 20px}
  .foot-grid{grid-template-columns:1fr;gap:22px}
  .final-wrap{padding:60px 20px;flex-direction:column;align-items:center}
  .hero-proof{flex-direction:column}
  .hpr-line{width:80%;height:1px}
  .hero-botanic-row{gap:6px}
  .cb-inner{justify-content:flex-start}
}