{"product_id":"creatine-plus","title":"Creatine+ | 5g Creatine + Full Electrolytes","description":"\u003c!-- CREATINE+ PDP v11 — EMOTIONAL REWRITE + SCIENCE ACCURATE --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Changes from v10:\n 1. Hero headline reframed to emotional truth\n 2. Benefits grid rewritten with lived outcomes (removed unverifiable stats)\n 3. New \"Who We Built This For\" section added\n 4. Timeline copy emotional instead of technical\n 5. Equation box: new brand-level line\n 6. Mechanism slides softened (less fear, more revelation)\n 7. New FAQ added: \"I tried creatine and it didn't work\"\n 8. New review added for skeptical buyers\n--\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900\u0026family=DM+Serif+Display:ital@0;1\u0026display=swap');\n\n .c8 * { margin: 0; padding: 0; box-sizing: border-box; }\n .c8 { font-family: 'Outfit', -apple-system, sans-serif; overflow: hidden; border-radius: 16px; --blue: #5BA8FF; --navy: #0a1628; --deep: #0f2240; --glow: rgba(91,168,255,.15); }\n\n \/* ═══ ANIMATIONS ═══ *\/\n @keyframes c8Float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n @keyframes c8Pulse { 0%,100% { opacity: .5; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } }\n @keyframes c8SlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes c8FadeIn { from { opacity: 0; } to { opacity: 1; } }\n @keyframes c8CountUp { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: scale(1); } }\n @keyframes c8Shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }\n @keyframes c8Orbit { 0% { transform: rotate(0deg) translateX(180px) rotate(0deg); } 100% { transform: rotate(360deg) translateX(180px) rotate(-360deg); } }\n @keyframes c8WhisperFade { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } }\n\n \/* ═══ HERO ═══ *\/\n .c8-hero {\n background: linear-gradient(170deg, #060b18 0%, #0d1f3c 35%, #14325a 60%, #0a1628 100%);\n padding: 36px 20px 32px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .c8-hero::before, .c8-hero::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n }\n .c8-hero::before {\n top: -120px; left: 50%; transform: translateX(-50%);\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(91,168,255,.1) 0%, transparent 60%);\n animation: c8Pulse 5s ease-in-out infinite;\n }\n .c8-hero::after {\n bottom: -80px; right: -60px;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(91,168,255,.06) 0%, transparent 70%);\n }\n .c8-hero \u003e * { position: relative; z-index: 2; }\n\n .c8-hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 18px;\n background: linear-gradient(135deg, rgba(91,168,255,.12), rgba(91,168,255,.04));\n border: 1px solid rgba(91,168,255,.18);\n border-radius: 40px;\n font-size: 10px;\n font-weight: 700;\n color: var(--blue);\n letter-spacing: 2.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n animation: c8SlideUp .8s ease both;\n }\n .c8-hero-eyebrow::before {\n content: '';\n width: 6px; height: 6px;\n background: var(--blue);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--blue);\n animation: c8Pulse 2s ease-in-out infinite;\n }\n\n .c8-hero h2 {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 30px;\n font-weight: 400;\n color: #fff;\n line-height: 1.15;\n margin-bottom: 16px;\n animation: c8SlideUp .8s ease .1s both;\n }\n .c8-hero h2 em {\n font-style: italic;\n color: var(--blue);\n text-shadow: 0 0 40px rgba(91,168,255,.3);\n }\n\n .c8-hero-sub {\n font-size: 14px;\n color: rgba(255,255,255,.6);\n line-height: 1.7;\n max-width: 400px;\n margin: 0 auto 24px;\n animation: c8SlideUp .8s ease .2s both;\n }\n .c8-hero-highlight {\n color: #fff;\n font-weight: 700;\n display: inline-block;\n border-bottom: 1px solid rgba(91,168,255,.5);\n padding-bottom: 1px;\n text-shadow: 0 0 20px rgba(91,168,255,.35);\n }\n\n .c8-hero-stats {\n display: flex;\n justify-content: center;\n gap: 28px;\n animation: c8SlideUp .8s ease .3s both;\n margin-bottom: 20px;\n }\n .c8-hero-stat { text-align: center; }\n .c8-hero-stat-num {\n font-size: 24px;\n font-weight: 900;\n color: #fff;\n }\n .c8-hero-stat-num span { color: var(--blue); }\n .c8-hero-stat-label {\n font-size: 9px;\n color: rgba(255,255,255,.4);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .c8-hero-whisper {\n font-family: 'DM Serif Display', Georgia, serif;\n font-style: italic;\n font-size: 13px;\n color: rgba(91,168,255,.6);\n animation: c8WhisperFade 1.5s ease 1s both;\n }\n\n \/* ═══ SECTION HEADERS (reusable) ═══ *\/\n .c8-sec-title {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.2;\n text-align: center;\n margin-bottom: 6px;\n }\n .c8-sec-sub {\n font-size: 12px;\n text-align: center;\n margin-bottom: 28px;\n line-height: 1.5;\n }\n .c8-dark { color: #fff; }\n .c8-light { color: #111; }\n .c8-sub-dark { color: rgba(255,255,255,.45); }\n .c8-sub-light { color: #888; }\n\n \/* ═══ SCIENCE MECHANISM ═══ *\/\n .c8-science {\n background: linear-gradient(170deg, #060b18, #0f2240 50%, #060b18);\n padding: 28px 20px 24px;\n position: relative;\n }\n .c8-science-orb {\n position: absolute;\n width: 8px; height: 8px;\n background: var(--blue);\n border-radius: 50%;\n opacity: .15;\n top: 50%; left: 50%;\n animation: c8Orbit 20s linear infinite;\n }\n .c8-science-orb:nth-child(2) { animation-duration: 28s; animation-direction: reverse; width: 5px; height: 5px; opacity: .1; }\n .c8-science-orb:nth-child(3) { animation-duration: 35s; width: 4px; height: 4px; opacity: .08; }\n\n .c8-equation {\n max-width: 460px;\n margin: 0 auto;\n background: linear-gradient(135deg, rgba(91,168,255,.1), rgba(91,168,255,.04));\n border: 1px solid rgba(91,168,255,.2);\n border-radius: 14px;\n padding: 18px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .c8-equation::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--blue), transparent);\n }\n .c8-equation-formula {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 17px;\n font-weight: 400;\n color: #fff;\n margin-bottom: 8px;\n letter-spacing: .3px;\n line-height: 1.3;\n }\n .c8-equation-formula span { color: var(--blue); font-style: italic; text-shadow: 0 0 20px rgba(91,168,255,.3); }\n .c8-equation-note {\n font-size: 12px;\n color: rgba(255,255,255,.55);\n line-height: 1.55;\n }\n .c8-equation-note strong { color: #fff; font-weight: 600; }\n\n \/* ═══ PHOTO ═══ *\/\n .c8-photo { overflow: hidden; line-height: 0; }\n .c8-photo img { width: 100%; height: auto; display: block; }\n\n \/* ═══ FORMULA — VISUAL CARDS ═══ *\/\n .c8-formula {\n background: linear-gradient(170deg, #060b18, #0f2240 50%, #060b18);\n padding: 26px 20px 24px;\n }\n .c8-ing-grid {\n max-width: 440px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n }\n .c8-ing-card {\n background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\n border: 1px solid rgba(91,168,255,.1);\n border-radius: 14px;\n padding: 14px 12px 12px;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: border-color .4s, transform .3s;\n }\n .c8-ing-card:hover {\n border-color: rgba(91,168,255,.3);\n transform: translateY(-3px);\n }\n .c8-ing-card::before {\n content: '';\n position: absolute;\n top: 0; left: 50%; transform: translateX(-50%);\n width: 60%;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--blue), transparent);\n opacity: 0;\n transition: opacity .4s;\n }\n .c8-ing-card:hover::before { opacity: 1; }\n .c8-ing-card:first-child { grid-column: 1 \/ -1; }\n\n .c8-ing-icon-wrap {\n width: 38px; height: 38px;\n margin: 0 auto 8px;\n border-radius: 11px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n .c8-ing-icon-wrap svg { width: 22px; height: 22px; }\n\n .c8-ing-card:nth-child(1) .c8-ing-icon-wrap { background: rgba(91,168,255,.1); box-shadow: 0 0 30px rgba(91,168,255,.2); }\n .c8-ing-card:nth-child(2) .c8-ing-icon-wrap { background: rgba(251,191,36,.1); box-shadow: 0 0 30px rgba(251,191,36,.15); }\n .c8-ing-card:nth-child(3) .c8-ing-icon-wrap { background: rgba(167,139,250,.1); box-shadow: 0 0 30px rgba(167,139,250,.15); }\n .c8-ing-card:nth-child(4) .c8-ing-icon-wrap { background: rgba(52,211,153,.1); box-shadow: 0 0 30px rgba(52,211,153,.15); }\n\n .c8-ing-card:nth-child(1) .c8-ing-amt { color: var(--blue); text-shadow: 0 0 20px rgba(91,168,255,.4); }\n .c8-ing-card:nth-child(2) .c8-ing-amt { color: #fbbf24; text-shadow: 0 0 20px rgba(251,191,36,.3); }\n .c8-ing-card:nth-child(3) .c8-ing-amt { color: #a78bfa; text-shadow: 0 0 20px rgba(167,139,250,.3); }\n .c8-ing-card:nth-child(4) .c8-ing-amt { color: #34d399; text-shadow: 0 0 20px rgba(52,211,153,.3); }\n\n .c8-ing-unit {\n font-size: 10px;\n color: rgba(255,255,255,.35);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 8px;\n position: relative;\n z-index: 2;\n }\n .c8-ing-label { font-size: 12px; font-weight: 700; color: #fff; margin-bottom: 3px; position: relative; z-index: 2; }\n .c8-ing-desc { font-size: 10px; color: rgba(255,255,255,.45); line-height: 1.45; position: relative; z-index: 2; }\n\n \/* ═══ ORBITAL RING — DISABLED (was causing animation issues) ═══ *\/\n .c8-ing-orbit {\n display: none;\n }\n\n \/* Number — static, no pulse *\/\n .c8-ing-amt {\n font-size: 26px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: 2px;\n position: relative;\n z-index: 2;\n }\n\n .c8-ing-card:first-child { flex-direction: row; }\n .c8-ing-card:first-child .c8-ing-amt { font-size: 32px; }\n\n \/* Hero ingredient horizontal layout *\/\n .c8-ing-hero-inner {\n display: flex;\n align-items: center;\n gap: 14px;\n text-align: left;\n }\n .c8-ing-hero-left { flex-shrink: 0; text-align: center; }\n .c8-ing-hero-right { flex: 1; }\n .c8-ing-hero-right .c8-ing-label { font-size: 14px; }\n .c8-ing-hero-right .c8-ing-desc { font-size: 11px; }\n\n \/* ═══ WHO IT'S FOR ═══ *\/\n .c8-who {\n background: #0a1628;\n padding: 40px 20px;\n position: relative;\n overflow: hidden;\n }\n .c8-who::before {\n content: '';\n position: absolute;\n top: -100px; right: -100px;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(91,168,255,.08) 0%, transparent 70%);\n pointer-events: none;\n }\n .c8-who-wrap {\n max-width: 480px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n .c8-who-list {\n list-style: none;\n padding: 0;\n margin: 20px 0 0;\n }\n .c8-who-item {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 0;\n border-bottom: 1px solid rgba(255,255,255,.06);\n font-size: 14px;\n color: rgba(255,255,255,.75);\n line-height: 1.55;\n }\n .c8-who-item:last-child { border-bottom: none; }\n .c8-who-check {\n width: 22px; height: 22px;\n border-radius: 50%;\n background: rgba(91,168,255,.12);\n border: 1px solid rgba(91,168,255,.3);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n color: var(--blue);\n font-weight: 900;\n margin-top: 2px;\n }\n .c8-who-item strong {\n color: #fff;\n font-weight: 700;\n font-size: 15px;\n display: block;\n margin-bottom: 4px;\n }\n .c8-who-sub {\n color: rgba(255,255,255,.55);\n font-size: 13px;\n line-height: 1.55;\n font-weight: 400;\n }\n\n \/* ═══ TIMELINE — HORIZONTAL STEPPER ═══ *\/\n .c8-timeline {\n background: #f7f8fa;\n padding: 40px 20px;\n }\n .c8-tl-wrap {\n max-width: 440px;\n margin: 0 auto;\n }\n .c8-tl-track {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 24px;\n position: relative;\n }\n .c8-tl-track::before {\n content: '';\n position: absolute;\n top: 50%; left: 28px; right: 28px;\n height: 3px;\n background: #e2e5ea;\n border-radius: 3px;\n transform: translateY(-50%);\n }\n .c8-tl-track-fill {\n position: absolute;\n top: 50%; left: 28px;\n height: 3px;\n background: linear-gradient(90deg, var(--blue), #93c5fd);\n border-radius: 3px;\n transform: translateY(-50%);\n transition: width .6s ease;\n width: 0%;\n }\n .c8-tl-dot {\n width: 56px; height: 56px;\n border-radius: 50%;\n background: #fff;\n border: 3px solid #e2e5ea;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n font-weight: 800;\n color: #bbb;\n position: relative;\n z-index: 2;\n cursor: pointer;\n transition: all .4s;\n flex-direction: column;\n gap: 1px;\n }\n .c8-tl-dot-active {\n border-color: var(--blue);\n color: var(--blue);\n box-shadow: 0 0 0 4px rgba(91,168,255,.15), 0 4px 16px rgba(91,168,255,.15);\n transform: scale(1.08);\n }\n .c8-tl-dot-done {\n border-color: var(--blue);\n background: var(--blue);\n color: #fff;\n }\n .c8-tl-dot-emoji { font-size: 18px; line-height: 1; }\n .c8-tl-dot-label { font-size: 7px; letter-spacing: .5px; text-transform: uppercase; }\n\n .c8-tl-panels { position: relative; min-height: 140px; }\n .c8-tl-panel {\n position: absolute;\n top: 0; left: 0; right: 0;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity .4s, transform .4s;\n pointer-events: none;\n }\n .c8-tl-panel-active {\n opacity: 1;\n transform: translateY(0);\n pointer-events: auto;\n position: relative;\n }\n .c8-tl-card {\n background: #fff;\n border-radius: 16px;\n padding: 22px 20px;\n box-shadow: 0 4px 20px rgba(0,0,0,.06);\n border: 1px solid rgba(0,0,0,.04);\n }\n .c8-tl-card-when {\n display: inline-block;\n padding: 4px 12px;\n background: linear-gradient(135deg, #eef5ff, #f0f7ff);\n border: 1px solid rgba(91,168,255,.15);\n border-radius: 20px;\n font-size: 11px;\n font-weight: 700;\n color: var(--blue);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\n .c8-tl-card-title {\n font-size: 17px;\n font-weight: 800;\n color: #111;\n margin-bottom: 6px;\n }\n .c8-tl-card-desc {\n font-size: 13px;\n color: #666;\n line-height: 1.65;\n }\n .c8-tl-card-desc strong { color: #111; }\n .c8-tl-card-tags {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n margin-top: 12px;\n }\n .c8-tl-tag {\n padding: 4px 10px;\n background: #f7f8fa;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 600;\n color: #888;\n }\n\n \/* ═══ TRUST MARQUEE ═══ *\/\n .c8-trust {\n background: linear-gradient(90deg, #0d1f3c, #14325a, #0d1f3c);\n padding: 0;\n overflow: hidden;\n border-top: 1px solid rgba(91,168,255,.15);\n border-bottom: 1px solid rgba(91,168,255,.15);\n height: 38px;\n display: flex;\n align-items: center;\n position: relative;\n }\n .c8-trust::before, .c8-trust::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 40px;\n z-index: 2;\n pointer-events: none;\n }\n .c8-trust::before { left: 0; background: linear-gradient(90deg, #0d1f3c, transparent); }\n .c8-trust::after { right: 0; background: linear-gradient(270deg, #0d1f3c, transparent); }\n .c8-trust-track {\n display: flex;\n animation: c8Marquee 20s linear infinite;\n white-space: nowrap;\n }\n @keyframes c8Marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .c8-trust-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 0 24px;\n flex-shrink: 0;\n }\n .c8-trust-item::after {\n content: '·';\n color: var(--blue);\n margin-left: 24px;\n font-size: 16px;\n font-weight: 900;\n }\n .c8-trust-icon { font-size: 14px; }\n .c8-trust-label {\n font-size: 12px;\n font-weight: 700;\n color: #fff;\n letter-spacing: .5px;\n }\n\n \/* ═══ FAQ ═══ *\/\n .c8-faq-section {\n background: linear-gradient(170deg, #060b18, #0f2240 50%, #060b18);\n padding: 40px 20px;\n }\n .c8-faq-wrap { max-width: 460px; margin: 0 auto; }\n .c8-faq { cursor: pointer; }\n .c8-faq-q {\n padding: 15px 0;\n font-size: 14px;\n font-weight: 600;\n color: rgba(255,255,255,.8);\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n border-bottom: 1px solid rgba(255,255,255,.06);\n transition: color .3s;\n }\n .c8-faq:hover .c8-faq-q { color: #fff; }\n .c8-faq-toggle {\n width: 24px; height: 24px;\n border-radius: 6px;\n background: rgba(91,168,255,.08);\n border: 1px solid rgba(91,168,255,.15);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n color: var(--blue);\n flex-shrink: 0;\n transition: transform .3s, background .3s;\n }\n .c8-faq.on .c8-faq-toggle { transform: rotate(180deg); background: rgba(91,168,255,.15); }\n .c8-faq-a {\n display: none;\n padding: 12px 0 18px;\n font-size: 13px;\n color: rgba(255,255,255,.6);\n line-height: 1.7;\n border-bottom: 1px solid rgba(255,255,255,.04);\n }\n .c8-faq-a strong { color: var(--blue); font-weight: 600; }\n .c8-faq.on .c8-faq-a { display: block; animation: c8SlideUp .3s ease; }\n\n \/* ═══ LAB ═══ *\/\n .c8-lab {\n background: #f7f8fa;\n padding: 40px 20px;\n }\n .c8-lab-wrap { max-width: 460px; margin: 0 auto; }\n .c8-lab-card {\n background: #fff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n border: 1px solid rgba(0,0,0,.04);\n }\n .c8-lab-hdr {\n padding: 14px 18px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #f0f0f0;\n }\n .c8-lab-hdr-title { font-size: 14px; font-weight: 800; color: #111; }\n .c8-lab-hdr-date { font-size: 10px; color: #bbb; }\n .c8-lab-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 18px;\n font-size: 12px;\n }\n .c8-lab-row:nth-child(even) { background: #fafbfc; }\n .c8-lab-row-label { color: #666; }\n .c8-lab-pass {\n display: inline-block;\n background: #e8f8f0;\n border: 1px solid #c4edda;\n border-radius: 4px;\n padding: 2px 10px;\n font-size: 10px;\n font-weight: 700;\n color: #22c55e;\n text-transform: uppercase;\n letter-spacing: .5px;\n }\n .c8-lab-val { color: #111; font-weight: 700; }\n .c8-lab-pdf {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n margin: 14px 18px;\n font-size: 12px;\n color: var(--blue) !important;\n -webkit-text-fill-color: var(--blue) !important;\n font-weight: 600;\n text-decoration: none !important;\n }\n .c8-lab-note { font-size: 9px; color: #ccc; text-align: center; margin-top: 10px; }\n\n \/* ═══ DISCLAIMER ═══ *\/\n .c8-disc {\n background: var(--navy);\n padding: 16px 20px;\n }\n .c8-disc p { font-size: 8px; color: rgba(255,255,255,.12); line-height: 1.5; text-align: center; }\n\n \/* ═══ MID-PAGE BACK-TO-TOP BUTTON ═══ *\/\n .c8-top-btn-wrap {\n background: linear-gradient(180deg, #0a1628 0%, #060b18 100%);\n padding: 22px 20px;\n text-align: center;\n }\n .c8-top-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 13px 28px;\n background: var(--blue);\n color: #fff;\n font-family: 'Outfit', sans-serif;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n text-decoration: none;\n border: none;\n border-radius: 100px;\n cursor: pointer;\n transition: transform .2s, box-shadow .3s;\n box-shadow: 0 4px 16px rgba(91,168,255,.3);\n }\n .c8-top-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(91,168,255,.45);\n }\n .c8-top-btn svg {\n width: 14px;\n height: 14px;\n stroke: currentColor;\n stroke-width: 2.5;\n fill: none;\n }\n\n @media (min-width: 768px) {\n .c8-hero h2 { font-size: 38px; }\n .c8-sec-title { font-size: 30px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"c8\"\u003e\n\u003c!-- ═══ HERO ═══ --\u003e\n\u003cdiv class=\"c8-hero\"\u003e\n\u003ch2\u003eOne scoop.\u003cbr\u003eTwo clinical doses.\u003cbr\u003e\u003cem\u003eZero\u003c\/em\u003e shortcuts.\u003c\/h2\u003e\n\u003cdiv class=\"c8-hero-stats\"\u003e\n\u003cdiv class=\"c8-hero-stat\"\u003e\n\u003cdiv class=\"c8-hero-stat-num\"\u003e5,000\u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-hero-stat-label\"\u003eCreatine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-hero-stat\"\u003e\n\u003cdiv class=\"c8-hero-stat-num\"\u003e1,266\u003cspan\u003emg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-hero-stat-label\"\u003eElectrolytes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-hero-stat\"\u003e\n\u003cdiv class=\"c8-hero-stat-num\"\u003e22\u003cspan\u003ecal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-hero-stat-label\"\u003ePer Scoop\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"c8-hero-whisper\"\u003eNot a new creatine. The one that finally works.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ PHOTO 1 ═══ --\u003e \u003c!-- photo slot 1 --\u003e \u003c!-- ═══ COMPARISON TABLE ═══ --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .c8-compare {\n background: linear-gradient(170deg, #f7f8fa, #edf0f4 50%, #f7f8fa);\n padding: 40px 20px;\n }\n .c8-cmp-wrap {\n max-width: 500px;\n margin: 0 auto;\n background: #fff;\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,.06);\n border: 1px solid rgba(0,0,0,.04);\n }\n .c8-cmp-table {\n width: 100%;\n border-collapse: collapse;\n }\n .c8-cmp-table th, .c8-cmp-table td {\n padding: 12px 6px;\n text-align: center;\n font-size: 11px;\n border-bottom: 1px solid #f0f0f0;\n }\n .c8-cmp-table th {\n background: #0a1628;\n color: rgba(255,255,255,.5);\n font-weight: 700;\n font-size: 9px;\n letter-spacing: .5px;\n text-transform: uppercase;\n padding: 14px 6px;\n border-bottom: none;\n }\n .c8-cmp-table th.c8-cmp-us {\n background: linear-gradient(135deg, #1a3a6c, #2c5a9c);\n color: #fff;\n font-size: 10px;\n position: relative;\n }\n .c8-cmp-table th.c8-cmp-us::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 2px;\n background: var(--blue);\n }\n .c8-cmp-table td {\n color: #666;\n font-weight: 600;\n }\n .c8-cmp-table td.c8-cmp-label {\n text-align: left;\n padding-left: 14px;\n color: #111;\n font-weight: 700;\n font-size: 11px;\n background: #fafbfc;\n }\n .c8-cmp-table td.c8-cmp-us-cell {\n background: rgba(91,168,255,.06);\n color: #0a1628;\n font-weight: 800;\n font-size: 12px;\n }\n .c8-cmp-table td.c8-cmp-winner {\n color: var(--blue);\n font-weight: 800;\n }\n .c8-cmp-dash {\n color: #d4d4d4;\n font-size: 14px;\n font-weight: 400;\n }\n .c8-cmp-check {\n color: #22c55e;\n font-size: 14px;\n }\n .c8-cmp-x {\n color: #ef4444;\n font-size: 13px;\n font-weight: 700;\n }\n .c8-cmp-table tr:last-child td {\n border-bottom: none;\n }\n .c8-cmp-footer {\n padding: 12px 16px;\n background: #fafbfc;\n border-top: 1px solid #f0f0f0;\n text-align: center;\n font-size: 10px;\n color: #999;\n line-height: 1.5;\n }\n .c8-cmp-verdict {\n max-width: 500px;\n margin: 16px auto 0;\n padding: 14px 18px;\n background: linear-gradient(135deg, rgba(91,168,255,.08), rgba(91,168,255,.02));\n border: 1px solid rgba(91,168,255,.15);\n border-radius: 12px;\n text-align: center;\n font-size: 13px;\n color: #0a1628;\n line-height: 1.55;\n font-weight: 600;\n }\n .c8-cmp-verdict strong {\n color: var(--blue);\n font-weight: 800;\n }\n\u003c\/style\u003e\n\u003cdiv class=\"c8\"\u003e\n\u003cdiv class=\"c8-compare\"\u003e\n\u003cdiv class=\"c8-sec-title c8-light\"\u003eHow We Compare\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-light\"\u003ePer serving. All numbers from published nutrition facts.\u003c\/p\u003e\n\u003cdiv class=\"c8-cmp-wrap\"\u003e\n\u003ctable class=\"c8-cmp-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth class=\"c8-cmp-us\"\u003eAdaptory\u003c\/th\u003e\n\u003cth\u003eLMNT\u003c\/th\u003e\n\u003cth\u003eLiquid IV\u003c\/th\u003e\n\u003cth\u003eGatorade\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"c8-cmp-label\"\u003eCreatine\u003c\/td\u003e\n\u003ctd class=\"c8-cmp-us-cell c8-cmp-winner\"\u003e5,000mg\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"c8-cmp-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"c8-cmp-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"c8-cmp-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c8-cmp-label\"\u003eSodium\u003c\/td\u003e\n\u003ctd class=\"c8-cmp-us-cell\"\u003e1,000mg\u003c\/td\u003e\n\u003ctd\u003e1,000mg\u003c\/td\u003e\n\u003ctd\u003e500mg\u003c\/td\u003e\n\u003ctd\u003e160mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c8-cmp-label\"\u003ePotassium\u003c\/td\u003e\n\u003ctd class=\"c8-cmp-us-cell\"\u003e200mg\u003c\/td\u003e\n\u003ctd\u003e200mg\u003c\/td\u003e\n\u003ctd\u003e370mg\u003c\/td\u003e\n\u003ctd\u003e35mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c8-cmp-label\"\u003eMagnesium\u003c\/td\u003e\n\u003ctd class=\"c8-cmp-us-cell c8-cmp-winner\"\u003e66mg\u003c\/td\u003e\n\u003ctd\u003e60mg\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"c8-cmp-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cspan class=\"c8-cmp-dash\"\u003e—\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c8-cmp-label\"\u003eSugar\u003c\/td\u003e\n\u003ctd class=\"c8-cmp-us-cell c8-cmp-winner\"\u003e0g\u003c\/td\u003e\n\u003ctd\u003e0g\u003c\/td\u003e\n\u003ctd\u003e11g\u003c\/td\u003e\n\u003ctd\u003e34g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"c8-cmp-footer\"\u003eBased on publicly available nutrition labels as of 2025.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-cmp-verdict\"\u003eLMNT knows electrolytes. Thorne knows creatine. \u003cstrong\u003eWe're the first to put both in the same scoop.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ SCIENCE MECHANISM — ANIMATED CAROUSEL ═══ --\u003e\n\u003cdiv class=\"c8-science\"\u003e\n\u003cdiv class=\"c8-science-orb\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-science-orb\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-science-orb\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-sec-title c8-dark\"\u003eThe Science Everyone Else Skipped\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-dark\"\u003eMost creatine brands skip this. It's the reason yours isn't working.\u003c\/p\u003e\n\u003cdiv class=\"c8-mech\"\u003e\n\u003c!-- Progress bar --\u003e\n\u003cdiv class=\"c8-mech-progress\"\u003e\n\u003cdiv class=\"c8-mech-bar\" id=\"c8MechBar\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Slides container --\u003e\n\u003cdiv class=\"c8-mech-stage\" id=\"c8MechStage\"\u003e\n\u003c!-- SLIDE 1: Creatine Gets Stuck --\u003e\n\u003cdiv class=\"c8-mech-slide c8-mech-active\" data-slide=\"0\"\u003e\n\u003csvg viewbox=\"0 0 360 220\" class=\"c8-mech-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cdefs\u003e\n \u003cradialgradient id=\"muscleGrad1\" cx=\"50%\" cy=\"50%\" r=\"60%\"\u003e\n \u003cstop offset=\"0%\" style=\"stop-color:rgba(91,168,255,.2)\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" style=\"stop-color:rgba(91,168,255,.03)\"\u003e\u003c\/stop\u003e\n \u003c\/radialgradient\u003e\n \u003cfilter id=\"glowS1\"\u003e\u003cfegaussianblur stddeviation=\"3\" result=\"blur\"\u003e\u003c\/fegaussianblur\u003e\u003cfemerge\u003e\u003cfemergenode in=\"blur\"\u003e\u003c\/femergenode\u003e\u003cfemergenode in=\"SourceGraphic\"\u003e\u003c\/femergenode\u003e\u003c\/femerge\u003e\u003c\/filter\u003e\n \u003c\/defs\u003e\n\n \n \u003cg transform=\"translate(260, 110)\"\u003e\n \u003cellipse cx=\"0\" cy=\"0\" rx=\"52\" ry=\"42\" fill=\"url(#muscleGrad1)\" stroke=\"rgba(91,168,255,.4)\" stroke-width=\"1.5\"\u003e\u003c\/ellipse\u003e\n \u003cpath d=\"M-35,-15 Q-30,0 -35,15\" fill=\"none\" stroke=\"rgba(91,168,255,.35)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M-20,-20 Q-15,0 -20,20\" fill=\"none\" stroke=\"rgba(91,168,255,.35)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M0,-22 Q5,0 0,22\" fill=\"none\" stroke=\"rgba(91,168,255,.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M20,-20 Q25,0 20,20\" fill=\"none\" stroke=\"rgba(91,168,255,.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003ctext x=\"0\" y=\"58\" text-anchor=\"middle\" fill=\"rgba(91,168,255,.6)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\" letter-spacing=\"2\"\u003eMUSCLE\u003c\/text\u003e\n \u003c\/g\u003e\n\n \n \u003cg class=\"c8-v10-stuck-1\"\u003e\n \u003ccircle cx=\"60\" cy=\"90\" r=\"16\" fill=\"rgba(91,168,255,.15)\" stroke=\"var(--blue)\" stroke-width=\"1.5\" filter=\"url(#glowS1)\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"60\" y=\"94\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"7\" font-family=\"Outfit\" font-weight=\"700\"\u003eCREATINE\u003c\/text\u003e\n \u003c\/g\u003e\n \u003cg class=\"c8-v10-stuck-2\"\u003e\n \u003ccircle cx=\"100\" cy=\"140\" r=\"14\" fill=\"rgba(91,168,255,.12)\" stroke=\"var(--blue)\" stroke-width=\"1.5\" opacity=\".8\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"100\" y=\"144\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"6\" font-family=\"Outfit\" font-weight=\"700\"\u003eCREATINE\u003c\/text\u003e\n \u003c\/g\u003e\n \u003cg class=\"c8-v10-stuck-3\"\u003e\n \u003ccircle cx=\"70\" cy=\"170\" r=\"12\" fill=\"rgba(91,168,255,.1)\" stroke=\"var(--blue)\" stroke-width=\"1.5\" opacity=\".6\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"70\" y=\"174\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"5.5\" font-family=\"Outfit\" font-weight=\"700\"\u003eCREATINE\u003c\/text\u003e\n \u003c\/g\u003e\n\n \n \u003cg class=\"c8-v10-barrier\"\u003e\n \u003cline x1=\"175\" y1=\"55\" x2=\"175\" y2=\"175\" stroke=\"rgba(239,68,68,.3)\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\u003e\u003c\/line\u003e\n \u003ccircle cx=\"175\" cy=\"110\" r=\"14\" fill=\"rgba(239,68,68,.1)\" stroke=\"rgba(239,68,68,.5)\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"175\" y=\"115\" text-anchor=\"middle\" fill=\"#ef4444\" font-size=\"14\" font-weight=\"900\"\u003e✕\u003c\/text\u003e\n \u003c\/g\u003e\n\n \u003cline x1=\"115\" y1=\"110\" x2=\"160\" y2=\"110\" stroke=\"rgba(239,68,68,.3)\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\u003e\u003c\/line\u003e\n \u003ctext x=\"80\" y=\"32\" text-anchor=\"middle\" fill=\"rgba(239,68,68,.5)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\" letter-spacing=\"1\"\u003eBLOODSTREAM\u003c\/text\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"c8-mech-text\"\u003e\n\u003cdiv class=\"c8-mech-step\"\u003eStep 1\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-title\"\u003eCreatine alone gets stuck.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-desc\"\u003eWithout the right cofactors, creatine circulates in your blood and \u003cstrong\u003egets filtered out\u003c\/strong\u003e before reaching your muscles.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-cite\"\u003eSLC6A8 transporter · PNAS \u0026amp; Cell Discovery · 2025\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SLIDE 2: Electrolytes Unlock It --\u003e\n\u003cdiv class=\"c8-mech-slide\" data-slide=\"1\"\u003e\n\u003csvg viewbox=\"0 0 360 220\" class=\"c8-mech-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cdefs\u003e\n \u003cradialgradient id=\"muscleGrad2\" cx=\"50%\" cy=\"50%\" r=\"60%\"\u003e\n \u003cstop offset=\"0%\" style=\"stop-color:rgba(91,168,255,.3)\"\u003e\u003c\/stop\u003e\n \u003cstop offset=\"100%\" style=\"stop-color:rgba(91,168,255,.05)\"\u003e\u003c\/stop\u003e\n \u003c\/radialgradient\u003e\n \u003cfilter id=\"glowS2\"\u003e\u003cfegaussianblur stddeviation=\"4\" result=\"blur\"\u003e\u003c\/fegaussianblur\u003e\u003cfemerge\u003e\u003cfemergenode in=\"blur\"\u003e\u003c\/femergenode\u003e\u003cfemergenode in=\"SourceGraphic\"\u003e\u003c\/femergenode\u003e\u003c\/femerge\u003e\u003c\/filter\u003e\n \u003c\/defs\u003e\n\n \n \u003cg transform=\"translate(220, 110)\"\u003e\n \u003cellipse cx=\"0\" cy=\"0\" rx=\"75\" ry=\"62\" fill=\"none\" stroke=\"rgba(91,168,255,.15)\" stroke-width=\"1\" class=\"c8-v10-muscle-glow\"\u003e\u003c\/ellipse\u003e\n \u003cellipse cx=\"0\" cy=\"0\" rx=\"58\" ry=\"48\" fill=\"url(#muscleGrad2)\" stroke=\"var(--blue)\" stroke-width=\"1.5\" class=\"c8-v10-muscle-fill\"\u003e\u003c\/ellipse\u003e\n \u003cpath d=\"M-38,-18 Q-33,0 -38,18\" fill=\"none\" stroke=\"rgba(91,168,255,.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M-22,-24 Q-17,0 -22,24\" fill=\"none\" stroke=\"rgba(91,168,255,.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M0,-26 Q5,0 0,26\" fill=\"none\" stroke=\"rgba(91,168,255,.55)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M22,-24 Q27,0 22,24\" fill=\"none\" stroke=\"rgba(91,168,255,.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cg class=\"c8-v10-growth-arrow\"\u003e\n \u003ccircle cx=\"0\" cy=\"0\" r=\"14\" fill=\"rgba(34,197,94,.15)\" stroke=\"#22c55e\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M-5,3 L0,-5 L5,3 M0,-5 L0,5\" stroke=\"#22c55e\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003c\/g\u003e\n \u003ctext x=\"0\" y=\"68\" text-anchor=\"middle\" fill=\"#22c55e\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"800\" letter-spacing=\"1.5\"\u003eSATURATING\u003c\/text\u003e\n \u003c\/g\u003e\n\n \n \u003cg class=\"c8-v10-flow-creatine\"\u003e\n \u003ccircle cx=\"0\" cy=\"0\" r=\"14\" fill=\"rgba(91,168,255,.2)\" stroke=\"var(--blue)\" stroke-width=\"1.5\" filter=\"url(#glowS2)\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"0\" y=\"3\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"6\" font-family=\"Outfit\" font-weight=\"700\"\u003eCREATINE\u003c\/text\u003e\n \u003c\/g\u003e\n \u003cg class=\"c8-v10-flow-na\"\u003e\n \u003ccircle cx=\"0\" cy=\"0\" r=\"8\" fill=\"rgba(91,168,255,.25)\" stroke=\"var(--blue)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"0\" y=\"3\" text-anchor=\"middle\" fill=\"var(--blue)\" font-size=\"6\" font-family=\"Outfit\" font-weight=\"800\"\u003eNa\u003c\/text\u003e\n \u003c\/g\u003e\n \u003cg class=\"c8-v10-flow-k\"\u003e\n \u003ccircle cx=\"0\" cy=\"0\" r=\"8\" fill=\"rgba(167,139,250,.25)\" stroke=\"#a78bfa\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"0\" y=\"3\" text-anchor=\"middle\" fill=\"#a78bfa\" font-size=\"6\" font-family=\"Outfit\" font-weight=\"800\"\u003eK\u003c\/text\u003e\n \u003c\/g\u003e\n \u003cg class=\"c8-v10-flow-mg\"\u003e\n \u003ccircle cx=\"0\" cy=\"0\" r=\"8\" fill=\"rgba(52,211,153,.25)\" stroke=\"#34d399\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n \u003ctext x=\"0\" y=\"3\" text-anchor=\"middle\" fill=\"#34d399\" font-size=\"5.5\" font-family=\"Outfit\" font-weight=\"800\"\u003eMg\u003c\/text\u003e\n \u003c\/g\u003e\n\n \u003cpath d=\"M 20 110 Q 100 110 160 110\" fill=\"none\" stroke=\"rgba(91,168,255,.2)\" stroke-width=\"1\" stroke-dasharray=\"3 4\" class=\"c8-v10-flow-path\"\u003e\u003c\/path\u003e\n \u003ctext x=\"60\" y=\"30\" text-anchor=\"middle\" fill=\"rgba(91,168,255,.5)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\" letter-spacing=\"1\"\u003eBLOODSTREAM\u003c\/text\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"c8-mech-text\"\u003e\n\u003cdiv class=\"c8-mech-step\"\u003eStep 2\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-title\"\u003eElectrolytes unlock it.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-desc\"\u003e\n\u003cstrong\u003eSodium\u003c\/strong\u003e opens the door. \u003cstrong\u003ePotassium\u003c\/strong\u003e keeps it open. \u003cstrong\u003eMagnesium\u003c\/strong\u003e powers the pump. Creatine reaches your muscles.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-cite\"\u003eHäussinger et al. · The Lancet · 30+ years of research\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SLIDE 3: One Scoop Replaces Two --\u003e\n\u003cdiv class=\"c8-mech-slide\" data-slide=\"2\"\u003e\n\u003csvg viewbox=\"0 0 360 220\" class=\"c8-mech-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cdefs\u003e\n \u003cfilter id=\"glowS3\"\u003e\u003cfegaussianblur stddeviation=\"3\" result=\"blur\"\u003e\u003c\/fegaussianblur\u003e\u003cfemerge\u003e\u003cfemergenode in=\"blur\"\u003e\u003c\/femergenode\u003e\u003cfemergenode in=\"SourceGraphic\"\u003e\u003c\/femergenode\u003e\u003c\/femerge\u003e\u003c\/filter\u003e\n \u003c\/defs\u003e\n\n \u003cg class=\"c8-v10-old-way\"\u003e\n \u003cg transform=\"translate(55, 80)\"\u003e\n \u003crect x=\"-22\" y=\"0\" width=\"44\" height=\"55\" rx=\"5\" fill=\"rgba(255,255,255,.04)\" stroke=\"rgba(255,255,255,.25)\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \u003crect x=\"-22\" y=\"0\" width=\"44\" height=\"10\" rx=\"5\" fill=\"rgba(255,255,255,.08)\" stroke=\"rgba(255,255,255,.25)\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \u003ctext x=\"0\" y=\"34\" text-anchor=\"middle\" fill=\"rgba(255,255,255,.5)\" font-size=\"7\" font-family=\"Outfit\" font-weight=\"700\"\u003eCREATINE\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"70\" text-anchor=\"middle\" fill=\"rgba(255,255,255,.4)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\"\u003e$40\/mo\u003c\/text\u003e\n \u003c\/g\u003e\n \u003ctext x=\"55\" y=\"120\" text-anchor=\"middle\" fill=\"rgba(255,255,255,.3)\" font-size=\"20\" font-weight=\"300\"\u003e+\u003c\/text\u003e\n \u003cg transform=\"translate(55, 140)\"\u003e\n \u003crect x=\"-22\" y=\"0\" width=\"44\" height=\"30\" rx=\"4\" fill=\"rgba(251,191,36,.06)\" stroke=\"rgba(251,191,36,.3)\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n \u003cline x1=\"-22\" y1=\"15\" x2=\"22\" y2=\"15\" stroke=\"rgba(251,191,36,.25)\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\u003e\u003c\/line\u003e\n \u003ctext x=\"0\" y=\"12\" text-anchor=\"middle\" fill=\"rgba(251,191,36,.7)\" font-size=\"6\" font-family=\"Outfit\" font-weight=\"700\"\u003eELECTROLYTES\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"24\" text-anchor=\"middle\" fill=\"rgba(251,191,36,.5)\" font-size=\"5.5\" font-family=\"Outfit\"\u003estick packs\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"45\" text-anchor=\"middle\" fill=\"rgba(255,255,255,.4)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\"\u003e$30\/mo\u003c\/text\u003e\n \u003c\/g\u003e\n \u003ctext x=\"55\" y=\"200\" text-anchor=\"middle\" fill=\"rgba(255,255,255,.4)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"700\" letter-spacing=\"1\"\u003eOLD WAY\u003c\/text\u003e\n \u003c\/g\u003e\n\n \u003cg class=\"c8-v10-swap-arrow\"\u003e\n \u003cline x1=\"130\" y1=\"110\" x2=\"200\" y2=\"110\" stroke=\"var(--blue)\" stroke-width=\"2\" opacity=\".6\"\u003e\u003c\/line\u003e\n \u003cpolygon points=\"195,104 205,110 195,116\" fill=\"var(--blue)\" opacity=\".8\"\u003e\u003c\/polygon\u003e\n \u003c\/g\u003e\n\n \u003cg class=\"c8-v10-new-way\"\u003e\n \u003cg transform=\"translate(280, 110)\"\u003e\n \u003cellipse cx=\"0\" cy=\"10\" rx=\"45\" ry=\"55\" fill=\"rgba(91,168,255,.1)\" filter=\"url(#glowS3)\"\u003e\u003c\/ellipse\u003e\n \u003crect x=\"-28\" y=\"-20\" width=\"56\" height=\"70\" rx=\"6\" fill=\"rgba(91,168,255,.1)\" stroke=\"var(--blue)\" stroke-width=\"1.8\"\u003e\u003c\/rect\u003e\n \u003crect x=\"-28\" y=\"-20\" width=\"56\" height=\"12\" rx=\"6\" fill=\"rgba(91,168,255,.2)\" stroke=\"var(--blue)\" stroke-width=\"1.8\"\u003e\u003c\/rect\u003e\n \u003ctext x=\"0\" y=\"15\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"9\" font-family=\"Outfit\" font-weight=\"800\"\u003eCREATINE\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"27\" text-anchor=\"middle\" fill=\"var(--blue)\" font-size=\"11\" font-family=\"Outfit\" font-weight=\"900\"\u003e+\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"40\" text-anchor=\"middle\" fill=\"rgba(91,168,255,.8)\" font-size=\"5.5\" font-family=\"Outfit\" font-weight=\"700\"\u003eELECTROLYTES\u003c\/text\u003e\n \u003ctext x=\"0\" y=\"72\" text-anchor=\"middle\" fill=\"var(--blue)\" font-size=\"10\" font-family=\"Outfit\" font-weight=\"800\"\u003e$39.99\/mo\u003c\/text\u003e\n \u003c\/g\u003e\n \u003ctext x=\"280\" y=\"200\" text-anchor=\"middle\" fill=\"var(--blue)\" font-size=\"8\" font-family=\"Outfit\" font-weight=\"800\" letter-spacing=\"1.5\"\u003eONE SCOOP\u003c\/text\u003e\n \u003c\/g\u003e\n \u003c\/svg\u003e\n\u003cdiv class=\"c8-mech-text\"\u003e\n\u003cdiv class=\"c8-mech-step\"\u003eStep 3\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-title\"\u003eOne scoop does it all.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-desc\"\u003eCreatine+ combines \u003cstrong\u003eboth\u003c\/strong\u003e — creatine and a full electrolyte stack — at clinical doses. One scoop. No stacking.\u003c\/div\u003e\n\u003cdiv class=\"c8-mech-cite\"\u003eFull clinical doses · One daily scoop\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Navigation dots --\u003e\n\u003cdiv class=\"c8-mech-dots\"\u003e\n\u003cbutton class=\"c8-mech-dot c8-dot-active\" data-goto=\"0\" aria-label=\"Step 1\"\u003e\u003c\/button\u003e \u003cbutton class=\"c8-mech-dot\" data-goto=\"1\" aria-label=\"Step 2\"\u003e\u003c\/button\u003e \u003cbutton class=\"c8-mech-dot\" data-goto=\"2\" aria-label=\"Step 3\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Equation box - REWRITTEN --\u003e\n\u003cdiv class=\"c8-equation\"\u003e\n\u003cdiv class=\"c8-equation-formula\"\u003eYour muscles don't want more creatine.\u003cbr\u003eThey want creatine they can \u003cspan\u003euse.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-equation-note\"\u003eFor decades, everyone's been adding \u003cstrong\u003emore creatine\u003c\/strong\u003e. We added what it needed to work.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n \/* ═══ MECHANISM CAROUSEL ═══ *\/\n .c8-mech {\n max-width: 440px;\n margin: 0 auto 20px;\n position: relative;\n z-index: 2;\n }\n .c8-mech-progress {\n height: 2px;\n background: rgba(91,168,255,.1);\n border-radius: 2px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n .c8-mech-bar {\n height: 100%;\n width: 0%;\n background: linear-gradient(90deg, var(--blue), #93c5fd);\n border-radius: 2px;\n transition: width .1s linear;\n }\n .c8-mech-stage {\n position: relative;\n min-height: 260px;\n }\n .c8-mech-slide {\n position: absolute;\n top: 0; left: 0; right: 0;\n opacity: 0;\n transform: translateX(30px);\n transition: opacity .5s ease, transform .5s ease;\n pointer-events: none;\n }\n .c8-mech-active {\n opacity: 1;\n transform: translateX(0);\n pointer-events: auto;\n position: relative;\n }\n .c8-mech-svg {\n width: 100%;\n max-width: 260px;\n display: block;\n margin: 0 auto 10px;\n }\n .c8-mech-text {\n text-align: center;\n padding: 0 8px;\n }\n .c8-mech-step {\n display: inline-block;\n padding: 3px 12px;\n background: rgba(91,168,255,.1);\n border: 1px solid rgba(91,168,255,.15);\n border-radius: 20px;\n font-size: 9px;\n font-weight: 700;\n color: var(--blue);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n .c8-mech-title {\n font-size: 16px;\n font-weight: 800;\n color: #fff;\n margin-bottom: 6px;\n line-height: 1.25;\n }\n .c8-mech-desc {\n font-size: 12px;\n color: rgba(255,255,255,.6);\n line-height: 1.55;\n max-width: 320px;\n margin: 0 auto;\n }\n .c8-mech-desc strong { color: var(--blue); font-weight: 700; }\n .c8-mech-cite {\n margin-top: 8px;\n font-size: 8px;\n color: rgba(91,168,255,.4);\n letter-spacing: .3px;\n }\n .c8-mech-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 14px;\n }\n .c8-mech-dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: rgba(91,168,255,.15);\n border: 1.5px solid rgba(91,168,255,.25);\n cursor: pointer;\n transition: all .3s;\n padding: 0;\n }\n .c8-dot-active {\n background: var(--blue);\n border-color: var(--blue);\n box-shadow: 0 0 10px rgba(91,168,255,.4);\n transform: scale(1.15);\n }\n\n \/* ═══ SLIDE 1 ANIMATIONS ═══ *\/\n .c8-v10-stuck-1 { animation: c8V10Stuck1 3s ease-in-out infinite; transform-origin: 60px 90px; }\n @keyframes c8V10Stuck1 {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(8px, -6px); }\n }\n .c8-v10-stuck-2 { animation: c8V10Stuck2 3.5s ease-in-out infinite .4s; transform-origin: 100px 140px; }\n @keyframes c8V10Stuck2 {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(-6px, 8px); }\n }\n .c8-v10-stuck-3 { animation: c8V10Stuck3 4s ease-in-out infinite .8s; transform-origin: 70px 170px; }\n @keyframes c8V10Stuck3 {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(5px, -5px); }\n }\n .c8-v10-barrier { animation: c8V10Barrier 2.5s ease-in-out infinite; transform-origin: 175px 110px; }\n @keyframes c8V10Barrier {\n 0%, 100% { opacity: .7; }\n 50% { opacity: 1; transform: scale(1.05); }\n }\n\n \/* ═══ SLIDE 2 ANIMATIONS ═══ *\/\n .c8-v10-flow-creatine {\n animation: c8V10FlowCreatine 4s ease-in-out infinite;\n }\n @keyframes c8V10FlowCreatine {\n 0% { transform: translate(30px, 110px); opacity: 0; }\n 15% { transform: translate(30px, 110px); opacity: 1; }\n 85% { transform: translate(200px, 110px); opacity: 1; }\n 100% { transform: translate(220px, 110px); opacity: 0; }\n }\n .c8-v10-flow-na {\n animation: c8V10FlowEl 4s ease-in-out infinite .3s;\n }\n @keyframes c8V10FlowEl {\n 0% { transform: translate(20px, 85px); opacity: 0; }\n 15% { transform: translate(20px, 85px); opacity: 1; }\n 85% { transform: translate(195px, 100px); opacity: 1; }\n 100% { transform: translate(215px, 105px); opacity: 0; }\n }\n .c8-v10-flow-k {\n animation: c8V10FlowEl2 4s ease-in-out infinite .6s;\n }\n @keyframes c8V10FlowEl2 {\n 0% { transform: translate(25px, 135px); opacity: 0; }\n 15% { transform: translate(25px, 135px); opacity: 1; }\n 85% { transform: translate(200px, 120px); opacity: 1; }\n 100% { transform: translate(220px, 115px); opacity: 0; }\n }\n .c8-v10-flow-mg {\n animation: c8V10FlowEl3 4s ease-in-out infinite .9s;\n }\n @keyframes c8V10FlowEl3 {\n 0% { transform: translate(15px, 165px); opacity: 0; }\n 15% { transform: translate(15px, 165px); opacity: 1; }\n 85% { transform: translate(195px, 125px); opacity: 1; }\n 100% { transform: translate(215px, 120px); opacity: 0; }\n }\n .c8-v10-muscle-glow { animation: c8V10MuscleGlow 3s ease-in-out infinite; transform-origin: center; }\n @keyframes c8V10MuscleGlow {\n 0%, 100% { opacity: .3; transform: scale(1); }\n 50% { opacity: .7; transform: scale(1.08); }\n }\n .c8-v10-muscle-fill { animation: c8V10MuscleFill 3s ease-in-out infinite; transform-origin: center; }\n @keyframes c8V10MuscleFill {\n 0%, 100% { opacity: .8; }\n 50% { opacity: 1; }\n }\n .c8-v10-growth-arrow { animation: c8V10GrowthArrow 3s ease-in-out infinite; transform-origin: center; }\n @keyframes c8V10GrowthArrow {\n 0%, 100% { transform: translateY(0); opacity: .8; }\n 50% { transform: translateY(-3px); opacity: 1; }\n }\n .c8-v10-flow-path { animation: c8V10FlowPath 4s linear infinite; stroke-dashoffset: 0; }\n @keyframes c8V10FlowPath {\n 0% { stroke-dashoffset: 0; }\n 100% { stroke-dashoffset: -20; }\n }\n\n \/* ═══ SLIDE 3 ANIMATIONS ═══ *\/\n .c8-v10-swap-arrow { animation: c8V10SwapArrow 2.2s ease-in-out infinite; }\n @keyframes c8V10SwapArrow {\n 0%, 100% { transform: translateX(0); opacity: .7; }\n 50% { transform: translateX(6px); opacity: 1; }\n }\n .c8-v10-new-way { animation: c8V10NewWay 3s ease-in-out infinite; transform-origin: 280px 110px; }\n @keyframes c8V10NewWay {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.04); }\n }\n .c8-v10-old-way { animation: c8V10OldWay 3s ease-in-out infinite; transform-origin: 55px 110px; }\n @keyframes c8V10OldWay {\n 0%, 100% { opacity: .55; }\n 50% { opacity: .75; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"c8\"\u003e\n\u003cscript\u003e\n(function(){\n const slides = document.querySelectorAll('.c8-mech-slide');\n const dots = document.querySelectorAll('.c8-mech-dot');\n const bar = document.getElementById('c8MechBar');\n const DURATION = 7000;\n let current = 0;\n let startTime = null;\n let rafId = null;\n\n function goTo(idx) {\n slides.forEach(s =\u003e { s.classList.remove('c8-mech-active'); s.style.transform = 'translateX(30px)'; });\n dots.forEach(d =\u003e d.classList.remove('c8-dot-active'));\n slides[idx].classList.add('c8-mech-active');\n slides[idx].style.transform = 'translateX(0)';\n dots[idx].classList.add('c8-dot-active');\n current = idx;\n startTime = Date.now();\n }\n\n function tick() {\n if (!startTime) startTime = Date.now();\n const elapsed = Date.now() - startTime;\n const pct = Math.min((elapsed \/ DURATION) * 100, 100);\n const segW = 100 \/ slides.length;\n bar.style.width = (current * segW + (pct \/ 100) * segW) + '%';\n if (elapsed \u003e= DURATION) {\n goTo((current + 1) % slides.length);\n }\n rafId = requestAnimationFrame(tick);\n }\n\n dots.forEach(d =\u003e {\n d.addEventListener('click', function() {\n goTo(parseInt(this.getAttribute('data-goto')));\n });\n });\n\n let touchStartX = 0;\n const stage = document.getElementById('c8MechStage');\n stage.addEventListener('touchstart', e =\u003e { touchStartX = e.touches[0].clientX; }, {passive: true});\n stage.addEventListener('touchend', e =\u003e {\n const diff = touchStartX - e.changedTouches[0].clientX;\n if (Math.abs(diff) \u003e 40) {\n if (diff \u003e 0) goTo((current + 1) % slides.length);\n else goTo((current - 1 + slides.length) % slides.length);\n }\n }, {passive: true});\n\n goTo(0);\n rafId = requestAnimationFrame(tick);\n})();\n\u003c\/script\u003e \u003c!-- ═══ BENEFITS — EMOTIONAL REWRITE v11 ═══ --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .c8-ben-v10 {\n background: #f7f8fa;\n padding: 48px 20px 52px;\n position: relative;\n overflow: hidden;\n }\n .c8-ben-v10::before {\n content: '';\n position: absolute;\n top: 20%; left: -80px;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(91,168,255,.08) 0%, transparent 65%);\n pointer-events: none;\n filter: blur(20px);\n }\n .c8-ben-v10::after {\n content: '';\n position: absolute;\n bottom: 10%; right: -80px;\n width: 280px; height: 280px;\n background: radial-gradient(circle, rgba(91,168,255,.06) 0%, transparent 70%);\n pointer-events: none;\n filter: blur(20px);\n }\n .c8-ben-v10 \u003e * { position: relative; z-index: 2; }\n\n .c8-ben-v10 .c8-sec-title {\n color: #0a1628;\n letter-spacing: -1px;\n }\n .c8-ben-v10 .c8-sec-sub {\n color: #6b7280;\n }\n\n \/* Numeric scorecard — dark premium chip on light bg *\/\n .c8-ben-v10-counter {\n max-width: 480px;\n margin: 0 auto 28px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n padding: 16px 20px;\n background: linear-gradient(135deg, #0a1628, #14325a);\n border: 1px solid rgba(91,168,255,.2);\n border-radius: 14px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 32px rgba(10,22,40,.15);\n }\n .c8-ben-v10-counter::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(91,168,255,.5), transparent);\n }\n .c8-ben-v10-counter-item {\n text-align: center;\n flex: 1;\n }\n .c8-ben-v10-counter-num {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 26px;\n font-weight: 400;\n color: var(--blue);\n line-height: 1;\n margin-bottom: 2px;\n text-shadow: 0 0 20px rgba(91,168,255,.4);\n }\n .c8-ben-v10-counter-label {\n font-size: 8.5px;\n color: rgba(255,255,255,.55);\n letter-spacing: 1.2px;\n text-transform: uppercase;\n font-weight: 700;\n }\n .c8-ben-v10-counter-divider {\n width: 1px;\n height: 32px;\n background: linear-gradient(180deg, transparent, rgba(91,168,255,.3), transparent);\n flex-shrink: 0;\n }\n\n \/* Grid — hero card + 3 supporting *\/\n .c8-ben-v10-grid {\n max-width: 480px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n\n \/* Dark premium cards — on light section bg *\/\n .c8-ben-v10-card {\n background: linear-gradient(145deg, #0a1628, #14325a);\n border: 1px solid rgba(91,168,255,.15);\n border-radius: 16px;\n padding: 20px 16px 18px;\n position: relative;\n overflow: hidden;\n transition: border-color .4s, transform .3s, box-shadow .3s;\n display: flex;\n flex-direction: column;\n box-shadow: 0 8px 24px rgba(10,22,40,.12);\n }\n .c8-ben-v10-card:hover {\n border-color: rgba(91,168,255,.35);\n transform: translateY(-3px);\n box-shadow: 0 14px 36px rgba(10,22,40,.2);\n }\n\n \/* Hero card spans full width *\/\n .c8-ben-v10-card:first-child {\n grid-column: 1 \/ -1;\n background: linear-gradient(145deg, #060b18, #14325a 60%, #0a1628);\n border: 1px solid rgba(91,168,255,.3);\n padding: 24px 22px 22px;\n border-radius: 18px;\n box-shadow: 0 12px 36px rgba(10,22,40,.18);\n }\n .c8-ben-v10-card:first-child::before {\n content: '';\n position: absolute;\n top: -50px; right: -50px;\n width: 200px; height: 200px;\n background: radial-gradient(circle, rgba(91,168,255,.18) 0%, transparent 70%);\n pointer-events: none;\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-title {\n font-size: 22px;\n line-height: 1.15;\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-desc {\n font-size: 13px;\n max-width: 80%;\n }\n\n \/* Number badge top-right *\/\n .c8-ben-v10-num {\n position: absolute;\n top: 14px;\n right: 14px;\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 13px;\n color: rgba(91,168,255,.45);\n font-weight: 400;\n letter-spacing: 1px;\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-num {\n font-size: 15px;\n color: rgba(91,168,255,.6);\n top: 18px;\n right: 20px;\n }\n\n .c8-ben-v10-icon {\n width: 38px; height: 38px;\n border-radius: 10px;\n background: linear-gradient(135deg, rgba(91,168,255,.18), rgba(91,168,255,.04));\n border: 1px solid rgba(91,168,255,.25);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 14px;\n box-shadow: 0 0 20px rgba(91,168,255,.15);\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-icon {\n width: 46px; height: 46px;\n border-radius: 12px;\n margin-bottom: 18px;\n box-shadow: 0 0 32px rgba(91,168,255,.3);\n }\n .c8-ben-v10-icon svg {\n width: 20px; height: 20px;\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-icon svg {\n width: 26px; height: 26px;\n }\n\n .c8-ben-v10-title {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 17px;\n font-weight: 400;\n color: #fff;\n margin-bottom: 8px;\n line-height: 1.2;\n letter-spacing: -0.3px;\n }\n .c8-ben-v10-desc {\n font-size: 12px;\n color: rgba(255,255,255,.6);\n line-height: 1.55;\n margin-bottom: auto;\n padding-bottom: 14px;\n }\n .c8-ben-v10-stat {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 5px 10px;\n background: rgba(91,168,255,.1);\n border: 1px solid rgba(91,168,255,.25);\n border-radius: 6px;\n font-size: 9.5px;\n font-weight: 700;\n color: var(--blue);\n line-height: 1.3;\n letter-spacing: .3px;\n width: fit-content;\n }\n .c8-ben-v10-card:first-child .c8-ben-v10-stat {\n font-size: 10px;\n padding: 6px 12px;\n }\n\n @media (max-width: 380px) {\n .c8-ben-v10-grid { grid-template-columns: 1fr; }\n .c8-ben-v10-card:first-child { grid-column: 1; }\n .c8-ben-v10-card:first-child .c8-ben-v10-desc { max-width: 100%; }\n .c8-ben-v10-counter-num { font-size: 22px; }\n .c8-ben-v10-counter-label { font-size: 7.5px; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"c8\"\u003e\n\u003cdiv class=\"c8-ben-v10\"\u003e\n\u003cdiv class=\"c8-sec-title c8-light\"\u003eWhat It Does for Your Body\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-light\"\u003eOne scoop a day. Built on 680+ clinical trials. No loading phase.\u003c\/p\u003e\n\u003c!-- Clinical scorecard --\u003e\n\u003cdiv class=\"c8-ben-v10-counter\"\u003e\n\u003cdiv class=\"c8-ben-v10-counter-item\"\u003e\n\u003cdiv class=\"c8-ben-v10-counter-num\"\u003e680+\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-label\"\u003eClinical Trials\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-item\"\u003e\n\u003cdiv class=\"c8-ben-v10-counter-num\"\u003e5g\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-label\"\u003eCreatine Dose\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-item\"\u003e\n\u003cdiv class=\"c8-ben-v10-counter-num\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-counter-label\"\u003eLoading Phase\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-grid\"\u003e\n\u003c!-- HERO: STRENGTH --\u003e\n\u003cdiv class=\"c8-ben-v10-card\"\u003e\n\u003cdiv class=\"c8-ben-v10-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5BA8FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M6 8 L6 16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 8 L18 16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 10 L4 14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M20 10 L20 14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 12 L18 12\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-title\"\u003eShow up stronger, every session\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-desc\"\u003eCreatine fills your cells' energy reserves. The rep, the mile, the class — whatever you're pushing through, you've got more left in the tank.\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-stat\"\u003e⚡ Power, strength, and lean muscle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FOCUS --\u003e\n\u003cdiv class=\"c8-ben-v10-card\"\u003e\n\u003cdiv class=\"c8-ben-v10-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5BA8FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M9.5 2a4.5 4.5 0 0 0-3.5 7.3A4 4 0 0 0 4 14a4 4 0 0 0 6 3.5V22M14.5 2a4.5 4.5 0 0 1 3.5 7.3A4 4 0 0 1 20 14a4 4 0 0 1-6 3.5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 12h2M13 12h2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-title\"\u003eSharper focus, all day\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-desc\"\u003eYour brain burns 20% of your body's energy. Creatine fuels it so you stay sharp through meetings, workouts, and everything between.\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-stat\"\u003e🧠 Cognitive support under stress\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RECOVERY --\u003e\n\u003cdiv class=\"c8-ben-v10-card\"\u003e\n\u003cdiv class=\"c8-ben-v10-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5BA8FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M21 2v6h-6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M3 12a9 9 0 0 1 15-6.7l3-3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M3 22v-6h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M21 12a9 9 0 0 1-15 6.7l-3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-title\"\u003eBounce back faster\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-desc\"\u003eLess soreness. Shorter downtime. You don't have to choose between yesterday's workout and today's life.\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-stat\"\u003e⏱️ Reduced markers of muscle damage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HYDRATION --\u003e\n\u003cdiv class=\"c8-ben-v10-card\"\u003e\n\u003cdiv class=\"c8-ben-v10-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#5BA8FF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M12 2.5c-2 3-6 7-6 11a6 6 0 0 0 12 0c0-4-4-8-6-11z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 14a3 3 0 0 0 3 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-title\"\u003eReal hydration, not just water\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-desc\"\u003eElectrolytes drive water into your cells where it actually fuels performance — so you feel energized, not just topped off.\u003c\/div\u003e\n\u003cdiv class=\"c8-ben-v10-stat\"\u003e💧 Intracellular hydration, confirmed by research\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ FORMULA ═══ --\u003e\n\u003cdiv class=\"c8-formula\"\u003e\n\u003cdiv class=\"c8-sec-title c8-dark\"\u003eWhat's Inside\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-dark\"\u003e4 ingredients. Every dose on the label. Nothing hidden.\u003c\/p\u003e\n\u003cdiv class=\"c8-ing-grid\"\u003e\n\u003cdiv class=\"c8-ing-card\"\u003e\n\u003cdiv class=\"c8-ing-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-hero-inner\"\u003e\n\u003cdiv class=\"c8-ing-hero-left\"\u003e\n\u003cdiv class=\"c8-ing-icon-wrap\"\u003e\u003csvg viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003ccircle cx=\"14\" cy=\"14\" r=\"10\" stroke=\"#5BA8FF\" stroke-width=\"2\" opacity=\".5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M10 18 L14 8 L18 18\" stroke=\"#5BA8FF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cline x1=\"11\" y1=\"15\" x2=\"17\" y2=\"15\" stroke=\"#5BA8FF\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-amt\"\u003e5,000\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-unit\"\u003emg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-hero-right\"\u003e\n\u003cdiv class=\"c8-ing-label\"\u003eCreatine Monohydrate\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-desc\"\u003eFull clinical dose. The gold standard for strength, power, and ATP regeneration — backed by 680+ studies.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-card\"\u003e\n\u003cdiv class=\"c8-ing-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-icon-wrap\"\u003e\u003csvg viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003crect x=\"6\" y=\"10\" width=\"16\" height=\"10\" rx=\"3\" stroke=\"#fbbf24\" stroke-width=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M10 10V7a4 4 0 0 1 8 0v3\" stroke=\"#fbbf24\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-amt\"\u003e1,000\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-unit\"\u003emg\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-label\"\u003eSodium\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-desc\"\u003eThe key that unlocks creatine's door into your cells.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-card\"\u003e\n\u003cdiv class=\"c8-ing-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-icon-wrap\"\u003e\u003csvg viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath d=\"M14 4 L14 24\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 10 L14 4 L20 10\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 18 L14 24 L20 18\" stroke=\"#a78bfa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-amt\"\u003e200\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-unit\"\u003emg\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-label\"\u003ePotassium\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-desc\"\u003eKeeps muscles firing and prevents cramping.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-card\"\u003e\n\u003cdiv class=\"c8-ing-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-icon-wrap\"\u003e\u003csvg viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003ccircle cx=\"14\" cy=\"14\" r=\"8\" stroke=\"#34d399\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"14\" cy=\"14\" r=\"3\" fill=\"#34d399\" opacity=\".5\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-amt\"\u003e66\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-unit\"\u003emg\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-label\"\u003eMagnesium\u003c\/div\u003e\n\u003cdiv class=\"c8-ing-desc\"\u003ePowers the engine. Supports recovery and sleep.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ PHOTO 2 ═══ --\u003e \u003c!-- photo slot 2 --\u003e \u003c!-- ═══ TIMELINE — EMOTIONAL REWRITE v11 ═══ --\u003e\n\u003cdiv class=\"c8-timeline\"\u003e\n\u003cdiv class=\"c8-sec-title c8-light\"\u003eWhat You'll Feel\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-light\"\u003eNo loading phase. One scoop daily. Here's the progression.\u003c\/p\u003e\n\u003cdiv class=\"c8-tl-wrap\"\u003e\n\u003cdiv class=\"c8-tl-track\"\u003e\n\u003cdiv class=\"c8-tl-track-fill\" id=\"c8TlFill\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-dot c8-tl-dot-active\" data-tl=\"0\"\u003e\n\u003cspan class=\"c8-tl-dot-emoji\"\u003e🌱\u003c\/span\u003e \u003cspan class=\"c8-tl-dot-label\"\u003eWk 1–2\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-dot\" data-tl=\"1\"\u003e\n\u003cspan class=\"c8-tl-dot-emoji\"\u003e📈\u003c\/span\u003e \u003cspan class=\"c8-tl-dot-label\"\u003eWk 3–4\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-dot\" data-tl=\"2\"\u003e\n\u003cspan class=\"c8-tl-dot-emoji\"\u003e🔥\u003c\/span\u003e \u003cspan class=\"c8-tl-dot-label\"\u003eWk 5+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-panels\" id=\"c8TlPanels\"\u003e\n\u003cdiv class=\"c8-tl-panel c8-tl-panel-active\" data-tlp=\"0\"\u003e\n\u003cdiv class=\"c8-tl-card\"\u003e\n\u003cdiv class=\"c8-tl-card-when\"\u003eWeek 1–2 · The first difference\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-title\"\u003eYou stop running out of gas\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-desc\"\u003eWorkouts stop ending in burnout. \u003cstrong\u003eThe last set feels like the third set.\u003c\/strong\u003e You don't know what changed yet — just that something did.\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-tags\"\u003e\n\u003cspan class=\"c8-tl-tag\"\u003e💧 Hydration\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e🏃 Endurance\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e⚡ Energy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-panel\" data-tlp=\"1\"\u003e\n\u003cdiv class=\"c8-tl-card\"\u003e\n\u003cdiv class=\"c8-tl-card-when\"\u003eWeek 3–4 · The moment it clicks\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-title\"\u003eThe weight feels wrong\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-desc\"\u003eThe same weight you've been lifting for months \u003cstrong\u003esuddenly feels light.\u003c\/strong\u003e You add plates. Recovery between sessions shortens. Someone at the gym asks what you changed.\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-tags\"\u003e\n\u003cspan class=\"c8-tl-tag\"\u003e💪 Strength\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e🧠 Focus\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e↻ Recovery\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-panel\" data-tlp=\"2\"\u003e\n\u003cdiv class=\"c8-tl-card\" style=\"background: linear-gradient(135deg,#eef5ff,#f0f7ff); border-color: rgba(91,168,255,.12);\"\u003e\n\u003cdiv class=\"c8-tl-card-when\"\u003eWeek 5+ · Your new baseline\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-title\"\u003eThis is just who you are now\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-desc\"\u003eFull saturation. You forget what it felt like to train without it. \u003cstrong\u003eStrength, recovery, focus — all dialed in.\u003c\/strong\u003e Just maintain with one scoop a day.\u003c\/div\u003e\n\u003cdiv class=\"c8-tl-card-tags\"\u003e\n\u003cspan class=\"c8-tl-tag\"\u003e🔥 Peak Performance\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e✅ Zero Puffiness\u003c\/span\u003e \u003cspan class=\"c8-tl-tag\"\u003e📊 Dialed In\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n var tlDots = document.querySelectorAll('.c8-tl-dot');\n var tlPanels = document.querySelectorAll('.c8-tl-panel');\n var tlFill = document.getElementById('c8TlFill');\n var tlCur = 0;\n\n function tlGoTo(i) {\n tlDots.forEach(function(d,idx){\n d.classList.remove('c8-tl-dot-active','c8-tl-dot-done');\n if (idx \u003c i) d.classList.add('c8-tl-dot-done');\n if (idx === i) d.classList.add('c8-tl-dot-active');\n });\n tlPanels.forEach(function(p){ p.classList.remove('c8-tl-panel-active'); });\n tlPanels[i].classList.add('c8-tl-panel-active');\n tlFill.style.width = (i \/ (tlDots.length - 1) * 100) + '%';\n tlCur = i;\n }\n\n tlDots.forEach(function(d){\n d.addEventListener('click', function(){ tlGoTo(parseInt(this.getAttribute('data-tl'))); });\n });\n\n var tlP = document.getElementById('c8TlPanels');\n var tlTx = 0;\n tlP.addEventListener('touchstart', function(e){ tlTx = e.touches[0].clientX; }, {passive:true});\n tlP.addEventListener('touchend', function(e){\n var diff = tlTx - e.changedTouches[0].clientX;\n if (Math.abs(diff) \u003e 40) {\n if (diff \u003e 0) tlGoTo(Math.min(tlCur + 1, tlPanels.length - 1));\n else tlGoTo(Math.max(tlCur - 1, 0));\n }\n }, {passive:true});\n\n tlGoTo(0);\n})();\n\u003c\/script\u003e \u003c!-- ═══ BACK-TO-TOP BUTTON #1 — after timeline ═══ --\u003e\n\u003cdiv class=\"c8-top-btn-wrap\"\u003e\u003ca href=\"#\" class=\"c8-top-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Grab Your Creatine+ \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- ═══ TRUST ═══ --\u003e\n\u003cdiv class=\"c8-trust\"\u003e\n\u003cdiv class=\"c8-trust-track\"\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🔬\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eThird-Party Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🇺🇸\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eMade in USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🚫\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eZero Sugar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🛡️\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003e45-Day Guarantee\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e📋\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003ePublished COA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e💊\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003e680+ Clinical Trials\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e✅\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eNo Loading Phase\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🔬\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eThird-Party Tested\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🇺🇸\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eMade in USA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🚫\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eZero Sugar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e🛡️\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003e45-Day Guarantee\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e📋\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003ePublished COA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e💊\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003e680+ Clinical Trials\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-trust-item\"\u003e\n\u003cspan class=\"c8-trust-icon\"\u003e✅\u003c\/span\u003e\u003cspan class=\"c8-trust-label\"\u003eNo Loading Phase\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ PHOTO 3 ═══ --\u003e \u003c!-- photo slot 3 --\u003e \u003c!-- ═══ FAQ — WITH NEW \"I TRIED CREATINE\" ENTRY ═══ --\u003e\n\u003cdiv class=\"c8-faq-section\"\u003e\n\u003cdiv class=\"c8-sec-title c8-dark\"\u003eQuestions \u0026amp; Answers\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-dark\"\u003eEverything you need to know before your first scoop.\u003c\/p\u003e\n\u003cdiv class=\"c8-faq-wrap\"\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eWhat is creatine, really?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eIt's the molecule your muscles and brain use to regenerate their own energy. Your body makes some — about half of what you need. The rest comes from diet, primarily red meat and fish. Even then, your cells are only \u003cstrong\u003e60-80% saturated\u003c\/strong\u003e. Supplementation fills that gap. At 5g\/day with electrolyte transport support, creatine reaches full saturation in 3-4 weeks — and that's when everything changes: strength, recovery, focus, power output. This is the most-studied supplement in sports nutrition. 680+ clinical trials. Over 25 years of continuous safety data. The only thing \"new\" about Creatine+ is that we finally paired it with what it always needed.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eWhy are electrolytes included?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eYour body's creatine transporter (SLC6A8) is \u003cstrong\u003esodium-dependent\u003c\/strong\u003e — confirmed at atomic resolution in two 2025 studies (PNAS, Cell Discovery). Creatine absorbs from your gut into your blood easily. The real bottleneck is moving it from blood into muscle cells — and that requires sodium to open the transporter, potassium to maintain the electrochemical gradient, and magnesium to power the pump. Without them, creatine stays in circulation instead of reaching the cells that need it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eI tried creatine before and it didn't work. Why would this?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eMost likely one of two reasons. \u003cstrong\u003eFirst:\u003c\/strong\u003e you might have quit before week 3-4 when saturation actually happens — the real benefits show up then, not in week 1. \u003cstrong\u003eSecond:\u003c\/strong\u003e you might have been missing the transport cofactors (sodium especially), which limits how much creatine actually reaches your muscle cells regardless of how much you take. Creatine+ addresses both: full clinical dose, plus the electrolytes your body needs to use it. Give it 4 weeks. If it still doesn't work for you, the 45-day guarantee has you covered.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eWill this make me bloated?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eThe puffiness people call \"creatine bloat\" happens when water pools \u003cstrong\u003eunder your skin\u003c\/strong\u003e instead of being directed into muscle cells. With adequate electrolytes powering the transporter, creatine enters the cell and water follows it in — which scientists have identified as an anabolic growth signal, not bloat. That's why we built the full electrolyte profile into every scoop.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eIs creatine safe for my kidneys?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eYes. A \u003cstrong\u003e2025 meta-analysis\u003c\/strong\u003e (BMC Nephrology, 21 studies) found no significant effect on GFR — the gold-standard marker of kidney function. The small creatinine bump you might see on bloodwork is a normal metabolic byproduct of higher creatine turnover, not kidney damage. The ISSN position stand confirms creatine is safe across all healthy populations.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eIs this just for men?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eNot even close. A \u003cstrong\u003eMay 2025 review\u003c\/strong\u003e in the Journal of the International Society of Sports Nutrition found that women have 70–80% lower endogenous creatine stores than men and consume significantly less through diet. NHANES data shows 71% of American women fall below recommended intake. Creatine won't cause bulking — it supports strength, recovery, bone density, and cognitive function regardless of gender. The research suggests women may actually benefit more.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eHow is this different from other creatine products?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eMost creatine products are just creatine monohydrate in a jar. They ignore transport biology entirely. Creatine+ includes the full electrolyte profile your body needs to actually move creatine into cells: \u003cstrong\u003e1,000mg sodium\u003c\/strong\u003e (double what leading stick packs offer), \u003cstrong\u003e200mg potassium\u003c\/strong\u003e, and \u003cstrong\u003e66mg magnesium\u003c\/strong\u003e. One scoop replaces two products at half the price.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eWhen should I take it?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eAnytime. Morning, pre-workout, post-workout — timing doesn't meaningfully affect outcomes. Consistency is what matters. One scoop, every day.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eDo I need a loading phase?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003eNo. 5g daily reaches full muscle saturation in 3–4 weeks without loading. No cycling required either. Just one scoop, every day.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq\"\u003e\n\u003cdiv class=\"c8-faq-q\"\u003eWhat if it doesn't work for me?\n\u003cdiv class=\"c8-faq-toggle\"\u003e▼\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-faq-a\"\u003e45-day money-back guarantee. If you don't feel the difference, we refund you. No contracts, cancel your subscription anytime with one click.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ BACK-TO-TOP BUTTON #2 — after FAQ ═══ --\u003e\n\u003cdiv class=\"c8-top-btn-wrap\"\u003e\u003ca href=\"#\" class=\"c8-top-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Get Creatine+ That Actually Works \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- ═══ LAB ═══ --\u003e\n\u003cdiv class=\"c8-lab\"\u003e\n\u003cdiv class=\"c8-sec-title c8-light\"\u003eThird-Party Lab Tested\u003c\/div\u003e\n\u003cp class=\"c8-sec-sub c8-sub-light\"\u003eEvery batch independently verified. Full COA published.\u003c\/p\u003e\n\u003cdiv class=\"c8-lab-wrap\"\u003e\n\u003cdiv class=\"c8-lab-card\"\u003e\n\u003cdiv class=\"c8-lab-hdr\"\u003e\n\u003cspan class=\"c8-lab-hdr-title\"\u003eCreatine+ Lab Results\u003c\/span\u003e \u003cspan class=\"c8-lab-hdr-date\"\u003eThird-Party Lab · 2025\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003eHeavy Metals\u003c\/span\u003e\u003cspan class=\"c8-lab-pass\"\u003ePass\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003eMicrobiology\u003c\/span\u003e\u003cspan class=\"c8-lab-pass\"\u003ePass\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003eCreatine Monohydrate\u003c\/span\u003e\u003cspan class=\"c8-lab-val\"\u003e5,000mg ✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003eSodium (Sea Salt)\u003c\/span\u003e\u003cspan class=\"c8-lab-val\"\u003e1,000mg ✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003ePotassium Chloride\u003c\/span\u003e\u003cspan class=\"c8-lab-val\"\u003e200mg ✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c8-lab-row\"\u003e\n\u003cspan class=\"c8-lab-row-label\"\u003eMagnesium Malate\u003c\/span\u003e\u003cspan class=\"c8-lab-val\"\u003e66mg ✓\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"c8-lab-pdf\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0240\/4302\/8544\/files\/COA_1382_Hydration_Creatine__1.pdf?v=1771362089\" target=\"_blank\"\u003e📄 View Full COA (PDF)\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cp class=\"c8-lab-note\"\u003eISO\/IEC 17025:2017 accredited laboratory · Results represent sample tested\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══ DISCLAIMER ═══ --\u003e\n\u003cdiv class=\"c8-disc\"\u003e\n\u003cp\u003e*These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease. Scientific citations referenced in product descriptions are for educational purposes only.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Adaptory","offers":[{"title":"Default Title","offer_id":45553120346298,"sku":"JTP0CRHY","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0240\/4302\/8544\/files\/hf_20260604_060702_a2491da5-684f-4265-b66c-001b0487d54a.png?v=1780553312","url":"https:\/\/adaptory.co\/products\/creatine-plus","provider":"Adaptory","version":"1.0","type":"link"}