/* ================================================================
   KETOVERA — style.css | ketoverausa.com
   Theme  : Vera Wellness Drop
   Palette: Crimson #C1154A + Green #4A9E4A + Cream #FFF8F5
   Fonts  : Playfair Display (display) + Manrope (body)
   ================================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:18px}
body{font-family:'Manrope',system-ui,sans-serif;font-size:1rem;line-height:1.76;color:var(--ink);background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit}

:root{
  --crimson:   #C1154A;
  --crimson-dk:#8B0E34;
  --crimson-md:#A51240;
  --rose:      #E8447A;
  --rose-lt:   #F2799E;
  --rose-pal:  rgba(193,21,74,.07);
  --rose-brd:  rgba(193,21,74,.20);
  --rose-glo:  rgba(232,68,122,.18);
  --green:     #4A9E4A;
  --green-lt:  #6BB86B;
  --green-dk:  #357A35;
  --green-pal: rgba(74,158,74,.08);
  --green-brd: rgba(74,158,74,.24);
  --cream:     #FFF8F5;
  --cream-dk:  #FAF0EC;
  --amber:     #F9EDE4;
  --amber-dk:  #F0DDD0;
  --white:     #FFFFFF;
  --ink:       #1A0A0F;
  --ink-md:    #2E1220;
  --text:      #4A2030;
  --text-lt:   #9A6070;
  --border:    rgba(193,21,74,.12);
  --border-lt: rgba(193,21,74,.07);
  --border-gn: rgba(74,158,74,.18);
  --sh-sm:     0 2px 12px rgba(193,21,74,.06);
  --sh-card:   0 6px 32px rgba(26,10,15,.09);
  --sh-lg:     0 16px 64px rgba(26,10,15,.12);
  --sh-rose:   0 6px 28px rgba(193,21,74,.22);
  --sh-green:  0 6px 24px rgba(74,158,74,.18);
  --r-sm:4px;--r-md:10px;--r-lg:18px;--r-xl:28px;--r-pill:999px;
  --fh:'Playfair Display',Georgia,serif;
  --fb:'Manrope',system-ui,sans-serif;
}

h1,h2,h3,h4{font-family:var(--fh);line-height:1.14;color:var(--ink)}
h1{font-size:clamp(2.5rem,5.2vw,4.2rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.4vw,3.0rem);font-weight:700;letter-spacing:-.01em}
h3{font-size:clamp(1.1rem,2vw,1.55rem);font-weight:600;letter-spacing:-.01em}
h4{font-size:1rem;font-weight:700;font-family:var(--fb);letter-spacing:.01em}
p{font-family:var(--fb);font-size:.94rem;line-height:1.76;color:var(--text)}
strong{font-weight:700;color:var(--ink-md)}
em{font-style:italic;color:var(--crimson)}

.container{max-width:1160px;margin:0 auto;padding:0 36px}
.sec-pad{padding:88px 0}
.text-center{text-align:center}
.eyebrow{font-family:var(--fb);font-size:.56rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--crimson);display:block;margin-bottom:12px}
.eyebrow-lt{color:rgba(242,121,158,.70)}
.eyebrow-gn{color:var(--green-lt)}
/* Green leaf bar — from logo */
.leaf-bar{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.lb-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--green-brd))}
.lb-icon{color:var(--green);font-size:.9rem}
.lb-line-r{flex:1;height:1px;background:linear-gradient(90deg,var(--green-brd),transparent)}
.leaf-bar-l{justify-content:flex-start}
.leaf-bar-l .lb-line{max-width:36px}
/* Crimson bar */
.crimson-bar{width:48px;height:2px;background:linear-gradient(90deg,var(--crimson-dk),var(--crimson),var(--rose));margin-bottom:18px;border-radius:2px}
.cb-c{margin-left:auto;margin-right:auto}
.cb-l{margin-left:0}

/* ── BUTTONS ────────────────────────────────────────────── */
.btn-crimson{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--crimson-dk),var(--crimson),var(--rose));color:var(--white);font-family:var(--fb);font-weight:700;font-size:.84rem;letter-spacing:.05em;padding:15px 44px;border-radius:var(--r-pill);box-shadow:var(--sh-rose);transition:filter .2s,transform .18s;text-transform:uppercase}
.btn-crimson:hover{filter:brightness(1.10);transform:translateY(-2px)}
.btn-crimson-lg{font-size:.96rem;padding:18px 56px}
.btn-green{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--green-dk),var(--green),var(--green-lt));color:var(--white);font-family:var(--fb);font-weight:700;font-size:.84rem;letter-spacing:.05em;padding:15px 44px;border-radius:var(--r-pill);box-shadow:var(--sh-green);transition:filter .2s,transform .18s;text-transform:uppercase}
.btn-green:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-green-lg{font-size:.96rem;padding:18px 56px}
.btn-outline-crimson{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--crimson);color:var(--crimson);font-family:var(--fb);font-weight:700;font-size:.82rem;letter-spacing:.05em;padding:13px 36px;border-radius:var(--r-pill);transition:background .2s,color .2s;text-transform:uppercase}
.btn-outline-crimson:hover{background:var(--crimson);color:var(--white)}
.btn-outline-wh{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.44);color:var(--white);font-family:var(--fb);font-weight:700;font-size:.82rem;letter-spacing:.05em;padding:13px 36px;border-radius:var(--r-pill);transition:all .2s;text-transform:uppercase}
.btn-outline-wh:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.76)}

.fade-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ================================================================
   NAV
   ================================================================ */
#site-nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-lt);box-shadow:0 1px 20px rgba(193,21,74,.05)}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.nl-drop{font-size:1rem;color:var(--green)}
.nl-brand{font-family:var(--fh);font-size:1.38rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1}
.nl-brand span{color:var(--crimson)}
.nl-tag{font-family:var(--fb);font-size:.46rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);background:var(--rose-pal);border:1px solid var(--rose-brd);padding:2px 8px;border-radius:var(--r-pill)}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-family:var(--fb);font-size:.76rem;font-weight:700;color:var(--text);transition:color .2s}
.nav-links a:hover{color:var(--crimson)}
.nav-links a.nc{background:linear-gradient(135deg,var(--crimson-dk),var(--crimson));color:var(--white);padding:9px 22px;border-radius:var(--r-pill);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;transition:filter .2s}
.nav-links a.nc:hover{filter:brightness(1.10)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;width:36px}
.hamburger span{display:block;height:1.5px;background:var(--crimson);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob-nav{display:none;position:fixed;top:70px;left:0;right:0;z-index:850;background:var(--white);border-bottom:1px solid var(--border-lt);padding:20px 36px;flex-direction:column;gap:2px;box-shadow:var(--sh-lg)}
.mob-nav.open{display:flex}
.mob-nav a{font-family:var(--fb);font-size:.94rem;font-weight:700;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--border-lt)}
.mob-nav a.mc{margin-top:12px;background:var(--crimson);color:var(--white);text-align:center;padding:14px;border-radius:var(--r-pill);font-weight:700;letter-spacing:.05em;text-transform:uppercase}

/* ================================================================
   HERO — centered warm cream gradient, rose glow, crimson headline
   ================================================================ */
.hero{background:linear-gradient(180deg,var(--cream) 0%,var(--amber) 50%,var(--white) 100%);padding:80px 36px 0;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--crimson),var(--rose),var(--crimson),transparent)}
/* Kicker */
.hero-kicker{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--rose-brd);border-radius:var(--r-pill);padding:5px 16px;margin-bottom:20px;box-shadow:var(--sh-sm)}
.hk-leaf{font-size:.80rem;color:var(--green)}
.hk-txt{font-family:var(--fb);font-size:.56rem;font-weight:700;letter-spacing:.20em;text-transform:uppercase;color:var(--crimson)}
/* Headline */
.hero h1{font-size:clamp(2.5rem,5.2vw,4.2rem);max-width:780px;margin:0 auto 8px;color:var(--ink)}
.hero h1 .h1-crimson{color:var(--crimson)}
.hero h1 .h1-green{color:var(--green)}
/* Leaf bar */
.leaf-bar.hero-lb{justify-content:center;margin:14px auto 22px;max-width:260px}
.hero-sub{font-family:var(--fb);font-size:.98rem;color:var(--text);max-width:600px;margin:0 auto 28px;line-height:1.74}
/* Pill claims strip */
.hero-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.hp-pill{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1.5px solid var(--rose-brd);border-radius:var(--r-pill);padding:6px 14px;font-family:var(--fb);font-size:.62rem;font-weight:700;color:var(--crimson);text-transform:uppercase;letter-spacing:.06em}
.hp-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}
/* CTAs */
.hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:44px}
.ht-item{display:flex;align-items:center;gap:6px;font-family:var(--fb);font-size:.64rem;color:var(--text-lt);font-weight:700}
.ht-rose{color:var(--crimson)}
/* Product image — dropper bottle with rose glow */
.hero-product{position:relative;display:inline-block;margin:0 auto}
.hp-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(193,21,74,.12) 0%,rgba(232,68,122,.06) 40%,transparent 68%);pointer-events:none;z-index:0}
.hp-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border-radius:50%;border:1px solid rgba(193,21,74,.14);z-index:0}
.hp-ring-2{width:360px;height:360px;border:1px solid rgba(193,21,74,.07)}
.hero-img{position:relative;z-index:1;max-height:480px;width:auto;filter:drop-shadow(0 24px 56px rgba(26,10,15,.18));animation:kv-float 5.5s ease-in-out infinite}
@keyframes kv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* Crimson wave into next section */
.hero-wave{position:relative;height:56px}
.hero-wave svg{position:absolute;bottom:0;left:0;width:100%;height:100%}

/* ================================================================
   SECTION 2 — THE KETOVERA DIFFERENCE — white bg, 3 green-top cards
   ================================================================ */
.difference-section{background:var(--white);padding:88px 0}
.diff-intro{text-align:center;max-width:640px;margin:0 auto 52px}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.diff-card{background:var(--cream);border-radius:var(--r-xl);padding:36px 28px;border:1px solid var(--border-lt);position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.diff-card:hover{box-shadow:var(--sh-card);border-color:var(--rose-brd)}
.diff-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.diff-card:nth-child(1)::before{background:linear-gradient(90deg,var(--green-dk),var(--green))}
.diff-card:nth-child(2)::before{background:linear-gradient(90deg,var(--green),var(--crimson))}
.diff-card:nth-child(3)::before{background:linear-gradient(90deg,var(--crimson),var(--rose))}
.dc-icon{width:56px;height:56px;border-radius:var(--r-lg);background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 18px}
.diff-card h3{text-align:center;margin-bottom:12px;font-size:1.25rem}
.diff-card p{font-size:.86rem;color:var(--text);line-height:1.70;text-align:center}
.diff-cta{text-align:center;margin-top:44px}

/* ================================================================
   SECTION 3 — INGREDIENTS — crimson bg, 3 white cards
   ================================================================ */
.formula-section{background:linear-gradient(135deg,var(--crimson-dk) 0%,var(--crimson) 55%,var(--rose) 100%);padding:88px 0;position:relative;overflow:hidden}
.formula-section::before{content:'';position:absolute;bottom:-60px;right:-60px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.formula-intro{text-align:center;max-width:640px;margin:0 auto 52px}
.formula-intro h2{color:var(--white)}
.formula-intro p{color:rgba(255,255,255,.52)}
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}
.ing-card{background:rgba(255,255,255,.10);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-xl);padding:36px 28px;transition:background .22s,border-color .22s;text-align:center}
.ing-card:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.30)}
.ic-num{font-family:var(--fh);font-size:.64rem;font-weight:700;color:rgba(255,255,255,.40);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;display:block}
.ic-icon{font-size:2rem;margin-bottom:12px}
.ic-name{font-family:var(--fh);font-size:1.30rem;font-weight:700;color:var(--white);margin-bottom:14px;letter-spacing:-.01em}
.ic-body{font-family:var(--fb);font-size:.84rem;color:rgba(255,255,255,.52);line-height:1.72}
.ic-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px}
.ic-tag{font-family:var(--fb);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);padding:2px 8px;border-radius:var(--r-pill)}
.formula-cta{text-align:center;margin-top:48px;position:relative;z-index:1}

/* ================================================================
   SECTION 4 — BENEFITS — cream bg, image left + crimson list right
   ================================================================ */
.benefits-section{background:var(--cream-dk);padding:88px 0}
.benefits-inner{max-width:1100px;margin:0 auto;padding:0 36px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ben-img{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);position:relative}
.ben-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--crimson-dk),var(--crimson),var(--rose))}
.ben-img img{width:100%;object-fit:cover}
.ben-content .eyebrow{text-align:left}
.ben-content h2{margin-bottom:14px}
.ben-content>p{margin-bottom:28px;font-size:.90rem}
.ben-list{display:flex;flex-direction:column;gap:12px}
.bl-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--white);border-radius:var(--r-lg);border-left:4px solid var(--crimson);box-shadow:var(--sh-sm)}
.bli-icon{width:38px;height:38px;border-radius:var(--r-md);background:var(--rose-pal);border:1px solid var(--rose-brd);display:flex;align-items:center;justify-content:center;font-size:.90rem;flex-shrink:0;margin-top:2px}
.bli-body h4{color:var(--crimson-dk);margin-bottom:2px;font-size:.88rem}
.bli-body p{font-size:.76rem;color:var(--text);line-height:1.58}
.benefits-cta{margin-top:28px}

/* ================================================================
   SECTION 5 — REVIEWS — white bg, 3 rose-left-border cards
   ================================================================ */
.reviews-section{background:var(--white);padding:88px 0}
.rv-intro{text-align:center;max-width:560px;margin:0 auto 52px}
.rv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1060px;margin:0 auto}
.rv-card{background:var(--cream);border-radius:var(--r-xl);padding:30px 26px;box-shadow:var(--sh-card);border:1px solid var(--border-lt);border-left:4px solid var(--rose);display:flex;flex-direction:column;gap:13px}
.rv-stars{color:var(--crimson);font-size:.96rem;letter-spacing:3px}
.rv-quote{font-family:var(--fh);font-size:.96rem;color:var(--ink);line-height:1.66;font-style:italic}
.rv-author{display:flex;align-items:center;gap:11px;padding-top:10px;border-top:1px solid var(--border-lt)}
.rva-img{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--amber)}
.rva-img img{width:100%;height:100%;object-fit:cover}
.rva-name{font-family:var(--fh);font-size:.88rem;color:var(--crimson)}
.rva-detail{font-family:var(--fb);font-size:.62rem;color:var(--text-lt)}
.rv-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--fb);font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dk);background:var(--green-pal);border:1px solid var(--green-brd);padding:3px 10px;border-radius:var(--r-pill);align-self:flex-start}
.rv-cta{text-align:center;margin-top:44px}

/* ================================================================
   SECTION 6 — WHY KETOVERA WORKS — amber bg, 4-feature strip
   ================================================================ */
.why-section{background:var(--amber);padding:80px 0;border-top:1px solid var(--amber-dk)}
.why-intro{text-align:center;max-width:560px;margin:0 auto 44px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1060px;margin:0 auto}
.why-item{background:var(--white);border-radius:var(--r-xl);padding:28px 20px;text-align:center;box-shadow:var(--sh-sm);border:1px solid var(--border-lt);transition:box-shadow .2s,transform .2s}
.why-item:hover{box-shadow:var(--sh-card);transform:translateY(-4px)}
.wi-icon{width:54px;height:54px;border-radius:50%;background:var(--rose-pal);border:1.5px solid var(--rose-brd);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 14px}
.why-item h4{color:var(--crimson-dk);margin-bottom:7px;font-size:.88rem}
.why-item p{font-size:.76rem;color:var(--text);line-height:1.60}

/* ================================================================
   PRICING / GUARANTEE / PAYMENT
   ================================================================ */
.price-section{padding:80px 0;background:var(--cream)}
.price-section-2{background:var(--cream-dk)}
.price-inner{max-width:1100px;margin:0 auto;padding:0 36px;text-align:center}
.price-wrap{margin:28px 0 20px}
.price-img{width:100%;max-width:960px;height:auto;display:block;margin:0 auto;box-shadow:var(--sh-lg);border-radius:var(--r-xl);transition:transform .3s}
.price-wrap a:hover .price-img{transform:scale(1.01)}
.price-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}
.price-fine{font-family:var(--fb);font-size:.68rem;color:var(--text-lt);margin-top:4px}
.guarantee-section{background:linear-gradient(135deg,var(--crimson-dk),var(--crimson));padding:80px 0}
.guar-inner{max-width:900px;margin:0 auto;padding:0 36px;display:grid;grid-template-columns:180px 1fr;gap:60px;align-items:center}
.guar-img{width:100%;max-width:180px;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(0,0,0,.22))}
.guar-text h2{color:var(--white);text-align:left;margin-bottom:12px}
.guar-text .eyebrow{color:rgba(242,121,158,.70)}
.guar-text .crimson-bar{background:linear-gradient(90deg,var(--rose-lt),rgba(255,255,255,.30));margin-left:0}
.guar-text p{color:rgba(255,255,255,.52);font-size:.90rem}
.payment-section{padding:52px 0;background:var(--amber)}
.pay-inner{max-width:1100px;margin:0 auto;padding:0 36px;text-align:center}
.pay-wrap{margin:24px 0 16px}
.pay-img{width:100%;max-width:880px;height:auto;display:block;margin:0 auto;box-shadow:var(--sh-card);border-radius:var(--r-xl);transition:transform .3s}
.pay-wrap a:hover .pay-img{transform:scale(1.01)}
.pay-cta{text-align:center;margin-top:14px}

/* ================================================================
   FAQ — cream bg, CRIMSON accordion
   ================================================================ */
.faq-section{background:var(--cream);padding:88px 0}
.faq-intro{text-align:center;max-width:560px;margin:0 auto 52px}
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border-lt);transition:border-color .2s,box-shadow .2s}
.faq-item.open{border-color:var(--crimson);box-shadow:0 0 0 3px var(--rose-pal)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;user-select:none;gap:16px}
.faq-q h3{font-family:var(--fb);font-size:.88rem;font-weight:700;color:var(--ink);margin:0}
.faq-icon{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--cream);border:1px solid var(--border);color:var(--crimson);font-size:1rem;transition:transform .3s,background .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:linear-gradient(135deg,var(--crimson-dk),var(--crimson));color:var(--white);border-color:transparent}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;padding:0 22px}
.faq-item.open .faq-a{max-height:320px;padding:0 22px 18px}
.faq-a p{font-family:var(--fb);font-size:.86rem;color:var(--text);line-height:1.72}

/* ================================================================
   CTA FINAL
   ================================================================ */
.cta-final{background:linear-gradient(160deg,var(--crimson-dk) 0%,var(--crimson) 50%,var(--rose) 100%);padding:80px 36px;text-align:center;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.07) 0%,transparent 65%);pointer-events:none}
.cta-final h2{color:var(--white);margin-bottom:10px}
.cta-final em{color:rgba(255,255,255,.80)}
.cta-final p{color:rgba(255,255,255,.52);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}
.cta-prod-img{margin-bottom:28px}
.cta-prod-img img{max-height:260px;width:auto;margin:0 auto;filter:drop-shadow(0 20px 48px rgba(0,0,0,.24))}
.cta-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:22px}
.ctt-item{display:flex;align-items:center;gap:7px;font-family:var(--fb);font-size:.66rem;color:rgba(255,255,255,.40);font-weight:700}
.ctt-green{color:rgba(107,184,107,.90)}

/* ================================================================
   FOOTER
   ================================================================ */
.footer-strip{background:var(--crimson-dk);padding:10px 36px;border-bottom:1px solid rgba(193,21,74,.40)}
.fs-inner{max-width:1160px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.fs-item{font-family:var(--fb);font-size:.58rem;font-weight:700;color:rgba(255,255,255,.36);text-transform:uppercase;letter-spacing:.08em}
.fs-sep{color:rgba(193,21,74,.40);padding:0 2px}
footer{background:var(--ink)}
.footer-main{padding:60px 0 36px}
.footer-grid{max-width:1160px;margin:0 auto;padding:0 36px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:44px}
.fl-logo{display:flex;align-items:center;gap:6px;margin-bottom:14px;text-decoration:none}
.fl-drop{font-size:.9rem;color:var(--green-lt)}
.fl-brand{font-family:var(--fh);font-size:1.30rem;font-weight:700;color:var(--white)}
.fl-brand span{color:var(--rose-lt)}
.fg-tag{font-family:var(--fb);font-size:.58rem;color:rgba(255,255,255,.22);margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase}
.fg-desc{font-family:var(--fb);font-size:.76rem;color:rgba(255,255,255,.20);line-height:1.68;margin-bottom:12px}
.fg-chips{display:flex;flex-wrap:wrap;gap:4px}
.fg-chips span{font-family:var(--fb);font-size:.52rem;font-weight:700;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.22);padding:2px 7px;border-radius:var(--r-pill);letter-spacing:.05em;text-transform:uppercase}
.fg-col h5{font-family:var(--fb);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:12px}
.fg-col ul{display:flex;flex-direction:column;gap:8px}
.fg-col ul li a{font-family:var(--fb);font-size:.78rem;color:rgba(255,255,255,.28);transition:color .2s}
.fg-col ul li a:hover{color:var(--rose-lt)}
.fg-guar{background:rgba(193,21,74,.12);border:1px solid rgba(193,21,74,.22);border-radius:var(--r-lg);padding:20px 16px;text-align:center}
.fg-guar img{width:52px;margin:0 auto 10px}
.fg-guar strong{font-family:var(--fh);font-size:.90rem;color:var(--white);display:block;margin-bottom:5px;font-weight:700}
.fg-guar p{font-family:var(--fb);font-size:.70rem;color:rgba(255,255,255,.22);line-height:1.58}
.footer-legal{background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.05);padding:28px 36px}
.footer-legal-inner{max-width:1160px;margin:0 auto}
.footer-legal p{font-family:var(--fb);font-size:.66rem;color:rgba(255,255,255,.14);line-height:1.68;margin-bottom:8px}
.footer-copy{font-family:var(--fb);font-size:.60rem;color:rgba(255,255,255,.12);margin-top:10px;display:block}
.footer-copy a{color:var(--rose-lt);opacity:.36;text-decoration:none}

.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--crimson-dk);border-top:2px solid var(--crimson);padding:12px 20px;box-shadow:0 -4px 20px rgba(193,21,74,.28)}
.sticky-cta a{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--crimson-dk),var(--crimson),var(--rose));color:var(--white);font-family:var(--fb);font-weight:700;font-size:.88rem;padding:13px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1024px){
  .diff-grid{grid-template-columns:1fr}
  .ing-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:768px){
  html{font-size:16px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero{padding:52px 20px 0}
  .hero-pills{gap:6px}
  .diff-grid{grid-template-columns:1fr}
  .ing-grid{grid-template-columns:1fr}
  .benefits-inner{grid-template-columns:1fr;gap:44px}
  .rv-cols{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .guar-inner{grid-template-columns:1fr;gap:28px;text-align:center}
  .guar-img{margin:0 auto}
  .guar-text h2{text-align:center}
  .guar-text .crimson-bar{margin:0 auto 14px}
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .sticky-cta{display:block}
  body{padding-bottom:68px}
}
@media(max-width:480px){.container{padding:0 20px}.sec-pad{padding:56px 0}.why-grid{grid-template-columns:1fr}.hp-ring,.hp-ring-2{display:none}}
@media(prefers-reduced-motion:reduce){.fade-up{transition:none}.hero-img{animation:none}}