/* ============================================================
   LIPOJELLYUS.COM — css/style.css
   Theme:  Warm Crimson #C8102E + Cream #FFF8F0 + Sage #4A7C59 + White #FEFEFE + Blush #FFF0EE
           Drawn from product's red label + white bottle + natural green leaves
           NO blues, no navy, no dark backgrounds — warm, natural, approachable
   Fonts:  Cardo (elegant classical editorial serif, never used) +
           Quicksand (rounded, friendly geometric sans, never used) — both new ✓
   Hero:   NATURAL WELLNESS SPLIT —
           LEFT (52%): warm cream background, elegant Cardo serif headline
             with flowing italic subline, ingredient eyebrow, definition para,
             four proof pills in a row, dual CTAs, trust line
           RIGHT (48%): soft white background, product in organic rounded card
             with leaf SVG decorations, floating benefit chips, rating badge,
             4-col small trust badges below
           Warm, feminine, natural wellness aesthetic — not dark, not aggressive
           BRAND NEW — not in any of 24 previous sites
   Ingredients: HORIZONTAL 3-CARD SHOWCASE — cards side by side, main ACV card
             wider/highlighted, two supporting cards flanking
   Reviews: TOP-LOADED PERSON ROW — avatar + name + role + stars at top of card,
             then quote below — person-first layout different from all previous
   Sections: Cream / Crimson / White / Sage / Cream alternating
   ── DISTINCT FROM ALL 24 PREVIOUS SITES ─────────────────────
   S23 JellyBoost: Navy+ElectricBlue+Gold / Barlow Condensed+Rubik / Dark Power
   S24 JellyBoost2: RoyalBlue+IceWhite+Cyan / Lexend+Cabin / Split Asymmetric
   S25 LipoJelly: Crimson+Cream+Sage+White / Cardo+Quicksand / Natural Wellness Split
   ALL PREVIOUS FONTS (cannot reuse): Sora, Lato, DM Serif Display, Inter,
   Playfair Display, Nunito Sans, Fraunces, Plus Jakarta Sans, Outfit, Lora,
   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, Gloock, Instrument Sans, Barlow Condensed, Rubik, Lexend, Cabin
   S25: Cardo + Quicksand — NEVER used in any previous site ✓
   ============================================================ */

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

:root{
  --red:       #C8102E;
  --red-dk:    #9A0A20;
  --red-md:    #E01830;
  --red-lt:    #F04060;
  --red-pal:   #FFF0EE;
  --cream:     #FFF8F0;
  --cream-dk:  #F5EAD8;
  --cream-dkr: #E8D4B8;
  --sage:      #4A7C59;
  --sage-dk:   #2E5038;
  --sage-md:   #5E9870;
  --sage-lt:   #80B890;
  --sage-pal:  #EBF4EE;
  --white:     #FEFEFE;
  --white-p:   #FFFFFF;
  --blush:     #FFF0EE;
  --text:      #1A0A08;
  --gray:      #4A3430;
  --gray-lt:   #7A6058;
  --border:    #E0CEC8;

  --fh: 'Cardo', Georgia, serif;
  --fb: 'Quicksand', system-ui, sans-serif;

  --sh-sm:     0 1px 8px rgba(200,16,46,.08);
  --sh-md:     0 4px 20px rgba(200,16,46,.12);
  --sh-lg:     0 12px 40px rgba(200,16,46,.16);
  --sh-red:    0 6px 24px rgba(200,16,46,.24);
  --sh-sage:   0 6px 24px rgba(74,124,89,.20);

  --r-xs: 4px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 36px;
  --r-p:  999px;
}

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

/* ── BUTTONS ──────────────────────── */
.btn-red{
  display:inline-block;background:var(--red);color:var(--white-p);
  font-family:var(--fb);font-weight:700;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-p);text-decoration:none;
  letter-spacing:.3px;box-shadow:var(--sh-red);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.btn-red:hover{background:var(--red-md);transform:translateY(-2px);box-shadow:0 10px 32px rgba(200,16,46,.36)}
.btn-outline-sage{
  display:inline-block;background:transparent;color:var(--sage);
  font-family:var(--fb);font-weight:600;font-size:.86rem;
  padding:14px 28px;border-radius:var(--r-p);text-decoration:none;
  border:1.5px solid var(--sage);transition:all .2s;
}
.btn-outline-sage:hover{background:var(--sage-pal)}
.btn-white{
  display:inline-block;background:var(--white-p);color:var(--red);
  font-family:var(--fb);font-weight:700;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-p);text-decoration:none;
  box-shadow:0 4px 20px rgba(255,255,255,.18);transition:filter .2s,transform .2s;
}
.btn-white:hover{filter:brightness(1.04);transform:translateY(-2px)}
.btn-white-sage{
  display:inline-block;background:var(--white-p);color:var(--sage-dk);
  font-family:var(--fb);font-weight:700;font-size:.96rem;
  padding:15px 40px;border-radius:var(--r-p);text-decoration:none;
  box-shadow:var(--sh-sage);transition:filter .2s,transform .2s;
}
.btn-white-sage:hover{filter:brightness(1.04);transform:translateY(-2px)}
.btn-xl{font-size:1.05rem;padding:17px 48px}

/* ── NAV ─────────────────────────── */
nav{
  position:sticky;top:0;z-index:1000;
  background:var(--white-p);
  border-bottom:2px solid var(--cream-dk);
  box-shadow:0 2px 16px rgba(200,16,46,.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:0}
.nl-lipo{font-family:var(--fh);font-size:1.6rem;font-weight:700;color:var(--red);letter-spacing:-.5px}
.nl-jelly{font-family:var(--fh);font-size:1.6rem;font-weight:700;color:var(--sage);letter-spacing:-.5px}
.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:600;padding:7px 12px;border-radius:var(--r-sm);transition:all .2s}
.nav-links a:hover{color:var(--red);background:var(--red-pal)}
.nav-cta{background:var(--red)!important;color:var(--white-p)!important;font-weight:700!important;padding:9px 20px!important;border-radius:var(--r-p)!important}
.nav-cta:hover{background:var(--red-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(--red);display:block;border-radius:2px}
.mob-panel{position:fixed;top:0;right:-100%;width:min(300px,90vw);height:100%;background:var(--white-p);z-index:2000;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:right .3s ease;box-shadow:-8px 0 32px rgba(200,16,46,.16);border-left:2px solid var(--cream-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(--red)!important;color:var(--white-p)!important;text-align:center;padding:14px!important;border-radius:var(--r-p)!important;font-weight:700!important;margin-top:10px;border:none!important}
.mob-mask{position:fixed;inset:0;background:rgba(200,16,46,.18);z-index:1999;display:none}
.mob-mask.show{display:block}

/* ══════════════════════════════════════════
   HERO — Natural Wellness Split
   LEFT (52%): warm cream background
     Eyebrow: leaf icon + "Apple Cider Vinegar Gummies · 100% Natural · Made in USA"
     H1: large Cardo elegant serif + italic em subline
     Hero def paragraph
     Four proof pills in a flexible row
     Dual CTAs (red pill + outline sage)
     Trust line (4 items with · separators)
   RIGHT (48%): soft white background
     Rating badge top-right
     Organic rounded card: product image + 2 floating chips
     4-col small trust badges below card
   Warm, natural, approachable — NOT dark/aggressive
   BRAND NEW — not in any of 24 previous sites
══════════════════════════════════════════ */
.hero{
  display:flex;min-height:92vh;overflow:hidden;position:relative;
}
/* Decorative SVG leaves */
.hero-deco{position:absolute;pointer-events:none;z-index:0}
.hero-deco-tl{top:-10px;left:-10px;width:180px;height:260px;opacity:.85}
.hero-deco-br{bottom:20px;right:20px;width:120px;height:120px;opacity:.80}

/* LEFT */
.hero-left{
  flex:0 0 52%;
  background:var(--cream);
  display:flex;align-items:center;
  padding:60px 48px 60px 40px;
  position:relative;z-index:1;
}
.hl-wrap{display:flex;flex-direction:column;gap:22px;max-width:560px}
.hero-eyebrow{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-family:var(--fb);font-size:.72rem;font-weight:600;
  color:var(--gray-lt);letter-spacing:.5px;
}
.he-leaf{font-size:1rem}
.he-sep{color:var(--cream-dkr)}
.hero-h1{font-family:var(--fh);font-size:clamp(2.2rem,3.4vw,3.6rem);color:var(--text);line-height:1.14}
.hero-h1 em{color:var(--red);display:block;margin-top:4px}
.hero-p{font-family:var(--fb);font-size:.96rem;color:var(--gray);line-height:1.76}
.hero-p strong{color:var(--red-dk);font-weight:700}
/* Proof pills */
.hero-proof{display:flex;flex-wrap:wrap;gap:8px}
.hpr-pill{
  background:var(--white-p);border:1.5px solid var(--border);
  border-radius:var(--r-p);padding:7px 16px;
  font-family:var(--fb);font-size:.76rem;font-weight:600;color:var(--gray);
  box-shadow:var(--sh-sm);display:inline-flex;align-items:center;gap:6px;
}
.hpr-n{color:var(--red);font-weight:700}
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
.hero-trust{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;
  font-family:var(--fb);font-size:.72rem;font-weight:600;color:var(--gray-lt);
}
.ht-sep{color:var(--cream-dkr)}

/* RIGHT */
.hero-right{
  flex:1;
  background:var(--white);
  display:flex;align-items:center;justify-content:center;
  padding:60px 32px;
  position:relative;z-index:1;
  border-left:1px solid var(--cream-dk);
}
.hr-wrap{
  display:flex;flex-direction:column;align-items:center;gap:16px;
  width:100%;max-width:400px;position:relative;
}
.hr-rating-badge{
  background:var(--red);color:var(--white-p);
  border-radius:var(--r-p);padding:8px 20px;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:var(--sh-red);
}
.hrb-stars{color:var(--cream);font-size:.80rem;letter-spacing:2px}
.hrb-text{font-family:var(--fb);font-size:.66rem;font-weight:700;color:rgba(255,255,255,.80);margin-top:2px}
/* Organic product card */
.hr-card{
  position:relative;background:var(--cream);
  border-radius:var(--r-xl) var(--r-xl) var(--r-xl) var(--r-sm);
  padding:28px 24px 20px;
  box-shadow:var(--sh-lg),0 0 0 1px rgba(200,16,46,.06);
  text-align:center;width:100%;transition:transform .4s;
}
.hr-card:hover{transform:translateY(-8px)}
.hr-chip{
  position:absolute;background:var(--white-p);border:1.5px solid var(--border);
  border-radius:var(--r-p);padding:7px 14px;font-family:var(--fb);font-size:.72rem;
  font-weight:700;color:var(--sage-dk);box-shadow:var(--sh-sm);white-space:nowrap;z-index:2;
}
.hr-chip-t{top:-10px;left:10px}
.hr-chip-b{bottom:80px;right:-10px}
.hero-img{
  width:100%;max-width:300px;height:auto;object-fit:contain;
  display:block;margin:0 auto;
  filter:drop-shadow(0 16px 32px rgba(200,16,46,.16));
  transition:transform .4s;
}
.hr-card a{display:block}
.hr-card a:hover .hero-img{transform:scale(1.05)}
/* Trust badges */
.hr-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}
.hrb{background:var(--white-p);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--sh-sm)}
.hrb span:first-child{font-size:1rem}
.hrb span:last-child{font-family:var(--fb);font-size:.60rem;font-weight:600;color:var(--gray);text-align:center;line-height:1.25}

/* ── BENEFIT STRIP ───────────────── */
.benefit-strip{background:var(--red);padding:10px 24px}
.bs-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}
.bsi{display:flex;align-items:center;gap:7px;padding:5px 18px;font-family:var(--fb);font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85)}
.bsi span:first-child{font-size:1rem}
.bsi-sep{color:rgba(255,255,255,.25);font-size:.50rem;padding:0 2px}

/* ── SECTION COMMON ────────────────── */
.wrap{max-width:1200px;margin:0 auto;padding:96px 40px;position:relative}
.s-cream{background:var(--cream)}
.s-red{background:var(--red)}
.s-white{background:var(--white-p)}
.s-sage{background:var(--sage)}

.sec-leaf{
  display:table;font-family:var(--fb);font-size:.60rem;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  background:var(--red-pal);color:var(--red-dk);
  padding:6px 18px;border-radius:var(--r-p);
  border:1.5px solid rgba(200,16,46,.14);
  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,.12);color:rgba(255,255,255,.55);
  padding:6px 18px;border-radius:var(--r-p);
  border:1.5px solid rgba(255,255,255,.16);
  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}
.s-h2 em{color:var(--red)}
.s-h2-lt{font-family:var(--fh);font-size:2.8rem;color:var(--white-p);line-height:1.18;margin-bottom:10px;text-align:center}
.s-h2-lt em{color:rgba(255,255,255,.62)}
.s-sub-lt{font-family:var(--fb);font-size:.94rem;color:rgba(255,255,255,.44);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(--red-dk);font-weight:700}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.wg-card{background:var(--white-p);border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh-sm);transition:border-color .2s,box-shadow .2s}
.wg-card:hover{border-color:var(--red-lt);box-shadow:var(--sh-md)}
.wgc-icon{font-size:1.4rem}
.wg-card h3{font-family:var(--fb);font-size:.88rem;font-weight:700;color:var(--text);line-height:1.28}
.why-text{font-family:var(--fb);font-size:.82rem;color:var(--gray);line-height:1.66}
.about-aside{display:flex;flex-direction:column;gap:14px}
.aside-img{width:100%;height:auto;border-radius:var(--r-xl);display:block;box-shadow:var(--sh-lg)}
.aside-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.asg{background:var(--white-p);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:center;box-shadow:var(--sh-sm)}
.asg-red{background:var(--red);border-color:var(--red-md)}
.asgn{display:block;font-family:var(--fh);font-size:1.7rem;color:var(--red);line-height:1;font-weight:700}
.asg-red .asgn{color:var(--cream)}
.asgl{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}
.asg-red .asgl{color:rgba(255,255,255,.50)}

/* ── 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,.14);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,.32)}

/* ══════════════════════════════════════════
   INGREDIENTS — Horizontal 3-Card Showcase
   Three ingredient cards in a row
   Main ACV card is taller/wider with red accent top border
   Two supporting cards flank it
   BRAND NEW — not in any of 24 previous sites
══════════════════════════════════════════ */
.ing-card-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:32px 0 28px;align-items:start}
.ing-card{background:var(--white-p);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;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)}
.ing-main{border-top:4px solid var(--red);background:var(--red-pal)}
.ic-icon{font-size:2rem}
.ing-card h3{font-family:var(--fh);font-size:1.1rem;font-weight:700;color:var(--text)}
.ic-role{font-family:var(--fb);font-size:.62rem;font-weight:700;color:var(--red);background:rgba(200,16,46,.08);padding:3px 10px;border-radius:var(--r-p);width:fit-content;letter-spacing:.5px}
.ing-card p{font-family:var(--fb);font-size:.86rem;color:var(--gray);line-height:1.72}
.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(74,124,89,.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,.55);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(--cream-dk);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,.68)}

/* ══════════════════════════════════════════
   REVIEWS — Top-Loaded Person Row Style
   Person (avatar + name + role + stars) at TOP of card
   Quote text below — person appears before quote
   Distinct from all 24 previous review layouts
══════════════════════════════════════════ */
.rv-rating-row{
  display:flex;align-items:center;flex-wrap:wrap;
  background:var(--white-p);border:1.5px solid var(--border);
  border-radius:var(--r-md);overflow:hidden;
  margin:28px 0 36px;box-shadow:var(--sh-sm);
}
.rrr-stat{flex:1;text-align:center;padding:16px 10px;border-right:1px solid var(--border)}
.rrr-stat:last-child{border-right:none}
.rrrs-n{display:block;font-family:var(--fh);font-size:1.8rem;color:var(--red);line-height:1}
.rrrs-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}
.rrr-sep{width:1px;background:var(--border);align-self:stretch}
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rv-card{
  background:var(--white-p);border:1.5px solid var(--border);
  border-radius:var(--r-lg);padding:22px;
  display:flex;flex-direction:column;gap:14px;
  box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s;
}
.rv-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.rv-sage{background:var(--sage);border-color:var(--sage-md)}
.rv-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border)}
.rv-sage .rv-top{border-bottom-color:rgba(255,255,255,.15)}
.rv-av-wrap{flex-shrink:0}
.rv-av{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border);display:block}
.rv-sage .rv-av{border-color:rgba(255,255,255,.25)}
.rv-top strong{font-family:var(--fh);font-size:.96rem;color:var(--text);display:block;line-height:1.2}
.rv-sage .rv-top strong{color:var(--white-p)}
.rv-role{font-family:var(--fb);font-size:.66rem;color:var(--gray-lt);display:block;margin-top:2px}
.rv-role-lt{color:rgba(255,255,255,.45)!important}
.rv-stars{font-size:.80rem;color:var(--red);letter-spacing:1px;display:block;margin-top:4px}
.rv-stars-lt{color:var(--cream-dk)!important}
.rv-badge{
  margin-left:auto;font-family:var(--fb);font-size:.62rem;font-weight:700;
  color:var(--sage-dk);background:var(--sage-pal);padding:3px 10px;
  border-radius:var(--r-p);white-space:nowrap;align-self:flex-start;
}
.rv-badge-lt{color:var(--cream)!important;background:rgba(255,255,255,.14)!important}
.rv-card blockquote{font-family:var(--fh);font-size:.96rem;font-style:italic;line-height:1.70;color:var(--gray)}
.bq-lt{color:rgba(255,255,255,.78)!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:0 12px 40px rgba(255,255,255,.14);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(--white-p);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:28px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-sm)}
.htc-num{font-family:var(--fh);font-size:2.8rem;color:rgba(200,16,46,.15);line-height:1}
.htc h3{font-family:var(--fh);font-size:1.02rem;color:var(--text)}
.htc p{font-family:var(--fb);font-size:.88rem;color:var(--gray);line-height:1.74}
.htc-note{font-size:.80rem;color:var(--gray-lt);font-style:italic}
.ht-cta{text-align:center;margin-top:36px}

/* ── FAQ ──────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:28px}
.faq-item{background:var(--cream);border:1.5px solid var(--border);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:var(--gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:background .2s;line-height:1.40}
.faq-q:hover{background:var(--red-pal);color:var(--red-dk)}
.fq-i{width:28px;height:28px;border-radius:50%;background:var(--red);color:var(--white-p);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;font-family:var(--fb);font-weight:800;transition:transform .3s,background .2s;line-height:1}
.faq-body{display:none;padding:0 22px 18px;border-top:1px solid var(--border)}
.faq-answer{display:block;font-family:var(--fb);font-size:.90rem;background:var(--white-p);border-left:3px solid var(--red);padding:12px 16px;border-radius:0 var(--r-sm) var(--r-sm) 0;line-height:1.74;color:var(--gray);margin-top:12px}
.faq-item.open .faq-body{display:block}
.faq-item.open .fq-i{transform:rotate(45deg);background:var(--sage)}
.faq-item.open .faq-q{color:var(--red-dk);background:var(--red-pal)}

/* ── FINAL CTA ────────────────────── */
.s-final{background:linear-gradient(155deg,var(--red-dk) 0%,var(--red) 55%,var(--red-md) 100%);border-top:3px solid var(--cream-dk);position:relative;overflow:hidden}
.final-leaf{position:absolute;top:-20px;left:-20px;width:200px;height:320px;pointer-events:none}
.final-wrap{max-width:1200px;margin:0 auto;padding:80px 40px;display:flex;align-items:center;gap:56px;position:relative;z-index:1}
.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-p);line-height:1.12}
.final-h2 em{color:var(--cream-dk);font-style:italic;font-size:70%;display:block;line-height:1.5;margin-top:6px;font-weight:400}
.final-sub{font-family:var(--fb);font-size:.82rem;color:rgba(255,255,255,.30)}
.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,.24));transition:transform .4s;display:block;margin:0 auto}
.final-img-col:hover .final-img{transform:scale(1.06) translateY(-8px)}

/* ── FOOTER ───────────────────────── */
footer{background:var(--text);border-top:2px solid rgba(200,16,46,.20)}
.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,.22);margin-bottom:14px}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px}
.fg-chips span{background:rgba(200,16,46,.12);border:1px solid rgba(200,16,46,.20);color:rgba(255,255,255,.38);font-family:var(--fb);font-size:.60rem;font-weight:600;padding:3px 9px;border-radius:var(--r-p)}
.fg-nav h5{font-family:var(--fb);font-size:.60rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--cream-dk);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(200,16,46,.14)}
.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,.28);text-decoration:none;font-family:var(--fb);font-size:.88rem;transition:color .2s}
.fg-nav ul li a:hover{color:var(--cream)}
.fg-cta{display:inline-block;background:var(--red);color:var(--white-p);font-family:var(--fb);font-weight:700;font-size:.86rem;padding:10px 18px;border-radius:var(--r-p);text-decoration:none;transition:filter .2s}
.fg-cta:hover{filter:brightness(1.12)}
.fgg{background:rgba(200,16,46,.12);border:1px solid rgba(200,16,46,.18);border-radius:var(--r-md);padding:20px;text-align:center}
.fgg-n{font-family:var(--fh);font-size:2.8rem;color:var(--cream-dk);line-height:1;display:block;margin-bottom:4px}
.fgg strong{font-family:var(--fb);font-size:.96rem;font-weight:700;color:var(--white-p);display:block;margin-bottom:6px}
.fgg p{font-family:var(--fb);font-size:.80rem;color:rgba(255,255,255,.28);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(200,16,46,.10)}
.foot-copy a{color:rgba(255,255,255,.24);text-decoration:none}
.foot-copy a:hover{color:var(--cream);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{flex-direction:column;min-height:auto}
  .hero-left{flex:none;padding:56px 32px}
  .hero-right{padding:40px 32px;border-left:none;border-top:1px solid var(--cream-dk)}
  .about-layout{grid-template-columns:1fr;gap:40px}
  .ing-card-row{grid-template-columns:1fr}
  .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}
  .rv-rating-row{flex-direction:column}
  .rrr-sep{width:80%;height:1px;align-self:center}
  .wrap{padding:72px 28px}
  .why-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .s-h2,.s-h2-lt,.final-h2{font-size:2.2rem}
  .hr-badges{grid-template-columns:repeat(2,1fr)}
  .hero-deco{opacity:.4}
}
@media(max-width:640px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .nav-ham{display:flex}
  .hero-left{padding:44px 20px}
  .hero-right{padding:32px 20px}
  .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}
  .bs-inner{flex-direction:column;align-items:flex-start;gap:6px}
  .bsi-sep{display:none}
  .aside-stat-grid{grid-template-columns:1fr 1fr}
}