{"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":"<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=\"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\">\r\n                        <style>\r\n                #science-hero-4415761 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement: 100vh *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif; \/* Default Font Fallback *\/\r\n                }\r\n                \/* Orbs *\/\r\n                #science-hero-4415761 .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                }\r\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%); }\r\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%); }\r\n                \r\n                #science-hero-4415761 .bg-orb { animation: science-floating-orb 15s ease-in-out infinite; }\r\n                #science-hero-4415761 .orb-2 { animation-delay: -5s; animation-duration: 18s; }\r\n\r\n                \/* Layout *\/\r\n                #science-hero-4415761 .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 60px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                }\r\n                \r\n                \/* Typography - using ID selectors for widget-specific styles *\/\r\n                #science-hero-4415761 .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #ee4e6d;\r\n                }\r\n                #science-hero-4415761 .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #ffffff;\r\n                }\r\n                #science-hero-4415761 .title-accent { font-style: italic; font-weight: 500; color: #ee4e6d; }\r\n                #science-hero-4415761 .text { \r\n                    font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: rgba(255,255,255,0.65);\r\n                }\r\n                #science-hero-4415761 .footnote { font-size: 14px; font-style: italic; margin-top: 16px; color: rgba(255, 255, 255, 0.4); }\r\n\r\n\r\n\r\n                \/* Atom Visual *\/\r\n                #science-hero-4415761 .atom { width: min(320px, 80vw); height: 320px; position: relative; margin: 0 auto; }\r\n                #science-hero-4415761 .nucleus {\r\n                  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n                  width: 72px; height: 72px; background: linear-gradient(135deg, #ee4e6d 0%, #a41d49 100%);\r\n                  border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 30px; font-weight: 700; color: #fff;\r\n                  box-shadow: 0 0 50px rgba(238, 78, 109, 0.5);\r\n                  animation: pulse-4415761 3s ease-in-out infinite; z-index: 10;\r\n                }\r\n                @keyframes pulse-4415761 {\r\n                  0%, 100% { box-shadow: 0 0 50px rgba(238, 78, 109, 0.5); }\r\n                  50% { box-shadow: 0 0 80px rgba(238, 78, 109, 0.7); }\r\n                }\r\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; }\r\n                #science-hero-4415761 .orbit-1 { width: 150px; height: 150px; margin: -75px 0 0 -75px; animation: spin 6s linear infinite; }\r\n                #science-hero-4415761 .orbit-2 { width: 220px; height: 220px; margin: -110px 0 0 -110px; transform: rotateX(70deg); animation: spin 9s linear infinite reverse; }\r\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; }\r\n                @keyframes spin { from { transform: rotateX(70deg) rotateZ(0deg); } to { transform: rotateX(70deg) rotateZ(360deg); } }\r\n                #science-hero-4415761 .electron {\r\n                  position: absolute; width: 14px; height: 14px; background: linear-gradient(135deg, #facad4, #ee4e6d);\r\n                  border-radius: 50%; top: -7px; left: 50%; margin-left: -7px; box-shadow: 0 0 15px rgba(238, 78, 109, 0.8);\r\n                }\r\n                \r\n                \/* Mobile & Tablet Responsiveness *\/\r\n                @media (max-width: 1024px) {\r\n                    #science-hero-4415761 .content { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n                     #science-hero-4415761 .text { margin: 0 auto 20px; }\r\n                     #science-hero-4415761 .atom { margin-top: 20px; transform: scale(0.9); }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-hero-4415761 { padding: 120px 20px 60px 20px; min-height: 100svh; } \/* Uses svh for better mobile feel *\/\r\n                    #science-hero-4415761 .title { font-size: 36px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb orb-1\"><\/div><div class=\"bg-orb orb-2\"><\/div>\r\n            <div class=\"content\">\r\n                <div class=\"animate-in\">\r\n                    <p class=\"overline\">\u0627\u0644\u0639\u0644\u0645 \u0648\u0631\u0627\u0621 \u0643\u0627\u0646\u0643\u0631\u0648<\/p>\r\n                    <h1 class=\"title translation-block\">\u0645\u0627\u0630\u0627 \u0644\u0648 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u062a\u064a \u062a\u0634\u0631\u0628\u0647\u0627 \u0623\u062e\u0641\u061f<\/h1>\r\n                    <p class=\"text\">\u0644\u064a\u0633\u062a \u0623\u062e\u0641 \u0641\u064a \u0627\u0644\u0633\u0639\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629. \u0623\u062e\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0630\u0631\u064a \u2014 \u0628\u0646\u0633\u0628\u0629 \u0623\u0642\u0644 \u0645\u0646 \u0646\u0638\u064a\u0631 \u0627\u0644\u0647\u064a\u062f\u0631\u0648\u062c\u064a\u0646 \u0627\u0644\u062b\u0642\u064a\u0644 \u0627\u0644\u0630\u064a \u0642\u062f \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u0625\u0646\u062a\u0627\u062c \u062e\u0644\u0627\u064a\u0627\u0643 \u0644\u0644\u0637\u0627\u0642\u0629.<\/p>\r\n                    <p class=\"footnote\">\u0645\u0631\u0631 \u0644\u0644\u0623\u0633\u0641\u0644 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u2193<\/p>\r\n                <\/div>\r\n                <div class=\"animate-in\">\r\n                    <div class=\"atom\">\r\n                        <div class=\"orbit orbit-1\"><div class=\"electron\"><\/div><\/div>\r\n                        <div class=\"orbit orbit-2\"><div class=\"electron\"><\/div><\/div>\r\n                        <div class=\"orbit orbit-3\"><div class=\"electron\"><\/div><\/div>\r\n                        <div class=\"nucleus\">H<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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-9179cab e-con-full e-flex e-con e-parent\" data-id=\"9179cab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a29ba1 elementor-widget elementor-widget-cancro_science_v2_isotopes\" data-id=\"9a29ba1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_isotopes.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-iso-9a29ba1\" class=\"science-v2-section section-wine  science-v2-animated-bg\">\r\n                        <style>\r\n                #science-iso-9a29ba1 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-iso-9a29ba1 .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  width: 600px; height: 600px; top: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.3) 0%, transparent 70%);\r\n                  animation: science-floating-orb 20s ease-in-out infinite;\r\n                }\r\n                \r\n                #science-iso-9a29ba1 .content {\r\n                  max-width: 800px; width: 100%; margin: 0 auto; text-align: center; position: relative; z-index: 2;\r\n                }\r\n                \r\n                \/* Typography - using ID selectors for widget-specific styles *\/\r\n                #science-iso-9a29ba1 .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 auto 16px; color: #ee4e6d;\r\n                }\r\n                #science-iso-9a29ba1 .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 auto 24px; letter-spacing: -1px; color: #ffffff;\r\n                }\r\n                #science-iso-9a29ba1 .title-accent { font-style: italic; font-weight: 500; color: #ee4e6d; }\r\n                #science-iso-9a29ba1 .text { font-size: 17px; line-height: 1.75; margin: 0 auto 40px; max-width: 500px; color: rgba(255,255,255,0.65); }\r\n\r\n\r\n\r\n                \/* Isotope Cards *\/\r\n                #science-iso-9a29ba1 .isotope-row { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; }\r\n                #science-iso-9a29ba1 .isotope-card { width: 180px; padding: 32px 24px; border-radius: 20px; text-align: center; position: relative; }\r\n                \r\n                #science-iso-9a29ba1 .light-card { box-shadow: 0 8px 30px rgba(62, 18, 37, 0.08); }\r\n                #science-iso-9a29ba1 .dark-card { border: 1px solid rgba(238, 78, 109, 0.2); }\r\n                \r\n                #science-iso-9a29ba1 .isotope-symbol {\r\n                  width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 26px; font-weight: 700; color: #fff;\r\n                }\r\n                #science-iso-9a29ba1 .isotope-symbol.h { background: linear-gradient(135deg, #ee4e6d, #a41d49); box-shadow: 0 0 25px rgba(238, 78, 109, 0.4); }\r\n                #science-iso-9a29ba1 .isotope-symbol.d { background: linear-gradient(135deg, #741034, #3e1225); box-shadow: 0 0 25px rgba(116, 16, 52, 0.5); }\r\n                \r\n                #science-iso-9a29ba1 .neutron-badge {\r\n                  position: absolute; top: -4px; right: -4px; width: 24px; height: 24px; background: #ee4e6d; border-radius: 50%;\r\n                  font-size: 10px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; animation: bounce-9a29ba1 1.5s ease-in-out infinite;\r\n                }\r\n                @keyframes bounce-9a29ba1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }\r\n                \r\n                #science-iso-9a29ba1 .isotope-name { font-weight: 700; margin-bottom: 4px; }\r\n                #science-iso-9a29ba1 .isotope-sub { font-size: 12px; opacity: 0.7; }\r\n                \r\n                @media (max-width: 767px) {\r\n                    #science-iso-9a29ba1 { height: auto; min-height: 100svh; padding: 60px 20px; }\r\n                    #science-iso-9a29ba1 .isotope-row { gap: 16px; }\r\n                    #science-iso-9a29ba1 .isotope-card { width: 140px; padding: 24px 16px; }\r\n                }\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb\"><\/div>\r\n            <div class=\"content\">\r\n                <p class=\"overline\">\u0627\u0643\u062a\u064f\u0634\u0641 \u0639\u0627\u0645 1931<\/p>\r\n                <h2 class=\"title translation-block\">\u0627\u0644\u062a\u0648\u0623\u0645 \u0627\u0644\u062b\u0642\u064a\u0644 \u0644\u0644\u0647\u064a\u062f\u0631\u0648\u062c\u064a\u0646<\/h2>\r\n                <p class=\"text\">Harold Urey won the Nobel Prize for discovering deuterium \u2014 a hydrogen atom carrying an extra neutron. Same chemistry, but twice the atomic mass.<\/p>\r\n                \r\n                <div class=\"isotope-row\">\r\n                    <div class=\"isotope-card light-card\">\r\n                      <div class=\"isotope-symbol h\">\u00b9H<\/div>\r\n                      <div class=\"isotope-name\">Hydrogen<\/div>\r\n                      <div class=\"isotope-sub\">1 proton<\/div>\r\n                    <\/div>\r\n                    <div class=\"isotope-card dark-card\">\r\n                      <div style=\"position: relative; display: inline-block;\">\r\n                        <div class=\"isotope-symbol d\">\u00b2H<\/div>\r\n                        <div class=\"neutron-badge\">+n<\/div>\r\n                      <\/div>\r\n                      <div class=\"isotope-name\">Deuterium<\/div>\r\n                      <div class=\"isotope-sub\">1 proton + 1 neutron<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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-297f966 e-con-full e-flex e-con e-parent\" data-id=\"297f966\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1d151 elementor-widget elementor-widget-cancro_science_v2_kinetic\" data-id=\"0f1d151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_kinetic.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-kin-0f1d151\" class=\"science-v2-section section-light  science-v2-animated-bg\">\r\n                            <div class=\"science-v2-noise-overlay\"><\/div>\r\n                        <style>\r\n                #science-kin-0f1d151 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", sans-serif;\r\n                }\r\n                #science-kin-0f1d151 .bg-orb { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }\r\n                #science-kin-0f1d151 .orb-1 { width: 700px; height: 700px; top: -300px; left: -200px; background: radial-gradient(circle, rgba(250, 202, 212, 0.8) 0%, transparent 70%); }\r\n                #science-kin-0f1d151 .orb-2 { width: 500px; height: 500px; bottom: -200px; right: -150px; background: radial-gradient(circle, rgba(238, 78, 109, 0.15) 0%, transparent 70%); }\r\n\r\n                #science-kin-0f1d151 .bg-orb { animation: science-floating-orb 18s ease-in-out infinite; }\r\n                #science-kin-0f1d151 .orb-2 { animation-delay: -7s; animation-duration: 22s; }\r\n\r\n                #science-kin-0f1d151 .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                }\r\n                \r\n                \/* Text Defaults - light mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-light .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #a41d49;\r\n                }\r\n                .science-v2-section.section-light .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #3e1225;\r\n                }\r\n                .science-v2-section.section-light .title-accent { font-style: italic; font-weight: 500; color: #a41d49; }\r\n                .science-v2-section.section-light .text { font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: #5a3d47; }\r\n\r\n\r\n                \r\n                #science-kin-0f1d151 .stat-badge {\r\n                  display: inline-block; padding: 12px 24px; border-radius: 100px;\r\n                  font-family: \"JetBrains Mono\", monospace; font-size: 14px; font-weight: 500;\r\n                  border: 1px solid; \/* color set via control *\/\r\n                  color: #a41d49; border-color: rgba(164, 29, 73, 0.15); background: rgba(164, 29, 73, 0.08); \/* Default *\/\r\n                }\r\n\r\n                \/* Molecules *\/\r\n                #science-kin-0f1d151 .molecule-group { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }\r\n                #science-kin-0f1d151 .molecule-visual { position: relative; width: 130px; height: 150px; margin: 0 auto 12px; }\r\n                #science-kin-0f1d151 .mol-o {\r\n                  position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 58px; height: 58px;\r\n                  background: linear-gradient(135deg, #ee4e6d, #a41d49); border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n                  font-size: 24px; font-weight: 700; color: #fff;\r\n                }\r\n                #science-kin-0f1d151 .mol-h {\r\n                  position: absolute; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600;\r\n                }\r\n                #science-kin-0f1d151 .mol-h.light { background: linear-gradient(135deg, #facad4, #f8b4c0); color: #3e1225; }\r\n                #science-kin-0f1d151 .mol-h.heavy { background: linear-gradient(135deg, #741034, #3e1225); color: #fff; animation: heavy-pulse 1.8s ease-in-out infinite; }\r\n                #science-kin-0f1d151 .mol-h.left { bottom: 20px; left: 8px; }\r\n                #science-kin-0f1d151 .mol-h.right { bottom: 20px; right: 8px; }\r\n                \r\n                #science-kin-0f1d151 .mol-bond {\r\n                  position: absolute; width: 2.5px; height: 45px; background: linear-gradient(180deg, rgba(238, 78, 109, 0.5), rgba(250, 202, 212, 0.3)); border-radius: 2px;\r\n                }\r\n                #science-kin-0f1d151 .mol-bond.left { top: 52px; left: 38px; transform: rotate(-22deg); }\r\n                #science-kin-0f1d151 .mol-bond.right { top: 52px; right: 38px; transform: rotate(22deg); }\r\n                \r\n                #science-kin-0f1d151 .mol-label { font-weight: 700; font-family:\"Gilroy\", sans-serif; font-size: 18px; margin-bottom: 2px; text-align: center; color: #3e1225; }\r\n                #science-kin-0f1d151 .mol-sublabel { font-size: 13px; color: #a41d49; text-align: center; }\r\n\r\n                \/* Responsiveness *\/\r\n                @media (max-width: 1024px) {\r\n                    #science-kin-0f1d151 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\r\n                    #science-kin-0f1d151 .text { margin: 0 auto 20px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-kin-0f1d151 { min-height: 100svh; padding: 60px 20px; }\r\n                    #science-kin-0f1d151 .molecule-group { gap: 20px; }\r\n                    #science-kin-0f1d151 .molecule-visual { transform: scale(0.9); }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb orb-1\"><\/div><div class=\"bg-orb orb-2\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">The Kinetic Isotope Effect<\/p>\r\n                     <h2 class=\"title\">Heavier atoms<br\/><span class=\"title-accent\">slow reactions<\/span><\/h2>\r\n                     <p class=\"text\">This isn't theory \u2014 it's established chemistry. Bonds involving deuterium break up to 10\u00d7 slower than hydrogen bonds.<\/p>\r\n                     <div class=\"stat-badge\">The same principle applies inside your mitochondria<\/div>\r\n                <\/div>\r\n                <div>\r\n                     <div class=\"molecule-group\">\r\n                        <div class=\"molecule\">\r\n                          <div class=\"molecule-visual\">\r\n                            <div class=\"mol-bond left\"><\/div><div class=\"mol-bond right\"><\/div>\r\n                            <div class=\"mol-o\">O<\/div>\r\n                            <div class=\"mol-h light left\">H<\/div><div class=\"mol-h light right\">H<\/div>\r\n                          <\/div>\r\n                          <div class=\"mol-label\">H\u2082O<\/div>\r\n                          <div class=\"mol-sublabel\">Light Water<\/div>\r\n                        <\/div>\r\n                        \r\n                        <span style=\"font-size: 28px; color: #a41d49;\">\u2192<\/span>\r\n                        \r\n                        <div class=\"molecule\">\r\n                          <div class=\"molecule-visual\">\r\n                            <div class=\"mol-bond left\"><\/div><div class=\"mol-bond right\"><\/div>\r\n                            <div class=\"mol-o\">O<\/div>\r\n                            <div class=\"mol-h light left\">H<\/div><div class=\"mol-h heavy right\">D<\/div>\r\n                          <\/div>\r\n                          <div class=\"mol-label\">HDO<\/div>\r\n                          <div class=\"mol-sublabel\">Heavy Water<\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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-a0ea40c e-con-full e-flex e-con e-parent\" data-id=\"a0ea40c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70aead1 elementor-widget elementor-widget-cancro_science_v2_energy\" data-id=\"70aead1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cancro_science_v2_energy.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div id=\"science-nrg-70aead1\" class=\"science-v2-section section-dark  science-v2-animated-bg\">\r\n                            <div class=\"science-v2-noise-overlay\"><\/div>\r\n                        <style>\r\n                #science-nrg-70aead1 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-nrg-70aead1 .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  width: 600px; height: 600px; top: -150px; right: -150px; background: radial-gradient(circle, rgba(164, 29, 73, 0.4) 0%, transparent 70%);\r\n                  animation: science-floating-orb 15s ease-in-out infinite;\r\n                }\r\n\r\n                #science-nrg-70aead1 .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                  direction: rtl; \/* Image on right, text on left visually, but DOM order has controls *\/\r\n                }\r\n                #science-nrg-70aead1 .content > * { direction: ltr; }\r\n                \r\n                \/* Typography Defaults - dark mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-wine .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #ee4e6d;\r\n                }\r\n                .science-v2-section.section-wine .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #ffffff;\r\n                }\r\n                .science-v2-section.section-wine .title-accent { font-style: italic; font-weight: 500; color: #ee4e6d; }\r\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); }\r\n                .science-v2-section.section-wine .footnote { font-size: 14px; font-style: italic; margin-top: 16px; color: rgba(255,255,255,0.4); }\r\n\r\n\r\n\r\n                \/* ATP Machine *\/\r\n                #science-nrg-70aead1 .atp-container { text-align: center; }\r\n                #science-nrg-70aead1 .atp-number { font-family: \"JetBrains Mono\", monospace; font-size: 56px; font-weight: 700; color: #fff; text-shadow: 0 0 30px rgba(238, 78, 109, 0.5); }\r\n                #science-nrg-70aead1 .atp-machine { position: relative; width: 160px; height: 200px; margin: 0 auto; }\r\n                \r\n                #science-nrg-70aead1 .atp-head {\r\n                  position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 50px;\r\n                  background: linear-gradient(135deg, #ee4e6d, #a41d49); border-radius: 50%; box-shadow: 0 0 40px rgba(238, 78, 109, 0.6);\r\n                  animation: glow-70aead1 2s ease-in-out infinite;\r\n                }\r\n                @keyframes glow-70aead1 {\r\n                   0%, 100% { box-shadow: 0 0 40px rgba(238, 78, 109, 0.6); }\r\n                   50% { box-shadow: 0 0 60px rgba(238, 78, 109, 0.85); }\r\n                }\r\n                \r\n                #science-nrg-70aead1 .atp-shaft {\r\n                  position: absolute; top: 45px; left: 50%; width: 16px; height: 90px;\r\n                  background: linear-gradient(180deg, #ee4e6d, #a41d49); border-radius: 8px; \r\n                  animation: rotate 0.35s linear infinite; transform-origin: 8px 45px; transform: translateX(-50%);\r\n                }\r\n                @keyframes rotate { from { transform: translateX(-50%) rotate(0deg); } to { transform: translateX(-50%) rotate(360deg); } }\r\n                \r\n                #science-nrg-70aead1 .atp-membrane { position: absolute; top: 125px; left: -30px; right: -30px; height: 4px; background: linear-gradient(90deg, transparent, rgba(238, 78, 109, 0.4), transparent); }\r\n                #science-nrg-70aead1 .atp-base {\r\n                  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 120px; height: 60px;\r\n                  background: linear-gradient(180deg, #3e1225, #2a0d18); border-radius: 16px; border: 1px solid rgba(238, 78, 109, 0.2);\r\n                }\r\n\r\n                @media (max-width: 1024px) {\r\n                    #science-nrg-70aead1 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; direction: ltr; }\r\n                    #science-nrg-70aead1 .text { margin: 0 auto 20px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-nrg-70aead1 { min-height: 100svh; padding: 50px 20px; }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">Why Reduction Helps<\/p>\r\n                     <h2 class=\"title\">Less deuterium,<br\/><span class=\"title-accent\">smoother energy<\/span><\/h2>\r\n                     <p class=\"text\">Your mitochondria produce energy using ATP synthase \u2014 a molecular motor powered by hydrogen ions. When heavier deuterium ions enter the flow, they can disrupt the motor's rotation.<\/p>\r\n                     <p class=\"text\">Lower deuterium means fewer disruptions. Research suggests this may support more efficient cellular energy production and reduced oxidative stress.<\/p>\r\n                     <p class=\"footnote\">Olgun A. Theor Biol Med Model. 2007<\/p>\r\n                <\/div>\r\n                <div>\r\n                     <div class=\"atp-container\">\r\n                        <div class=\"atp-number\">1000+<\/div>\r\n                        <div style=\"font-size: 14px; letter-spacing: 4px; color: rgba(255, 255, 255, 0.4); margin-bottom: 24px;\">protons\/sec<\/div>\r\n                        <div class=\"atp-machine\">\r\n                          <div class=\"atp-head\"><\/div><div class=\"atp-shaft\"><\/div><div class=\"atp-membrane\"><\/div><div class=\"atp-base\"><\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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=\"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\">\r\n                            <div class=\"science-v2-noise-overlay\"><\/div>\r\n                        <style>\r\n                #science-res-743fcea {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-res-743fcea .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  animation: science-floating-orb 20s ease-in-out infinite;\r\n                }\r\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%); }\r\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; }\r\n\r\n                #science-res-743fcea .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                }\r\n                \r\n                \/* Typography Defaults - light mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-light .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #a41d49;\r\n                }\r\n                .science-v2-section.section-light .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #3e1225;\r\n                }\r\n                .science-v2-section.section-light .title-accent { font-style: italic; font-weight: 500; color: #a41d49; }\r\n                .science-v2-section.section-light .text { font-size: 17px; line-height: 1.75; margin: 0 0 20px 0; max-width: 460px; color: #5a3d47; }\r\n                .science-v2-section.section-light .footnote { font-size: 14px; font-style: italic; margin-top: 16px; color: #8a7078; }\r\n\r\n\r\n                \r\n                \/* Stats Grid *\/\r\n                #science-res-743fcea .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 340px; margin: 0 auto; }\r\n                #science-res-743fcea .stat-card { padding: 24px 20px; border-radius: 16px; text-align: center; box-shadow: 0 6px 24px rgba(62, 18, 37, 0.06); }\r\n                #science-res-743fcea .stat-value { font-family: \"JetBrains Mono\", monospace; font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 6px; color: #a41d49; }\r\n                 #science-res-743fcea .stat-label { font-size: 14px; line-height: 1.4; opacity: 0.8; }\r\n                 \r\n                @media (max-width: 1024px) {\r\n                    #science-res-743fcea .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\r\n                    #science-res-743fcea .text { margin: 0 auto 20px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-res-743fcea { min-height: 100svh; padding: 60px 20px; }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb orb-1\"><\/div><div class=\"bg-orb orb-2\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">The Research<\/p>\r\n                     <h2 class=\"title\">Three decades of<br\/><span class=\"title-accent\">published science<\/span><\/h2>\r\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>\r\n                     <p class=\"text\">Human trials are limited but promising \u2014 one Phase II study showed delayed progression in prostate cancer patients.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"stats-grid\">\r\n                                                <div class=\"stat-card\">\r\n                            <div class=\"stat-value\">1993<\/div>\r\n                            <div class=\"stat-label\">First DDW study<br\/>published<\/div>\r\n                        <\/div>\r\n                                                <div class=\"stat-card\">\r\n                            <div class=\"stat-value\">15+<\/div>\r\n                            <div class=\"stat-label\">Peer-reviewed<br\/>studies<\/div>\r\n                        <\/div>\r\n                                                <div class=\"stat-card\">\r\n                            <div class=\"stat-value\">6<\/div>\r\n                            <div class=\"stat-label\">Countries with<br\/>active research<\/div>\r\n                        <\/div>\r\n                                                <div class=\"stat-card\">\r\n                            <div class=\"stat-value\">30+<\/div>\r\n                            <div class=\"stat-label\">Years of<br\/>investigation<\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                                        <p class=\"footnote\" style=\"text-align: center; max-width: 340px; margin: 24px auto 0;\">Systematic review: Lu Y, Chen H. Nutrients. 2024<\/p>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\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=\"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\">\r\n                        <style>\r\n                #science-proc-286988d {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-proc-286988d .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  width: 600px; height: 600px; top: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.3) 0%, transparent 70%);\r\n                  animation: science-floating-orb 22s ease-in-out infinite;\r\n                }\r\n\r\n                #science-proc-286988d .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                  direction: rtl; \/* Steps on right *\/\r\n                }\r\n                #science-proc-286988d .content > * { direction: ltr; }\r\n                \r\n                \/* Typography Defaults - dark mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-wine .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #ee4e6d;\r\n                }\r\n                .science-v2-section.section-wine .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #ffffff;\r\n                }\r\n                .science-v2-section.section-wine .title-accent { font-style: italic; font-weight: 500; color: #ee4e6d; }\r\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); }\r\n\r\n\r\n                \r\n                \/* Steps *\/\r\n                #science-proc-286988d .process-item {\r\n                    display: flex; align-items: center; gap: 20px; padding: 24px;\r\n                    border: 1px solid rgba(238, 78, 109, 0.12); border-radius: 16px;\r\n                    transition: transform 0.3s ease;\r\n                }\r\n                #science-proc-286988d .process-item:hover { background: rgba(255, 255, 255, 0.06); transform: translateX(-4px); }\r\n                #science-proc-286988d .process-num {\r\n                     width: 42px; height: 42px; background: linear-gradient(135deg, #a41d49, #741034); border-radius: 12px;\r\n                     display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; flex-shrink: 0;\r\n                }\r\n                #science-proc-286988d .process-title { margin: 0 0 4px; font-weight: 600; font-size: 18px; color: #ffffff; }\r\n                #science-proc-286988d .process-desc { margin: 0; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.5; }\r\n                \r\n                @media (max-width: 1024px) {\r\n                    #science-proc-286988d .content { grid-template-columns: 1fr; text-align: center; gap: 48px; direction: ltr; }\r\n                    #science-proc-286988d .text { margin: 0 auto 20px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-proc-286988d { min-height: 100svh; padding: 60px 20px; }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">The Process<\/p>\r\n                     <h2 class=\"title\">How we reduce<br\/><span class=\"title-accent\">deuterium<\/span><\/h2>\r\n                     <p class=\"text\">You can't filter out deuterium \u2014 the molecules are chemically identical. Separation requires exploiting tiny differences in boiling point and vapor pressure.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <div style=\"display: flex; flex-direction: column; gap: 16px; max-width: 420px; margin: 0 auto;\">\r\n                                                <div class=\"process-item\">\r\n                            <div class=\"process-num\">1<\/div>\r\n                            <div>\r\n                                <h4 class=\"process-title\">\u0627\u0644\u062a\u0642\u0637\u064a\u0631 \u0628\u0627\u0644\u062a\u0641\u0631\u064a\u063a<\/h4>\r\n                                <p class=\"process-desc\">Water evaporates at low pressure. Light water evaporates slightly faster.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"process-item\">\r\n                            <div class=\"process-num\">2<\/div>\r\n                            <div>\r\n                                <h4 class=\"process-title\">Fractional Separation<\/h4>\r\n                                <p class=\"process-desc\">Hundreds of cycles progressively concentrate lighter molecules.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"process-item\">\r\n                            <div class=\"process-num\">3<\/div>\r\n                            <div>\r\n                                <h4 class=\"process-title\">IRMS Verification<\/h4>\r\n                                <p class=\"process-desc\">Isotope ratio mass spectrometry confirms exact ppm in every batch.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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=\"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\">\r\n                        <style>\r\n                #science-comp-ac0da24 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-comp-ac0da24 .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  width: 600px; height: 600px; bottom: -150px; left: -100px; background: radial-gradient(circle, rgba(238, 78, 109, 0.3) 0%, transparent 70%);\r\n                  animation: science-floating-orb 20s ease-in-out infinite;\r\n                }\r\n\r\n                #science-comp-ac0da24 .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                }\r\n                \r\n                \/* Typography Defaults - dark mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-wine .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #ee4e6d;\r\n                }\r\n                .science-v2-section.section-wine .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #ffffff;\r\n                }\r\n                .science-v2-section.section-wine .title-accent { font-style: italic; font-weight: 500; color: #ee4e6d; }\r\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); }\r\n\r\n\r\n                \r\n                \/* Graph *\/\r\n                #science-comp-ac0da24 .graph-container { width: 100%; max-width: 440px; }\r\n                #science-comp-ac0da24 .bar-group { margin-bottom: 24px; }\r\n                #science-comp-ac0da24 .bar-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-weight: 600; font-size: 14px; color: #ffffff; }\r\n                \r\n                #science-comp-ac0da24 .bar-container { width: 100%; height: 24px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; overflow: hidden; position: relative; }\r\n                #science-comp-ac0da24 .bar-fill { height: 100%; border-radius: 12px; width: 0; transition: width 1.5s ease-out; position: relative; }\r\n                \r\n                #science-comp-ac0da24 .bar-1 .bar-fill { background: #a41d49; width: 100%; } \/* Default 100% relative width *\/\r\n                #science-comp-ac0da24 .bar-2 .bar-fill { background: #ee4e6d; width: 86%; box-shadow: 0 0 20px rgba(238, 78, 109, 0.5); }\r\n                \r\n                 \/* Animation Shim - just ensures fill appears *\/\r\n                #science-comp-ac0da24 .bar-fill { animation: grow-ac0da24 1.5s ease-out forwards; }\r\n                @keyframes grow-ac0da24 { from { width: 0; } }\r\n\r\n                @media (max-width: 1024px) {\r\n                    #science-comp-ac0da24 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\r\n                    #science-comp-ac0da24 .text { margin: 0 auto 20px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-comp-ac0da24 { min-height: 100svh; padding: 60px 20px; }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">A New Grade of Water<\/p>\r\n                     <h2 class=\"title\">Significantly lower<br\/><span class=\"title-accent\">deuterium levels<\/span><\/h2>\r\n                     <p class=\"text\">Most water contains around 150 parts per million (ppm) of deuterium. We lower that concentration to help your body's metabolic engine run cleaner.<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"graph-container\">\r\n                        <div class=\"bar-group bar-1\">\r\n                          <div class=\"bar-info\"><span>Regular Water<\/span><span>190 ppm<\/span><\/div>\r\n                          <div class=\"bar-container\"><div class=\"bar-fill\"><\/div><\/div>\r\n                        <\/div>\r\n                        <div class=\"bar-group bar-2\">\r\n                          <div class=\"bar-info\"><span>Cancro Water<\/span><span>125 ppm<\/span><\/div>\r\n                          <div class=\"bar-container\"><div class=\"bar-fill\"><\/div><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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=\"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\">\r\n                            <div class=\"science-v2-noise-overlay\"><\/div>\r\n                        <style>\r\n                #science-cta-3c3d9d6 {\r\n                    position: relative; overflow: hidden;\r\n                    min-height: 100vh; \/* Requirement *\/\r\n                    display: flex; align-items: center; justify-content: center;\r\n                    font-family: \"DM Sans\", \"Gilroy\", sans-serif;\r\n                }\r\n                #science-cta-3c3d9d6 .bg-orb {\r\n                  position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none;\r\n                  width: 700px; height: 700px; top: -200px; left: -200px; background: radial-gradient(circle, rgba(250, 202, 212, 0.8) 0%, transparent 70%);\r\n                  animation: science-floating-orb 15s ease-in-out infinite;\r\n                }\r\n\r\n                #science-cta-3c3d9d6 .content {\r\n                  max-width: 1100px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;\r\n                  gap: 80px; align-items: center; position: relative; z-index: 2; text-align: left;\r\n                }\r\n                \r\n                \/* Text Defaults - light mode - using class selectors so Elementor ID selectors override *\/\r\n                .science-v2-section.section-light .overline {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: 12px; font-weight: 600;\r\n                  letter-spacing: 0.25em; text-transform: uppercase; margin: 0 0 16px 0; color: #a41d49;\r\n                }\r\n                .science-v2-section.section-light .title {\r\n                  font-family: \"Gilroy\", sans-serif; font-size: clamp(32px, 5vw, 52px);\r\n                  font-weight: 600; line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; color: #3e1225;\r\n                }\r\n                .science-v2-section.section-light .title-accent { font-style: italic; font-weight: 500; color: #a41d49; }\r\n                .science-v2-section.section-light .text { font-size: 17px; line-height: 1.75; margin: 0 0 32px 0; max-width: 460px; color: #5a3d47; }\r\n\r\n\r\n                \r\n                #science-cta-3c3d9d6 .btn-primary {\r\n                  display: inline-block; padding: 18px 40px; border-radius: 100px;\r\n                  background: #a41d49; color: #fff; font-family: \"Gilroy\", sans-serif; font-weight: 700;\r\n                  text-decoration: none; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(164, 29, 73, 0.25);\r\n                }\r\n                #science-cta-3c3d9d6 .btn-primary:hover { background: #8a183d; transform: translateY(-3px); box-shadow: 0 15px 40px rgba(164, 29, 73, 0.35); }\r\n\r\n                \/* Bottle Visual - dimensions controlled via Elementor settings *\/\r\n                #science-cta-3c3d9d6 .bottle-container { position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: center; }\r\n                #science-cta-3c3d9d6 .bottle-img-custom { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }\r\n                \r\n                #science-cta-3c3d9d6 .bottle-silhouette {\r\n                  width: 100%; height: 100%; border-radius: 60px;\r\n                  background: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.1));\r\n                  border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(5px);\r\n                  position: relative; overflow: hidden;\r\n                }\r\n                #science-cta-3c3d9d6 .water-fill {\r\n                  position: absolute; bottom: 0; left: 0; width: 100%; height: 80%;\r\n                  background: linear-gradient(180deg, rgba(238, 78, 109, 0.2), rgba(164, 29, 73, 0.1));\r\n                  animation: fill-wave 6s ease-in-out infinite;\r\n                }\r\n                @keyframes fill-wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } }\r\n\r\n                @media (max-width: 1024px) {\r\n                    #science-cta-3c3d9d6 .content { grid-template-columns: 1fr; text-align: center; gap: 48px; }\r\n                    #science-cta-3c3d9d6 .text { margin: 0 auto 32px; }\r\n                }\r\n                @media (max-width: 767px) {\r\n                    #science-cta-3c3d9d6 { min-height: 100svh; padding: 60px 20px; }\r\n                }\r\n\r\n            <\/style>\r\n\r\n            <div class=\"bg-orb\"><\/div>\r\n            <div class=\"content\">\r\n                <div>\r\n                     <p class=\"overline\">Experience the Difference<\/p>\r\n                     <h2 class=\"title\">Water designed for<br\/><span class=\"title-accent\">cellular health<\/span><\/h2>\r\n                     <p class=\"text\">Join the thousands who have upgraded their hydration. Feel the difference of lighter water.<\/p>\r\n                     <a href=\"\/ar\/product\/cancro-125ppm-deuterium-depleted-drink\/\" class=\"btn-primary\">\u062a\u0633\u0648\u0642 \u0643\u0627\u0646\u0643\u0631\u0648<\/a>\r\n                <\/div>\r\n                <div>\r\n                     <div class=\"bottle-container\">\r\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\">\r\n                                             <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\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>","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 \u2014 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 [&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}]}}