/* ===================================================================
   HORSE PEAK GELATIN (horsepeakkgelatin.com) — bespoke system, fresh.
   Men's vitality / sexual-wellness support supplement.
   UNIQUENESS: own HTML/CSS/JS, own prefix (hpk-), own palette, own
   fonts (first serif-display build), own signature, own section order.
   Nothing shared with any earlier site.
   Palette: stone #f5f1ec | stone-2 #ebe4db | paper #ffffff
            wine #7d1f33 | wine-deep #5e1526 | copper #c07a3e
            graphite #2a2724 | slate #6d665f | rule #ded5c9
   Display: 'Fraunces' (serif)   Body: 'Manrope'
   Signature: summit ridge line (mountain peak trace — matches "Peak")
   Layout: grids minmax(0,1fr); flex children min-width:0;
           images min(Npx,100%); hero mobile order H1 -> image -> rest.

   ================= SENSITIVE: MEN'S SEXUAL WELLNESS =================
   Structure-function ONLY. Source page made claims that are removed here:
   - "increase in penis size, typically 2 to 3 inches", "cell regeneration
     within the penis", "increases in both length and girth" -> DELETED.
     No anatomical-change claim appears anywhere; the FAQ answers this
     honestly with "no supplement changes anatomy".
   - Erectile dysfunction / premature ejaculation / "age-related sexual
     dysfunction" presented as things the product treats -> DELETED.
     ED is a medical condition; page states persistent difficulty needs a
     doctor because it can be an early sign of cardiovascular disease or
     diabetes.
   - "boosts testosterone levels" -> softened to supporting levels already
     within a normal range.
   - Semen-volume / fertility claims -> DELETED.
   - "The #1 formula", "Save Upto $780", "72% discount", "93% of customers"
     -> DELETED (unsupportable / fabricated).
   - "FDA Approved Facility" -> "FDA Registered Facility".
   - Fabricated personas (John D. / Emilly Jhonson / Charlie Williams) and
     their ED-recovery, "it healed us", marriage-collapse stories -> NOT
     reproduced. Replaced with non-explicit, non-medical wellness notes.
   - Competitor's own Bing/Google verification codes -> never copied.
   Safety block covers: nitrates & ED medication interaction (serious
   blood-pressure risk), blood-pressure meds, blood thinners, diabetes
   meds, hormone-sensitive conditions, adult men only, 18+, and the
   see-a-doctor message. Tone kept tasteful and non-explicit throughout.
=================================================================== */

:root{
  --stone:#f5f1ec;
  --stone-2:#ebe4db;
  --paper:#ffffff;
  --wine:#7d1f33;
  --wine-deep:#5e1526;
  --copper:#c07a3e;
  --copper-deep:#a2632e;
  --graphite:#2a2724;
  --slate:#6d665f;
  --rule:#ded5c9;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Manrope','Segoe UI',sans-serif;
  font-size:17px;
  line-height:1.78;
  color:var(--graphite);
  background:var(--stone);
}
h1,h2,h3,h4{
  font-family:'Fraunces','Georgia',serif;
  font-weight:600;
  line-height:1.14;
  color:var(--graphite);
  margin:0 0 15px;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.shell{max-width:1120px;margin:0 auto;padding:0 22px;}
.kicker{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:.73rem;
  letter-spacing:3px;text-transform:uppercase;color:var(--copper);
}
.centered{text-align:center;}

/* ---------- buttons ---------- */
.hpk-go,.hpk-go-dark,.hpk-go-thin{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;
  padding:15px 32px;border:none;cursor:pointer;border-radius:2px;
  letter-spacing:.2px;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.hpk-go{background:var(--wine);color:#fff;box-shadow:0 9px 22px rgba(125,31,51,.26);}
.hpk-go:hover{background:var(--wine-deep);transform:translateY(-2px);box-shadow:0 13px 28px rgba(125,31,51,.36);}
.hpk-go-dark{background:var(--graphite);color:#fff;}
.hpk-go-dark:hover{background:#1b1917;transform:translateY(-2px);}
.hpk-go-thin{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;}
.hpk-go-thin:hover{background:#fff;color:var(--graphite);border-color:#fff;}

/* ---------- masthead ---------- */
.hpk-top{
  position:sticky;top:0;z-index:850;background:rgba(245,241,236,.95);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);padding:14px 0;
}
.hpk-top .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.hpk-sig{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:600;font-size:1.32rem;color:var(--graphite);}
.hpk-sig svg{width:31px;height:31px;flex:0 0 auto;}
.hpk-sig i{font-style:normal;color:var(--wine);}
.hpk-nav{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0;}
.hpk-nav a{font-weight:600;font-size:.89rem;color:var(--graphite);opacity:.78;}
.hpk-nav a:hover{opacity:1;color:var(--wine);}
.hpk-tog{display:none;background:none;border:none;font-size:1.65rem;line-height:1;color:var(--graphite);cursor:pointer;}
@media(max-width:900px){
  .hpk-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:0;background:var(--stone);border-top:1px solid var(--rule);}
  .hpk-nav.open{display:flex;}
  .hpk-nav li{width:100%;border-bottom:1px solid var(--rule);}
  .hpk-nav a{display:block;padding:15px 22px;}
  .hpk-nav .order{display:none;}
  .hpk-tog{display:block;}
}

/* ---------- hero ---------- */
.hpk-hero{
  position:relative;overflow:hidden;color:#f2ece5;padding:60px 0 0;
  background:
    radial-gradient(ellipse at 80% 18%, rgba(192,122,62,.20) 0%, transparent 55%),
    linear-gradient(165deg,#33302c 0%,var(--graphite) 55%,#241f21 100%);
}
.hpk-hero-row{display:flex;align-items:center;gap:46px;flex-wrap:wrap;position:relative;z-index:2;}
.hpk-hero-txt{flex:1 1 420px;min-width:0;}
.hpk-head,.hpk-tail{width:100%;}
.hpk-hero h1{color:#fff;font-size:3.05rem;margin:14px 0 18px;font-weight:600;}
.hpk-hero h1 u{text-decoration:none;color:var(--copper);}
.hpk-hero p{color:#c8c0b7;font-size:1.07rem;max-width:520px;margin:0;}
.hpk-hero-pic{flex:1 1 250px;min-width:0;text-align:center;position:relative;}
.hpk-hero-pic img{max-width:min(300px,100%);margin:0 auto;filter:drop-shadow(0 24px 42px rgba(0,0,0,.55));position:relative;z-index:2;}
.hpk-hero-pic::before{
  content:'';position:absolute;left:50%;top:50%;width:320px;height:320px;
  transform:translate(-50%,-50%);z-index:1;
  background:radial-gradient(circle,rgba(125,31,51,.34) 0%,transparent 68%);
}
.hpk-hero-act{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px;}
.hpk-hero-rate{display:flex;align-items:center;gap:11px;margin-top:22px;color:#c8c0b7;font-size:.93rem;font-weight:600;}
.hpk-hero-rate b{color:var(--copper);letter-spacing:2px;font-size:1.1rem;font-weight:400;}
@media(max-width:900px){
  .hpk-hero-txt{display:contents;}
  .hpk-head{order:1;}
  .hpk-hero-pic{order:2;margin-top:12px;}
  .hpk-tail{order:3;}
  .hpk-hero h1{font-size:2.25rem;}
}
/* peak ridge signature */
.hpk-ridge{position:relative;z-index:2;padding:32px 0 30px;display:flex;flex-direction:column;align-items:center;}
.hpk-ridge svg{width:220px;height:48px;}
.hpk-ridge span{color:#8d857c;font-size:.72rem;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;margin-top:8px;}

/* ---------- bands ---------- */
.hpk-sec{padding:72px 0;}
.hpk-sec-2{background:var(--stone-2);}
.hpk-sec-paper{background:var(--paper);}
.hpk-lede{max-width:720px;margin:0 auto 42px;text-align:center;}
.hpk-lede h2{font-size:2.3rem;margin-top:9px;}
.hpk-lede p{color:var(--slate);margin:0;}

/* ---------- seals ---------- */
.hpk-seals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
@media(max-width:780px){.hpk-seals{grid-template-columns:repeat(2,minmax(0,1fr));}}
.hpk-seals div{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:22px 16px;text-align:center;}
.hpk-seals img{max-width:min(124px,100%);margin:0 auto 10px;}
.hpk-seals p{margin:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:.9rem;color:var(--graphite);}

/* ---------- split ---------- */
.hpk-duo{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.hpk-duo.rev{flex-direction:row-reverse;}
.hpk-duo figure{flex:1 1 250px;min-width:0;margin:0;text-align:center;}
.hpk-duo figure img{max-width:min(330px,100%);margin:0 auto;filter:drop-shadow(0 16px 30px rgba(42,39,36,.22));}
.hpk-duo .col{flex:1 1 410px;min-width:0;}
.hpk-duo .col h2{font-size:2.05rem;}
.hpk-duo .col p{color:var(--slate);}

/* ---------- plain-talk callout ---------- */
.hpk-plain{
  background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--wine);
  border-radius:3px;padding:32px 34px;max-width:880px;margin:0 auto;
}
.hpk-plain h3{font-size:1.4rem;}
.hpk-plain ul{margin:0;padding:0;list-style:none;}
.hpk-plain li{position:relative;padding-left:26px;margin-bottom:12px;color:var(--slate);}
.hpk-plain li:last-child{margin-bottom:0;}
.hpk-plain li::before{content:'';position:absolute;left:2px;top:12px;width:11px;height:2px;background:var(--copper);}
.hpk-plain strong{color:var(--graphite);}

/* ---------- support cards ---------- */
.hpk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:940px){.hpk-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.hpk-cards{grid-template-columns:1fr;}}
.hpk-cards article{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:26px 22px;}
.hpk-cards b{font-family:'Fraunces',serif;font-size:1.4rem;color:var(--copper);display:block;line-height:1;}
.hpk-cards h4{font-size:1.1rem;margin:9px 0;}
.hpk-cards p{margin:0;color:var(--slate);font-size:.91rem;}

/* ---------- ingredients ---------- */
.hpk-mix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.hpk-mix{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.hpk-mix{grid-template-columns:1fr;}}
.hpk-mix article{background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--copper);border-radius:3px;padding:24px 22px;}
.hpk-mix h4{font-size:1.1rem;color:var(--wine);}
.hpk-mix p{margin:0;color:var(--slate);font-size:.89rem;}
.hpk-mix em{font-style:normal;font-weight:700;color:var(--graphite);font-size:.84rem;}

/* ---------- safety ---------- */
.hpk-care{background:#241f21;border-radius:3px;padding:40px 38px;color:#cdc4bb;}
.hpk-care h3{color:#fff;font-size:1.48rem;display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.hpk-care h3 svg{width:30px;height:30px;flex:0 0 auto;}
.hpk-care p{margin:0 0 12px;font-size:.95rem;}
.hpk-care p:last-child{margin-bottom:0;}
.hpk-care strong{color:#fff;}

/* ---------- usage ---------- */
.hpk-take{max-width:640px;margin:0 auto;background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:30px;text-align:center;}
.hpk-take h4{font-size:1.18rem;}
.hpk-take p{margin:0;color:var(--slate);}

/* ---------- notes / testimonials ---------- */
.hpk-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:880px){.hpk-notes{grid-template-columns:1fr;}}
.hpk-notes article{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:26px 24px;}
.hpk-notes header{display:flex;align-items:center;gap:13px;margin-bottom:11px;}
.hpk-notes header img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.hpk-notes strong{display:block;font-family:'Fraunces',serif;font-weight:600;color:var(--graphite);}
.hpk-notes small{color:var(--slate);}
.hpk-notes .score{color:var(--copper);letter-spacing:2px;margin-bottom:7px;}
.hpk-notes p{margin:0;color:var(--slate);font-size:.92rem;}

/* ---------- pricing ---------- */
.hpk-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
@media(max-width:880px){.hpk-tiers{grid-template-columns:1fr;max-width:400px;margin:0 auto;}}
.hpk-tier{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:28px 22px;text-align:center;}
.hpk-tier.best{border:2px solid var(--wine);box-shadow:0 18px 40px rgba(125,31,51,.15);}
.hpk-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--wine);color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.69rem;letter-spacing:.8px;text-transform:uppercase;padding:5px 15px;white-space:nowrap;}
.hpk-ribbon.mute{background:var(--graphite);}
.hpk-tier img{max-width:min(180px,100%);height:148px;object-fit:contain;margin:6px auto 12px;}
.hpk-tier h4{font-size:1.3rem;margin-bottom:2px;}
.hpk-tier .days{color:var(--slate);font-size:.86rem;margin-bottom:12px;}
.hpk-tier .rate{font-family:'Fraunces',serif;font-weight:600;font-size:2.45rem;color:var(--wine);line-height:1;}
.hpk-tier .rate span{font-family:'Manrope',sans-serif;font-size:.85rem;font-weight:400;color:var(--slate);}
.hpk-tier .tot{font-weight:700;margin:9px 0 3px;}
.hpk-tier .post{font-size:.84rem;font-weight:700;color:var(--copper-deep);margin-bottom:13px;}
.hpk-tier .post.paid{color:var(--slate);font-weight:400;}
.hpk-tier .hpk-go{width:100%;margin-top:auto;}
.hpk-tier .cards{max-width:min(178px,100%);margin:12px auto 0;opacity:.68;}

/* ---------- guarantee ---------- */
.hpk-word{display:flex;align-items:center;gap:40px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:36px;}
.hpk-word img{max-width:min(168px,100%);margin:0 auto;}
.hpk-word div{flex:1 1 340px;min-width:0;}
.hpk-word h3{font-size:1.75rem;}
.hpk-word p{color:var(--slate);}

/* ---------- faq ---------- */
.hpk-qa{max-width:800px;margin:0 auto;}
.hpk-qa details{background:var(--paper);border:1px solid var(--rule);border-radius:3px;margin-bottom:11px;overflow:hidden;}
.hpk-qa summary{cursor:pointer;list-style:none;padding:19px 22px;font-family:'Fraunces',serif;font-weight:600;font-size:1.05rem;color:var(--graphite);display:flex;justify-content:space-between;align-items:center;gap:14px;}
.hpk-qa summary::-webkit-details-marker{display:none;}
.hpk-qa summary::after{content:'+';color:var(--wine);font-family:'Manrope',sans-serif;font-size:1.35rem;flex-shrink:0;}
.hpk-qa details[open] summary::after{content:'\2212';}
.hpk-qa .a{padding:0 22px 19px;color:var(--slate);}
.hpk-qa .a p{margin:0 0 10px;}
.hpk-qa .a p:last-child{margin-bottom:0;}

/* ---------- footer ---------- */
.hpk-foot{background:#211d1b;color:#8d857c;font-size:.89rem;padding:44px 0 28px;}
.hpk-foot a{color:#c8c0b7;}
.hpk-foot a:hover{color:var(--copper);}
.hpk-foot hr{border:none;border-top:1px solid #3a3431;margin:24px 0;}
.hpk-foot .small{font-size:.8rem;color:#7b736b;max-width:900px;}

/* ---------- sticky ---------- */
.hpk-bar{position:fixed;left:0;right:0;bottom:0;z-index:880;display:none;align-items:center;justify-content:space-between;gap:12px;background:#211d1b;border-top:2px solid var(--wine);padding:9px 16px;}
.hpk-bar b{display:block;color:#fff;font-family:'Fraunces',serif;font-size:1rem;line-height:1.2;}
.hpk-bar small{color:#8d857c;font-size:.71rem;}
@media(max-width:900px){.hpk-bar{display:flex;}body{padding-bottom:66px;}}

/* ===================================================================
   MOBILE OPTIMISATION
   Horizontal overflow was already clean; these rules fix the vertical
   experience on small screens — type scale, section rhythm, padding,
   and a compact sticky order bar that no longer wraps onto 3 lines.
   =================================================================== */

/* ---------- tablets and below ---------- */
@media(max-width:900px){
  .hpk-sec{padding:54px 0;}
  .hpk-lede{margin-bottom:32px;}
  .hpk-lede h2{font-size:1.95rem;}
  .hpk-duo{gap:34px;}
  .hpk-duo .col h2{font-size:1.8rem;}
  .hpk-plain{padding:28px 26px;}
  .hpk-care{padding:32px 26px;}
  .hpk-word{padding:28px;gap:28px;}
  .hpk-take{padding:26px 22px;}
}

/* ---------- phones ---------- */
@media(max-width:640px){
  body{font-size:16px;line-height:1.7;}

  .shell{padding:0 18px;}
  .hpk-sec{padding:44px 0;}
  .hpk-lede{margin-bottom:26px;}

  /* type scale — the big win: headings were ~37px at 320px */
  .hpk-hero h1{font-size:1.95rem;line-height:1.18;margin:10px 0 14px;}
  .hpk-lede h2{font-size:1.62rem;}
  .hpk-duo .col h2{font-size:1.55rem;}
  .hpk-plain h3,.hpk-care h3,.hpk-word h3{font-size:1.3rem;}
  .hpk-cards h4,.hpk-mix h4,.hpk-tier h4,.hpk-take h4{font-size:1.06rem;}
  .kicker{font-size:.68rem;letter-spacing:2.2px;}
  .hpk-lede p{font-size:.95rem;}

  /* tighter boxes */
  .hpk-plain{padding:24px 20px;}
  .hpk-plain li{padding-left:22px;margin-bottom:10px;font-size:.94rem;}
  .hpk-care{padding:26px 20px;}
  .hpk-care p{font-size:.92rem;}
  .hpk-cards article,.hpk-mix article,.hpk-notes article{padding:22px 18px;}
  .hpk-word{padding:24px 20px;}
  .hpk-take{padding:24px 18px;}
  .hpk-tier{padding:24px 18px;}
  .hpk-seals div{padding:18px 12px;}

  /* hero breathing room */
  .hpk-hero{padding-top:44px;}
  .hpk-hero-row{gap:26px;}
  .hpk-hero p{font-size:1rem;}
  .hpk-hero-act{gap:10px;margin-top:20px;}
  .hpk-go,.hpk-go-dark,.hpk-go-thin{padding:13px 22px;font-size:.94rem;}
  .hpk-ridge{padding:22px 0 24px;}
  .hpk-ridge svg{width:180px;}

  /* footer legal text is long — make it readable, not overwhelming */
  .hpk-foot{padding:34px 0 22px;}
  .hpk-foot .small{font-size:.76rem;line-height:1.6;}
}

/* ---------- compact sticky order bar ----------
   Previously the label wrapped to three lines and the button to two,
   eating a third of a short phone viewport. Now it stays on one line. */
@media(max-width:900px){
  .hpk-bar{padding:8px 12px;gap:10px;}
  .hpk-bar > div{min-width:0;flex:1 1 auto;}
  .hpk-bar b{font-size:.95rem;line-height:1.15;white-space:nowrap;}
  .hpk-bar small{
    display:block;font-size:.68rem;line-height:1.2;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .hpk-bar .hpk-go{
    flex:0 0 auto;white-space:nowrap;
    padding:10px 18px;font-size:.85rem;
  }
  body{padding-bottom:60px;}
}
@media(max-width:360px){
  .hpk-bar small{display:none;}          /* keep the bar to one tidy line */
  .hpk-bar .hpk-go{padding:10px 15px;font-size:.82rem;}
  body{padding-bottom:54px;}
}

/* ---------- very small phones ---------- */
@media(max-width:380px){
  .hpk-hero h1{font-size:1.72rem;}
  .hpk-lede h2{font-size:1.45rem;}
  .hpk-duo .col h2{font-size:1.4rem;}
  .hpk-tier .rate{font-size:2.1rem;}
  .shell{padding:0 15px;}
}

/* buttons inherit the body's 1.7 line-height, which made them taller than
   they need to be on phones; tighten it so the sticky bar stays slim */
@media(max-width:900px){
  .hpk-go,.hpk-go-dark,.hpk-go-thin{line-height:1.25;}
  .hpk-bar .hpk-go{padding:11px 18px;}
  .hpk-bar{padding:7px 12px;}
  body{padding-bottom:54px;}
}
@media(max-width:360px){
  body{padding-bottom:50px;}
}

/* pricing cards were ~586px tall on a phone — taller than the viewport,
   so you couldn't see a whole package at once. Trim the product shot and
   the decorative card-logos so a full tier fits on screen. */
@media(max-width:640px){
  .hpk-tier img{height:112px;margin:2px auto 10px;}
  .hpk-tier .rate{font-size:2.15rem;}
  .hpk-tier .days{margin-bottom:9px;}
  .hpk-tier .post{margin-bottom:11px;}
  .hpk-tier .cards{display:none;}
  .hpk-tiers{gap:26px;}
  .hpk-ribbon{font-size:.66rem;padding:4px 13px;}
  /* seals grid: logos were oversized relative to the small tiles */
  .hpk-seals img{max-width:min(96px,100%);}
  .hpk-seals p{font-size:.84rem;}
  /* testimonial + guarantee images */
  .hpk-word img{max-width:min(130px,100%);}
  .hpk-duo figure img{max-width:min(240px,100%);}
}

/* ---------- hero product shot on phones ----------
   The bottle image was rendering ~370px tall on a 472px-high phone
   (78% of the screen), pushing everything else below the fold. Cap it
   so the headline, copy and CTA are all reachable without scrolling. */
@media(max-width:640px){
  .hpk-hero-pic img{max-width:min(168px,48%);}
  .hpk-hero-pic::before{width:200px;height:200px;}
  .hpk-hero-pic{margin-top:6px;}
}
@media(max-width:380px){
  .hpk-hero-pic img{max-width:min(148px,46%);}
  .hpk-hero-pic::before{width:170px;height:170px;}
}

/* ---------- final hero tightening on phones ----------
   Breakdown at 320x472 was: pad 44 + h1 65 + img 170 + copy 218 +
   buttons 102 + rating 51 + ridge 141. Trim the padding, copy leading
   and the decorative ridge so the CTA sits much closer to the top. */
@media(max-width:640px){
  .hpk-hero{padding-top:32px;}
  .hpk-hero p{font-size:.95rem;line-height:1.62;}
  .hpk-hero-act{margin-top:16px;gap:9px;}
  .hpk-hero-rate{margin-top:16px;font-size:.86rem;}
  .hpk-ridge{padding:14px 0 16px;}
  .hpk-ridge svg{width:150px;height:34px;}
  .hpk-ridge span{font-size:.66rem;letter-spacing:2px;margin-top:5px;}
}