/* ============================================================
   GUMITIDE-WEB — css/style.css | gumitide-web.com
   Theme: Berry Crimson + Warm Ivory/Cream + Fresh Mint Green + Charcoal
   Fonts: Lexend Deca (bold clean display) + Source Serif 4 (warm editorial body)
   Feel:  Vibrant health editorial — energy, metabolism, natural wellness
   All CSS content values: Unicode escapes only
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gm-crimson: #c0193a;
  --gm-cr-md:   #9e1430;
  --gm-cr-lt:   #e02a4f;
  --gm-cr-brt:  #f05070;
  --gm-cr-pal:  #fde8ed;
  --gm-cr-xpl:  #fff4f6;
  --gm-mint:    #16a34a;
  --gm-mn-md:   #15803d;
  --gm-mn-lt:   #22c55e;
  --gm-mn-brt:  #4ade80;
  --gm-mn-pal:  #dcfce7;
  --gm-mn-xpl:  #f0fdf4;
  --gm-char:    #1c1f2e;
  --gm-ch-md:   #262a3e;
  --gm-ch-lt:   #333750;
  --gm-ivory:   #fefaf4;
  --gm-cream:   #f8f2e8;
  --gm-linen:   #f0e8d8;
  --gm-white:   #ffffff;
  --gm-text:    #18140c;
  --gm-muted:   #2a2010;
  --gm-faint:   #4a3c28;
  --gm-border:  #d8c8b0;
  --gm-bdr-lt:  #e8dcc8;

  --sh-1:0 1px 6px rgba(28,31,46,.07);
  --sh-2:0 4px 18px rgba(28,31,46,.12);
  --sh-3:0 12px 40px rgba(28,31,46,.18);
  --sh-crimson:0 4px 22px rgba(192,25,58,.30);
  --sh-mint:0 4px 22px rgba(22,163,74,.24);

  --r-xs:4px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;
}
html{scroll-behavior:smooth}
body{font-family:'Lexend Deca',sans-serif;font-size:18px;color:var(--gm-text);background:var(--gm-ivory);overflow-x:hidden;line-height:1.76}
h1,h2,h3,h4,h5{font-family:'Source Serif 4',serif;font-weight:600}
em{font-style:italic;font-family:'Source Serif 4',serif}
blockquote{font-family:'Source Serif 4',serif;font-style:italic}

/* NAV */
nav{position:sticky;top:0;z-index:1000;background:var(--gm-char);padding:0 24px;height:64px;border-bottom:3px solid var(--gm-crimson);box-shadow:0 4px 24px rgba(28,31,46,.44)}
.nav-inner{max-width:1340px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav-logo{text-decoration:none;display:flex;align-items:center;flex-shrink:0}
.nl-gumi{font-family:'Source Serif 4',serif;font-size:1.6rem;font-weight:700;color:var(--gm-cr-brt)}
.nl-tide{font-family:'Source Serif 4',serif;font-size:1.6rem;font-weight:400;color:var(--gm-white)}
.nav-links{display:flex;align-items:center;gap:8px;list-style:none}
.nav-links a{color:rgba(255,255,255,.38);text-decoration:none;font-family:'Lexend Deca',sans-serif;font-size:.70rem;font-weight:500;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:var(--gm-cr-brt)}
.nav-cta{background:var(--gm-crimson)!important;color:var(--gm-white)!important;font-weight:700!important;font-size:.70rem!important;padding:9px 16px!important;border-radius:var(--r-xs)!important;transition:filter .2s!important}
.nav-cta:hover{filter:brightness(1.12)!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:24px;height:2px;background:var(--gm-cr-brt);display:block;border-radius:2px}
.mobile-menu{display:none;flex-direction:column;background:var(--gm-ch-md);position:absolute;top:67px;left:0;right:0;padding:20px 28px;gap:14px;z-index:999;border-bottom:3px solid var(--gm-crimson)}
.mobile-menu.open{display:flex}
.mobile-menu a{color:rgba(255,255,255,.48);text-decoration:none;font-size:.96rem;font-weight:500;padding:5px 0;border-bottom:1px solid rgba(192,25,58,.14)}
.mob-cta{background:var(--gm-crimson)!important;color:var(--gm-white)!important;text-align:center;padding:12px!important;border-radius:var(--r-xs)!important;font-weight:700!important;margin-top:8px;border:none!important}

/* BUTTONS */
.cta-crimson{display:inline-block;background:linear-gradient(135deg,var(--gm-cr-md) 0%,var(--gm-crimson) 50%,var(--gm-cr-lt) 100%);color:var(--gm-white);font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:.92rem;padding:14px 40px;border-radius:var(--r-xs);text-decoration:none;transition:filter .25s,transform .2s,box-shadow .2s;box-shadow:var(--sh-crimson)}
.cta-crimson:hover{filter:brightness(1.10);transform:translateY(-3px);box-shadow:0 8px 28px rgba(192,25,58,.48)}
.cta-xl{font-size:1.0rem;padding:17px 52px}
.cta-outline{display:inline-block;color:var(--gm-text);font-family:'Lexend Deca',sans-serif;font-weight:600;font-size:.88rem;text-decoration:none;padding:12px 20px;border:2px solid var(--gm-border);border-radius:var(--r-xs);transition:all .2s}
.cta-outline:hover{border-color:var(--gm-crimson);color:var(--gm-crimson)}

/* TAGS */
.etag{display:inline-block;font-family:'Lexend Deca',sans-serif;font-size:.56rem;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;border-bottom:2px solid currentColor;padding-bottom:3px;margin-bottom:14px}
.etag-crimson{color:var(--gm-crimson);border-bottom-color:var(--gm-crimson)}
.etag-mint{color:var(--gm-mn-md);border-bottom-color:var(--gm-mn-md)}

/* HERO: Split screen — ivory left / crimson-berry right */
.hero{display:grid;grid-template-columns:55% 45%;min-height:92vh;border-bottom:4px solid var(--gm-crimson)}

/* LEFT: Ivory editorial — fully centred */
.hero-left{background:var(--gm-ivory);padding:56px 48px 48px;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;text-align:center}
.hl-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Lexend Deca',sans-serif;font-size:.60rem;font-weight:600;color:var(--gm-faint)}
.hle-dot{width:8px;height:8px;border-radius:50%;background:var(--gm-crimson);flex-shrink:0}
.hero-h1{font-family:'Source Serif 4',serif;font-size:3.4rem;font-weight:700;line-height:1.10;color:var(--gm-char);text-align:center}
.h1-brand{display:block;color:var(--gm-crimson);font-size:4.2rem;line-height:.94}
.h1-em{display:block;color:var(--gm-mn-md);font-style:italic;font-size:2.4rem;line-height:1.14}
.hl-rule{height:3px;width:80px;background:linear-gradient(90deg,var(--gm-crimson),var(--gm-cr-lt));border-radius:2px;margin:0 auto}
.hl-lead{font-family:'Lexend Deca',sans-serif;font-size:.88rem;line-height:1.80;color:var(--gm-faint);text-align:center;max-width:520px}
.hl-lead strong{color:var(--gm-crimson);font-weight:700}
.hl-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.hlb-badge{font-family:'Lexend Deca',sans-serif;font-size:.66rem;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);border:2px solid}
.hlb-acv{color:var(--gm-cr-md);background:var(--gm-cr-xpl);border-color:rgba(192,25,58,.22)}
.hlb-bhb{color:var(--gm-mn-md);background:var(--gm-mn-xpl);border-color:rgba(22,163,74,.22)}
.hlb-elec{color:var(--gm-ch-lt);background:var(--gm-cream);border-color:rgba(28,31,46,.14)}
.hl-creds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.hlc-item{font-family:'Lexend Deca',sans-serif;font-size:.60rem;font-weight:700;color:var(--gm-mint);background:var(--gm-mn-xpl);border:1px solid rgba(22,163,74,.20);padding:4px 10px;border-radius:var(--r-xs)}
.hl-rating{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.hlr-stars{color:var(--gm-crimson);font-size:.88rem;letter-spacing:1.5px}
.hlr-score{font-family:'Source Serif 4',serif;font-size:1.1rem;font-weight:700;color:var(--gm-text)}
.hlr-ct{font-family:'Lexend Deca',sans-serif;font-size:.70rem;color:var(--gm-faint)}
.hl-ctas{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.hl-prices{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--gm-border);border-radius:var(--r-sm);overflow:hidden;width:100%;max-width:480px;margin:0 auto}
.hlp-item{padding:10px 14px;border-bottom:1px solid var(--gm-bdr-lt)}
.hlp-item:last-child{border-bottom:none}
.hlp-best{background:var(--gm-cr-xpl)}
.hlpi-tag{font-family:'Lexend Deca',sans-serif;font-size:.52rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gm-crimson);display:block;margin-bottom:4px}
.hlpi-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hlpi-price{font-family:'Source Serif 4',serif;font-size:1.6rem;font-weight:700;color:var(--gm-cr-md)}
.hlpi-price span{font-family:'Lexend Deca',sans-serif;font-size:.70rem;color:var(--gm-faint);font-weight:400}
.hlpi-pkg{font-family:'Lexend Deca',sans-serif;font-size:.66rem;font-weight:600;color:var(--gm-faint)}
.hlpi-price2{font-family:'Source Serif 4',serif;font-size:1.2rem;font-weight:600;color:var(--gm-char)}
.hlpi-pkg2{font-family:'Lexend Deca',sans-serif;font-size:.66rem;color:var(--gm-faint)}
.hl-fine{font-family:'Lexend Deca',sans-serif;font-size:.60rem;color:var(--gm-faint)}

/* RIGHT: Crimson product panel */
.hero-right{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:44px 32px}
.hr-bg-gradient{position:absolute;inset:0;background:linear-gradient(155deg,#a01430 0%,#c0193a 40%,#8b0d22 100%)}
.hr-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.hr-benefits{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}
.hrb-item{position:absolute;font-family:'Lexend Deca',sans-serif;font-size:.60rem;font-weight:700;color:var(--gm-white);background:rgba(255,255,255,.12);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);padding:5px 10px;border-radius:var(--r-xs);white-space:nowrap}
.hrb-1{top:12%;left:8%}
.hrb-2{top:22%;right:6%}
.hrb-3{bottom:28%;left:6%}
.hrb-4{bottom:18%;right:8%}
.hr-img-link{display:block;position:relative;z-index:2}
.hr-img{width:320px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 48px rgba(0,0,0,.40)) drop-shadow(0 0 24px rgba(255,255,255,.08));transition:transform .5s;display:block;margin:0 auto}
.hr-img-link:hover .hr-img{transform:scale(1.06) translateY(-8px)}
.hr-stats{background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);padding:12px 0;width:100%;max-width:360px;display:flex;align-items:center;position:relative;z-index:2}
.hrs-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;flex:1;text-align:center}
.hrs-div{width:1px;height:32px;background:rgba(255,255,255,.18);flex-shrink:0;align-self:center}
.hrsi-n{font-family:'Source Serif 4',serif;font-size:1.8rem;font-weight:700;color:var(--gm-white);line-height:1;display:block}
.hrsi-l{font-family:'Lexend Deca',sans-serif;font-size:.52rem;font-weight:600;color:rgba(255,255,255,.60);display:block}

/* ROOT CAUSE INTRO + SECTION */
.root-intro{background:var(--gm-char);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-crimson)}
.ri-inner{max-width:900px;margin:0 auto}
.ri-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-white);margin-bottom:12px;line-height:1.22}
.ri-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:rgba(255,255,255,.44)}
.root-section{background:var(--gm-ch-md);padding:64px 40px}
.root-grid{max-width:1300px;margin:0 auto 28px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:start}
.rg-step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:24px 20px;display:flex;flex-direction:column;gap:12px;transition:transform .25s}
.rg-step:hover{transform:translateY(-3px)}
.rg-problem{border-top:4px solid rgba(255,100,100,.50)}
.rg-solution{border-top:4px solid var(--gm-mint)}
.rg-gumitide{border-top:4px solid var(--gm-cr-brt)}
.rg-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;gap:4px;align-self:center}
.rga-line{width:1px;height:40px;background:rgba(255,255,255,.14)}
.rga-head{color:rgba(255,255,255,.28);font-size:1.2rem;font-family:'Lexend Deca',sans-serif}
.rgs-icon{font-size:2.2rem;display:block}
.rgs-step-tag{font-family:'Lexend Deca',sans-serif;font-size:.56rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(255,100,100,.70);display:block}
.rgs-t-mint{color:var(--gm-mn-brt)}
.rgs-t-gumi{color:var(--gm-cr-brt)}
.rg-step h3{font-family:'Source Serif 4',serif;font-size:.96rem;font-weight:600;color:var(--gm-white);line-height:1.28}
.rg-step p{font-family:'Lexend Deca',sans-serif;font-size:.80rem;line-height:1.70;color:rgba(255,255,255,.38);flex:1}
.rgs-outcome{font-family:'Lexend Deca',sans-serif;font-size:.72rem;font-weight:700;border-radius:var(--r-xs);padding:8px 12px;margin-top:auto}
.rgs-out-red{background:rgba(255,100,100,.08);border-left:3px solid rgba(255,100,100,.40);color:rgba(255,180,180,.70)}
.rgs-out-mint{background:rgba(22,163,74,.10);border-left:3px solid var(--gm-mint);color:var(--gm-mn-brt)}
.rgs-out-gumi{background:rgba(192,25,58,.12);border-left:3px solid var(--gm-cr-brt);color:var(--gm-cr-brt)}

/* PRICE BAND */
.price-band{background:var(--gm-crimson);padding:56px 24px 38px;text-align:center;border-top:3px solid rgba(255,255,255,.14)}
.pb-inner{max-width:900px;margin:0 auto}
.pb-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-white);margin-bottom:12px;line-height:1.22}
.pb-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:rgba(255,255,255,.50)}
.price-sec{background:var(--gm-cr-md);padding:40px;text-align:center}
.price-link{display:block}
.price-img-lg{width:100%;max-width:1000px;height:auto;object-fit:contain;border-radius:var(--r-sm);display:block;margin:0 auto;transition:transform .3s}
.price-link:hover .price-img-lg{transform:scale(1.01)}

/* INGREDIENT INTRO + SECTION */
.ing-intro{background:var(--gm-linen);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-mint)}
.ii-inner{max-width:900px;margin:0 auto}
.ii-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-text);margin-bottom:12px;line-height:1.22}
.ii-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:var(--gm-faint)}
.ing-section{background:var(--gm-ivory);padding:64px 40px}
.ing-panel{max-width:1200px;margin:0 auto 6px;display:grid;grid-template-columns:120px 1fr;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2)}
.ing-panel-bhb{grid-template-columns:1fr 120px}
.ing-panel-bhb .ip-body{order:-1}
.ip-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px 14px;text-align:center;background:var(--gm-crimson);flex-shrink:0}
.ip-side-right{background:var(--gm-ch-lt)}
.ip-side-bhb{background:var(--gm-ch-lt)}
.ip-side-mint{background:var(--gm-mint)}
.ips-num{font-family:'Source Serif 4',serif;font-size:2.6rem;font-weight:700;color:rgba(255,255,255,.18);line-height:1}
.ips-name{font-family:'Source Serif 4',serif;font-size:.96rem;font-weight:600;color:var(--gm-white);line-height:1.22;text-align:center}
.ips-tag{font-family:'Lexend Deca',sans-serif;font-size:.52rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.46);text-align:center}
.ip-body{background:var(--gm-white);padding:22px 26px;display:flex;flex-direction:column;gap:10px}
.ip-body h3{font-family:'Source Serif 4',serif;font-size:1.0rem;font-weight:600;color:var(--gm-text);line-height:1.28}
.ip-body p{font-family:'Lexend Deca',sans-serif;font-size:.84rem;line-height:1.72;color:var(--gm-faint);flex:1}
.ip-mechanism{background:var(--gm-cr-xpl);border-radius:var(--r-xs);padding:8px 12px;margin-top:4px;font-family:'Lexend Deca',sans-serif;font-size:.64rem;font-weight:700;color:var(--gm-cr-md);display:block}
.ip-mech-bhb{background:var(--gm-cream);color:var(--gm-ch-lt)}
.ip-mech-mint{background:var(--gm-mn-xpl);color:var(--gm-mn-md)}

/* Key facts */
.ing-facts{max-width:1200px;margin:6px auto 0;border:1.5px solid var(--gm-border);border-radius:var(--r-sm);overflow:hidden}
.iff-row{display:grid;grid-template-columns:100px 1fr;padding:12px 18px;align-items:start}
.iff-alt{background:var(--gm-mn-xpl)}
.iffr-k{font-family:'Lexend Deca',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gm-mint);padding-right:12px}
.iffr-v{font-family:'Lexend Deca',sans-serif;font-size:.82rem;color:var(--gm-faint)}
.iffr-crimson{color:var(--gm-cr-md);font-weight:700}

/* BENEFITS INTRO + SECTION */
.ben-intro{background:var(--gm-char);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-cr-lt)}
.bi-inner{max-width:900px;margin:0 auto}
.bi-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-white);margin-bottom:12px;line-height:1.22}
.bi-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:rgba(255,255,255,.44)}
.ben-section{background:var(--gm-ch-md);padding:64px 40px}
.ben-grid{max-width:1200px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bg-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:22px;display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--gm-crimson);transition:transform .25s}
.bg-card:nth-child(even){border-top-color:var(--gm-mint)}
.bg-card:hover{transform:translateY(-3px)}
.bgc-icon{font-size:2rem;display:block}
.bg-card h3{font-family:'Source Serif 4',serif;font-size:.96rem;font-weight:600;color:var(--gm-white);line-height:1.28}
.bg-card p{font-family:'Lexend Deca',sans-serif;font-size:.80rem;line-height:1.68;color:rgba(255,255,255,.38);flex:1}

/* RITUAL INTRO + SECTION */
.ritual-intro{background:var(--gm-linen);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-mint)}
.rti-inner{max-width:900px;margin:0 auto}
.rti-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-text);margin-bottom:12px;line-height:1.22}
.rti-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:var(--gm-faint)}
.ritual-section{background:var(--gm-ivory);padding:64px 40px}
.ritual-grid{max-width:1200px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rg-card{background:var(--gm-white);border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--gm-crimson);transition:transform .25s}
.rg-card-alt{border-top-color:var(--gm-mint)}
.rg-card:hover{transform:translateY(-3px)}
.rgc-time{font-family:'Lexend Deca',sans-serif;font-size:.56rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gm-crimson);display:block}
.rgct-crimson{color:var(--gm-crimson)}
.rg-card:nth-child(2) .rgc-time{color:var(--gm-mint)}
.rg-card:nth-child(3) .rgc-time{color:var(--gm-char)}
.rgc-icon{font-size:2rem;display:block}
.rg-card h3{font-family:'Source Serif 4',serif;font-size:.96rem;font-weight:600;color:var(--gm-text);line-height:1.28}
.rg-card p{font-family:'Lexend Deca',sans-serif;font-size:.82rem;line-height:1.70;color:var(--gm-faint);flex:1}

/* BONUS INTRO + SECTION */
.bonus-intro{background:var(--gm-cr-pal);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-crimson)}
.boi-inner{max-width:900px;margin:0 auto}
.boi-inner h2{font-family:'Source Serif 4',serif;font-size:2.2rem;font-weight:700;color:var(--gm-text);margin-bottom:12px;line-height:1.22}
.boi-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:var(--gm-faint)}
.bonus-section{background:var(--gm-char);padding:64px 40px}
.bonus-layout{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.bon-featured{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bonf-card{display:grid;grid-template-columns:140px 1fr;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(192,25,58,.20);background:rgba(255,255,255,.04);transition:transform .2s}
.bonfc-mint{border-color:rgba(22,163,74,.20)}
.bonf-card:hover{transform:translateY(-2px)}
.bonfc-img{width:100%;height:100%;object-fit:cover;min-height:120px;display:block}
.bonfc-body{padding:16px 14px;display:flex;flex-direction:column;gap:6px}
.bonfcb-num{font-family:'Lexend Deca',sans-serif;font-size:.52rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gm-cr-brt);display:block}
.bonfcbn-mint{color:var(--gm-mn-brt)}
.bonf-card h3{font-family:'Source Serif 4',serif;font-size:.92rem;font-weight:600;color:var(--gm-white);line-height:1.22}
.bonf-card p{font-family:'Lexend Deca',sans-serif;font-size:.74rem;line-height:1.58;color:rgba(255,255,255,.36)}
.bon-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bonc-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.bonc-card:hover{transform:translateY(-3px)}
.boncc-img{width:100%;height:100px;object-fit:cover;display:block}
.boncc-num{font-family:'Lexend Deca',sans-serif;font-size:.52rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gm-cr-brt);display:block;padding:10px 10px 3px}
.bonc-card h3{font-family:'Source Serif 4',serif;font-size:.84rem;font-weight:600;color:var(--gm-white);line-height:1.22;padding:0 10px;margin-bottom:4px}
.bonc-card p{font-family:'Lexend Deca',sans-serif;font-size:.72rem;line-height:1.52;color:rgba(255,255,255,.34);padding:0 10px 12px;flex:1}
.bon-cta{background:rgba(192,25,58,.12);border:1px solid rgba(192,25,58,.22);border-radius:var(--r-lg);padding:20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.bon-cta p{font-family:'Lexend Deca',sans-serif;font-size:.84rem;color:rgba(255,255,255,.42)}

/* TESTIMONIALS */
.rev-intro{background:var(--gm-cr-pal);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-crimson)}
.ri2-inner{max-width:900px;margin:0 auto}
.ri2-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-text);margin-bottom:12px;line-height:1.22}
.ri2-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:var(--gm-faint)}
.rev-section{background:var(--gm-white);padding:64px 40px}
.rev-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.rvc-card{background:var(--gm-ivory);border:1px solid var(--gm-border);border-top:4px solid var(--gm-crimson);border-radius:var(--r-xl);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-1);transition:transform .25s}
.rvc-feat{box-shadow:var(--sh-3);border-top-width:6px}
.rvc-card:hover{transform:translateY(-3px)}
.rvcc-rating{font-family:'Lexend Deca',sans-serif;font-size:.62rem;font-weight:800;color:var(--gm-crimson);display:block;border-bottom:1px solid var(--gm-bdr-lt);padding-bottom:8px}
.rvcc-head{display:flex;align-items:center;gap:11px;margin-top:2px}
.rvcc-av{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--gm-crimson);flex-shrink:0}
.rvcc-head div{display:flex;flex-direction:column;gap:3px}
.rvcc-head strong{font-family:'Source Serif 4',serif;font-size:1.0rem;font-weight:600;color:var(--gm-text)}
.rvcc-loc{font-family:'Lexend Deca',sans-serif;font-size:.60rem;color:var(--gm-faint)}
.rvc-card blockquote{font-family:'Source Serif 4',serif;font-size:.94rem;font-style:italic;line-height:1.70;color:var(--gm-faint);flex:1}
.rvc-card blockquote::before,.rvc-card blockquote::after{content:none}
.rvcc-duration{font-family:'Lexend Deca',sans-serif;font-size:.64rem;font-weight:700;color:var(--gm-mint);background:var(--gm-mn-xpl);border:1px solid rgba(22,163,74,.16);padding:5px 10px;border-radius:var(--r-xs);display:inline-block;margin-top:auto}

/* GUARANTEE */
.guar-section{background:linear-gradient(135deg,var(--gm-cr-xpl) 0%,var(--gm-mn-xpl) 100%);padding:64px 40px;border-top:3px solid var(--gm-crimson);border-bottom:3px solid var(--gm-char)}
.guar-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}
.guar-img{width:100%;max-width:260px;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 8px 24px rgba(192,25,58,.16))}
.guar-right h2{font-family:'Source Serif 4',serif;font-size:2.0rem;font-weight:700;color:var(--gm-cr-md);line-height:1.24;margin-bottom:14px}
.guar-right p{font-family:'Lexend Deca',sans-serif;font-size:.92rem;line-height:1.80;color:var(--gm-muted);margin-bottom:12px}

/* HOWTO INTRO + SECTION */
.howto-intro{background:var(--gm-char);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-mn-lt)}
.hti-inner{max-width:900px;margin:0 auto}
.hti-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-white);margin-bottom:12px;line-height:1.22}
.hti-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:rgba(255,255,255,.44)}
.howto-section{background:var(--gm-ch-md);padding:64px 40px}
.howto-steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column}
.hs-step{display:grid;grid-template-columns:72px 1fr;gap:0;align-items:start;position:relative}
.hs-step:not(:last-child)::after{content:'';position:absolute;left:35px;top:72px;bottom:0;border-left:2px dashed rgba(192,25,58,.24);z-index:0}
.hs-num{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--gm-cr-md),var(--gm-crimson));color:var(--gm-white);font-family:'Source Serif 4',serif;font-size:2.0rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:var(--sh-crimson)}
.hs-body{padding:6px 0 36px 24px}
.hs-body h4{font-family:'Source Serif 4',serif;font-size:1.15rem;font-weight:600;color:var(--gm-white);margin-bottom:8px;line-height:1.26}
.hs-tldr{font-family:'Lexend Deca',sans-serif;font-size:.84rem;background:rgba(192,25,58,.12);border-left:3px solid var(--gm-cr-lt);padding:11px 14px;border-radius:0 var(--r-xs) var(--r-xs) 0;margin-bottom:10px;line-height:1.70;color:rgba(255,255,255,.78)}
.hs-body p:last-child{font-family:'Lexend Deca',sans-serif;font-size:.84rem;line-height:1.74;color:rgba(255,255,255,.26)}

/* FAQ INTRO + SECTION */
.faq-intro{background:var(--gm-cr-xpl);padding:56px 24px 38px;text-align:center;border-top:3px solid var(--gm-mint)}
.fqi-inner{max-width:900px;margin:0 auto}
.fqi-inner h2{font-family:'Source Serif 4',serif;font-size:2.4rem;font-weight:700;color:var(--gm-text);margin-bottom:12px;line-height:1.22}
.fqi-inner p{font-family:'Lexend Deca',sans-serif;font-size:1.0rem;color:var(--gm-faint)}
.faq-section{background:var(--gm-ivory);padding:56px 40px}
.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--gm-white);border:1px solid var(--gm-border);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--sh-1)}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 22px;font-family:'Source Serif 4',serif;font-size:1.0rem;font-weight:600;color:var(--gm-text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .2s;line-height:1.38}
.faq-q:hover{background:var(--gm-cr-xpl)}
.faq-arr{font-size:1.6rem;font-weight:300;transition:transform .3s;color:var(--gm-crimson);flex-shrink:0;line-height:1;font-family:'Lexend Deca',sans-serif}
.faq-ans{display:none;padding:0 22px 18px;border-top:1px solid var(--gm-bdr-lt)}
.faq-tldr{font-family:'Lexend Deca',sans-serif;font-size:.84rem;background:var(--gm-cr-xpl);border-left:3px solid var(--gm-crimson);padding:10px 14px;border-radius:0 var(--r-xs) var(--r-xs) 0;line-height:1.66;color:var(--gm-text);margin-top:12px;display:block}
.faq-item.open .faq-ans{display:block}
.faq-item.open .faq-arr{transform:rotate(45deg);color:var(--gm-mint)}
.faq-item.open .faq-q{background:var(--gm-cr-xpl)}

/* FINAL CTA */
.cta-final{background:linear-gradient(155deg,var(--gm-cr-md) 0%,var(--gm-crimson) 50%,#8b0d22 100%);padding:84px 24px;text-align:center;border-top:4px solid rgba(255,255,255,.16);position:relative;overflow:hidden}
.ctaf-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.06) 0%,transparent 55%);pointer-events:none}
.ctaf-inner{position:relative;z-index:1;max-width:820px;margin:0 auto}
.ctaf-eyebrow{font-family:'Lexend Deca',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.22);display:block;margin-bottom:16px}
.ctaf-inner h2{font-family:'Source Serif 4',serif;font-size:3.6rem;font-weight:700;color:var(--gm-white);margin-bottom:12px;line-height:1.06}
.ctafh-brand{display:block;color:var(--gm-mn-brt);font-size:4.2rem;line-height:.94}
.ctafh-em{display:block;font-style:italic;color:rgba(255,255,255,.44);font-size:2.2rem}
.ctaf-sub{font-family:'Lexend Deca',sans-serif;font-size:.76rem;color:rgba(255,255,255,.22);margin-bottom:32px;line-height:1.74}
.ctaf-img{max-width:300px;margin:0 auto 28px}
.ctaf-product-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 32px rgba(255,255,255,.08)) drop-shadow(0 12px 40px rgba(0,0,0,.60));transition:transform .4s;display:block}
.ctaf-img:hover .ctaf-product-img{transform:scale(1.06) translateY(-8px)}
.ctaf-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:18px}
.ctaf-trust span{font-family:'Lexend Deca',sans-serif;font-size:.60rem;font-weight:600;color:rgba(255,255,255,.22);white-space:nowrap}

/* FOOTER */
footer{background:var(--gm-char);border-top:4px solid var(--gm-crimson)}
.footer-strip{background:rgba(0,0,0,.22);border-bottom:1px solid rgba(192,25,58,.12);padding:12px 24px}
.fs-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.fsi-item{display:flex;align-items:center;gap:7px;padding:6px 16px;font-family:'Lexend Deca',sans-serif;font-size:.62rem;font-weight:600;color:rgba(255,255,255,.32)}
.fsi-div{width:1px;height:18px;background:rgba(192,25,58,.18);flex-shrink:0}
.footer-main{padding:44px 40px;border-bottom:1px solid rgba(192,25,58,.08)}
.footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:36px;align-items:start}
.footer-logo{text-decoration:none;display:flex;align-items:center;margin-bottom:6px}
.fll-gumi{font-family:'Source Serif 4',serif;font-size:2.0rem;font-weight:700;color:var(--gm-cr-brt)}
.fll-tide{font-family:'Source Serif 4',serif;font-size:2.0rem;font-weight:400;color:var(--gm-white)}
.fg-tagline{font-family:'Lexend Deca',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gm-cr-lt);margin-bottom:12px}
.fg-desc{font-family:'Lexend Deca',sans-serif;font-size:.78rem;line-height:1.68;color:rgba(255,255,255,.18);margin-bottom:14px}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px}
.fg-chips span{background:rgba(192,25,58,.12);border:1px solid rgba(192,25,58,.20);color:var(--gm-cr-brt);font-family:'Lexend Deca',sans-serif;font-size:.58rem;font-weight:700;padding:3px 9px;border-radius:var(--r-xs)}
.fg-nav h5{font-family:'Lexend Deca',sans-serif;font-size:.60rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gm-cr-lt);margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid rgba(192,25,58,.12)}
.fg-nav ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.fg-nav ul li a{color:rgba(255,255,255,.22);text-decoration:none;font-family:'Lexend Deca',sans-serif;font-size:.84rem;transition:color .2s;display:flex;align-items:center;gap:5px}
.fg-nav ul li a::before{content:'\203A';color:var(--gm-crimson)}
.fg-nav ul li a:hover{color:var(--gm-white)}
.fg-cta-wrap{margin-top:18px}
.fg-order-btn{display:inline-block;background:var(--gm-crimson);color:var(--gm-white);font-family:'Lexend Deca',sans-serif;font-weight:700;font-size:.86rem;padding:11px 22px;border-radius:var(--r-xs);text-decoration:none;transition:filter .2s}
.fg-order-btn:hover{filter:brightness(1.12)}
.fgg-box{background:rgba(192,25,58,.12);border:1px solid rgba(192,25,58,.20);border-radius:var(--r-lg);padding:18px;text-align:center}
.fgg-icon{font-size:2rem;display:block;margin-bottom:8px}
.fgg-box strong{font-family:'Source Serif 4',serif;font-size:1.1rem;font-weight:600;color:var(--gm-white);display:block;margin-bottom:6px}
.fgg-box p{font-family:'Lexend Deca',sans-serif;font-size:.78rem;color:rgba(255,255,255,.30);line-height:1.60}
.footer-legal{max-width:1300px;margin:0 auto;padding:14px 40px 20px;text-align:center}
.footer-legal p{font-family:'Lexend Deca',sans-serif;font-size:.70rem;color:rgba(255,255,255,.10);line-height:1.65;margin-bottom:7px}
.footer-copy{font-size:.68rem;color:rgba(255,255,255,.10);margin-top:8px;padding-top:8px;border-top:1px solid rgba(192,25,58,.08)}
.footer-copy a{color:rgba(255,255,255,.24);text-decoration:none}
.footer-copy a:hover{color:var(--gm-cr-brt);text-decoration:underline}

/* FADE */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .60s ease,transform .60s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-in{opacity:0;transform:translateY(12px);animation:hFd .70s ease both}
@keyframes hFd{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* RESPONSIVE */
@media(max-width:1200px){
  .hero{grid-template-columns:1fr}
  .hero-left{border-bottom:2px solid var(--gm-crimson)}
  .hero-right{min-height:440px}
  .root-grid{grid-template-columns:1fr}
  .rg-arrow{display:none}
  .ben-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .fg-brand{grid-column:1/-1}
  .fg-guarantee{grid-column:1/-1}
  .bon-compact{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1000px){
  .rev-grid{grid-template-columns:1fr}
  .ritual-grid{grid-template-columns:1fr}
  .guar-inner{grid-template-columns:1fr;text-align:center}
  .guar-img{max-width:220px}
  .bon-featured{grid-template-columns:1fr}
  .ing-panel{grid-template-columns:1fr}
  .ing-panel-bhb{grid-template-columns:1fr}
  .ing-panel-bhb .ip-body{order:0}
  .ip-side{flex-direction:row;justify-content:flex-start;padding:14px 20px;gap:12px}
}
@media(max-width:768px){
  .hero-h1{font-size:2.8rem}
  .h1-brand{font-size:3.4rem}
  .h1-em{font-size:2.0rem}
  .ben-grid{grid-template-columns:1fr}
  .bon-compact{grid-template-columns:1fr}
}
@media(max-width:640px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero-left{padding:32px 22px}
  .hero-h1{font-size:2.4rem}
  .h1-brand{font-size:3.0rem}
  .root-section,.ing-section,.ben-section,.ritual-section,.bonus-section,.rev-section,.guar-section,.howto-section,.faq-section,.price-sec,.cta-final{padding:40px 20px}
  .footer-main,.footer-legal{padding:24px 20px}
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .ctaf-inner h2{font-size:2.8rem}
  .ctafh-brand{font-size:3.4rem}
  .ctafh-em{font-size:1.8rem}
  .hs-step{grid-template-columns:56px 1fr}
  .hs-num{width:54px;height:54px;font-size:1.6rem}
  .root-intro,.ing-intro,.ben-intro,.ritual-intro,.bonus-intro,.rev-intro,.howto-intro,.faq-intro,.price-band{padding:36px 20px 24px}
  .hrs-div{display:none}
}