/* ============================================================
   Horse Peak Gelatin — horsepeakgelatinofficial.com
   Third distinct build: hgo- component prefix + u- utility layer,
   flexbox-first layout, Anton/Nunito Sans, burgundy-on-white.
   ============================================================ */

:root{
  --hgo-white:#FFFFFF;
  --hgo-bg:#FAF7F6;
  --hgo-bg-2:#F2EBE9;
  --hgo-ink:#221A19;
  --hgo-slate:#6B5E5C;
  --hgo-line:#E8DDDB;
  --hgo-burgundy:#7A0C1E;
  --hgo-burgundy-deep:#54070F;
  --hgo-burgundy-tint:#F7E4E6;
  --hgo-gold:#C99A3B;
  --hgo-black:#1A1615;
  --hgo-radius:10px;
  --hgo-max:1180px;
  --hgo-display:"Anton", "Arial Black", sans-serif;
  --hgo-body:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--hgo-white);color:var(--hgo-ink);font-family:var(--hgo-body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--hgo-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;
  line-height:1.1;margin:0 0 .5em;color:var(--hgo-black)}
h1{font-size:clamp(2rem,6.5vw,3rem)}
h2{font-size:clamp(1.4rem,4.2vw,1.9rem)}
h3{font-size:1.15rem}
h4{font-size:.98rem}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--hgo-gold);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important}}

/* ---- micro utility layer ---- */
.u-flex{display:flex}
.u-col{flex-direction:column}
.u-wrap{flex-wrap:wrap}
.u-items-center{align-items:center}
.u-justify-center{justify-content:center}
.u-justify-between{justify-content:space-between}
.u-gap-sm{gap:10px}
.u-gap-md{gap:18px}
.u-gap-lg{gap:30px}
.u-center-text{text-align:center}
.u-mt-lg{margin-top:26px}

.hgo-wrap{max-width:var(--hgo-max);margin:0 auto;padding:0 20px}
.hgo-sec{padding:50px 0}
.hgo-sec--soft{background:var(--hgo-bg)}
.hgo-narrow{max-width:720px;margin:0 auto}
.hgo-head{max-width:640px;margin:0 0 28px}
.hgo-eyebrow{display:inline-block;font-family:var(--hgo-display);font-weight:400;font-size:.76rem;
  letter-spacing:.07em;text-transform:uppercase;color:var(--hgo-burgundy);margin-bottom:10px}

/* buttons */
.hgo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;
  border-radius:4px;font-family:var(--hgo-display);font-weight:400;letter-spacing:.02em;text-transform:uppercase;
  font-size:.95rem;border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.hgo-btn--fill{background:var(--hgo-burgundy);color:#fff;box-shadow:0 8px 20px rgba(122,12,30,.26)}
.hgo-btn--fill:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(122,12,30,.32)}
.hgo-btn--line{background:transparent;color:var(--hgo-black);border:1.5px solid var(--hgo-line)}
.hgo-btn--line:hover{border-color:var(--hgo-burgundy)}
.hgo-btn--full{width:100%}
.hgo-btn--sm{padding:11px 18px;font-size:.8rem}

/* top strip */
.hgo-strip{background:var(--hgo-black);color:#F2E9E7;font-size:.78rem;padding:8px 0}
.hgo-strip .hgo-wrap{justify-content:center;text-align:center}

/* nav */
.hgo-nav{border-bottom:1px solid var(--hgo-line);position:sticky;top:0;background:rgba(255,255,255,.96);
  backdrop-filter:blur(6px);z-index:40}
.hgo-nav .hgo-wrap{padding:14px 20px;justify-content:space-between}
.hgo-logo{font-family:var(--hgo-display);font-weight:400;font-size:1.15rem;text-transform:uppercase;color:var(--hgo-black)}
.hgo-logo span{color:var(--hgo-burgundy)}
.hgo-links{display:none}
.hgo-nav-cta{display:none}
.hgo-toggle{background:none;border:none;font-size:1.5rem;color:var(--hgo-black);cursor:pointer;line-height:1}
.hgo-links.hgo-open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#fff;
  border-bottom:1px solid var(--hgo-line);padding:10px 20px 18px;gap:2px;box-shadow:0 12px 22px rgba(26,22,21,.1)}
.hgo-links.hgo-open li a{display:block;padding:10px 4px;font-size:.95rem;color:var(--hgo-ink)}

@media (min-width:900px){
  .hgo-toggle{display:none}
  .hgo-links{display:flex;align-items:center;gap:22px}
  .hgo-links li a{font-size:.85rem;font-family:var(--hgo-display);text-transform:uppercase;letter-spacing:.02em;color:var(--hgo-ink)}
  .hgo-links li a:hover{color:var(--hgo-burgundy)}
  .hgo-nav-cta{display:inline-flex}
}

/* hero — flexbox first */
.hgo-hero{padding:32px 0 44px}
.hgo-hero .hgo-wrap{display:flex;flex-direction:column;gap:26px}
.hgo-hero-shot{order:-1;text-align:center}
.hgo-hero-shot img{max-width:270px;margin:0 auto}
.hgo-tag{display:inline-flex;align-items:center;gap:8px;background:var(--hgo-burgundy-tint);color:var(--hgo-burgundy-deep);
  padding:7px 14px;border-radius:999px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:16px}
.hgo-lead{font-size:1.04rem;color:var(--hgo-slate)}
.hgo-facts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.hgo-facts li{background:var(--hgo-bg);border:1px solid var(--hgo-line);padding:8px 12px;border-radius:6px;font-size:.78rem;color:var(--hgo-slate)}
.hgo-check{margin:20px 0}
.hgo-check li{position:relative;padding-left:26px;margin-bottom:11px;color:var(--hgo-ink);font-size:.95rem}
.hgo-check li::before{content:"\2713";position:absolute;left:1px;top:0;color:var(--hgo-burgundy);font-weight:700}
.hgo-figs{display:flex;justify-content:space-between;margin:22px 0;padding:18px 0;border-top:1px solid var(--hgo-line);border-bottom:1px solid var(--hgo-line)}
.hgo-figs div{text-align:center;flex:1}
.hgo-figs b{display:block;font-family:var(--hgo-display);font-weight:400;font-size:1.5rem;color:var(--hgo-burgundy)}
.hgo-figs span{font-size:.72rem;color:var(--hgo-slate)}
.hgo-hero-trust{font-size:.78rem;color:var(--hgo-slate)}

@media (min-width:860px){
  .hgo-hero .hgo-wrap{flex-direction:row;align-items:flex-start;gap:50px}
  .hgo-hero-shot{order:1;flex:0 0 320px}
  .hgo-hero-copy{order:2;flex:1}
}

/* countdown */
.hgo-countdown{background:var(--hgo-black);border-radius:10px;padding:16px 18px;margin:20px 0;display:flex;
  align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hgo-countdown .hgo-cd-label{color:#F2E9E7;font-family:var(--hgo-display);font-weight:400;font-size:.8rem;text-transform:uppercase}
.hgo-countdown .hgo-cd-timer{display:flex;gap:8px}
.hgo-countdown .hgo-cd-unit{background:#2B2422;border-radius:6px;padding:8px 10px;min-width:50px;text-align:center}
.hgo-countdown .hgo-cd-unit b{display:block;font-family:var(--hgo-display);font-weight:400;font-size:1.15rem;color:var(--hgo-gold)}
.hgo-countdown .hgo-cd-unit span{font-size:.6rem;color:#C9BDBA;text-transform:uppercase}

/* badge grid */
.hgo-badges{display:flex;flex-wrap:wrap;gap:16px}
.hgo-badges > *{flex:1 1 220px}
.hgo-badge-card{text-align:center;padding:20px 12px;border:1px solid var(--hgo-line);border-radius:var(--hgo-radius)}
.hgo-badge-card img{width:54px;height:54px;object-fit:contain;margin:0 auto 12px}
.hgo-badge-card p{font-size:.82rem;color:var(--hgo-slate);margin:0}

/* split */
.hgo-split{display:flex;flex-direction:column;gap:28px;align-items:center}
.hgo-split img{border-radius:var(--hgo-radius);max-width:320px;margin:0 auto}
@media (min-width:860px){.hgo-split{flex-direction:row;gap:54px}.hgo-split > *{flex:1}.hgo-split img{max-width:100%}}

/* ingredients */
.hgo-ing-list{display:flex;flex-direction:column}
.hgo-ing-row{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--hgo-line)}
.hgo-ing-row:last-child{border-bottom:none}
.hgo-ing-num{font-family:var(--hgo-display);font-weight:400;font-size:1.4rem;color:var(--hgo-burgundy);flex:0 0 38px}
.hgo-ing-row p{font-size:.9rem;color:var(--hgo-slate);margin:0}

/* reviews */
.hgo-rev-board{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;
  background:var(--hgo-burgundy-tint);border-radius:var(--hgo-radius);padding:22px;margin-bottom:28px}
.hgo-rev-score b{display:block;font-family:var(--hgo-display);font-weight:400;font-size:2.2rem;color:var(--hgo-burgundy-deep)}
.hgo-stars{color:var(--hgo-gold);letter-spacing:1px}
.hgo-rev-score span{display:block;font-size:.76rem;color:var(--hgo-slate);margin-top:2px}
.hgo-rev-figs{display:flex;gap:22px;flex-wrap:wrap}
.hgo-rev-figs div{text-align:center}
.hgo-rev-figs b{display:block;font-family:var(--hgo-display);font-weight:400;font-size:1.2rem;color:var(--hgo-burgundy-deep)}
.hgo-rev-figs span{font-size:.7rem;color:var(--hgo-slate)}
.hgo-rev-grid{display:flex;flex-wrap:wrap;gap:18px}
.hgo-rev-grid > *{flex:1 1 280px}
.hgo-rev-card{border:1px solid var(--hgo-line);border-radius:var(--hgo-radius);padding:20px}
.hgo-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.hgo-rev-head img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.hgo-rev-name{font-weight:700;font-size:.88rem}
.hgo-rev-sub{font-size:.72rem;color:var(--hgo-slate)}
.hgo-rev-card p{font-size:.88rem;color:var(--hgo-ink);margin:0}

/* pricing */
.hgo-plans{display:flex;flex-wrap:wrap;gap:20px}
.hgo-plans > *{flex:1 1 280px}
.hgo-plan{border:1px solid var(--hgo-line);border-radius:var(--hgo-radius);padding:24px 20px;text-align:center;position:relative}
.hgo-plan--top{border-color:var(--hgo-burgundy);box-shadow:0 12px 26px rgba(122,12,30,.14)}
.hgo-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--hgo-burgundy);color:#fff;
  font-family:var(--hgo-display);font-weight:400;font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap}
.hgo-plan-badge.hgo-gold{background:var(--hgo-gold);color:var(--hgo-black)}
.hgo-plan img.hgo-pk{max-width:130px;margin:8px auto 14px}
.hgo-plan-ttl{font-family:var(--hgo-display);font-weight:400;font-size:1.1rem;text-transform:uppercase}
.hgo-plan-sub{font-size:.78rem;color:var(--hgo-slate);margin-bottom:10px}
.hgo-plan-price{font-family:var(--hgo-display);font-weight:400;font-size:1.9rem;color:var(--hgo-ink)}
.hgo-plan-price small{font-size:.82rem;font-weight:400;color:var(--hgo-slate);text-transform:none;font-family:var(--hgo-body)}
.hgo-plan-was{font-size:.74rem;color:var(--hgo-slate);text-decoration:line-through}
.hgo-plan-tot{font-size:.82rem;font-weight:700;margin:4px 0 2px}
.hgo-plan-ship{font-size:.74rem;color:var(--hgo-burgundy);font-weight:700;margin-bottom:14px;text-transform:uppercase}
.hgo-plan ul{margin:0 0 16px;text-align:left;display:flex;flex-direction:column;gap:6px}
.hgo-plan ul li{font-size:.82rem;color:var(--hgo-slate);padding-left:20px;position:relative}
.hgo-plan ul li::before{content:"\2713";position:absolute;left:0;color:var(--hgo-burgundy);font-weight:700}

/* ribbons */
.hgo-ribbons{display:flex;flex-direction:column;gap:14px}
.hgo-ribbon{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--hgo-bg);border-radius:8px}
.hgo-ribbon h4{margin-bottom:3px;font-size:.92rem}
.hgo-ribbon p{margin:0;font-size:.87rem;color:var(--hgo-slate)}

/* guarantee */
.hgo-guar{display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center}
.hgo-guar img{max-width:170px}
@media (min-width:820px){.hgo-guar{flex-direction:row;text-align:left}}

/* steps */
.hgo-step-row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--hgo-line)}
.hgo-step-row:last-child{border-bottom:none}
.hgo-step-row .hgo-n{flex:0 0 30px;height:30px;border-radius:50%;background:var(--hgo-burgundy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--hgo-display);font-weight:400;font-size:.85rem}

/* faq */
.hgo-faq-row{border-bottom:1px solid var(--hgo-line)}
.hgo-faq-btn{width:100%;text-align:left;background:none;border:none;padding:18px 4px;font-family:var(--hgo-body);
  font-size:1rem;font-weight:700;color:var(--hgo-ink);cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}
.hgo-faq-btn::after{content:"+";font-size:1.3rem;color:var(--hgo-burgundy);flex:0 0 auto}
.hgo-faq-btn[aria-expanded="true"]::after{content:"\2013"}
.hgo-faq-body{max-height:0;overflow:hidden;transition:max-height .25s ease}
.hgo-faq-body p{padding:0 4px 18px;font-size:.9rem;color:var(--hgo-slate);margin:0}

/* refs */
.hgo-refs li{padding:10px 0;border-bottom:1px solid var(--hgo-line);font-size:.88rem}
.hgo-refs li:last-child{border-bottom:none}
.hgo-refs a{color:var(--hgo-burgundy-deep);text-decoration:underline}

/* blog */
.hgo-blog-grid{display:flex;flex-wrap:wrap;gap:20px}
.hgo-blog-grid > *{flex:1 1 300px}
.hgo-blog-card{border:1px solid var(--hgo-line);border-radius:var(--hgo-radius);padding:22px}
.hgo-blog-card span.hgo-tag{font-family:var(--hgo-display);font-weight:400;font-size:.7rem;color:var(--hgo-burgundy);text-transform:uppercase;letter-spacing:.03em}
.hgo-blog-card h3{margin:8px 0;text-transform:none;font-size:1.02rem}
.hgo-blog-card p{font-size:.88rem;color:var(--hgo-slate)}

/* compare */
.hgo-compare{display:flex;flex-wrap:wrap;gap:16px}
.hgo-compare > *{flex:1 1 260px}
.hgo-compare .hgo-col{border:1px solid var(--hgo-line);border-radius:var(--hgo-radius);padding:22px}
.hgo-compare .hgo-good{border-color:var(--hgo-burgundy);background:var(--hgo-burgundy-tint)}
.hgo-compare li{padding-left:22px;position:relative;margin-bottom:9px;font-size:.88rem}
.hgo-compare .hgo-good li::before{content:"\2713";position:absolute;left:0;color:var(--hgo-burgundy);font-weight:700}
.hgo-compare .hgo-col:not(.hgo-good) li::before{content:"\2013";position:absolute;left:0;color:var(--hgo-slate)}

/* final */
.hgo-final{text-align:center;background:var(--hgo-black);color:#fff;border-radius:16px;padding:42px 24px}
.hgo-final h2{color:#fff}
.hgo-final img{max-width:200px;margin:16px auto}
.hgo-final .hgo-old{color:#C9BDBA;text-decoration:line-through;font-size:.88rem}
.hgo-final .hgo-new{font-family:var(--hgo-display);font-weight:400;font-size:1.5rem;margin:4px 0 18px;color:var(--hgo-gold)}

/* footer */
.hgo-foot{background:var(--hgo-bg);border-top:1px solid var(--hgo-line);padding:38px 0 88px}
.hgo-foot-nav,.hgo-foot-legal{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:.85rem;margin-bottom:18px}
.hgo-foot-legal{font-size:.76rem;color:var(--hgo-slate)}
.hgo-foot hr{border:none;border-top:1px solid var(--hgo-line);margin:20px 0}
.hgo-foot p{font-size:.74rem;color:var(--hgo-slate)}
.hgo-foot .hgo-cr{font-size:.74rem;color:var(--hgo-slate);margin-top:14px}

/* sticky cta */
.hgo-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--hgo-line);
  box-shadow:0 -8px 22px rgba(26,22,21,.08);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.hgo-sticky .hgo-t b{display:block;font-family:var(--hgo-display);font-weight:400;font-size:.9rem;text-transform:uppercase}
.hgo-sticky .hgo-t small{font-size:.72rem;color:var(--hgo-slate)}
@media (min-width:900px){.hgo-sticky{padding:14px 28px}}