{"title":"Home page","description":null,"products":[{"product_id":"peakbuild™-lock-in-grips-weight-lifting-grips","title":"PeakBuild™ Lock-In Grips (Weight Lifting Grips)","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\n     PEAKBUILD™ LOCK-IN GRIPS\n     PREMIUM ANIMATED SHOPIFY PRODUCT DESCRIPTION\n========================================================= --\u003e\n\u003csection class=\"peakbuild\"\u003e\n\u003cdiv class=\"peakbuild-container\"\u003e\n\u003c!-- ================= TOP LABEL ================= --\u003e\n\u003cdiv class=\"peakbuild-eyebrow\"\u003e\n\u003cspan class=\"peakbuild-dot\"\u003e\u003c\/span\u003e PEAKBUILD™ PERFORMANCE GEAR\u003c\/div\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003cdiv class=\"peakbuild-hero\"\u003e\n\u003ch2\u003eYOUR GRIP SHOULDN'T \u003cspan\u003eHOLD YOU BACK.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eStay locked onto the bar, protect your hands from unnecessary friction, and train with greater confidence using \u003cstrong\u003ePeakBuild™ Lock-In Grips.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"peakbuild-hero-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= PROBLEM \/ SOLUTION ================= --\u003e\n\u003cdiv class=\"peakbuild-problem\"\u003e\n\u003cdiv class=\"peakbuild-problem-text\"\u003e\n\u003cspan class=\"section-label\"\u003eTHE PROBLEM\u003c\/span\u003e\n\u003ch3\u003eWHEN YOUR HANDS GIVE UP \u003cem\u003eBEFORE YOU DO.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003eHeavy deadlifts. Pull-ups. Rows. Pulldowns. As your workout gets harder, your hands can become one of the first things to suffer.\u003c\/p\u003e\n\u003cp\u003eRough bars and repetitive friction can leave your hands feeling uncomfortable, while grip fatigue can distract you from the movement you're trying to perform.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peakbuild-problem-badge\"\u003e\n\u003cdiv class=\"badge-circle\"\u003e\n\u003cspan\u003ePB\u003c\/span\u003e \u003csmall\u003e LOCK\u003cbr\u003eIN \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= PRODUCT INTRO ================= --\u003e\n\u003cdiv class=\"peakbuild-product-intro\"\u003e\n\u003cspan class=\"section-label\"\u003eMEET PEAKBUILD™\u003c\/span\u003e\n\u003ch2\u003eLOCK IN. \u003cspan\u003eLIFT WITH CONFIDENCE.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003ePeakBuild™ Lock-In Grips are designed for lifters who want a more secure and comfortable connection to the bar during demanding pulling movements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FEATURE CARD ================= --\u003e\n\u003cdiv class=\"peakbuild-feature-card\"\u003e\n\u003cdiv class=\"peakbuild-visual\"\u003e\n\u003cdiv class=\"visual-ring ring-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-ring ring-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-ring ring-three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"visual-core\"\u003e\n\u003cstrong\u003ePB\u003c\/strong\u003e \u003cspan\u003eLOCK-IN\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"peakbuild-feature-content\"\u003e\n\u003cspan class=\"feature-number\"\u003e01 \/ CORE FEATURE\u003c\/span\u003e\n\u003ch3\u003eA MORE SECURE \u003cspan\u003eCONNECTION.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDesigned to help keep your hands connected to the bar throughout your set, giving you a more secure feel when training hard.\u003c\/p\u003e\n\u003cdiv class=\"feature-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-mini\"\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eSecure feel during pulling movements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-mini\"\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eDesigned for repeated gym use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= BENEFITS HEADER ================= --\u003e\n\u003cdiv class=\"benefits-header\"\u003e\n\u003cspan class=\"section-label\"\u003e BUILT AROUND YOUR TRAINING \u003c\/span\u003e\n\u003ch2\u003eTRAIN BETTER. \u003cspan\u003eFEEL BETTER.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSmall improvements to your training experience can make every session feel more comfortable and controlled.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ================= BENEFIT CARDS ================= --\u003e\n\u003cdiv class=\"peakbuild-benefits\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e↗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMORE FOCUSED \u003cbr\u003eTRAINING\u003c\/h3\u003e\n\u003cp\u003eSpend less attention worrying about your grip and more attention focusing on your form, movement and workout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e◉\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHELP REDUCE \u003cbr\u003eFRICTION\u003c\/h3\u003e\n\u003cp\u003eCreates a protective layer between your hands and the bar to help reduce direct friction during repetitive pulling movements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✦\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHELP MINIMISE \u003cbr\u003eCALLUSES\u003c\/h3\u003e\n\u003cp\u003eLess direct contact with rough bar surfaces can help minimise the friction that contributes to uncomfortable hand irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTRAIN WITH \u003cbr\u003eCONFIDENCE\u003c\/h3\u003e\n\u003cp\u003eGet a more secure feel during challenging sets so you can stay focused on the exercise instead of constantly adjusting your grip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e05\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e↗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eBUILT FOR \u003cbr\u003eHEAVY PULLS\u003c\/h3\u003e\n\u003cp\u003eA practical training accessory for deadlifts, rows, pulldowns, pull-ups and other bar-based pulling exercises.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-top\"\u003e\n\u003cspan\u003e06\u003c\/span\u003e\n\u003cdiv class=\"benefit-icon\"\u003e∞\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMADE FOR \u003cbr\u003eYOUR ROUTINE\u003c\/h3\u003e\n\u003cp\u003eWhether you're starting your fitness journey or pushing through another serious training block, PeakBuild™ fits into your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= OUTCOME SECTION ================= --\u003e\n\u003cdiv class=\"peakbuild-outcome\"\u003e\n\u003cdiv class=\"outcome-left\"\u003e\n\u003cspan class=\"section-label\"\u003e THE PEAKBUILD™ DIFFERENCE \u003c\/span\u003e\n\u003ch2\u003eYOUR WORKOUT \u003cspan\u003eSHOULD FEEL LIKE A WORKOUT.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"outcome-right\"\u003e\n\u003cp\u003eYour equipment shouldn't distract you from your training.\u003c\/p\u003e\n\u003cp\u003ePeakBuild™ Lock-In Grips are designed to make your lifting sessions feel more secure and comfortable, helping you concentrate on the movement instead of constantly thinking about your hands.\u003c\/p\u003e\n\u003cdiv class=\"outcome-statement\"\u003e\n\u003cspan\u003eLOCK IN\u003c\/span\u003e \u003cspan\u003eFOCUS UP\u003c\/span\u003e \u003cspan\u003eKEEP BUILDING\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= EXERCISE MARQUEE ================= --\u003e\n\u003cdiv class=\"peakbuild-marquee\"\u003e\n\u003cdiv class=\"marquee-track\"\u003e\n\u003cspan\u003eDEADLIFTS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eROWS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003ePULLDOWNS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003ePULL-UPS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eHEAVY PULLS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eDEADLIFTS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eROWS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003ePULLDOWNS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003ePULL-UPS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e \u003cspan\u003eHEAVY PULLS\u003c\/span\u003e \u003cb\u003e✦\u003c\/b\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= FINAL CTA ================= --\u003e\n\u003cdiv class=\"peakbuild-cta\"\u003e\n\u003cdiv class=\"cta-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cta-label\"\u003e PEAKBUILD™ LOCK-IN GRIPS \u003c\/span\u003e\n\u003ch2\u003eSTOP THINKING \u003cbr\u003eABOUT YOUR GRIP. \u003cbr\u003e\u003cem\u003eSTART BUILDING.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA more secure feel. More comfortable hands. A better-focused training experience.\u003c\/p\u003e\n\u003ca href=\"#AddToCart\" class=\"peakbuild-button\"\u003e \u003cspan\u003eGET YOUR PEAKBUILD™ GRIPS\u003c\/span\u003e \u003cstrong\u003e→\u003c\/strong\u003e \u003c\/a\u003e\n\u003cdiv class=\"cta-note\"\u003eTRAIN HARD • STAY LOCKED IN • BUILD YOUR PEAK\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   PEAKBUILD™ GLOBAL\n========================================================= *\/\n\n.peakbuild {\n  --pb-bg: #e3ded7;\n  --pb-bg-light: #eeeae5;\n  --pb-card: rgba(255,255,255,.55);\n  --pb-dark: #1d1b19;\n  --pb-text: #302d2a;\n  --pb-muted: #6d6761;\n  --pb-border: rgba(35,30,25,.12);\n  --pb-accent: #8a7b6b;\n\n  background:\n    radial-gradient(\n      circle at 50% -10%,\n      rgba(255,255,255,.8),\n      transparent 38%\n    ),\n    linear-gradient(\n      180deg,\n      var(--pb-bg-light),\n      var(--pb-bg)\n    );\n\n  color: var(--pb-dark);\n\n  padding: 100px 20px;\n\n  overflow: hidden;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n.peakbuild-container {\n  max-width: 1120px;\n  margin: auto;\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.peakbuild-eyebrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  gap: 9px;\n\n  font-size: 10px;\n  font-weight: 800;\n\n  letter-spacing: 3px;\n\n  color: #655e57;\n\n  margin-bottom: 25px;\n\n  animation: pbFadeDown .8s ease both;\n}\n\n\n.peakbuild-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #403b36;\n\n  box-shadow:\n    0 0 0 5px rgba(60,55,50,.08);\n\n  animation: pbPulse 2s infinite;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.peakbuild-hero {\n  text-align: center;\n\n  max-width: 900px;\n\n  margin: auto;\n}\n\n\n.peakbuild-hero h2 {\n  margin: 0;\n\n  font-size:\n    clamp(45px, 8vw, 88px);\n\n  line-height: .88;\n\n  letter-spacing: -5px;\n\n  font-weight: 900;\n\n  color: var(--pb-dark);\n\n  animation:\n    pbTitleReveal 1s\n    cubic-bezier(.16,1,.3,1)\n    both;\n}\n\n\n.peakbuild-hero h2 span {\n  display: block;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1.5px var(--pb-dark);\n}\n\n\n.peakbuild-hero p {\n  max-width: 650px;\n\n  margin: 35px auto;\n\n  font-size: 16px;\n\n  line-height: 1.8;\n\n  color: var(--pb-muted);\n\n  animation:\n    pbFadeUp 1s .25s both;\n}\n\n\n.peakbuild-hero p strong {\n  color: var(--pb-dark);\n}\n\n\n.peakbuild-hero-line {\n  width: 70px;\n  height: 2px;\n\n  background: var(--pb-dark);\n\n  margin: 35px auto 100px;\n\n  animation:\n    pbLineGrow 1s .5s both;\n}\n\n\n\/* =========================================================\n   PROBLEM\n========================================================= *\/\n\n.peakbuild-problem {\n  display: grid;\n\n  grid-template-columns:\n    1fr 35%;\n\n  align-items: center;\n\n  gap: 60px;\n\n  padding: 70px;\n\n  background:\n    rgba(255,255,255,.42);\n\n  border:\n    1px solid var(--pb-border);\n\n  border-radius: 28px;\n\n  box-shadow:\n    0 25px 70px rgba(60,50,40,.06);\n\n  margin-bottom: 120px;\n}\n\n\n.section-label {\n  display: block;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 3px;\n\n  color: var(--pb-accent);\n\n  margin-bottom: 20px;\n}\n\n\n.peakbuild-problem h3 {\n  margin: 0 0 25px;\n\n  font-size:\n    clamp(35px,5vw,58px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n}\n\n\n.peakbuild-problem h3 em {\n  display: block;\n\n  font-style: normal;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1px var(--pb-dark);\n}\n\n\n.peakbuild-problem p {\n  color: var(--pb-muted);\n\n  line-height: 1.75;\n\n  max-width: 620px;\n}\n\n\n.peakbuild-problem-badge {\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n}\n\n\n.badge-circle {\n  width: 240px;\n  height: 240px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(30,25,20,.2);\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  align-items: center;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.9),\n      rgba(220,214,207,.2)\n    );\n\n  box-shadow:\n    inset 0 0 50px rgba(255,255,255,.7),\n    0 25px 70px rgba(50,40,30,.1);\n\n  animation:\n    pbFloat 4s ease-in-out infinite;\n}\n\n\n.badge-circle span {\n  font-size: 55px;\n\n  font-weight: 900;\n\n  letter-spacing: -4px;\n}\n\n\n.badge-circle small {\n  margin-top: 5px;\n\n  font-size: 9px;\n\n  line-height: 1.2;\n\n  letter-spacing: 3px;\n\n  text-align: center;\n\n  color: var(--pb-accent);\n}\n\n\n\/* =========================================================\n   PRODUCT INTRO\n========================================================= *\/\n\n.peakbuild-product-intro {\n  text-align: center;\n\n  max-width: 750px;\n\n  margin:\n    0 auto 65px;\n}\n\n\n.peakbuild-product-intro h2,\n.benefits-header h2 {\n  font-size:\n    clamp(40px,6vw,68px);\n\n  line-height: .92;\n\n  letter-spacing: -4px;\n\n  margin: 0 0 25px;\n}\n\n\n.peakbuild-product-intro h2 span,\n.benefits-header h2 span {\n  display: block;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1px var(--pb-dark);\n}\n\n\n.peakbuild-product-intro p,\n.benefits-header p {\n  color: var(--pb-muted);\n\n  line-height: 1.75;\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   FEATURE\n========================================================= *\/\n\n.peakbuild-feature-card {\n  display: grid;\n\n  grid-template-columns:\n    40% 60%;\n\n  align-items: center;\n\n  min-height: 420px;\n\n  padding: 65px;\n\n  background:\n    #20201e;\n\n  color: #fff;\n\n  border-radius: 28px;\n\n  overflow: hidden;\n\n  position: relative;\n\n  box-shadow:\n    0 35px 80px rgba(30,25,20,.18);\n\n  margin-bottom: 120px;\n}\n\n\n.peakbuild-visual {\n  width: 280px;\n  height: 280px;\n\n  position: relative;\n\n  margin: auto;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.visual-ring {\n  position: absolute;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(255,255,255,.25);\n}\n\n\n.ring-one {\n  width: 170px;\n  height: 170px;\n\n  animation:\n    pbRotate 10s linear infinite;\n}\n\n\n.ring-two {\n  width: 220px;\n  height: 220px;\n\n  border-style: dashed;\n\n  opacity: .5;\n\n  animation:\n    pbRotateReverse 14s linear infinite;\n}\n\n\n.ring-three {\n  width: 280px;\n  height: 280px;\n\n  opacity: .18;\n\n  animation:\n    pbRotate 20s linear infinite;\n}\n\n\n.visual-core {\n  width: 110px;\n  height: 110px;\n\n  border-radius: 50%;\n\n  background: #292926;\n\n  border:\n    1px solid rgba(255,255,255,.3);\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  align-items: center;\n\n  box-shadow:\n    0 0 60px rgba(255,255,255,.08);\n\n  animation:\n    pbFloat 3s ease-in-out infinite;\n}\n\n\n.visual-core strong {\n  font-size: 30px;\n\n  letter-spacing: -2px;\n}\n\n\n.visual-core span {\n  font-size: 7px;\n\n  letter-spacing: 3px;\n\n  opacity: .5;\n\n  margin-top: 4px;\n}\n\n\n.feature-number {\n  font-size: 9px;\n\n  letter-spacing: 3px;\n\n  opacity: .45;\n}\n\n\n.peakbuild-feature-content h3 {\n  font-size:\n    clamp(35px,5vw,60px);\n\n  line-height: .95;\n\n  letter-spacing: -3px;\n\n  margin: 18px 0;\n}\n\n\n.peakbuild-feature-content h3 span {\n  display: block;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1px #fff;\n}\n\n\n.peakbuild-feature-content \u003e p {\n  max-width: 540px;\n\n  color: #aaa;\n\n  line-height: 1.8;\n}\n\n\n.feature-line {\n  width: 70px;\n\n  height: 2px;\n\n  background: #fff;\n\n  margin:\n    30px 0;\n\n  transition:\n    width .5s ease;\n}\n\n\n.peakbuild-feature-card:hover .feature-line {\n  width: 150px;\n}\n\n\n.feature-mini {\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin: 12px 0;\n}\n\n\n.feature-mini span {\n  font-size: 12px;\n}\n\n\n.feature-mini p {\n  margin: 0;\n\n  font-size: 12px;\n\n  color: #aaa;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.benefits-header {\n  max-width: 700px;\n\n  margin:\n    0 auto 55px;\n\n  text-align: center;\n}\n\n\n.peakbuild-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 20px;\n\n  margin-bottom: 120px;\n}\n\n\n.benefit-card {\n  padding: 35px;\n\n  min-height: 270px;\n\n  background:\n    rgba(255,255,255,.5);\n\n  border:\n    1px solid var(--pb-border);\n\n  border-radius: 22px;\n\n  transition:\n    transform .4s ease,\n    background .4s ease,\n    box-shadow .4s ease;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n\n.benefit-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 100px;\n  height: 100px;\n\n  right: -50px;\n  bottom: -50px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.7);\n\n  transition:\n    transform .5s ease;\n}\n\n\n.benefit-card:hover {\n  transform:\n    translateY(-9px);\n\n  background:\n    rgba(255,255,255,.9);\n\n  box-shadow:\n    0 25px 60px rgba(60,50,40,.1);\n}\n\n\n.benefit-card:hover::after {\n  transform:\n    scale(2.5);\n}\n\n\n.benefit-top {\n  display: flex;\n\n  justify-content: space-between;\n\n  margin-bottom: 35px;\n}\n\n\n.benefit-top \u003e span {\n  font-size: 10px;\n\n  letter-spacing: 2px;\n\n  color: var(--pb-accent);\n}\n\n\n.benefit-icon {\n  width: 30px;\n  height: 30px;\n\n  border:\n    1px solid var(--pb-border);\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  font-size: 12px;\n\n  transition:\n    transform .4s ease;\n}\n\n\n.benefit-card:hover .benefit-icon {\n  transform:\n    rotate(45deg);\n}\n\n\n.benefit-card h3 {\n  font-size: 21px;\n\n  line-height: 1;\n\n  letter-spacing: -1px;\n\n  margin: 0 0 18px;\n}\n\n\n.benefit-card p {\n  color: var(--pb-muted);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n  margin: 0;\n}\n\n\n\/* =========================================================\n   OUTCOME\n========================================================= *\/\n\n.peakbuild-outcome {\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 80px;\n\n  padding:\n    75px 0;\n\n  border-top:\n    1px solid var(--pb-border);\n\n  border-bottom:\n    1px solid var(--pb-border);\n\n  margin-bottom: 0;\n}\n\n\n.outcome-left h2 {\n  font-size:\n    clamp(40px,5vw,62px);\n\n  line-height: .92;\n\n  letter-spacing: -3px;\n\n  margin: 0;\n}\n\n\n.outcome-left h2 span {\n  display: block;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1px var(--pb-dark);\n}\n\n\n.outcome-right p {\n  color: var(--pb-muted);\n\n  line-height: 1.8;\n}\n\n\n.outcome-statement {\n  display: flex;\n\n  gap: 12px;\n\n  flex-wrap: wrap;\n\n  margin-top: 30px;\n}\n\n\n.outcome-statement span {\n  padding:\n    9px 13px;\n\n  border:\n    1px solid var(--pb-border);\n\n  border-radius: 100px;\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================================\n   MARQUEE\n========================================================= *\/\n\n.peakbuild-marquee {\n  margin:\n    0 -20px;\n\n  overflow: hidden;\n\n  padding:\n    25px 0;\n\n  border-bottom:\n    1px solid var(--pb-border);\n\n  white-space: nowrap;\n}\n\n\n.marquee-track {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 30px;\n\n  animation:\n    pbMarquee 18s linear infinite;\n}\n\n\n.marquee-track span {\n  font-size: 12px;\n\n  font-weight: 900;\n\n  letter-spacing: 3px;\n}\n\n\n.marquee-track b {\n  opacity: .4;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.peakbuild-cta {\n  position: relative;\n\n  text-align: center;\n\n  margin-top: 100px;\n\n  padding:\n    90px 25px;\n\n  border-radius: 30px;\n\n  background:\n    #20201e;\n\n  color: #fff;\n\n  overflow: hidden;\n\n  box-shadow:\n    0 35px 80px rgba(30,25,20,.18);\n}\n\n\n.cta-glow {\n  position: absolute;\n\n  width: 400px;\n  height: 400px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.06);\n\n  filter: blur(80px);\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n  animation:\n    pbGlow 5s ease-in-out infinite;\n}\n\n\n.peakbuild-cta \u003e * {\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.cta-label {\n  font-size: 9px;\n\n  letter-spacing: 4px;\n\n  opacity: .5;\n}\n\n\n.peakbuild-cta h2 {\n  font-size:\n    clamp(42px,7vw,75px);\n\n  line-height: .9;\n\n  letter-spacing: -4px;\n\n  margin: 22px 0;\n}\n\n\n.peakbuild-cta h2 em {\n  font-style: normal;\n\n  color: transparent;\n\n  -webkit-text-stroke:\n    1px #fff;\n}\n\n\n.peakbuild-cta \u003e p {\n  max-width: 520px;\n\n  margin:\n    0 auto;\n\n  color: #aaa;\n\n  line-height: 1.7;\n}\n\n\n.peakbuild-button {\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 25px;\n\n  margin-top: 30px;\n\n  padding:\n    18px 27px;\n\n  background: #fff;\n\n  color: #171715;\n\n  text-decoration: none;\n\n  border-radius: 5px;\n\n  font-size: 11px;\n\n  font-weight: 900;\n\n  letter-spacing: 1.5px;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.peakbuild-button strong {\n  font-size: 20px;\n\n  transition:\n    transform .3s ease;\n}\n\n\n.peakbuild-button:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 18px 50px rgba(255,255,255,.14);\n}\n\n\n.peakbuild-button:hover strong {\n  transform:\n    translateX(7px);\n}\n\n\n.cta-note {\n  margin-top: 25px;\n\n  font-size: 8px;\n\n  letter-spacing: 3px;\n\n  opacity: .3;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes pbFadeDown {\n\n  from {\n    opacity: 0;\n    transform: translateY(-15px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes pbFadeUp {\n\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes pbTitleReveal {\n\n  from {\n    opacity: 0;\n    transform: translateY(45px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes pbLineGrow {\n\n  from {\n    width: 0;\n  }\n\n  to {\n    width: 70px;\n  }\n\n}\n\n\n@keyframes pbPulse {\n\n  0%,100% {\n    transform: scale(1);\n    opacity: .6;\n  }\n\n  50% {\n    transform: scale(1.5);\n    opacity: 1;\n  }\n\n}\n\n\n@keyframes pbFloat {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-9px);\n  }\n\n}\n\n\n@keyframes pbRotate {\n\n  from {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n\n}\n\n\n@keyframes pbRotateReverse {\n\n  from {\n    transform: rotate(360deg);\n  }\n\n  to {\n    transform: rotate(0);\n  }\n\n}\n\n\n@keyframes pbMarquee {\n\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(-50%);\n  }\n\n}\n\n\n@keyframes pbGlow {\n\n  0%,100% {\n    transform:\n      translate(-50%,-50%)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      scale(1.35);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .peakbuild {\n    padding:\n      70px 16px;\n  }\n\n\n  .peakbuild-hero h2 {\n    font-size: 48px;\n\n    letter-spacing: -3px;\n  }\n\n\n  .peakbuild-problem {\n    grid-template-columns: 1fr;\n\n    padding: 40px 25px;\n\n    text-align: center;\n\n    gap: 35px;\n  }\n\n\n  .peakbuild-problem h3 {\n    font-size: 40px;\n  }\n\n\n  .peakbuild-problem-badge {\n    order: -1;\n  }\n\n\n  .badge-circle {\n    width: 180px;\n    height: 180px;\n  }\n\n\n  .peakbuild-feature-card {\n    grid-template-columns: 1fr;\n\n    padding: 50px 25px;\n\n    text-align: center;\n  }\n\n\n  .peakbuild-visual {\n    width: 220px;\n    height: 220px;\n\n    margin-bottom: 45px;\n  }\n\n\n  .ring-three {\n    width: 220px;\n    height: 220px;\n  }\n\n\n  .peakbuild-feature-content h3 {\n    font-size: 40px;\n  }\n\n\n  .feature-line {\n    margin:\n      30px auto;\n  }\n\n\n  .feature-mini {\n    justify-content: center;\n  }\n\n\n  .peakbuild-benefits {\n    grid-template-columns: 1fr;\n\n    gap: 15px;\n  }\n\n\n  .benefit-card {\n    min-height: auto;\n\n    padding: 30px;\n  }\n\n\n  .peakbuild-outcome {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n\n    padding:\n      60px 0;\n  }\n\n\n  .outcome-left h2 {\n    font-size: 45px;\n  }\n\n\n  .peakbuild-cta {\n    margin-top: 70px;\n\n    padding:\n      65px 20px;\n  }\n\n\n  .peakbuild-cta h2 {\n    font-size: 46px;\n\n    letter-spacing: -3px;\n  }\n\n\n  .peakbuild-button {\n    width: 100%;\n\n    max-width: 340px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION ACCESSIBILITY\n========================================================= *\/\n\n@media(prefers-reduced-motion: reduce){\n\n  .peakbuild *,\n  .peakbuild *::before,\n  .peakbuild *::after {\n\n    animation-duration: .01ms !important;\n\n    animation-iteration-count: 1 !important;\n\n    transition-duration: .01ms !important;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Peak Build","offers":[{"title":"Black","offer_id":71339406590205,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Brown","offer_id":71339406622973,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":71339406655741,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":71339406688509,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":71339406721277,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Yellow","offer_id":71339406754045,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":71339406819581,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":71339406852349,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"rose pink","offer_id":71340119326973,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/1628\/3389\/files\/Screenshot_2026-09-19_213724.png?v=1789847730"}],"url":"https:\/\/peakbuild.co.za\/collections\/frontpage.oembed","provider":"Peak Build","version":"1.0","type":"link"}