{"id":3935,"date":"2025-12-02T06:33:39","date_gmt":"2025-12-01T23:33:39","guid":{"rendered":"https:\/\/hcbiopharm.net\/?page_id=3935"},"modified":"2025-12-02T07:16:30","modified_gmt":"2025-12-02T00:16:30","slug":"renivo","status":"publish","type":"page","link":"https:\/\/hcbiopharm.net\/vi\/renivo\/","title":{"rendered":"renivo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3935\" class=\"elementor elementor-3935\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-96b5709 e-con-full e-flex e-con e-parent\" data-id=\"96b5709\" data-element_type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-8bf2781 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8bf2781\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides)<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Pretendard:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* --- Base & Typography --- *\/\r\n        body {\r\n            font-family: 'Pretendard', sans-serif;\r\n            background-color: #020f0a; \/* Ultra Dark Green\/Black *\/\r\n            margin: 0; overflow: hidden;\r\n            display: flex; justify-content: center; align-items: center; height: 100vh;\r\n            color: #ffffff;\r\n        }\r\n        .serif-font { font-family: 'Playfair Display', serif; }\r\n\r\n        \/* --- Container --- *\/\r\n        #presentation-container {\r\n            width: 100%; max-width: 1600px; aspect-ratio: 16 \/ 9;\r\n            \/* Deep Radial Gradient for immersion *\/\r\n            background: radial-gradient(circle at 20% 50%, #064e3b 0%, #022c22 45%, #000000 100%);\r\n            position: relative; box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.9);\r\n            overflow: hidden; display: none;\r\n        }\r\n\r\n        \/* --- Gold Accents & Gradients --- *\/\r\n        .text-gold { color: #fbbf24; }\r\n        .text-gold-gradient {\r\n            background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 50%, #b45309 100%);\r\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n            background-size: 200% auto; animation: shine 5s linear infinite;\r\n        }\r\n        .border-gold { border-color: rgba(245, 158, 11, 0.5); }\r\n        .bg-gold-glow {\r\n            background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, rgba(0,0,0,0) 70%);\r\n        }\r\n\r\n        \/* --- UI Elements --- *\/\r\n        .glass-panel {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            backdrop-filter: blur(16px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-top: 1px solid rgba(251, 191, 36, 0.3);\r\n            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.6);\r\n            border-radius: 20px;\r\n        }\r\n        \r\n        .feature-card {\r\n            background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .feature-card:hover {\r\n            border-color: #f59e0b;\r\n            transform: translateY(-5px);\r\n            background: linear-gradient(180deg, rgba(245,158,11,0.1) 0%, rgba(0,0,0,0) 100%);\r\n        }\r\n\r\n        \/* --- Animations --- *\/\r\n        @keyframes shine { to { background-position: 200% center; } }\r\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n        @keyframes growBar { from { height: 0; } to { height: var(--h); } }\r\n        @keyframes widthGrow { from { width: 0; } to { width: var(--w); } }\r\n\r\n        .animate-float { animation: float 6s ease-in-out infinite; }\r\n        \r\n        \/* Active Slide Animations *\/\r\n        .slide.active .anim-entry { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }\r\n        .slide.active .anim-delay-1 { animation-delay: 0.1s; }\r\n        .slide.active .anim-delay-2 { animation-delay: 0.2s; }\r\n        .slide.active .anim-delay-3 { animation-delay: 0.3s; }\r\n        .slide.active .anim-delay-4 { animation-delay: 0.4s; }\r\n        .slide.active .bar-animate { animation: growBar 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n        .slide.active .width-animate { animation: widthGrow 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n\r\n        \/* --- Layout --- *\/\r\n        .slide {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            opacity: 0; transform: scale(1.02); filter: blur(5px);\r\n            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n            pointer-events: none; display: flex; flex-direction: column;\r\n            padding: 3rem 5rem; box-sizing: border-box;\r\n        }\r\n        .slide.active { opacity: 1; transform: scale(1); filter: blur(0); pointer-events: all; z-index: 10; }\r\n        \r\n        \/* --- Navigation --- *\/\r\n        .progress-bar {\r\n            position: absolute; bottom: 0; left: 0; height: 4px;\r\n            background: linear-gradient(90deg, #b45309, #fcd34d, #b45309); width: 0%; transition: width 0.4s; z-index: 100;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- OVERLAY START SCREEN -->\r\n    <div id=\"start-overlay\" class=\"fixed inset-0 bg-[#020f0a] z-[9999] flex flex-col justify-center items-center transition-opacity duration-500\">\r\n        <div class=\"text-center\">\r\n            <h1 class=\"text-7xl font-bold mb-6 text-white tracking-tight serif-font\">\r\n                <span class=\"text-gold-gradient\">RENIVO<\/span> Chi\u1ebfn l\u01b0\u1ee3c\r\n            <\/h1>\r\n            <p class=\"text-gray-300 mb-10 text-xl font-light\">K\u1ebf ho\u1ea1ch chi\u1ebfn l\u01b0\u1ee3c \u0111\u1ea7y \u0111\u1ee7 c\u1ee7a HCBIOPHARM (25 trang tr\u00ecnh b\u00e0y)<\/p>\r\n            <button onclick=\"startPresentation()\" class=\"group relative px-12 py-5 bg-transparent border border-amber-500 text-amber-400 font-bold rounded-full overflow-hidden transition-all hover:text-white hover:border-amber-400 cursor-pointer shadow-[0_0_20px_rgba(245,158,11,0.3)]\">\r\n                <div class=\"absolute inset-0 w-0 bg-amber-600 transition-all duration-300 ease-out group-hover:w-full\"><\/div>\r\n                <span class=\"relative flex items-center gap-3 text-lg\">\r\n                    <i data-lucide=\"play-circle\" class=\"w-6 h-6\"><\/i> B\u1eaft \u0111\u1ea7u b\u00e0i thuy\u1ebft tr\u00ecnh c\u1ee7a b\u1ea1n\r\n                <\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAIN PRESENTATION CONTAINER -->\r\n    <div id=\"presentation-container\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"bg-gold-glow w-[900px] h-[900px] absolute -top-1\/2 -right-1\/4 rounded-full animate-float opacity-30 pointer-events-none\"><\/div>\r\n        <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\r\n\r\n        <!-- ================= SECTION 1: INTRO & COMPANY ================= -->\r\n\r\n        <!-- SLIDE 1: COVER -->\r\n        <div class=\"slide active\">\r\n            <div class=\"h-full flex flex-col justify-center relative z-10 pl-10\">\r\n                <div class=\"anim-entry mb-8\">\r\n                    <span class=\"inline-block py-1 px-3 border border-amber-500 rounded-full text-amber-400 text-sm font-bold tracking-widest uppercase\">Gi\u1ea3i ph\u00e1p c\u00f4ng ngh\u1ec7 sinh h\u1ecdc<\/span>\r\n                <\/div>\r\n                <h1 class=\"anim-entry anim-delay-1 text-8xl font-black mb-6 leading-tight serif-font text-white\">\r\n                    M\u00f3n qu\u00e0 tuy\u1ec7t v\u1eddi nh\u1ea5t<br>\r\n                    <span class=\"text-gold-gradient\">T\u1eeb thi\u00ean nhi\u00ean<\/span>\r\n                <\/h1>\r\n                <p class=\"anim-entry anim-delay-2 text-2xl text-gray-200 font-light max-w-2xl leading-relaxed mt-4\">\r\n                    Gi\u1ea3i ph\u00e1p c\u01a1 b\u1ea3n cho b\u1ec7nh vi\u00eam m\u0169i, d\u1ecb \u1ee9ng v\u00e0 hen suy\u1ec5n.<br>\r\n                    Gi\u1ea3i ph\u00e1p y h\u1ecdc th\u1ea3o d\u01b0\u1ee3c k\u1ebft h\u1ee3p y h\u1ecdc ph\u01b0\u01a1ng \u0110\u00f4ng v\u00e0 khoa h\u1ecdc hi\u1ec7n \u0111\u1ea1i.\r\n                <\/p>\r\n                <div class=\"anim-entry anim-delay-3 mt-12 flex gap-4 text-sm text-gray-400\">\r\n                    <span>\u00a9 2025 HCBIOPHARM<\/span> | <span>Thung l\u0169ng Silicon, Hoa K\u1ef3<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 2: AGENDA (Based on PDF p2) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white border-b border-gray-700 pb-4 inline-block\">M\u1ee5c l\u1ee5c<\/h2>\r\n            <div class=\"grid grid-cols-4 gap-6 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n                    <span class=\"text-6xl font-black text-gray-800\">01<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-amber-400 mb-2\">C\u00f4ng ty<\/h3>\r\n                        <p class=\"text-sm text-gray-400\">Gi\u1edbi thi\u1ec7u v\u1ec1 HC Biopharm v\u00e0<br>m\u1ea1ng l\u01b0\u1edbi to\u00e0n c\u1ea7u<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n                    <span class=\"text-6xl font-black text-gray-800\">02<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Danh m\u1ee5c \u0111\u1ea7u t\u01b0<\/h3>\r\n                        <p class=\"text-sm text-gray-400\">14 l\u1ea7n \u0111\u1ea7u ti\u00ean tr\u00ean th\u1ebf gi\u1edbi<br>D\u00f2ng s\u1ea3n ph\u1ea9m thu\u1ed1c th\u1ea3o d\u01b0\u1ee3c<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-3 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n                    <span class=\"text-6xl font-black text-gray-800\">03<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-amber-400 mb-2\">V\u1ea5n \u0111\u1ec1<\/h3>\r\n                        <p class=\"text-sm text-gray-400\">Kh\u1ee7ng ho\u1ea3ng b\u1ec7nh h\u00f4 h\u1ea5p<br>Nh\u1eefng h\u1ea1n ch\u1ebf c\u1ee7a c\u00e1c ph\u01b0\u01a1ng ph\u00e1p \u0111i\u1ec1u tr\u1ecb hi\u1ec7n c\u00f3<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-4 feature-card p-8 rounded-2xl flex flex-col justify-between\">\r\n                    <span class=\"text-6xl font-black text-gray-800\">04<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-xl font-bold text-amber-400 mb-2\">Gi\u1ea3i ph\u00e1p<\/h3>\r\n                        <p class=\"text-sm text-gray-400\">C\u00f4ng ngh\u1ec7 RENIVO v\u00e0<br>D\u1eef li\u1ec7u x\u00e1c nh\u1eadn l\u00e2m s\u00e0ng<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 3: COMPANY PROFILE (PDF p3) -->\r\n        <div class=\"slide\">\r\n            <div class=\"flex items-center gap-4 mb-8\">\r\n                <i data-lucide=\"globe\" class=\"text-amber-500 w-8 h-8\"><\/i>\r\n                <h2 class=\"text-4xl font-bold text-white\">HCBIOPHARM l\u00e0 ai?<\/h2>\r\n            <\/div>\r\n            <div class=\"flex gap-12 h-3\/5\">\r\n                <div class=\"w-1\/3 anim-entry glass-panel p-10 flex flex-col justify-center\">\r\n                    <h3 class=\"text-3xl font-bold text-gold-gradient mb-4 serif-font\">C\u0103n c\u1ee9 Thung l\u0169ng Silicon<\/h3>\r\n                    <p class=\"text-gray-300 leading-relaxed text-lg\">\r\n                        C\u00f3 tr\u1ee5 s\u1edf t\u1ea1i Thung l\u0169ng Silicon, Hoa K\u1ef3<br>\r\n                        Tr\u1ee5 s\u1edf ch\u00ednh ph\u00e1t tri\u1ec3n c\u00e1c gi\u1ea3i ph\u00e1p y h\u1ecdc th\u1ea3o d\u01b0\u1ee3c t\u00edch h\u1ee3p.<br>\r\n                        <strong>\"&quot;Ph\u1ee5c h\u1ed3i c\u01a1 b\u1ea3n&quot;\"<\/strong>Ch\u00fang t\u00f4i h\u01b0\u1edbng t\u1edbi m\u1ee5c ti\u00eau \u0111\u00f3.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"w-2\/3 grid grid-cols-2 gap-6\">\r\n                    <div class=\"anim-entry anim-delay-1 glass-panel p-8 flex flex-col justify-center text-center\">\r\n                        <span class=\"text-6xl font-black text-white mb-2\">25<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n                        <p class=\"text-gray-400 uppercase tracking-widest\">Nhi\u1ec1u n\u0103m nghi\u00ean c\u1ee9u<\/p>\r\n                    <\/div>\r\n                    <div class=\"anim-entry anim-delay-2 glass-panel p-8 flex flex-col justify-center text-center\">\r\n                        <span class=\"text-6xl font-black text-white mb-2\">14<span class=\"text-3xl text-amber-500\">+<\/span><\/span>\r\n                        <p class=\"text-gray-400 uppercase tracking-widest\">B\u1eb1ng s\u00e1ng ch\u1ebf to\u00e0n c\u1ea7u<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 4: GLOBAL EXPANSION (PDF p3) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">M\u1edf r\u1ed9ng m\u1ea1ng l\u01b0\u1edbi to\u00e0n c\u1ea7u<\/h2>\r\n            <div class=\"relative h-3\/5 w-full\">\r\n                <!-- Map Graphic Placeholder with CSS -->\r\n                <div class=\"absolute inset-0 bg-[url('https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/80\/World_map_-_low_resolution.svg')] bg-contain bg-no-repeat bg-center opacity-20 invert\"><\/div>\r\n                \r\n                <!-- Locations -->\r\n                <div class=\"absolute top-1\/3 left-1\/4 anim-entry anim-delay-1 flex flex-col items-center\">\r\n                    <i data-lucide=\"map-pin\" class=\"text-amber-500 w-8 h-8 fill-amber-500 animate-bounce\"><\/i>\r\n                    <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Hoa K\u1ef3 (Tr\u1ee5 s\u1edf ch\u00ednh)<\/span>\r\n                <\/div>\r\n                <div class=\"absolute top-1\/3 right-1\/4 anim-entry anim-delay-2 flex flex-col items-center\">\r\n                    <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n                    <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">H\u00e0n Qu\u1ed1c<\/span>\r\n                <\/div>\r\n                <div class=\"absolute top-[40%] right-[28%] anim-entry anim-delay-3 flex flex-col items-center\">\r\n                    <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n                    <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Vi\u1ec7t Nam<\/span>\r\n                <\/div>\r\n                 <div class=\"absolute top-[45%] right-[26%] anim-entry anim-delay-4 flex flex-col items-center\">\r\n                    <i data-lucide=\"map-pin\" class=\"text-emerald-500 w-6 h-6 fill-emerald-500\"><\/i>\r\n                    <span class=\"text-white font-bold bg-black\/50 px-2 rounded mt-2\">Singapore<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= SECTION 2: PORTFOLIO ================= -->\r\n\r\n        <!-- SLIDE 5: PORTFOLIO INTRO (PDF p4-5) -->\r\n        <div class=\"slide\">\r\n            <div class=\"text-center h-full flex flex-col justify-center items-center\">\r\n                <h2 class=\"anim-entry text-5xl font-bold mb-6 text-white\">Gi\u1ea3i ph\u00e1p s\u1ee9c kh\u1ecfe to\u00e0n di\u1ec7n<\/h2>\r\n                <p class=\"anim-entry anim-delay-1 text-2xl text-gray-300 max-w-3xl leading-relaxed mb-12\">\r\n                    \"V\u01b0\u1ee3t qua b\u1ec7nh t\u1eadt, h\u01b0\u1edbng t\u1edbi s\u1ef1 ho\u00e0n thi\u1ec7n s\u1ee9c kh\u1ecfe con ng\u01b0\u1eddi\"<br>\r\n                    <span class=\"text-gold-gradient\">Bao g\u1ed3m h\u1ea7u h\u1ebft c\u00e1c b\u1ec7nh ch\u00ednh<\/span>Danh m\u1ee5c thu\u1ed1c th\u1ea3o d\u01b0\u1ee3c\r\n                <\/p>\r\n                <div class=\"anim-entry anim-delay-2 grid grid-cols-4 gap-4 w-full px-20 text-gray-400 text-sm border-t border-gray-700 pt-8\">\r\n                    <span>tho\u00e1i h\u00f3a m\u00e3n t\u00ednh<\/span>\r\n                    <span>h\u1ec7 tim m\u1ea1ch\/tu\u1ea7n ho\u00e0n<\/span>\r\n                    <span>Mi\u1ec5n d\u1ecbch\/Vi\u00eam<\/span>\r\n                    <span>\u0110\u1ed9c t\u00ednh\/Gi\u1ea3i \u0111\u1ed9c<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 6: PORTFOLIO 1 - Chronic (PDF p4) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">1. Gi\u1ea3i ph\u00e1p cho b\u1ec7nh tho\u00e1i h\u00f3a m\u00e3n t\u00ednh<\/h2>\r\n            <div class=\"grid grid-cols-2 gap-8 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 glass-panel p-8\">\r\n                    <div class=\"flex items-center gap-4 mb-6\">\r\n                        <div class=\"p-3 bg-blue-900\/50 rounded-lg\"><i data-lucide=\"activity\" class=\"text-blue-400 w-8 h-8\"><\/i><\/div>\r\n                        <h3 class=\"text-2xl font-bold text-white\">Th\u1eadn v\u00e0 kh\u1edbp<\/h3>\r\n                    <\/div>\r\n                    <ul class=\"space-y-4 text-lg text-gray-300\">\r\n                        <li>\u2022 <strong class=\"text-amber-400\">Ch\u0103m s\u00f3c s\u1ee9c kh\u1ecfe th\u1eadn<\/strong> (ch\u1ee9c n\u0103ng th\u1eadn)<\/li>\r\n                        <li>\u2022 <strong class=\"text-white\">Archibon<\/strong> (lo\u00e3ng x\u01b0\u01a1ng v\u00e0 kh\u1edbp)<\/li>\r\n                        <li>\u2022 <strong class=\"text-white\">yurikogen<\/strong> (th\u00f4ng gi\u00f3)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 glass-panel p-8\">\r\n                    <div class=\"flex items-center gap-4 mb-6\">\r\n                        <div class=\"p-3 bg-purple-900\/50 rounded-lg\"><i data-lucide=\"brain-circuit\" class=\"text-purple-400 w-8 h-8\"><\/i><\/div>\r\n                        <h3 class=\"text-2xl font-bold text-white\">b\u1ec7nh l\u00e3o khoa<\/h3>\r\n                    <\/div>\r\n                    <ul class=\"space-y-4 text-lg text-gray-300\">\r\n                        <li>\u2022 <strong class=\"text-white\">Memoria<\/strong> (Ph\u00f2ng ng\u1eeba ch\u1ee9ng m\u1ea5t tr\u00ed nh\u1edb)<\/li>\r\n                        <li>\u2022 <strong class=\"text-white\">Tuy\u1ebfn ti\u1ec1n li\u1ec7t<\/strong> (tuy\u1ebfn ti\u1ec1n li\u1ec7t)<\/li>\r\n                        <li>\u2022 <strong class=\"text-white\">Urisphin<\/strong> (ti\u1ec3u kh\u00f4ng t\u1ef1 ch\u1ee7)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 7: PORTFOLIO 2 - Cardio (PDF p4) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">2. Gi\u1ea3i ph\u00e1p tim m\u1ea1ch v\u00e0 tu\u1ea7n ho\u00e0n<\/h2>\r\n            <div class=\"flex gap-12 h-3\/5 items-center\">\r\n                <div class=\"w-1\/2 anim-entry anim-delay-1\">\r\n                    <div class=\"p-4 border-l-4 border-red-500 pl-6 mb-8\">\r\n                        <h3 class=\"text-3xl font-bold text-red-400 mb-2\">B\u1ec7nh \u0111e d\u1ecda t\u00ednh m\u1ea1ng<\/h3>\r\n                        <p class=\"text-gray-300\">Gi\u1ea3m \u0111\u00e1ng k\u1ec3 t\u1ef7 l\u1ec7 t\u1eed vong do \u0111\u1ed9t qu\u1ef5 v\u00e0 b\u1ec7nh tim m\u1ea1ch<\/p>\r\n                    <\/div>\r\n                    <ul class=\"space-y-4 text-xl text-white\">\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> Pentabalance (tim m\u1ea1ch)<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> Breagen (\u0111\u1ed9t qu\u1ef5\/c\u1ee5c m\u00e1u \u0111\u00f4ng)<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> Cardiosol (h\u1ec7 tu\u1ea7n ho\u00e0n)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"w-1\/2 anim-entry anim-delay-2 flex justify-center\">\r\n                    <i data-lucide=\"heart-pulse\" class=\"w-64 h-64 text-red-500\/20 animate-pulse\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 8: PORTFOLIO 3 - Immune & Renivo (PDF p5) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">3. Gi\u1ea3i ph\u00e1p mi\u1ec5n d\u1ecbch, ch\u1ed1ng vi\u00eam v\u00e0 gi\u1ea3i \u0111\u1ed9c<\/h2>\r\n            <div class=\"grid grid-cols-3 gap-6 h-3\/5\">\r\n                <!-- Highlighted Renivo -->\r\n                <div class=\"anim-entry anim-delay-1 glass-panel p-6 border-2 border-amber-500 relative overflow-hidden group\">\r\n                    <div class=\"absolute inset-0 bg-amber-500\/10\"><\/div>\r\n                    <h3 class=\"text-2xl font-bold text-amber-400 mb-4\">H\u00f4 h\u1ea5p\/D\u1ecb \u1ee9ng<\/h3>\r\n                    <ul class=\"space-y-2 text-white text-lg\">\r\n                        <li class=\"font-bold text-2xl flex items-center gap-2\"><i data-lucide=\"star\" class=\"fill-amber-400 text-amber-400 w-5 h-5\"><\/i> RENIVO<\/li>\r\n                        <li class=\"text-sm text-gray-300 mt-2\">vi\u00eam m\u0169i, hen suy\u1ec5n, d\u1ecb \u1ee9ng<br>H\u1ec7 th\u1ed1ng c\u1ea3i ti\u1ebfn t\u00edch h\u1ee3p<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"anim-entry anim-delay-2 glass-panel p-6\">\r\n                    <h3 class=\"text-2xl font-bold text-emerald-400 mb-4\">Gi\u1ea3i \u0111\u1ed9c<\/h3>\r\n                    <ul class=\"space-y-2 text-gray-300\">\r\n                        <li>\u2022 Gi\u1ea3i \u0111\u1ed9c<\/li>\r\n                        <li>\u2022 Ph\u00e1t th\u1ea3i kim lo\u1ea1i n\u1eb7ng<\/li>\r\n                        <li>\u2022 Lo\u1ea1i b\u1ecf \u0111\u1ed9c t\u1ed1 m\u00f4i tr\u01b0\u1eddng<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"anim-entry anim-delay-3 glass-panel p-6\">\r\n                    <h3 class=\"text-2xl font-bold text-blue-400 mb-4\">Mi\u1ec5n d\u1ecbch\/Nhi\u1ec5m tr\u00f9ng<\/h3>\r\n                    <ul class=\"space-y-2 text-gray-300\">\r\n                        <li>\u2022 Mi\u1ec5n d\u1ecbch<\/li>\r\n                        <li>\u2022 Alibex (kh\u00e1ng sinh)<\/li>\r\n                        <li>\u2022 Insulin (b\u1ec7nh ti\u1ec3u \u0111\u01b0\u1eddng)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= SECTION 3: THE CRISIS ================= -->\r\n\r\n        <!-- SLIDE 9: MARKET INTRO -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-2 text-white\">D\u1ecbch b\u1ec7nh th\u1ea7m l\u1eb7ng<\/h2>\r\n            <p class=\"anim-entry text-gray-300 mb-12 text-xl\">H\u1ec7 h\u00f4 h\u1ea5p c\u1ee7a con ng\u01b0\u1eddi hi\u1ec7n \u0111\u1ea1i \u0111ang g\u1eb7p nguy hi\u1ec3m.<\/p>\r\n            <div class=\"flex justify-between items-center glass-panel p-12 anim-entry anim-delay-1\">\r\n                <div>\r\n                    <p class=\"text-gray-400 mb-2\">S\u1ed1 l\u01b0\u1ee3ng b\u1ec7nh nh\u00e2n vi\u00eam m\u0169i \u1edf H\u00e0n Qu\u1ed1c<\/p>\r\n                    <div class=\"flex items-baseline gap-2\">\r\n                        <span class=\"text-9xl font-black text-white leading-none\">750<\/span>\r\n                        <span class=\"text-4xl font-bold text-amber-500\">m\u01b0\u1eddi ng\u00e0n ng\u01b0\u1eddi<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"text-right border-l border-gray-600 pl-12\">\r\n                    <div class=\"text-6xl font-bold text-white mb-2\">20%<\/div>\r\n                    <p class=\"text-xl text-gray-300\">1 trong 5 ng\u01b0\u1eddi<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 10: GROWTH RATE DATA (PDF p11) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-6 text-white\">T\u1ef7 l\u1ec7 t\u0103ng tr\u01b0\u1edfng b\u1ec7nh nh\u00e2n b\u00f9ng n\u1ed5 (1998-2017)<\/h2>\r\n            <div class=\"flex h-[450px] items-end justify-center gap-24 glass-panel p-8 anim-entry anim-delay-1\">\r\n                <!-- Asthma -->\r\n                <div class=\"w-48 flex flex-col items-center\">\r\n                    <span class=\"text-5xl font-black text-red-500 mb-4\">+305%<\/span>\r\n                    <div class=\"w-32 bg-gradient-to-t from-red-900 to-red-600 relative h-[350px] rounded-t-lg\">\r\n                        <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n                    <\/div>\r\n                    <span class=\"mt-4 font-bold text-xl text-white\">b\u1ec7nh nh\u00e2n hen suy\u1ec5n<\/span>\r\n                <\/div>\r\n                <!-- Rhinitis -->\r\n                <div class=\"w-48 flex flex-col items-center\">\r\n                    <span class=\"text-5xl font-black text-amber-400 mb-4\">+209%<\/span>\r\n                    <div class=\"w-32 bg-gradient-to-t from-amber-900 to-amber-500 relative h-[240px] rounded-t-lg\">\r\n                        <div style=\"--h: 100%;\" class=\"absolute bottom-0 w-full bg-white\/20 bar-animate\"><\/div>\r\n                    <\/div>\r\n                    <span class=\"mt-4 font-bold text-xl text-white\">vi\u00eam m\u0169i\/vi\u00eam xoang<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"text-center mt-6 text-gray-500 text-sm\">* Ngu\u1ed3n: S\u1ed1 li\u1ec7u th\u1ed1ng k\u00ea c\u1ee7a NIH v\u00e0 Trung t\u00e2m Y t\u1ebf Seoul Asan<\/p>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 11: CAUSES (PDF p12) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Nguy\u00ean nh\u00e2n ch\u00ednh<\/h2>\r\n            <div class=\"grid grid-cols-3 gap-8\">\r\n                <div class=\"anim-entry anim-delay-1 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n                    <i data-lucide=\"haze\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-2\">b\u1ee5i m\u1ecbn<\/h3>\r\n                    <p class=\"text-gray-400\">K\u00edch \u1ee9ng tr\u1ef1c ti\u1ebfp ni\u00eam m\u1ea1c \u0111\u01b0\u1eddng h\u00f4 h\u1ea5p<\/p>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n                    <i data-lucide=\"factory\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-2\">\u00f4 nhi\u1ec5m kh\u00f4ng kh\u00ed<\/h3>\r\n                    <p class=\"text-gray-400\">R\u1ed1i lo\u1ea1n mi\u1ec5n d\u1ecbch do kim lo\u1ea1i n\u1eb7ng g\u00e2y ra<\/p>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-3 glass-panel p-8 text-center hover:bg-white\/5 transition-colors\">\r\n                    <i data-lucide=\"home\" class=\"w-16 h-16 text-gray-300 mb-6 mx-auto\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-white mb-2\">Cu\u1ed9c s\u1ed1ng trong nh\u00e0<\/h3>\r\n                    <p class=\"text-gray-400\">Thi\u1ebfu th\u00f4ng gi\u00f3 v\u00e0 ti\u1ebfp x\u00fac v\u1edbi ch\u1ea5t g\u00e2y d\u1ecb \u1ee9ng<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 12: LIMITATIONS (PDF p13) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Nh\u1eefng h\u1ea1n ch\u1ebf v\u1ec1 m\u1eb7t c\u1ea5u tr\u00fac c\u1ee7a c\u00e1c ph\u01b0\u01a1ng ph\u00e1p \u0111i\u1ec1u tr\u1ecb hi\u1ec7n c\u00f3<\/h2>\r\n            <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 bg-red-900\/10 border border-red-500\/30 p-8 rounded-xl\">\r\n                    <h3 class=\"text-2xl font-bold text-red-400 mb-4\">T\u00e1c d\u1ee5ng ph\u1ee5 c\u1ee7a \u0111i\u1ec1u tr\u1ecb b\u1eb1ng thu\u1ed1c<\/h3>\r\n                    <ul class=\"space-y-4 text-xl text-gray-300\">\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> S\u1eed d\u1ee5ng thu\u1ed1c kh\u00e1ng histamine trong th\u1eddi gian d\u00e0i<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> Ph\u00e1t tri\u1ec3n kh\u1ea3 n\u0103ng ch\u1ecbu \u0111\u1ef1ng v\u00e0 gi\u1ea3m hi\u1ec7u qu\u1ea3<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> Lo ng\u1ea1i v\u1ec1 t\u00ecnh tr\u1ea1ng bu\u1ed3n ng\u1ee7, kh\u00f4 mi\u1ec7ng v\u00e0 t\u1ed5n th\u01b0\u01a1ng gan<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 bg-gray-800\/30 border border-gray-600 p-8 rounded-xl\">\r\n                    <h3 class=\"text-2xl font-bold text-gray-300 mb-4\">Ph\u1eabu thu\u1eadt v\u00e0 li\u1ec7u ph\u00e1p mi\u1ec5n d\u1ecbch<\/h3>\r\n                    <ul class=\"space-y-4 text-xl text-gray-400\">\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> Suy gi\u1ea3m h\u1ec7 th\u1ed1ng mi\u1ec5n d\u1ecbch c\u01a1 b\u1ea3n<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> Nguy c\u01a1 t\u00e1i ph\u00e1t cao<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> Nguy c\u01a1 ph\u1ea3n \u1ee9ng d\u1ecb \u1ee9ng to\u00e0n th\u00e2n<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= SECTION 4: SOLUTION (RENIVO) ================= -->\r\n\r\n        <!-- SLIDE 13: PARADIGM SHIFT -->\r\n        <div class=\"slide\">\r\n            <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n                <h2 class=\"anim-entry text-5xl font-bold mb-12 text-white\">Thay \u0111\u1ed5i m\u00f4 h\u00ecnh \u0111i\u1ec1u tr\u1ecb<\/h2>\r\n                <div class=\"flex items-center gap-8 w-full justify-center\">\r\n                    <div class=\"anim-entry anim-delay-1 w-1\/3 p-8 border border-gray-600 rounded-xl opacity-50\">\r\n                        <h3 class=\"text-2xl font-bold text-gray-400 mb-2\">\u0110i\u1ec1u tr\u1ecb th\u00f4ng th\u01b0\u1eddng<\/h3>\r\n                        <p class=\"text-xl text-gray-400\">\u1ee8c ch\u1ebf tri\u1ec7u ch\u1ee9ng (\u0111i\u1ec1u tr\u1ecb tri\u1ec7u ch\u1ee9ng)<\/p>\r\n                    <\/div>\r\n                    <div class=\"anim-entry anim-delay-2\">\r\n                        <i data-lucide=\"arrow-right\" class=\"w-12 h-12 text-amber-500\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"anim-entry anim-delay-3 w-1\/3 p-8 border-2 border-amber-500 bg-amber-900\/20 rounded-xl shadow-[0_0_30px_rgba(245,158,11,0.2)]\">\r\n                        <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">Gi\u1ea3i ph\u00e1p RENIVO<\/h3>\r\n                        <p class=\"text-xl text-white font-bold\"><span class=\"text-gold-gradient\">\u0110\u1eb7t l\u1ea1i h\u1ec7 th\u1ed1ng<\/span> (\u0110\u1eb7t l\u1ea1i h\u1ec7 th\u1ed1ng)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 14: RENIVO PRODUCT -->\r\n        <div class=\"slide\">\r\n            <div class=\"flex h-full items-center\">\r\n                <div class=\"w-1\/2 anim-entry pl-10\">\r\n                    <div class=\"inline-block px-4 py-2 border border-amber-500 rounded-full text-amber-400 text-sm font-bold mb-6\">GI\u1ea2I PH\u00c1P TH\u1ea2O D\u01af\u1ee2C CAO C\u1ea4P<\/div>\r\n                    <h2 class=\"text-7xl font-black mb-6 text-white\">RENIVO\u2122<\/h2>\r\n                    <p class=\"text-3xl text-gray-200 mb-8 leading-relaxed font-light\">\r\n                        Thu\u1ed1c th\u1ea3o d\u01b0\u1ee3c \u0111\u1ea7u ti\u00ean tr\u00ean th\u1ebf gi\u1edbi<br>\r\n                        Thu\u1ed1c c\u1ea3i thi\u1ec7n vi\u00eam m\u0169i\/hen suy\u1ec5n t\u00edch h\u1ee3p\r\n                    <\/p>\r\n                    <ul class=\"space-y-3 text-xl text-gray-300\">\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> H\u1ed7 tr\u1ee3 s\u1ee9c kh\u1ecfe m\u0169i<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Th\u1edf d\u1ec5 d\u00e0ng<\/li>\r\n                        <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> C\u00e2n b\u1eb1ng h\u1ec7 th\u1ed1ng mi\u1ec5n d\u1ecbch<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"w-1\/2 flex justify-center anim-entry anim-delay-2\">\r\n                    <!-- Product Mockup Placeholder -->\r\n                    <div class=\"w-72 h-[450px] bg-gradient-to-b from-[#064e3b] to-black rounded-t-full rounded-b-[3rem] border border-amber-500\/50 relative shadow-[0_0_60px_rgba(245,158,11,0.2)] flex flex-col items-center justify-center\">\r\n                         <div class=\"absolute inset-0 bg-white\/5 backdrop-blur-sm rounded-[inherit]\"><\/div>\r\n                         <h3 class=\"relative z-10 text-5xl font-black text-amber-400 tracking-widest serif-font\">RENIVO<\/h3>\r\n                         <div class=\"w-12 h-[2px] bg-white my-6 relative z-10\"><\/div>\r\n                         <p class=\"relative z-10 text-xs tracking-[0.3em] text-white font-bold\">HCBIOPHARM<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= SECTION 5: MECHANISM & DATA ================= -->\r\n\r\n        <!-- SLIDE 15: MECHANISM OVERVIEW (PDF p15) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-center text-white\">C\u01a1 ch\u1ebf h\u00e0nh \u0111\u1ed9ng 4 b\u01b0\u1edbc<\/h2>\r\n            <div class=\"flex justify-between items-center relative px-12 mt-12\">\r\n                <div class=\"absolute top-1\/2 left-0 w-full h-[3px] bg-gray-700 -z-10\">\r\n                    <div class=\"h-full bg-amber-500 width-animate\" style=\"--w: 100%;\"><\/div>\r\n                <\/div>\r\n                <!-- Steps -->\r\n                <div class=\"anim-entry anim-delay-1 bg-[#022c22] p-6 rounded-full border-4 border-amber-500 w-48 h-48 flex flex-col items-center justify-center text-center shadow-[0_0_30px_rgba(245,158,11,0.4)]\">\r\n                    <span class=\"text-3xl font-bold text-amber-400\">01<\/span>\r\n                    <span class=\"font-bold mt-2 text-xl text-white\">gi\u1ea3i m\u00e3<\/span>\r\n                    <span class=\"text-sm text-gray-400\">Gi\u1ea3i \u0111\u1ed9c<\/span>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n                    <span class=\"text-2xl font-bold text-gray-400\">02<\/span>\r\n                    <span class=\"font-bold mt-2 text-lg text-white\">c\u00e2n b\u1eb1ng mi\u1ec5n d\u1ecbch<\/span>\r\n                    <span class=\"text-sm text-gray-500\">Mi\u1ec5n d\u1ecbch<\/span>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-3 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n                    <span class=\"text-2xl font-bold text-gray-400\">03<\/span>\r\n                    <span class=\"font-bold mt-2 text-lg text-white\">b\u1ea3o v\u1ec7 ni\u00eam m\u1ea1c<\/span>\r\n                    <span class=\"text-sm text-gray-500\">S\u1ef1 b\u1ea3o v\u1ec7<\/span>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-4 bg-[#022c22] p-6 rounded-full border-2 border-gray-500 w-40 h-40 flex flex-col items-center justify-center text-center\">\r\n                    <span class=\"text-2xl font-bold text-gray-400\">04<\/span>\r\n                    <span class=\"font-bold mt-2 text-lg text-white\">ch\u1eefa l\u00e0nh c\u01a1 b\u1ea3n<\/span>\r\n                    <span class=\"text-sm text-gray-500\">S\u1ef1 h\u1ed3i ph\u1ee5c<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 16: STEP 1 - DETOX EXPLAINED -->\r\n        <div class=\"slide\">\r\n            <div class=\"flex items-center gap-4 mb-6\">\r\n                <span class=\"px-3 py-1 bg-amber-500 text-black font-bold rounded\">B\u01b0\u1edbc 1<\/span>\r\n                <h2 class=\"text-4xl font-bold text-white\">Gi\u1ea3i \u0111\u1ed9c m\u1ea1nh m\u1ebd<\/h2>\r\n            <\/div>\r\n            <div class=\"flex gap-12 items-center h-3\/5\">\r\n                <div class=\"w-1\/2 anim-entry\">\r\n                    <h3 class=\"text-3xl font-bold text-amber-400 mb-6\">\"&quot;Ch\u1eb7n nguy\u00ean nh\u00e2n&quot;\"<\/h3>\r\n                    <p class=\"text-xl text-gray-300 leading-relaxed\">\r\n                        Do t\u00e1c d\u1ee5ng gi\u1ea3i \u0111\u1ed9c m\u1ea1nh m\u1ebd c\u1ee7a c\u00e1c th\u00e0nh ph\u1ea7n th\u1ea3o d\u01b0\u1ee3c,<br>\r\n                        G\u00e2y ra ph\u1ea3n \u1ee9ng qu\u00e1 m\u1eabn mi\u1ec5n d\u1ecbch <strong class=\"text-white border-b border-amber-500\">Ng\u0103n ch\u1eb7n c\u00e1c ch\u1ea5t g\u00e2y d\u1ecb \u1ee9ng<\/strong>L\u00c0M,<br>\r\n                        N\u00f3 l\u00e0m s\u1ea1ch h\u1ec7 th\u1ed1ng b\u1eb1ng c\u00e1ch lo\u1ea1i b\u1ecf \u0111\u1ed9c t\u1ed1 ra kh\u1ecfi c\u01a1 th\u1ec3.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"w-1\/2 anim-entry anim-delay-1 flex justify-center\">\r\n                    <i data-lucide=\"shield-off\" class=\"w-64 h-64 text-gray-600\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 17: DETOX DATA PROOF (PDF p16 - CRITICAL) -->\r\n        <div class=\"slide\">\r\n            <div class=\"mb-8 anim-entry\">\r\n                <span class=\"text-amber-400 font-bold tracking-widest text-sm mb-2 block\">D\u1eee LI\u1ec6U L\u00c2M S\u00c0NG<\/span>\r\n                <h2 class=\"text-4xl font-bold text-white\">X\u00e1c minh gi\u1ea3i \u0111\u1ed9c stress oxy h\u00f3a (MDA)<\/h2>\r\n                <p class=\"text-gray-400 mt-2\">So s\u00e1nh s\u1ef1 thay \u0111\u1ed5i n\u1ed3ng \u0111\u1ed9 MDA trong c\u01a1 th\u1ec3 4 gi\u1edd sau khi h\u00fat thu\u1ed1c (PDF trang 16)<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"flex items-end h-[400px] gap-24 px-12 pb-8 glass-panel anim-entry anim-delay-1\">\r\n                <!-- Control Group -->\r\n                <div class=\"w-1\/2 flex flex-col items-center\">\r\n                    <div class=\"mb-4 text-center\">\r\n                        <span class=\"text-5xl font-black text-red-500\">+59%<\/span>\r\n                        <p class=\"text-red-300 font-bold text-xl mt-2\">T\u0103ng (x\u1ea5u \u0111i)<\/p>\r\n                    <\/div>\r\n                    <div class=\"w-40 bg-red-900\/40 border border-red-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n                        <div style=\"--h: 80%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-red-900 to-red-600 bar-animate\"><\/div>\r\n                    <\/div>\r\n                    <p class=\"mt-4 text-2xl font-bold text-white\">\u0110i\u1ec1u khi\u1ec3n<\/p>\r\n                    <p class=\"text-gray-400 mt-1\">T\u0103ng nhanh stress oxy h\u00f3a<\/p>\r\n                <\/div>\r\n\r\n                <!-- Detox Group -->\r\n                <div class=\"w-1\/2 flex flex-col items-center\">\r\n                    <div class=\"mb-4 text-center\">\r\n                        <span class=\"text-5xl font-black text-emerald-400\">-33%<\/span>\r\n                        <p class=\"text-emerald-300 font-bold text-xl mt-2\">gi\u1ea3m (c\u1ea3i thi\u1ec7n)<\/p>\r\n                    <\/div>\r\n                    <div class=\"w-40 bg-emerald-900\/40 border border-emerald-500\/50 rounded-t-lg relative h-full w-full max-w-[200px]\">\r\n                        <div style=\"--h: 30%;\" class=\"absolute bottom-0 w-full bg-gradient-to-t from-emerald-900 to-emerald-500 bar-animate\"><\/div>\r\n                    <\/div>\r\n                    <p class=\"mt-4 text-2xl font-bold text-emerald-300\">Nh\u00f3m ti\u00eau th\u1ee5 Renibo (Gi\u1ea3i \u0111\u1ed9c)<\/p>\r\n                    <p class=\"text-gray-400 mt-1\">Gi\u1ea3m \u0111\u00e1ng k\u1ec3 t\u00ecnh tr\u1ea1ng c\u0103ng th\u1eb3ng oxy h\u00f3a<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 18: STEP 2 - IMMUNITY -->\r\n        <div class=\"slide\">\r\n            <div class=\"flex items-center gap-4 mb-6\">\r\n                <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">B\u01b0\u1edbc 2<\/span>\r\n                <h2 class=\"text-4xl font-bold text-white\">C\u00e2n b\u1eb1ng mi\u1ec5n d\u1ecbch<\/h2>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 flex flex-col justify-center\">\r\n                    <h3 class=\"text-3xl font-bold text-white mb-4\">L\u00e0m d\u1ecbu c\u00e1c ph\u1ea3n \u1ee9ng qu\u00e1 m\u1eabn<\/h3>\r\n                    <p class=\"text-gray-200 text-xl leading-relaxed mb-8\">\r\n                        S\u1ef1 k\u1ebft h\u1ee3p c\u1ee7a c\u00e1c th\u00e0nh ph\u1ea7n th\u1ea3o d\u01b0\u1ee3c ch\u1ed1ng oxy h\u00f3a v\u00e0 k\u1ebdm<br>\r\n                        T\u0103ng c\u01b0\u1eddng ch\u1ee9c n\u0103ng mi\u1ec5n d\u1ecbch c\u1ee7a ni\u00eam m\u1ea1c m\u0169i,<br>\r\n                        <span class=\"text-amber-400 font-bold\">Lo\u1ea1i b\u1ecf hi\u1ec7u qu\u1ea3 t\u00ecnh tr\u1ea1ng vi\u00eam m\u00e3n t\u00ednh<\/span>L\u00c0M.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 flex items-center justify-center\">\r\n                    <i data-lucide=\"scale\" class=\"w-48 h-48 text-emerald-400\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 19: STEP 3 - PROTECTION -->\r\n        <div class=\"slide\">\r\n            <div class=\"flex items-center gap-4 mb-6\">\r\n                <span class=\"px-3 py-1 bg-gray-700 text-white font-bold rounded\">B\u01b0\u1edbc 3<\/span>\r\n                <h2 class=\"text-4xl font-bold text-white\">B\u1ea3o v\u1ec7 ni\u00eam m\u1ea1c m\u0169i<\/h2>\r\n            <\/div>\r\n            <div class=\"glass-panel p-10 h-3\/5 flex flex-row items-center gap-12 anim-entry\">\r\n                 <div class=\"w-1\/3 flex justify-center\">\r\n                     <i data-lucide=\"droplets\" class=\"w-40 h-40 text-blue-400 animate-float drop-shadow-[0_0_20px_rgba(96,165,250,0.6)]\"><\/i>\r\n                 <\/div>\r\n                 <div class=\"w-2\/3\">\r\n                     <h3 class=\"text-3xl font-bold mb-6 text-white\">\"&quot;Kh\u00f4 l\u00e0 k\u1ebb th\u00f9 l\u1edbn nh\u1ea5t c\u1ee7a b\u1ea1n.&quot;\"<\/h3>\r\n                     <p class=\"text-xl text-gray-200 leading-relaxed\">\r\n                         Gi\u1eef \u1ea9m ni\u00eam m\u1ea1c m\u0169i (Moisturizing)<br>\r\n                         \u0110\u1ec3 ng\u0103n ch\u1eb7n vi-r\u00fat v\u00e0 b\u1ee5i m\u1ecbn x\u00e2m nh\u1eadp<br>\r\n                         <span class=\"text-blue-300 font-bold text-2xl\">T\u1ea1o th\u00e0nh l\u00e1 ch\u1eafn ph\u00f2ng th\u1ee7 v\u1eefng ch\u1eafc<\/span>L\u00c0M.\r\n                     <\/p>\r\n                 <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 20: KEY FEATURES (PDF p20) -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">B\u1ed1n t\u00ednh n\u0103ng ch\u00ednh c\u1ee7a Renivo<\/h2>\r\n            <div class=\"grid grid-cols-2 gap-6 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n                    <span class=\"text-5xl font-bold text-gray-600\">01<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">C\u00f4ng ngh\u1ec7 kh\u00e1c bi\u1ec7t<\/h3>\r\n                        <p class=\"text-gray-300\">25 n\u0103m nghi\u00ean c\u1ee9u v\u1ec1 y h\u1ecdc ph\u01b0\u01a1ng \u0110\u00f4ng v\u00e0 khoa h\u1ecdc hi\u1ec7n \u0111\u1ea1i.<br>T\u00e1c d\u1ee5ng gi\u1ea3i \u0111\u1ed9c\/mi\u1ec5n d\u1ecbch\/d\u01b0\u1ee3c l\u00fd \u0111\u1ed9c \u0111\u00e1o.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n                    <span class=\"text-5xl font-bold text-gray-600\">02<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">Thu\u1ed1c th\u1ea3o d\u01b0\u1ee3c cao c\u1ea5p<\/h3>\r\n                        <p class=\"text-gray-300\">C\u00e1c lo\u1ea1i th\u1ea3o d\u01b0\u1ee3c ch\u00ednh \u0111\u01b0\u1ee3c l\u1ef1a ch\u1ecdn c\u1ea9n th\u1eadn nh\u01b0 kudzu, qu\u1ebf v\u00e0 hoa m\u1eabu \u0111\u01a1n.<br>T\u1ed1i \u0111a h\u00f3a ch\u1ee9c n\u0103ng mi\u1ec5n d\u1ecbch v\u1edbi k\u1ebdm.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-3 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n                    <span class=\"text-5xl font-bold text-gray-600\">03<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">Ph\u01b0\u01a1ng ph\u00e1p l\u00ean men ch\u00ednh x\u00e1c<\/h3>\r\n                        <p class=\"text-gray-300\">C\u00f4ng ngh\u1ec7 l\u00ean men \u0111\u1ed9c \u0111\u00e1o c\u1ee7a HC Biopharm.<br>T\u1ed1i \u0111a h\u00f3a kh\u1ea3 n\u0103ng h\u1ea5p th\u1ee5 v\u00e0 hi\u1ec7u qu\u1ea3 trong c\u01a1 th\u1ec3.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-4 glass-panel p-6 flex gap-4 items-start hover:bg-white\/5 transition-colors\">\r\n                    <span class=\"text-5xl font-bold text-gray-600\">04<\/span>\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-amber-400 mb-2\">An to\u00e0n ho\u00e0n h\u1ea3o<\/h3>\r\n                        <p class=\"text-gray-300\">\u0110\u00e3 ho\u00e0n t\u1ea5t c\u00e1c x\u00e9t nghi\u1ec7m vi sinh\/kim lo\u1ea1i n\u1eb7ng\/\u0111\u1ed9c t\u00ednh v\u1edbi gan.<br>Th\u00e0nh ph\u1ea7n an to\u00e0n, kh\u00f4ng c\u00f3 t\u00e1c d\u1ee5ng ph\u1ee5.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 21: INGREDIENTS -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">8 lo\u1ea1i th\u1ea3o m\u1ed9c ch\u00ednh + K\u1ebdm<\/h2>\r\n            <div class=\"grid grid-cols-4 gap-6\">\r\n                <!-- Cards -->\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3f<\/span><span class=\"text-xl font-bold text-white\">Kudzu<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeb5<\/span><span class=\"text-xl font-bold text-white\">qu\u1ebf<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf3a<\/span><span class=\"text-xl font-bold text-white\">hoa m\u1eabu \u0111\u01a1n<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf52<\/span><span class=\"text-xl font-bold text-white\">t\u00e1o t\u00e0u<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf31<\/span><span class=\"text-xl font-bold text-white\">Thi\u00ean Cung<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83c\udf6c<\/span><span class=\"text-xl font-bold text-white\">cam th\u1ea3o<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl\"><span class=\"text-4xl block mb-4\">\ud83e\udeda<\/span><span class=\"text-xl font-bold text-white\">g\u1eebng<\/span><\/div>\r\n                <div class=\"anim-entry feature-card p-6 text-center rounded-2xl border-emerald-500 bg-emerald-900\/20\"><span class=\"text-4xl block mb-4\">\u2697\ufe0f<\/span><span class=\"text-xl font-bold text-emerald-400\">K\u1ebdm<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 22: SAFETY PROOF -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">An to\u00e0n tuy\u1ec7t \u0111\u1ed1i<\/h2>\r\n            <div class=\"flex justify-center gap-12\">\r\n                <div class=\"anim-entry anim-delay-1 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n                    <i data-lucide=\"microscope\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-gray-200\">Ki\u1ec3m tra vi sinh<\/h3>\r\n                    <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">V\u01b0\u1ee3t qua<\/span>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 w-72 h-72 border-4 border-amber-500 rounded-full flex flex-col items-center justify-center shadow-[0_0_40px_rgba(245,158,11,0.3)] bg-black\/30\">\r\n                    <i data-lucide=\"check-circle-2\" class=\"w-16 h-16 text-amber-500 mb-4\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-white\">Ki\u1ec3m tra kim lo\u1ea1i n\u1eb7ng<\/h3>\r\n                    <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">V\u01b0\u1ee3t qua<\/span>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-3 w-72 h-72 border border-gray-600 rounded-full flex flex-col items-center justify-center bg-black\/30\">\r\n                    <i data-lucide=\"activity\" class=\"w-12 h-12 text-gray-400 mb-4\"><\/i>\r\n                    <h3 class=\"text-2xl font-bold text-gray-200\">C\u00f3 g\u00e2y \u0111\u1ed9c cho gan kh\u00f4ng<\/h3>\r\n                    <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">An to\u00e0n<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 23: CUSTOMER REVIEWS -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\u0110\u00e1nh gi\u00e1 tr\u1ea3i nghi\u1ec7m c\u1ee7a kh\u00e1ch h\u00e0ng<\/h2>\r\n            <div class=\"anim-entry anim-delay-1 glass-panel p-16 relative border-amber-500\/30\">\r\n                <i data-lucide=\"quote\" class=\"absolute top-10 left-10 text-amber-500 w-20 h-20 opacity-40\"><\/i>\r\n                <p class=\"text-3xl leading-relaxed italic text-gray-100 text-center px-12 serif-font\">\r\n                    \"T\u00f4i kh\u00f4ng c\u1ea3m th\u1ea5y n\u00f3 \u00e9p l\u00e0m kh\u00f4 ni\u00eam m\u1ea1c nh\u01b0 y h\u1ecdc ph\u01b0\u01a1ng T\u00e2y.<br>\r\n                    <span class=\"text-gold font-bold\">Ni\u00eam m\u1ea1c v\u1eabn \u1ea9m v\u00e0 t\u00ecnh tr\u1ea1ng vi\u00eam s\u1ebd gi\u1ea3m b\u1edbt.<\/span>,<br>\r\n                    &quot;Cu\u1ed1i c\u00f9ng t\u00f4i c\u0169ng c\u1ea3m th\u1ea5y tho\u1ea3i m\u00e1i khi th\u1edf.&quot;\"\r\n                <\/p>\r\n                <div class=\"mt-12 text-center border-t border-gray-600 pt-8 inline-block w-full\">\r\n                    <span class=\"font-bold text-amber-400 text-2xl\">K\u00ednh g\u1eedi Qu\u00fd kh\u00e1ch h\u00e0ng Hwangxx<\/span>\r\n                    <span class=\"text-lg text-gray-300 block mt-2\">C\u00e1c tr\u01b0\u1eddng h\u1ee3p c\u1ea3i thi\u1ec7n t\u00ecnh tr\u1ea1ng vi\u00eam m\u0169i m\u00e3n t\u00ednh v\u00e0 \u0111au h\u1ecdng<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 24: USAGE -->\r\n        <div class=\"slide\">\r\n            <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng hi\u1ec7u qu\u1ea3<\/h2>\r\n            <div class=\"grid grid-cols-2 gap-12 h-3\/5\">\r\n                <div class=\"anim-entry anim-delay-1 bg-red-900\/20 border border-red-500\/50 p-10 rounded-2xl\">\r\n                    <h3 class=\"text-3xl font-bold text-red-300 mb-6\">Trong tr\u01b0\u1eddng h\u1ee3p c\u00f3 tri\u1ec7u ch\u1ee9ng c\u1ea5p t\u00ednh<\/h3>\r\n                    <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n                        <li>\u2022 B\u1ea5t c\u1ee9 khi n\u00e0o b\u1ea1n c\u00f3 tri\u1ec7u ch\u1ee9ng <strong>2 vi\u00ean nang<\/strong><\/li>\r\n                        <li class=\"p-6 bg-black\/40 rounded-xl text-base text-gray-200 mt-4 border border-gray-600\">\r\n                            <strong class=\"text-gold text-lg\">M\u1eb8O:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y k\u1ebft qu\u1ea3 nhanh h\u01a1n b\u1eb1ng c\u00e1ch m\u1edf vi\u00ean nang v\u00e0 ng\u1eadm b\u1ed9t trong mi\u1ec7ng (d\u01b0\u1edbi l\u01b0\u1ee1i).\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"anim-entry anim-delay-2 bg-emerald-900\/20 border border-emerald-500\/50 p-10 rounded-2xl\">\r\n                    <h3 class=\"text-3xl font-bold text-emerald-300 mb-6\">Ch\u1eefa l\u00e0nh t\u1eadn g\u1ed1c (H\u00e0ng ng\u00e0y)<\/h3>\r\n                    <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n                        <li>\u2022 <strong>v\u00e1ch ng\u0103n<\/strong> L\u01b0\u1ee3ng khuy\u1ebfn ngh\u1ecb<\/li>\r\n                        <li>\u2022 <span class=\"text-3xl font-bold text-white\">2 vi\u00ean v\u00e0o bu\u1ed5i s\u00e1ng + 2 vi\u00ean v\u00e0o bu\u1ed5i t\u1ed1i<\/span><\/li>\r\n                        <li class=\"text-base text-emerald-200 mt-4 font-bold\">* T\u0103ng l\u01b0\u1ee3ng n\u01b0\u1edbc u\u1ed1ng v\u00e0o g\u1ea5p 1,5 l\u1ea7n so v\u1edbi b\u00ecnh th\u01b0\u1eddng.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 25: OUTRO -->\r\n        <div class=\"slide\">\r\n            <div class=\"h-full flex flex-col items-center justify-center text-center\">\r\n                <div class=\"anim-entry w-40 h-40 mb-8 relative\">\r\n                    <div class=\"absolute inset-0 bg-gold-glow animate-pulse rounded-full\"><\/div>\r\n                    <i data-lucide=\"flower-2\" class=\"w-full h-full text-gold relative z-10\"><\/i>\r\n                <\/div>\r\n                <h1 class=\"anim-entry anim-delay-1 text-7xl font-bold mb-6 text-gold-gradient serif-font\">Ho\u00e0n thi\u1ec7n s\u1ee9c kh\u1ecfe con ng\u01b0\u1eddi<\/h1>\r\n                <p class=\"anim-entry anim-delay-2 text-3xl text-gray-100 mb-12 max-w-4xl\">\r\n                    V\u01b0\u1ee3t ra ngo\u00e0i vi\u1ec7c qu\u1ea3n l\u00fd tri\u1ec7u ch\u1ee9ng <strong>ph\u1ee5c h\u1ed3i ho\u00e0n to\u00e0n<\/strong>,<br>\r\n                    HCBIOPHARM s\u1ebd \u0111\u1ed3ng h\u00e0nh c\u00f9ng b\u1ea1n tr\u00ean h\u00e0nh tr\u00ecnh \u0111\u00f3.\r\n                <\/p>\r\n                <div class=\"anim-entry anim-delay-3 flex gap-8 text-gray-400 text-lg\">\r\n                    <span>\u00a9 2025 HCBIOPHARM. B\u1ea3o l\u01b0u m\u1ecdi quy\u1ec1n.<\/span>\r\n                    <span>Thung l\u0169ng Silicon, Hoa K\u1ef3<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- NAVIGATION CONTROLS -->\r\n        <div class=\"absolute bottom-8 right-8 flex gap-4 z-50\">\r\n            <button onclick=\"prevSlide()\" class=\"group p-4 rounded-full border-2 border-gray-600 hover:border-amber-500 hover:bg-amber-500\/20 transition-all\">\r\n                <i data-lucide=\"chevron-left\" class=\"w-8 h-8 text-gray-300 group-hover:text-amber-400\"><\/i>\r\n            <\/button>\r\n            <button onclick=\"nextSlide()\" class=\"group p-4 rounded-full bg-amber-600 hover:bg-amber-500 shadow-lg hover:shadow-amber-500\/50 transition-all\">\r\n                <i data-lucide=\"chevron-right\" class=\"w-8 h-8 text-white\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"absolute bottom-8 left-8 font-mono text-amber-500 font-bold text-2xl\">\r\n            <span id=\"current-slide\">01<\/span> \/ <span id=\"total-slides\">25<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- JAVASCRIPT LOGIC -->\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        let currentSlide = 0;\r\n        const slides = document.querySelectorAll('.slide');\r\n        const progressBar = document.getElementById('progress-bar');\r\n        const currentSlideEl = document.getElementById('current-slide');\r\n        const totalSlidesEl = document.getElementById('total-slides');\r\n        \r\n        totalSlidesEl.innerText = slides.length;\r\n\r\n        function updateSlide() {\r\n            slides.forEach((slide, index) => {\r\n                slide.classList.remove('active');\r\n                if (index === currentSlide) slide.classList.add('active');\r\n            });\r\n            \r\n            \/\/ Progress Bar Update\r\n            const progress = ((currentSlide + 1) \/ slides.length) * 100;\r\n            progressBar.style.width = `${progress}%`;\r\n            \r\n            \/\/ Slide Number Update\r\n            currentSlideEl.innerText = String(currentSlide + 1).padStart(2, '0');\r\n        }\r\n\r\n        function nextSlide() {\r\n            if (currentSlide < slides.length - 1) {\r\n                currentSlide++;\r\n                updateSlide();\r\n            }\r\n        }\r\n\r\n        function prevSlide() {\r\n            if (currentSlide > 0) {\r\n                currentSlide--;\r\n                updateSlide();\r\n            }\r\n        }\r\n\r\n        function startPresentation() {\r\n            const overlay = document.getElementById('start-overlay');\r\n            const container = document.getElementById('presentation-container');\r\n            \r\n            overlay.style.opacity = '0';\r\n            setTimeout(() => {\r\n                overlay.style.display = 'none';\r\n                container.style.display = 'block';\r\n                \r\n                \/\/ Fullscreen Trigger\r\n                if (document.documentElement.requestFullscreen) document.documentElement.requestFullscreen();\r\n                else if (document.documentElement.webkitRequestFullscreen) document.documentElement.webkitRequestFullscreen();\r\n                \r\n                lucide.createIcons();\r\n            }, 500);\r\n        }\r\n\r\n        \/\/ Keyboard Controls\r\n        document.addEventListener('keydown', (e) => {\r\n            if (document.getElementById('presentation-container').style.display === 'block') {\r\n                if (e.key === 'ArrowRight' || e.key === 'Space' || e.key === 'Enter') nextSlide();\r\n                if (e.key === 'ArrowLeft') prevSlide();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n```\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides) RENIVO Strategy HCBIOPHARM Full Strategic Plan (25 Slides) \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791 Bio-Tech Solution The Finest Gift From Nature \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0. \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158. \u00a9 2025 HCBIOPHARM | Silicon Valley, USA Table of Contents 01 Company HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c 02 Portfolio 14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08\uc0dd\uc57d [&hellip;]<\/p>","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"wf_page_folders":[],"class_list":["post-3935","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/pages\/3935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/comments?post=3935"}],"version-history":[{"count":26,"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/pages\/3935\/revisions"}],"predecessor-version":[{"id":3964,"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/pages\/3935\/revisions\/3964"}],"wp:attachment":[{"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/media?parent=3935"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/hcbiopharm.net\/vi\/wp-json\/wp\/v2\/wf_page_folders?post=3935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}