{"id":699,"date":"2025-12-25T21:09:05","date_gmt":"2025-12-25T15:39:05","guid":{"rendered":"https:\/\/cancrodrink.ae\/?page_id=699"},"modified":"2026-01-21T10:24:49","modified_gmt":"2026-01-21T06:24:49","slug":"the-science","status":"publish","type":"page","link":"https:\/\/cancrodrink.ae\/ar\/the-science\/","title":{"rendered":"\u0627\u0644\u0639\u0644\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"699\" class=\"elementor elementor-699\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee50dd6 e-con-full e-flex e-con e-parent\" data-id=\"ee50dd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-4415761 elementor-widget elementor-widget-cancro_science_v2_hero\" data-id=\"4415761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-hero-4415761\" class=\"science-v2-section section-dark  science-v2-animated-bg\">\n                        <style>\n                #science-hero-4415761 {\n                    position: relative; overflow: hidden;\n                    min-height: 100vh; \/* Requirement: 100vh *\/\n                    display: flex; align-items: center; justify-content: center;\n                    font-family: var(--font-body); \/* Default Font Fallback *\/\n                }\n                \/* Orbs *\/\n                #science-hero-4415761 .bg-orb {\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\n                }\n                #science-hero-4415761 .orb-1 { width: 600px; height: 600px; top: -200px; right: -150px; background: radial-gradient(circle, rgba(164, 29, 73, 0.4) 0%, transparent 70%); }\n                #science-hero-4415761 .orb-2 { width: 500px; height: 500px; bottom: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.25) 0%, transparent 70%); }\n                \n                #science-hero-4415761 .bg-orb { animation: science-floating-orb 15s ease-in-out infinite; }\n                #science-hero-4415761 .orb-2 { animation-delay: -5s; animation-duration: 18s; }\n\n                \/* Layout *\/\n                #science-hero-4415761 .content {\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\n                  gap: 60px; align-items: center; position: relative; z-index: 2; text-align: left;\n                }\n                \n                \/* Typography - using ID selectors for widget-specific styles *\/\n                #science-hero-4415761 .overline {\n                  font-family: var(--font-display); font-size: 12px; font-weight: 600;\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: var(--wine-500);\n                }\n                #science-hero-4415761 .title {\n                  font-family: var(--font-display); font-size: clamp(32px, 5vw, 52px);\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: var(--text-light);\n                }\n                #science-hero-4415761 .title-accent { font-style: italic; font-weight: 500; color: var(--wine-500); }\n                #science-hero-4415761 .text { \n                    font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: rgba(255,255,255,0.65);\n                }\n                #science-hero-4415761 .footnote { font-size: 14px; font-style: italic; margin-top: 16px; color: rgba(255, 255, 255, 0.4); }\n\n\n\n                \/* Atom Visual *\/\n                #science-hero-4415761 .atom { width: min(320px, 80vw); height: 320px; position: relative; margin: 0 auto; }\n                #science-hero-4415761 .nucleus {\n                  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n                  width: 72px; height: 72px; background: linear-gradient(135deg, var(--wine-500) 0%, var(--wine-600) 100%);\n                  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n                  font-family: var(--font-display); font-size: 30px; font-weight: 700; color: var(--text-light);\n                  box-shadow: 0 0 50px rgba(238, 78, 109, 0.5);\n                  animation: pulse-4415761 3s ease-in-out infinite; z-index: 10;\n                }\n                @keyframes pulse-4415761 {\n                  0%, 100% { box-shadow: 0 0 50px rgba(238, 78, 109, 0.5); }\n                  50% { box-shadow: 0 0 80px rgba(238, 78, 109, 0.7); }\n                }\n                #science-hero-4415761 .orbit { position: absolute; top: 50%; left: 50%; border: 1.5px solid rgba(238, 78, 109, 0.2); border-radius: 50%; pointer-events: none; }\n                #science-hero-4415761 .orbit-1 { width: 150px; height: 150px; margin: -75px 0 0 -75px; animation: spin 6s linear infinite; }\n                #science-hero-4415761 .orbit-2 { width: 220px; height: 220px; margin: -110px 0 0 -110px; transform: rotateX(70deg); animation: spin 9s linear infinite reverse; }\n                #science-hero-4415761 .orbit-3 { width: 290px; height: 290px; margin: -145px 0 0 -145px; transform: rotateX(55deg) rotateZ(30deg); animation: spin 12s linear infinite; }\n                @keyframes spin { from { transform: rotateX(70deg) rotateZ(0deg); } to { transform: rotateX(70deg) rotateZ(360deg); } }\n                #science-hero-4415761 .electron {\n                  position: absolute; width: 14px; height: 14px; background: linear-gradient(135deg, var(--blush-200), var(--wine-500));\n                  border-radius: 50%; top: -7px; left: 50%; margin-left: -7px; box-shadow: 0 0 15px rgba(238, 78, 109, 0.8);\n                }\n                \n                \/* Mobile & Tablet Responsiveness *\/\n                @media (max-width: 1024px) {\n                    #science-hero-4415761 .content { grid-template-columns: 1fr; text-align: center; gap: 40px; }\n                     #science-hero-4415761 .text { margin: 0 auto 20px; }\n                     #science-hero-4415761 .atom { margin-top: 20px; transform: scale(0.9); }\n                }\n                @media (max-width: 767px) {\n                    #science-hero-4415761 { padding: 120px 20px 60px 20px; min-height: 100svh; } \/* Uses svh for better mobile feel *\/\n                    #science-hero-4415761 .title { font-size: 36px; }\n                }\n\n                \/* -- Molecule field: light vs heavy water -- *\/\n                #science-hero-4415761 .mol-field { position: relative; width: min(420px, 86vw); height: 380px; margin: 0 auto; perspective: 900px; }\n                #science-hero-4415761 .mol { position: absolute; width: 90px; height: 74px; transform-style: preserve-3d; }\n                #science-hero-4415761 .ma { position: absolute; border-radius: 50%; }\n                #science-hero-4415761 .ma.o {\n                    width: 46px; height: 46px; left: 22px; top: 14px;\n                    background: radial-gradient(circle at 32% 28%, #ff7d9c 0%, var(--wine-500) 45%, var(--wine-700) 100%);\n                    box-shadow: inset -6px -8px 14px rgba(63, 14, 36, 0.45), 0 10px 22px rgba(63, 14, 36, 0.5);\n                }\n                #science-hero-4415761 .ma.h {\n                    width: 26px; height: 26px;\n                    background: radial-gradient(circle at 32% 28%, #ffffff 0%, #fde8ec 40%, #f2a2b5 100%);\n                    box-shadow: inset -3px -4px 8px rgba(196, 30, 74, 0.35), 0 6px 12px rgba(63, 14, 36, 0.45);\n                }\n                #science-hero-4415761 .ma.ha { left: 2px; top: 0; }\n                #science-hero-4415761 .ma.hb { right: 2px; top: 0; }\n                #science-hero-4415761 .ma.d {\n                    width: 34px; height: 34px; top: -4px;\n                    background: radial-gradient(circle at 32% 28%, #8a5a6b 0%, #4a1228 55%, #2b0715 100%);\n                    box-shadow: inset -4px -5px 10px rgba(0, 0, 0, 0.5), 0 8px 16px rgba(0, 0, 0, 0.55), 0 0 0 2px rgba(238, 78, 109, 0.25);\n                }\n                #science-hero-4415761 .mol-light { animation: hero-mol-drift 9s ease-in-out infinite; }\n                #science-hero-4415761 .m1 { left: 8%; top: 6%; animation-delay: 0s; }\n                #science-hero-4415761 .m2 { right: 6%; top: 20%; animation-delay: -3s; }\n                #science-hero-4415761 .m3 { left: 16%; top: 52%; animation-delay: -6s; }\n                #science-hero-4415761 .mol-heavy { right: 18%; bottom: 4%; transform: scale(1.25); animation: hero-mol-sink 9s ease-in-out infinite; }\n                @keyframes hero-mol-drift {\n                    0%, 100% { transform: translate3d(0, 0, 0) rotateY(0deg); }\n                    33% { transform: translate3d(10px, -22px, 30px) rotateY(28deg); }\n                    66% { transform: translate3d(-12px, -8px, -20px) rotateY(-22deg); }\n                }\n                @keyframes hero-mol-sink {\n                    0%, 100% { transform: scale(1.25) translateY(0) rotateZ(0deg); }\n                    50% { transform: scale(1.25) translateY(14px) rotateZ(-5deg); }\n                }\n                #science-hero-4415761 .callout {\n                    position: absolute; padding: 6px 12px; border-radius: 999px;\n                    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; white-space: nowrap;\n                    background: rgba(63, 14, 36, 0.55); border: 1px solid rgba(238, 78, 109, 0.35);\n                    color: var(--text-light); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n                    z-index: 3;\n                }\n                #science-hero-4415761 .callout::before {\n                    content: ''; position: absolute; width: 1px; height: 26px; background: rgba(238, 78, 109, 0.5);\n                }\n                #science-hero-4415761 .co-light { left: 0; top: 38%; }\n                #science-hero-4415761 .co-light::before { right: -8px; top: -22px; transform: rotate(-40deg); }\n                #science-hero-4415761 .co-heavy { right: 0; bottom: -8%; border-color: rgba(238, 78, 109, 0.7); background: rgba(43, 7, 21, 0.75); }\n                #science-hero-4415761 .co-heavy::before { left: 50%; top: -26px; }\n                @media (max-width: 767px) {\n                    #science-hero-4415761 .mol-field { height: 300px; }\n                }\n            <\/style>\n\n            <div class=\"bg-orb orb-1\"><\/div><div class=\"bg-orb orb-2\"><\/div>\n            <div class=\"content\">\n                <div class=\"animate-in\">\n                    <p class=\"overline\">The Science Behind Cancro<\/p>\n                    <h1 class=\"title\">What if the water<br\/>you drink could be<br\/><span class=\"title-accent\">lighter?<\/span><\/h1>\n                    <p class=\"text\">Not lighter in calories. Lighter at the atomic level, with less of a heavy hydrogen isotope that may affect how your cells produce energy.<\/p>\n                    <p class=\"footnote\">Scroll to learn more \u2193<\/p>\n                <\/div>\n                <div class=\"animate-in\">\n                    <div class=\"mol-field\">\n                        <div class=\"mol mol-light m1\"><span class=\"ma o\"><\/span><span class=\"ma h ha\"><\/span><span class=\"ma h hb\"><\/span><\/div>\n                        <div class=\"mol mol-light m2\"><span class=\"ma o\"><\/span><span class=\"ma h ha\"><\/span><span class=\"ma h hb\"><\/span><\/div>\n                        <div class=\"mol mol-light m3\"><span class=\"ma o\"><\/span><span class=\"ma h ha\"><\/span><span class=\"ma h hb\"><\/span><\/div>\n                        <div class=\"mol mol-heavy m4\"><span class=\"ma o\"><\/span><span class=\"ma h ha\"><\/span><span class=\"ma d hb\"><\/span><\/div>\n                        <div class=\"callout co-light\">H&#8322;O &middot; light water<\/div>\n                        <div class=\"callout co-heavy\">HDO &middot; heavy hydrogen<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-scr0001 e-con-full e-flex e-con e-parent\" data-id=\"scr0001\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-scr0002 elementor-widget elementor-widget-cancro_science_v2_scrolly\" data-id=\"scr0002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_scrolly.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div id=\"sv2-scrolly-scr0002\" class=\"sv2-scrolly\" data-state=\"1\">\n\t\t\t<style>\n\t\t\t\t#sv2-scrolly-scr0002 {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground: linear-gradient(180deg, #3f0e24 0%, #2b0715 100%);\n\t\t\t\t\tfont-family: var(--font-body);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-track { position: relative; height: 420vh; }\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-stage {\n\t\t\t\t\tposition: sticky; top: 0; height: 100vh; height: 100svh;\n\t\t\t\t\tdisplay: flex; align-items: center; justify-content: center; overflow: hidden;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-steps { position: absolute; inset: 0; pointer-events: none; }\n\t\t\t\t#sv2-scrolly-scr0002 .sstep { height: 25%; }\n\n\t\t\t\t#sv2-scrolly-scr0002 .stage-inner { width: min(680px, 92vw); text-align: center; }\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-overline {\n\t\t\t\t\tfont-family: var(--font-mono); font-size: 12px; font-weight: 600;\n\t\t\t\t\tletter-spacing: 0.25em; text-transform: uppercase; color: var(--wine-500); margin: 0 0 18px;\n\t\t\t\t}\n\n\t\t\t\t\/* \u2500\u2500 The stage \u2500\u2500 *\/\n\t\t\t\t#sv2-scrolly-scr0002 .stage-visual {\n\t\t\t\t\tposition: relative; height: 300px; margin: 0 auto 26px;\n\t\t\t\t\tdisplay: flex; align-items: center; justify-content: center;\n\t\t\t\t}\n\n\t\t\t\t\/* molecule *\/\n\t\t\t\t#sv2-scrolly-scr0002 .sm {\n\t\t\t\t\tposition: relative; width: 240px; height: 190px; flex: 0 0 auto;\n\t\t\t\t\ttransition: transform 0.8s var(--ease-out);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .sm-o,\n\t\t\t\t#sv2-scrolly-scr0002 .sm-h { position: absolute; border-radius: 50%; }\n\t\t\t\t#sv2-scrolly-scr0002 .sm-o {\n\t\t\t\t\twidth: 120px; height: 120px; left: 60px; top: 44px;\n\t\t\t\t\tbackground: radial-gradient(circle at 32% 28%, #ff7d9c 0%, var(--wine-500) 45%, var(--wine-700) 100%);\n\t\t\t\t\tbox-shadow: inset -10px -14px 26px rgba(43, 7, 21, 0.5), 0 22px 44px rgba(0, 0, 0, 0.5);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .sm-label {\n\t\t\t\t\tposition: absolute; left: 50%; top: 96px; transform: translateX(-50%); z-index: 3;\n\t\t\t\t\tfont-family: var(--font-display); font-weight: 700; font-size: 26px; color: #fff;\n\t\t\t\t\ttext-shadow: 0 2px 8px rgba(0,0,0,0.4); pointer-events: none;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .sm-h {\n\t\t\t\t\twidth: 66px; height: 66px; top: 6px;\n\t\t\t\t\tbackground: radial-gradient(circle at 32% 28%, #ffffff 0%, #fde8ec 40%, #f2a2b5 100%);\n\t\t\t\t\tbox-shadow: inset -5px -7px 14px rgba(196, 30, 74, 0.35), 0 12px 24px rgba(43, 7, 21, 0.5);\n\t\t\t\t\ttransition: background 0.7s ease, transform 0.8s var(--ease-out), box-shadow 0.7s ease;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .sm-h1 { left: 6px; }\n\t\t\t\t#sv2-scrolly-scr0002 .sm-h2 { right: 6px; }\n\n\t\t\t\t\/* heavy state for the right hydrogen *\/\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"2\"] .sm-h2,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .sm-h2 {\n\t\t\t\t\tbackground: radial-gradient(circle at 32% 28%, #8a5a6b 0%, #4a1228 55%, #2b0715 100%);\n\t\t\t\t\tbox-shadow: inset -5px -7px 14px rgba(0, 0, 0, 0.55), 0 14px 28px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(238, 78, 109, 0.35);\n\t\t\t\t\ttransform: scale(1.3);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .sm-ring {\n\t\t\t\t\tposition: absolute; right: -14px; top: -14px; width: 106px; height: 106px; border-radius: 50%;\n\t\t\t\t\tborder: 2px dashed rgba(238, 78, 109, 0.8);\n\t\t\t\t\topacity: 0; transform: scale(0.6); transition: opacity 0.5s ease, transform 0.7s var(--ease-out);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"2\"] .sm-ring { opacity: 1; transform: scale(1); animation: sv2-ring-pulse 2s ease-in-out infinite; }\n\t\t\t\t@keyframes sv2-ring-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }\n\n\t\t\t\t\/* weight tag on the heavy atom *\/\n\t\t\t\t#sv2-scrolly-scr0002 .sm-tag {\n\t\t\t\t\tposition: absolute; right: -66px; top: -34px; padding: 5px 12px; border-radius: 999px;\n\t\t\t\t\tfont-family: var(--font-mono); font-size: 11px; letter-spacing: 0.05em; white-space: nowrap;\n\t\t\t\t\tbackground: rgba(43, 7, 21, 0.85); border: 1px solid rgba(238, 78, 109, 0.6); color: #fef4f6;\n\t\t\t\t\topacity: 0; transform: translateY(8px); transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"2\"] .sm-tag,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .sm-tag { opacity: 1; transform: translateY(0); }\n\n\t\t\t\t\/* molecule slides left when the gauge appears, and struggles *\/\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .sm { transform: translateX(-90px); }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .sm-o { animation: sv2-strain 1.6s ease-in-out infinite; }\n\t\t\t\t@keyframes sv2-strain {\n\t\t\t\t\t0%, 100% { transform: translate(0, 0) rotate(0deg); }\n\t\t\t\t\t25% { transform: translate(-2px, 1px) rotate(-1.2deg); }\n\t\t\t\t\t75% { transform: translate(2px, -1px) rotate(1.2deg); }\n\t\t\t\t}\n\n\t\t\t\t\/* state 4: heavy atom ejects, molecule returns light + centered *\/\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .sm { transform: translateX(0); }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .sm-h2 { transform: scale(1); }\n\t\t\t\t#sv2-scrolly-scr0002 .sm-eject {\n\t\t\t\t\tposition: absolute; right: 10px; top: 10px; width: 56px; height: 56px; border-radius: 50%;\n\t\t\t\t\tbackground: radial-gradient(circle at 32% 28%, #8a5a6b 0%, #4a1228 55%, #2b0715 100%);\n\t\t\t\t\tbox-shadow: 0 0 0 2px rgba(238, 78, 109, 0.4), 0 10px 20px rgba(0, 0, 0, 0.5);\n\t\t\t\t\topacity: 0; pointer-events: none;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .sm-eject { animation: sv2-eject 1.4s var(--ease-out) forwards; }\n\t\t\t\t@keyframes sv2-eject {\n\t\t\t\t\t0% { opacity: 1; transform: translate(0, 0) scale(1); }\n\t\t\t\t\t100% { opacity: 0; transform: translate(90px, -150px) scale(0.4); }\n\t\t\t\t}\n\n\t\t\t\t\/* energy gauge *\/\n\t\t\t\t#sv2-scrolly-scr0002 .gauge {\n\t\t\t\t\tposition: absolute; right: 4%; top: 50%; transform: translate(40px, -50%); width: 150px;\n\t\t\t\t\topacity: 0; transition: opacity 0.6s ease, transform 0.7s var(--ease-out);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .gauge,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .gauge { opacity: 1; transform: translate(0, -50%); }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars { display: flex; align-items: flex-end; gap: 8px; height: 110px; justify-content: center; }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i {\n\t\t\t\t\tflex: 0 0 18px; border-radius: 6px 6px 3px 3px;\n\t\t\t\t\tbackground: linear-gradient(180deg, #ff7d9c, var(--wine-500));\n\t\t\t\t\tbox-shadow: 0 0 12px rgba(238, 78, 109, 0.45);\n\t\t\t\t\ttransition: height 0.8s var(--ease-out), opacity 0.8s ease, filter 0.8s ease;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i:nth-child(1) { height: 34%; }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i:nth-child(2) { height: 52%; }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i:nth-child(3) { height: 68%; }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i:nth-child(4) { height: 84%; }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-bars i:nth-child(5) { height: 100%; }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .gauge-bars i:nth-child(3) { height: 40%; opacity: 0.5; filter: saturate(0.5); }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .gauge-bars i:nth-child(4) { height: 30%; opacity: 0.35; filter: saturate(0.4); }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .gauge-bars i:nth-child(5) { height: 22%; opacity: 0.25; filter: saturate(0.3); }\n\t\t\t\t#sv2-scrolly-scr0002 .gauge-label {\n\t\t\t\t\tdisplay: block; margin-top: 12px; font-family: var(--font-mono); font-size: 10px;\n\t\t\t\t\tletter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); text-align: center;\n\t\t\t\t}\n\n\t\t\t\t\/* ppm chip *\/\n\t\t\t\t#sv2-scrolly-scr0002 .ppm-chip {\n\t\t\t\t\tdisplay: inline-flex; align-items: baseline; gap: 7px; margin-bottom: 22px;\n\t\t\t\t\tpadding: 9px 20px; border-radius: 999px;\n\t\t\t\t\tbackground: rgba(63, 14, 36, 0.6); border: 1px solid rgba(238, 78, 109, 0.35);\n\t\t\t\t\tfont-family: var(--font-mono); color: rgba(255, 255, 255, 0.75); font-size: 13px;\n\t\t\t\t\ttransition: border-color 0.6s ease, box-shadow 0.6s ease;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .ppm-num { font-size: 22px; font-weight: 700; color: #fef4f6; font-variant-numeric: tabular-nums; }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .ppm-chip {\n\t\t\t\t\tborder-color: rgba(238, 78, 109, 0.9);\n\t\t\t\t\tbox-shadow: 0 0 24px rgba(238, 78, 109, 0.35);\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .ppm-badge {\n\t\t\t\t\tdisplay: none; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wine-500); font-weight: 700;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .ppm-badge { display: inline; }\n\n\t\t\t\t\/* captions *\/\n\t\t\t\t#sv2-scrolly-scr0002 .stage-captions { position: relative; height: 96px; }\n\t\t\t\t#sv2-scrolly-scr0002 .cap {\n\t\t\t\t\tposition: absolute; inset: 0; margin: 0;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-family: var(--font-display); font-size: clamp(20px, 3.2vw, 30px); font-weight: 600;\n\t\t\t\t\tline-height: 1.35; color: #fef4f6;\n\t\t\t\t\topacity: 0; transform: translateY(16px);\n\t\t\t\t\ttransition: opacity 0.55s ease, transform 0.55s var(--ease-out);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002 .cap b { color: var(--wine-500); font-weight: 700; }\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"1\"] .cap-1,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"2\"] .cap-2,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .cap-3,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .cap-4 { opacity: 1; transform: translateY(0); }\n\n\t\t\t\t\/* progress dots *\/\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-progress { display: flex; gap: 10px; justify-content: center; margin-top: 6px; }\n\t\t\t\t#sv2-scrolly-scr0002 .pd {\n\t\t\t\t\twidth: 8px; height: 8px; border-radius: 50%;\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.18); transition: background 0.4s ease, transform 0.4s ease;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"1\"] .pd-1,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"2\"] .pd-2,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .pd-3,\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .pd-4 { background: var(--wine-500); transform: scale(1.35); }\n\n\t\t\t\t\/* scroll hint *\/\n\t\t\t\t#sv2-scrolly-scr0002 .scrolly-hint {\n\t\t\t\t\tmargin-top: 16px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em;\n\t\t\t\t\ttext-transform: uppercase; color: rgba(255, 255, 255, 0.4);\n\t\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\t}\n\t\t\t\t#sv2-scrolly-scr0002[data-state=\"4\"] .scrolly-hint { opacity: 0; }\n\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t#sv2-scrolly-scr0002 .stage-visual { height: 240px; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .sm { width: 190px; height: 150px; transform-origin: center; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .sm-o { width: 94px; height: 94px; left: 48px; top: 36px; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .sm-label { top: 74px; font-size: 21px; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .sm-h { width: 52px; height: 52px; }\n\t\t\t\t\t#sv2-scrolly-scr0002[data-state=\"3\"] .sm { transform: translateX(-52px) scale(0.9); }\n\t\t\t\t\t#sv2-scrolly-scr0002 .gauge { right: 0; width: 110px; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .sm-tag { right: -34px; top: -40px; }\n\t\t\t\t\t#sv2-scrolly-scr0002 .stage-captions { height: 120px; }\n\t\t\t\t}\n\t\t\t<\/style>\n\n\t\t\t<div class=\"scrolly-track\">\n\t\t\t\t<div class=\"scrolly-stage\">\n\t\t\t\t\t<div class=\"stage-inner\">\n\t\t\t\t\t\t<p class=\"scrolly-overline\">The science, in 20 seconds<\/p>\n\n\t\t\t\t\t\t<div class=\"stage-visual\">\n\t\t\t\t\t\t\t<div class=\"sm\">\n\t\t\t\t\t\t\t\t<span class=\"sm-o\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-label\">H&#8322;O<\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-h sm-h1\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-h sm-h2\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-ring\"><\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-tag\">2&times; heavier<\/span>\n\t\t\t\t\t\t\t\t<span class=\"sm-eject\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"gauge\">\n\t\t\t\t\t\t\t\t<div class=\"gauge-bars\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n\t\t\t\t\t\t\t\t<span class=\"gauge-label\">Your cells' energy<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"ppm-chip\">\n\t\t\t\t\t\t\t<span class=\"ppm-num\">190<\/span> ppm deuterium\n\t\t\t\t\t\t\t<span class=\"ppm-badge\">&darr; Cancro standard<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"stage-captions\">\n\t\t\t\t\t\t\t<p class=\"cap cap-1\">Your water is made of billions of H2O molecules.<\/p>\n\t\t\t\t\t\t\t<p class=\"cap cap-2\">But some carry <b>deuterium<\/b> - a hydrogen that weighs twice as much.<\/p>\n\t\t\t\t\t\t\t<p class=\"cap cap-3\">That heavy hydrogen <b>drags on the engines<\/b> that power your cells.<\/p>\n\t\t\t\t\t\t\t<p class=\"cap cap-4\">Cancro <b>removes it<\/b> - your water drops from 190 to <b>125 ppm<\/b>.<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"scrolly-progress\">\n\t\t\t\t\t\t\t<i class=\"pd pd-1\"><\/i><i class=\"pd pd-2\"><\/i><i class=\"pd pd-3\"><\/i><i class=\"pd pd-4\"><\/i>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p class=\"scrolly-hint\">Keep scrolling &darr;<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"scrolly-steps\">\n\t\t\t\t\t<div class=\"sstep\" data-step=\"1\"><\/div>\n\t\t\t\t\t<div class=\"sstep\" data-step=\"2\"><\/div>\n\t\t\t\t\t<div class=\"sstep\" data-step=\"3\"><\/div>\n\t\t\t\t\t<div class=\"sstep\" data-step=\"4\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<script>\n\t\t\t(function () {\n\t\t\t\tvar root = document.getElementById('sv2-scrolly-scr0002');\n\t\t\t\tif (!root) { return; }\n\t\t\t\tvar steps = root.querySelectorAll('.sstep');\n\t\t\t\tvar ppm = root.querySelector('.ppm-num');\n\t\t\t\tvar current = 1;\n\n\t\t\t\tfunction tween(el, to) {\n\t\t\t\t\tvar from = parseInt(el.textContent, 10);\n\t\t\t\t\tif (!isFinite(from) || from === to) { el.textContent = to; return; }\n\t\t\t\t\tvar t0 = performance.now(), dur = 900;\n\t\t\t\t\tfunction tick(now) {\n\t\t\t\t\t\tvar p = Math.min((now - t0) \/ dur, 1);\n\t\t\t\t\t\tvar e = 1 - Math.pow(1 - p, 3);\n\t\t\t\t\t\tel.textContent = Math.round(from + (to - from) * e);\n\t\t\t\t\t\tif (p < 1) { requestAnimationFrame(tick); }\n\t\t\t\t\t}\n\t\t\t\t\trequestAnimationFrame(tick);\n\t\t\t\t}\n\n\t\t\t\tfunction setState(n) {\n\t\t\t\t\tif (n === current) { return; }\n\t\t\t\t\tcurrent = n;\n\t\t\t\t\troot.setAttribute('data-state', String(n));\n\t\t\t\t\ttween(ppm, n === 4 ? 125 : 190);\n\t\t\t\t}\n\n\t\t\t\tif ('IntersectionObserver' in window) {\n\t\t\t\t\tvar io = new IntersectionObserver(function (entries) {\n\t\t\t\t\t\tentries.forEach(function (en) {\n\t\t\t\t\t\t\tif (en.isIntersecting) {\n\t\t\t\t\t\t\t\tsetState(parseInt(en.target.getAttribute('data-step'), 10));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}, { threshold: 0.55 });\n\t\t\t\t\tsteps.forEach(function (s) { io.observe(s); });\n\t\t\t\t} else {\n\t\t\t\t\troot.setAttribute('data-state', '4');\n\t\t\t\t\tppm.textContent = '125';\n\t\t\t\t}\n\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49b5993 e-con-full e-flex e-con e-parent\" data-id=\"49b5993\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-743fcea elementor-widget elementor-widget-cancro_science_v2_research\" data-id=\"743fcea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_research.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-res-743fcea\" class=\"science-v2-section section-light  science-v2-animated-bg\">\n                            <div class=\"science-v2-noise-overlay\"><\/div>\n                        <style>\n                #science-res-743fcea {\n                    position: relative; overflow: hidden;\n                    display: flex; align-items: center; justify-content: center;\n                    font-family: var(--font-body);\n                }\n                #science-res-743fcea .bg-orb {\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\n                  animation: science-floating-orb 20s ease-in-out infinite;\n                }\n                #science-res-743fcea .orb-1 { width: 700px; height: 700px; top: -300px; left: -200px; background: radial-gradient(circle, rgba(250, 202, 212, 0.8) 0%, transparent 70%); }\n                #science-res-743fcea .orb-2 { width: 500px; height: 500px; bottom: -200px; right: -150px; background: radial-gradient(circle, rgba(238, 78, 109, 0.15) 0%, transparent 70%); animation-delay: -5s; animation-duration: 25s; }\n\n                #science-res-743fcea .content {\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\n                }\n                \n                \/* Typography Defaults - light mode - using class selectors so Elementor ID selectors override *\/\n                .science-v2-section.section-light .overline {\n                  font-family: var(--font-display); font-size: 12px; font-weight: 600;\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: var(--wine-600);\n                }\n                .science-v2-section.section-light .title {\n                  font-family: var(--font-display); font-size: clamp(32px, 5vw, 52px);\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: var(--wine-900);\n                }\n                .science-v2-section.section-light .title-accent { font-style: italic; font-weight: 500; color: var(--wine-600); }\n                .science-v2-section.section-light .text { font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: var(--text-secondary); }\n                .science-v2-section.section-light .footnote { font-size: 14px; font-style: italic; margin-top: 16px; color: var(--text-muted); }\n\n\n                \n                \/* Stats Grid *\/\n                #science-res-743fcea .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 340px; margin: 0 auto; }\n                #science-res-743fcea .stat-card { padding: 24px 20px; border-radius: var(--radius-md); text-align: center; box-shadow: var(--shadow-sm); }\n                #science-res-743fcea .stat-value { font-family: var(--font-mono); font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 6px; color: var(--wine-600); }\n                 #science-res-743fcea .stat-label { font-size: 14px; line-height: 1.4; opacity: 0.8; }\n                 \n                @media (max-width: 1024px) {\n                    #science-res-743fcea .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\n                    #science-res-743fcea .text { margin: 0 auto 20px; }\n                }\n                @media (max-width: 767px) {\n                    #science-res-743fcea { padding: 60px 20px; }\n                }\n\n            <\/style>\n\n            <div class=\"bg-orb orb-1\"><\/div><div class=\"bg-orb orb-2\"><\/div>\n            <div class=\"content\">\n                <div>\n                     <p class=\"overline\">The Research<\/p>\n                     <h2 class=\"title\">Three decades of<br\/><span class=\"title-accent\">published science<\/span><\/h2>\n                     <p class=\"text\">Since the 1990s, researchers in Hungary, Russia, Japan, and the US have studied deuterium-depleted water. Cell studies show reduced proliferation in cancer lines.<\/p>\n                     <p class=\"text\">Human trials are limited but promising. One Phase II study showed delayed progression in prostate cancer patients.<\/p>\n                <\/div>\n                <div>\n                    <div class=\"stats-grid\">\n                                                <div class=\"stat-card\">\n                            <div class=\"stat-value\">1993<\/div>\n                            <div class=\"stat-label\">First DDW study<br\/>published<\/div>\n                        <\/div>\n                                                <div class=\"stat-card\">\n                            <div class=\"stat-value\">15+<\/div>\n                            <div class=\"stat-label\">Peer-reviewed<br\/>studies<\/div>\n                        <\/div>\n                                                <div class=\"stat-card\">\n                            <div class=\"stat-value\">6<\/div>\n                            <div class=\"stat-label\">Countries with<br\/>active research<\/div>\n                        <\/div>\n                                                <div class=\"stat-card\">\n                            <div class=\"stat-value\">30+<\/div>\n                            <div class=\"stat-label\">Years of<br\/>investigation<\/div>\n                        <\/div>\n                                            <\/div>\n                                        <p class=\"footnote\" style=\"text-align: center; max-width: 340px; margin: 24px auto 0;\">Systematic review: Lu Y, Chen H. Nutrients. 2024<\/p>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6335c2b e-con-full e-flex e-con e-parent\" data-id=\"6335c2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-286988d elementor-widget elementor-widget-cancro_science_v2_process\" data-id=\"286988d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_process.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-proc-286988d\" class=\"science-v2-section section-wine  science-v2-animated-bg\">\n                        <style>\n                #science-proc-286988d {\n                    position: relative; overflow: hidden;\n                    display: flex; align-items: center; justify-content: center;\n                    font-family: var(--font-body);\n                }\n                #science-proc-286988d .bg-orb {\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\n                  width: 600px; height: 600px; top: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.3) 0%, transparent 70%);\n                  animation: science-floating-orb 22s ease-in-out infinite;\n                }\n\n                #science-proc-286988d .content {\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\n                  direction: rtl; \/* Steps on right *\/\n                }\n                #science-proc-286988d .content > * { direction: ltr; }\n                \n                \/* Typography Defaults - dark mode - using class selectors so Elementor ID selectors override *\/\n                .science-v2-section.section-wine .overline {\n                  font-family: var(--font-display); font-size: 12px; font-weight: 600;\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: var(--wine-500);\n                }\n                .science-v2-section.section-wine .title {\n                  font-family: var(--font-display); font-size: clamp(32px, 5vw, 52px);\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: var(--text-light);\n                }\n                .science-v2-section.section-wine .title-accent { font-style: italic; font-weight: 500; color: var(--wine-500); }\n                .science-v2-section.section-wine .text { font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: rgba(255,255,255,0.65); }\n\n\n                \n                \/* Steps *\/\n                #science-proc-286988d .process-item {\n                    display: flex; align-items: center; gap: 20px; padding: 24px;\n                    border: 1px solid rgba(238, 78, 109, 0.12); border-radius: var(--radius-md);\n                    transition: transform 0.3s ease;\n                }\n                #science-proc-286988d .process-item:hover { background: rgba(255, 255, 255, 0.06); transform: translateX(-4px); }\n                #science-proc-286988d .process-num {\n                     width: 42px; height: 42px; background: linear-gradient(135deg, var(--wine-600), var(--wine-700)); border-radius: 12px;\n                     display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--text-light); flex-shrink: 0;\n                }\n                #science-proc-286988d .process-title { margin: 0 0 4px; font-weight: 600; font-size: 18px; color: var(--text-light); }\n                #science-proc-286988d .process-desc { margin: 0; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.5; }\n                \n                @media (max-width: 1024px) {\n                    #science-proc-286988d .content { grid-template-columns: 1fr; text-align: center; gap: 48px; direction: ltr; }\n                    #science-proc-286988d .text { margin: 0 auto 20px; }\n                }\n                @media (max-width: 767px) {\n                    #science-proc-286988d { padding: 60px 20px; }\n                }\n\n            <\/style>\n\n            <div class=\"bg-orb\"><\/div>\n            <div class=\"content\">\n                <div>\n                     <p class=\"overline\">The Process<\/p>\n                     <h2 class=\"title\">How we reduce<br\/><span class=\"title-accent\">deuterium<\/span><\/h2>\n                     <p class=\"text\">You can't filter out deuterium. The molecules are chemically identical. Separation requires exploiting tiny differences in boiling point and vapor pressure.<\/p>\n                <\/div>\n                <div>\n                    <div style=\"display: flex; flex-direction: column; gap: 16px; max-width: 420px; margin: 0 auto;\">\n                                                <div class=\"process-item\">\n                            <div class=\"process-num\">1<\/div>\n                            <div>\n                                <h4 class=\"process-title\">Vacuum Distillation<\/h4>\n                                <p class=\"process-desc\">Water evaporates at low pressure. Light water evaporates slightly faster.<\/p>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"process-item\">\n                            <div class=\"process-num\">2<\/div>\n                            <div>\n                                <h4 class=\"process-title\">Fractional Separation<\/h4>\n                                <p class=\"process-desc\">Hundreds of cycles progressively concentrate lighter molecules.<\/p>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"process-item\">\n                            <div class=\"process-num\">3<\/div>\n                            <div>\n                                <h4 class=\"process-title\">IRMS Verification<\/h4>\n                                <p class=\"process-desc\">Isotope ratio mass spectrometry confirms exact ppm in every batch.<\/p>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bf7241 e-con-full e-flex e-con e-parent\" data-id=\"3bf7241\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-ac0da24 elementor-widget elementor-widget-cancro_science_v2_comparison\" data-id=\"ac0da24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_comparison.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-comp-ac0da24\" class=\"science-v2-section section-wine  science-v2-animated-bg\">\n                        <style>\n                #science-comp-ac0da24 {\n                    position: relative; overflow: hidden;\n                    display: flex; align-items: center; justify-content: center;\n                    font-family: var(--font-body);\n                }\n                #science-comp-ac0da24 .bg-orb {\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\n                  width: 600px; height: 600px; bottom: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.3) 0%, transparent 70%);\n                  animation: science-floating-orb 20s ease-in-out infinite;\n                }\n\n                #science-comp-ac0da24 .content {\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\n                }\n                \n                \/* Typography Defaults - dark mode - using class selectors so Elementor ID selectors override *\/\n                .science-v2-section.section-wine .overline {\n                  font-family: var(--font-display); font-size: 12px; font-weight: 600;\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: var(--wine-500);\n                }\n                .science-v2-section.section-wine .title {\n                  font-family: var(--font-display); font-size: clamp(32px, 5vw, 52px);\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: var(--text-light);\n                }\n                .science-v2-section.section-wine .title-accent { font-style: italic; font-weight: 500; color: var(--wine-500); }\n                .science-v2-section.section-wine .text { font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: rgba(255,255,255,0.65); }\n\n\n                \n                \/* Graph *\/\n                #science-comp-ac0da24 .graph-container { width: 100%; max-width: 440px; }\n                #science-comp-ac0da24 .bar-group { margin-bottom: 24px; }\n                #science-comp-ac0da24 .bar-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-weight: 600; font-size: 14px; color: var(--text-light); }\n                #ac0da24 .bar-info span:last-child { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }\n                \n                #science-comp-ac0da24 .bar-container { width: 100%; height: 24px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; overflow: hidden; position: relative; }\n                #science-comp-ac0da24 .bar-fill { height: 100%; border-radius: 12px; transform-origin: left; transition: transform 1.5s ease-out; position: relative; }\n                \n                #science-comp-ac0da24 .bar-1 .bar-fill { background: var(--wine-600); width: 100%; } \/* Default 100% relative width *\/\n                #science-comp-ac0da24 .bar-2 .bar-fill { background: var(--wine-500); width: 86%; box-shadow: 0 0 20px rgba(238, 78, 109, 0.5); }\n                \n                 \/* Animation Shim - just ensures fill appears *\/\n                #science-comp-ac0da24 .bar-fill { animation: grow-ac0da24 1.5s ease-out forwards; }\n                @keyframes grow-ac0da24 { from { transform: scaleX(0); } }\n\n                @media (max-width: 1024px) {\n                    #science-comp-ac0da24 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\n                    #science-comp-ac0da24 .text { margin: 0 auto 20px; }\n                }\n                @media (max-width: 767px) {\n                    #science-comp-ac0da24 { padding: 60px 20px; }\n                }\n\n            <\/style>\n\n            <div class=\"bg-orb\"><\/div>\n            <div class=\"content\">\n                <div>\n                     <p class=\"overline\">A New Grade of Water<\/p>\n                     <h2 class=\"title\">Significantly lower<br\/><span class=\"title-accent\">deuterium levels<\/span><\/h2>\n                     <p class=\"text\">Most water contains around 190 parts per million (ppm) of deuterium. We lower that concentration to help your body's metabolic engine run cleaner.<\/p>\n                <\/div>\n                <div>\n                    <div class=\"graph-container\">\n                        <div class=\"bar-group bar-1\">\n                          <div class=\"bar-info\"><span>Regular Water<\/span><span>190 ppm<\/span><\/div>\n                          <div class=\"bar-container\"><div class=\"bar-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"bar-group bar-2\">\n                          <div class=\"bar-info\"><span>Cancro Water<\/span><span>125 ppm<\/span><\/div>\n                          <div class=\"bar-container\"><div class=\"bar-fill\"><\/div><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f02cd84 e-con-full e-flex e-con e-parent\" data-id=\"f02cd84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"cancro-scope elementor-element elementor-element-3c3d9d6 elementor-widget elementor-widget-cancro_science_v2_cta\" data-id=\"3c3d9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-cta-3c3d9d6\" class=\"science-v2-section section-light  science-v2-animated-bg\">\n                            <div class=\"science-v2-noise-overlay\"><\/div>\n                        <style>\n                #science-cta-3c3d9d6 {\n                    position: relative; overflow: hidden;\n                    display: flex; align-items: center; justify-content: center;\n                    font-family: var(--font-body);\n                }\n                #science-cta-3c3d9d6 .bg-orb {\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\n                  width: 700px; height: 700px; top: -200px; left: -200px; background: radial-gradient(circle, rgba(250, 202, 212, 0.8) 0%, transparent 70%);\n                  animation: science-floating-orb 15s ease-in-out infinite;\n                }\n\n                #science-cta-3c3d9d6 .content {\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\n                }\n                \n                \/* Text Defaults - light mode - using class selectors so Elementor ID selectors override *\/\n                .science-v2-section.section-light .overline {\n                  font-family: var(--font-display); font-size: 12px; font-weight: 600;\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: var(--wine-600);\n                }\n                .science-v2-section.section-light .title {\n                  font-family: var(--font-display); font-size: clamp(32px, 5vw, 52px);\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: var(--wine-900);\n                }\n                .science-v2-section.section-light .title-accent { font-style: italic; font-weight: 500; color: var(--wine-600); }\n                .science-v2-section.section-light .text { font-size: 17px; line-height: 1.75; margin: 0 0 32px 0; max-width: 460px; color: var(--text-secondary); }\n\n\n                \n                #science-cta-3c3d9d6 .btn-primary {\n                  display: inline-block; padding: 18px 40px; border-radius: var(--radius-pill);\n                  background: var(--wine-600); color: var(--text-light); font-family: var(--font-display); font-weight: 700;\n                  text-decoration: none; transition: all 0.3s ease; box-shadow: var(--shadow-cta);\n                }\n                #science-cta-3c3d9d6 .btn-primary:hover { background: var(--wine-700); transform: translateY(-3px); box-shadow: 0 15px 40px rgba(164, 29, 73, 0.35); }\n\n                \/* Bottle Visual - dimensions controlled via Elementor settings *\/\n                #science-cta-3c3d9d6 .bottle-container { position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: center; }\n                #science-cta-3c3d9d6 .bottle-img-custom { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }\n                \n                #science-cta-3c3d9d6 .bottle-silhouette {\n                  width: 100%; height: 100%; border-radius: 60px;\n                  background: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.1));\n                  border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(5px);\n                  position: relative; overflow: hidden;\n                }\n                #science-cta-3c3d9d6 .water-fill {\n                  position: absolute; bottom: 0; left: 0; width: 100%; height: 80%;\n                  background: linear-gradient(180deg, rgba(238, 78, 109, 0.2), rgba(164, 29, 73, 0.1));\n                  animation: fill-wave 6s ease-in-out infinite;\n                }\n                @keyframes fill-wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } }\n\n                @media (max-width: 1024px) {\n                    #science-cta-3c3d9d6 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\n                    #science-cta-3c3d9d6 .text { margin: 0 auto 32px; }\n                }\n                @media (max-width: 767px) {\n                    #science-cta-3c3d9d6 { padding: 60px 20px; }\n                }\n\n            <\/style>\n\n            <div class=\"bg-orb\"><\/div>\n            <div class=\"content\">\n                <div>\n                     <p class=\"overline\">Experience the Difference<\/p>\n                     <h2 class=\"title\">Water designed for<br\/><span class=\"title-accent\">cellular health<\/span><\/h2>\n                     <p class=\"text\">Join the thousands who have upgraded their hydration. Feel the difference of lighter water.<\/p>\n                     <a href=\"\/product\/cancro-125ppm-deuterium-depleted-drink\/\" class=\"btn-primary\">Get Cancro<\/a>\n                <\/div>\n                <div>\n                     <div class=\"bottle-container\">\n                                                    <img decoding=\"async\" src=\"https:\/\/cancrodrink.ae\/wp-content\/uploads\/2026\/01\/web_10b8a5a7-b203-4d1f-9f73-90ed4e8e649f.webp\" alt=\"Bottle\" class=\"bottle-img-custom\">\n                                             <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Science Behind Cancro What if the wateryou drink could belighter? Not lighter in calories. Lighter at the atomic level, with less of a heavy hydrogen isotope that may affect how your cells produce energy. Scroll to learn more \u2193 H Discovered 1931 Hydrogen&#8217;s heavy twin Harold Urey won the Nobel Prize for discovering deuterium: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-699","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/pages\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":10,"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/pages\/699\/revisions"}],"predecessor-version":[{"id":1552,"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/pages\/699\/revisions\/1552"}],"wp:attachment":[{"href":"https:\/\/cancrodrink.ae\/ar\/wp-json\/wp\/v2\/media?parent=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}