HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides)<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \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 \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> Strategy\r\n <\/h1>\r\n <p class=\"text-gray-300 mb-10 text-xl font-light\">HCBIOPHARM Full Strategic Plan (25 Slides)<\/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> \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"presentation-container\">\r\n \r\n \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 \r\n\r\n \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\">Bio-Tech Solution<\/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 The Finest Gift<br>\r\n <span class=\"text-gold-gradient\">From Nature<\/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 \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0.<br>\r\n \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158.\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>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Table of Contents<\/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\">Company<\/h3>\r\n <p class=\"text-sm text-gray-400\">HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f<br>\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c<\/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\">Portfolio<\/h3>\r\n <p class=\"text-sm text-gray-400\">14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08<br>\uc0dd\uc57d \uc81c\ud488\uad70<\/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\">Problem<\/h3>\r\n <p class=\"text-sm text-gray-400\">\ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30<br>\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4<\/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\">Solution<\/h3>\r\n <p class=\"text-sm text-gray-400\">RENIVO \uae30\uc220\ub825 \ubc0f<br>\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Who is HCBIOPHARM?<\/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\">Silicon Valley Base<\/h3>\r\n <p class=\"text-gray-300 leading-relaxed text-lg\">\r\n \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454<br>\r\n \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac.<br>\r\n <strong>\"\uadfc\ubcf8 \ud68c\ubcf5\"<\/strong>\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4.\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\">Years of Research<\/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\">Global Patents<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Global Network Expansion<\/h2>\r\n <div class=\"relative h-3\/5 w-full\">\r\n \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 \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\">USA (HQ)<\/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\">Korea<\/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\">Vietnam<\/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 \r\n\r\n \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\">Total Health Solution<\/h2>\r\n <p class=\"anim-entry anim-delay-1 text-2xl text-gray-300 max-w-3xl leading-relaxed mb-12\">\r\n \"\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 \uc778\ub958 \uac74\uac15\uc758 \uc644\uc131\uc73c\ub85c\"<br>\r\n <span class=\"text-gold-gradient\">\ub300\ubd80\ubd84\uc758 \uc8fc\uc694 \uc9c8\ud658\uc744 \ucee4\ubc84<\/span>\ud558\ub294 \uc0dd\uc57d \ud3ec\ud2b8\ud3f4\ub9ac\uc624\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>\ub9cc\uc131 \ud1f4\ud589\uc131<\/span>\r\n <span>\uc2ec\ud608\uad00\/\uc21c\ud658\uacc4<\/span>\r\n <span>\uba74\uc5ed\/\uc5fc\uc99d<\/span>\r\n <span>\ub3c5\uc131\/\ud574\ub3c5<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">1. \ub9cc\uc131 \ud1f4\ud589\uc131 \uc9c8\ud658 \uc194\ub8e8\uc158<\/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\">\uc2e0\uc7a5 & \uad00\uc808<\/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\">\ub124\ud504\ub9ac\ucf00\uc5b4<\/strong> (\uc2e0\uc7a5 \uae30\ub2a5)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc544\ud0a4\ubcf8<\/strong> (\uace8\ub2e4\uacf5\uc99d \ubc0f \uad00\uc808)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\ucf54\uc820<\/strong> (\ud1b5\ud48d)<\/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\">\ub178\uc778\uc131 \uc9c8\ud658<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-white\">\uba54\ubaa8\ub77c<\/strong> (\uce58\ub9e4 \uc608\ubc29)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\ud504\ub85c\uc2a4\ud0c0\uc820<\/strong> (\uc804\ub9bd\uc120)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\uc2a4\ud540<\/strong> (\uc694\uc2e4\uae08)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">2. \uc2ec\ud608\uad00 \ubc0f \uc21c\ud658\uacc4 \uc194\ub8e8\uc158<\/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\">\uc0dd\uba85 \uc9c1\uacb0 \uc9c8\ud658<\/h3>\r\n <p class=\"text-gray-300\">\ub1cc\uc878\uc911, \uc2ec\ud608\uad00 \uc9c8\ud658 \uc0ac\ub9dd\ub960\uc758 \uadf9\uc801\uc778 \uac10\uc18c<\/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> \ud39c\ud0c0\ubc1c\ub780\uc2a4 (\uc2ec\ud608\uad00)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ube0c\ub808\uc544\uc820 (\ub1cc\uc878\uc911\/\ud608\uc804)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \uce74\ub514\uc624\uc878 (\uc21c\ud658\uacc4)<\/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 \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">3. \uba74\uc5ed, \uc5fc\uc99d, \ud574\ub3c5 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-3 gap-6 h-3\/5\">\r\n \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\">\ud638\ud761\uae30\/\uc54c\ub808\ub974\uae30<\/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\">\ube44\uc5fc, \ucc9c\uc2dd, \uc54c\ub808\ub974\uae30<br>\ud1b5\ud569 \uac1c\uc120\uc81c<\/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\">\ud574\ub3c5 (Detox)<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \ub514\ud1a1\uc2a4 (Detox)<\/li>\r\n <li>\u2022 \uc911\uae08\uc18d \ubc30\ucd9c<\/li>\r\n <li>\u2022 \ud658\uacbd \ub3c5\uc18c \uc81c\uac70<\/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\">\uba74\uc5ed\/\uac10\uc5fc<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \uc774\ubba4\ub2c8\uc2a4 (\uba74\uc5ed)<\/li>\r\n <li>\u2022 \uc54c\ub9ac\ubca1\uc2a4 (\ud56d\uc0dd\uc81c)<\/li>\r\n <li>\u2022 \uc778\uc290\ub9ac\uc820 (\ub2f9\ub1e8)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-2 text-white\">The Silent Epidemic<\/h2>\r\n <p class=\"anim-entry text-gray-300 mb-12 text-xl\">\ud604\ub300\uc778\uc758 \ud638\ud761\uae30\uac00 \uc704\ud5d8\ud569\ub2c8\ub2e4.<\/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\">\uad6d\ub0b4 \ube44\uc5fc \ud658\uc790 \uc218<\/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\">\ub9cc \uba85<\/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\">\uad6d\ubbfc 5\uba85 \uc911 1\uba85<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-6 text-white\">\ud3ed\ubc1c\uc801\uc778 \ud658\uc790 \uc99d\uac00\uc728 (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 \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\">\ucc9c\uc2dd \ud658\uc790<\/span>\r\n <\/div>\r\n \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\">\ube44\uc5fc\/\ucd95\ub18d\uc99d<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center mt-6 text-gray-500 text-sm\">* \ucd9c\ucc98: NIH \ubc0f \uc11c\uc6b8\uc544\uc0b0\ubcd1\uc6d0 \ud1b5\uacc4 \uc790\ub8cc<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uc8fc\uc694 \uc6d0\uc778 (Causes)<\/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\">\ubbf8\uc138\uba3c\uc9c0<\/h3>\r\n <p class=\"text-gray-400\">\ud638\ud761\uae30 \uc810\ub9c9 \uc9c1\uc811 \uc790\uadf9<\/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\">\ub300\uae30\uc624\uc5fc<\/h3>\r\n <p class=\"text-gray-400\">\uc911\uae08\uc18d\uc73c\ub85c \uc778\ud55c \uba74\uc5ed \uad50\ub780<\/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\">\uc2e4\ub0b4 \uc0dd\ud65c<\/h3>\r\n <p class=\"text-gray-400\">\ud658\uae30 \ubd80\uc871 \ubc0f \uc54c\ub808\ub974\uac90 \ub178\ucd9c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uae30\uc874 \uce58\ub8cc\uc758 \uad6c\uc870\uc801 \ud55c\uacc4<\/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\">\uc57d\ubb3c \uce58\ub8cc\uc758 \ubd80\uc791\uc6a9<\/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> \ud56d\ud788\uc2a4\ud0c0\ubbfc\uc81c \uc7a5\uae30 \ubcf5\uc6a9<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ub0b4\uc131 \ubc1c\uc0dd \ubc0f \ud6a8\uacfc \uac10\uc18c<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \uc878\uc74c, \uc785\ub9c8\ub984, \uac04 \uc190\uc0c1 \uc6b0\ub824<\/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\">\uc218\uc220 \ubc0f \uba74\uc5ed \uc694\ubc95<\/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> \uadfc\ubcf8\uc801 \uba74\uc5ed \uccb4\uacc4 \ubbf8\uac1c\uc120<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \ub192\uc740 \uc7ac\ubc1c \uac00\ub2a5\uc131<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uc804\uc2e0 \uc54c\ub808\ub974\uae30 \ubc18\uc751 \uc704\ud5d8<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \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\">\uce58\ub8cc\uc758 \ud328\ub7ec\ub2e4\uc784\uc744 \ubc14\uafb8\ub2e4<\/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\">\uae30\uc874 \uce58\ub8cc<\/h3>\r\n <p class=\"text-xl text-gray-400\">\uc99d\uc0c1 \uc5b5\uc81c (\ub300\uc99d \uc694\ubc95)<\/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\">RENIVO \uc194\ub8e8\uc158<\/h3>\r\n <p class=\"text-xl text-white font-bold\"><span class=\"text-gold-gradient\">\uc2dc\uc2a4\ud15c \ub9ac\uc14b<\/span> (System Reset)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">PREMIUM HERBAL SOLUTION<\/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 \uc138\uacc4 \ucd5c\ucd08 \uc0dd\uc57d \uae30\ubc18<br>\r\n \ube44\uc5fc\/\ucc9c\uc2dd \ud1b5\ud569 \uac1c\uc120\uc81c\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> Nasal Health Support<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Easy Breathing<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Immune System Balance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 flex justify-center anim-entry anim-delay-2\">\r\n \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 \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-center text-white\">4-Step Action Mechanism<\/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 \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\">\ud574\ub3c5<\/span>\r\n <span class=\"text-sm text-gray-400\">Detox<\/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\">\uba74\uc5ed \uade0\ud615<\/span>\r\n <span class=\"text-sm text-gray-500\">Immunity<\/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\">\uc810\ub9c9 \ubcf4\ud638<\/span>\r\n <span class=\"text-sm text-gray-500\">Protection<\/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\">\uadfc\ubcf8 \uce58\uc720<\/span>\r\n <span class=\"text-sm text-gray-500\">Recovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Step 1<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9 (Detoxification)<\/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\">\"\uc6d0\uc778\uc744 \ucc28\ub2e8\ud569\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-300 leading-relaxed\">\r\n \uc0dd\uc57d \uc131\ubd84\uc758 \uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9\uc73c\ub85c<br>\r\n \uba74\uc5ed \uacfc\ubbfc\ubc18\uc751\uc744 \uc77c\uc73c\ud0a4\ub294 <strong class=\"text-white border-b border-amber-500\">\uc54c\ub808\ub974\uac90\uc744 \ucc28\ub2e8<\/strong>\ud558\uace0,<br>\r\n \uccb4\ub0b4 \ub3c5\uc18c\ub97c \ubc30\ucd9c\ud558\uc5ec \uc2dc\uc2a4\ud15c\uc744 \uc815\ud654\ud569\ub2c8\ub2e4.\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 \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\">CLINICAL DATA<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uc0b0\ud654 \uc2a4\ud2b8\ub808\uc2a4(MDA) \ud574\ub3c5 \uac80\uc99d<\/h2>\r\n <p class=\"text-gray-400 mt-2\">\ud761\uc5f0 4\uc2dc\uac04 \ud6c4 \uccb4\ub0b4 MDA \ub18d\ub3c4 \ubcc0\ud654 \ube44\uad50 (PDF p16)<\/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 \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\">\uc99d\uac00 (\uc545\ud654)<\/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\">\ub300\uc870\uad70 (Control)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uae09\uc99d<\/p>\r\n <\/div>\r\n\r\n \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\">\uac10\uc18c (\uac1c\uc120)<\/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\">\ub808\ub2c8\ubcf4 \uc12d\ucde8\uad70 (Detox)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uc720\uc758\ubbf8\ud55c \uac10\uc18c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Step 2<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uba74\uc5ed \uade0\ud615 (Immunity)<\/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\">\uacfc\ubbfc \ubc18\uc751 \uc9c4\uc815<\/h3>\r\n <p class=\"text-gray-200 text-xl leading-relaxed mb-8\">\r\n \ud56d\uc0b0\ud654 \uc0dd\uc57d \uc131\ubd84\uacfc \uc544\uc5f0\uc774 \uacb0\ud569\ud558\uc5ec<br>\r\n \ube44\uac15 \uc810\ub9c9\uc758 \uba74\uc5ed \uae30\ub2a5\uc744 \uac15\ud654\ud558\uace0,<br>\r\n <span class=\"text-amber-400 font-bold\">\ub9cc\uc131 \uc5fc\uc99d\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uc81c\uac70<\/span>\ud569\ub2c8\ub2e4.\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 \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\">Step 3<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\ube44\uac15 \uc810\ub9c9 \ubcf4\ud638 (Protection)<\/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\">\"\uac74\uc870\ud568\uc774 \uac00\uc7a5 \ud070 \uc801\uc785\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-200 leading-relaxed\">\r\n \ube44\uac15 \uc810\ub9c9\uc744 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0(Moisturizing)\ud558\uc5ec<br>\r\n \ubc14\uc774\ub7ec\uc2a4\uc640 \ubbf8\uc138\uba3c\uc9c0\uac00 \uce68\ud22c\ud558\uc9c0 \ubabb\ud558\ub3c4\ub85d<br>\r\n <span class=\"text-blue-300 font-bold text-2xl\">\uac15\ub825\ud55c \ubc29\uc5b4\ub9c9\uc744 \ud615\uc131<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">Renivo 4\ub300 \ud575\uc2ec \ud2b9\uc9d5<\/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\">\ucc28\ubcc4\ud654\ub41c \uae30\uc220\ub825<\/h3>\r\n <p class=\"text-gray-300\">\ub3d9\uc591\uc758\ud559 + \ud604\ub300\uacfc\ud559 25\ub144 \uc5f0\uad6c.<br>\ub3c5\ubcf4\uc801\uc778 \ud574\ub3c5\/\uba74\uc5ed\/\uc57d\ub9ac \uc791\uc6a9.<\/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\">\ud504\ub9ac\ubbf8\uc5c4 \uc0dd\uc57d<\/h3>\r\n <p class=\"text-gray-300\">\uce61, \uacc4\ud53c, \ubaa8\ub780 \ub4f1 \ud575\uc2ec \uc0dd\uc57d \uc5c4\uc120.<br>\uc544\uc5f0 \ud568\uc720\ub85c \uba74\uc5ed \uae30\ub2a5 \uadf9\ub300\ud654.<\/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\">\uc815\ubc00 \ubc1c\ud6a8 \uacf5\ubc95<\/h3>\r\n <p class=\"text-gray-300\">HC\ubc14\uc774\uc624\ud31c\ub9cc\uc758 \uace0\uc720 \ubc1c\ud6a8 \uae30\uc220.<br>\uccb4\ub0b4 \ud761\uc218\uc728\uacfc \ud6a8\ub2a5 \uadf9\ub300\ud654.<\/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\">\uc644\ubcbd\ud55c \uc548\uc804\uc131<\/h3>\r\n <p class=\"text-gray-300\">\ubbf8\uc0dd\ubb3c\/\uc911\uae08\uc18d\/\uac04\ub3c5\uc131 \ud14c\uc2a4\ud2b8 \uc644\ub8cc.<br>\ubd80\uc791\uc6a9 \uc5c6\ub294 \uc548\uc804\ud55c \uc131\ubd84.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">8\uac00\uc9c0 \ud575\uc2ec \uc0dd\uc57d + \uc544\uc5f0<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6\">\r\n \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\">\uce61 (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\">\uacc4\ud53c<\/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\">\ubaa8\ub780<\/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\">\ub300\ucd94<\/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\">\ucc9c\uad81<\/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\">\uac10\ucd08<\/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\">\uc0dd\uac15<\/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\">\uc544\uc5f0 (Zinc)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\ud0c0\ud611 \uc5c6\ub294 \uc548\uc804\uc131 (Safety)<\/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\">\ubbf8\uc0dd\ubb3c \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/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\">\uc911\uae08\uc18d \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/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\">\uac04\ub3c5\uc131 \uc5ec\ubd80<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc548\uc804 (Safe)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\uace0\uac1d \uccb4\ud5d8 \ud6c4\uae30<\/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 \"\uc591\uc57d\ucc98\ub7fc \uc810\ub9c9\uc744 \uc5b5\uc9c0\ub85c \ub9d0\ub9ac\ub294 \ub290\ub08c\uc774 \uc544\ub2c8\uc5c8\uc2b5\ub2c8\ub2e4.<br>\r\n <span class=\"text-gold font-bold\">\uc810\ub9c9\uc740 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0\ub418\uba74\uc11c \uc5fc\uc99d\ub9cc \uac00\ub77c\uc549\ub294 \ub290\ub08c<\/span>,<br>\r\n \ube44\ub85c\uc18c \uc228\uc26c\uae30\uac00 \ud3b8\uc548\ud574\uc84c\uc2b5\ub2c8\ub2e4.\"\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\">\ud669xx \uace0\uac1d\ub2d8<\/span>\r\n <span class=\"text-lg text-gray-300 block mt-2\">\ub9cc\uc131 \ube44\uc5fc \ubc0f \uc778\ud6c4\ud1b5 \uac1c\uc120 \uc0ac\ub840<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\ud6a8\uacfc\uc801\uc778 \uc12d\ucde8 \uac00\uc774\ub4dc<\/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\">\uae09\uc131 \uc99d\uc0c1 \uc2dc<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 \uc99d\uc0c1\uc774 \uc788\uc744 \ub54c\ub9c8\ub2e4 <strong>2\ucea1\uc290<\/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\">TIP:<\/strong> \ucea1\uc290\uc744 \uc5f4\uc5b4 \uac00\ub8e8\ub97c \uad6c\uac15(\ud600 \ubc11)\uc5d0 \uba38\uae08\uc73c\uba74 \ub354\uc6b1 \ube60\ub978 \ud6a8\uacfc\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\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\">\uadfc\ubcf8 \uce58\uc720 (\ub370\uc77c\ub9ac)<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 <strong>\uacf5\ubcf5<\/strong> \uc12d\ucde8 \uad8c\uc7a5<\/li>\r\n <li>\u2022 <span class=\"text-3xl font-bold text-white\">\uc544\uce68 2\uc54c + \uc800\ub141 2\uc54c<\/span><\/li>\r\n <li class=\"text-base text-emerald-200 mt-4 font-bold\">* \ud3c9\uc18c\ubcf4\ub2e4 \ubb3c \uc12d\ucde8\ub7c9\uc744 1.5\ubc30 \ub298\ub824\uc8fc\uc138\uc694.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Completing Human Health<\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-3xl text-gray-100 mb-12 max-w-4xl\">\r\n \uc99d\uc0c1 \uad00\ub9ac\ub97c \ub118\uc5b4\uc120 <strong>\uc644\uc804\ud55c \ud68c\ubcf5<\/strong>,<br>\r\n HCBIOPHARM\uc774 \uadf8 \uc5ec\uc815\uc744 \ud568\uaed8\ud569\ub2c8\ub2e4.\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. All Rights Reserved.<\/span>\r\n <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 \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>\n\t\t","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 \uc81c\ud488\uad70 03 Problem \ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4 04 Solution RENIVO \uae30\uc220\ub825 \ubc0f\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130 Who is HCBIOPHARM? Silicon Valley Base \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454 \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac. “\uadfc\ubcf8 \ud68c\ubcf5”\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. 25+ Years of Research 14+ Global Patents Global Network Expansion USA (HQ) Korea Vietnam Singapore Total Health Solution “\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 […]<\/p>\n","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,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-3935","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages\/3935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/comments?post=3935"}],"version-history":[{"count":0,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages\/3935\/revisions"}],"wp:attachment":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/media?parent=3935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\r\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n HCBIOPHARM RENIVO Strategic Presentation (Full 25 Slides)<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \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 \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> Strategy\r\n <\/h1>\r\n <p class=\"text-gray-300 mb-10 text-xl font-light\">HCBIOPHARM Full Strategic Plan (25 Slides)<\/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> \ud504\ub808\uc820\ud14c\uc774\uc158 \uc2dc\uc791\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"presentation-container\">\r\n \r\n \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 \r\n\r\n \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\">Bio-Tech Solution<\/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 The Finest Gift<br>\r\n <span class=\"text-gold-gradient\">From Nature<\/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 \ube44\uc5fc, \uc54c\ub808\ub974\uae30, \ucc9c\uc2dd\uc758 \uadfc\ubcf8\uc801 \ud574\uacb0.<br>\r\n \ub3d9\uc591\uc758\ud559\uacfc \ud604\ub300\uacfc\ud559\uc774 \uc735\ud569\ub41c \uc0dd\uc57d \uc194\ub8e8\uc158.\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>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Table of Contents<\/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\">Company<\/h3>\r\n <p class=\"text-sm text-gray-400\">HC\ubc14\uc774\uc624\ud31c \uc18c\uac1c \ubc0f<br>\uae00\ub85c\ubc8c \ub124\ud2b8\uc6cc\ud06c<\/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\">Portfolio<\/h3>\r\n <p class=\"text-sm text-gray-400\">14\uc885\uc758 \uc138\uacc4 \ucd5c\ucd08<br>\uc0dd\uc57d \uc81c\ud488\uad70<\/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\">Problem<\/h3>\r\n <p class=\"text-sm text-gray-400\">\ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30<br>\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4<\/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\">Solution<\/h3>\r\n <p class=\"text-sm text-gray-400\">RENIVO \uae30\uc220\ub825 \ubc0f<br>\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Who is HCBIOPHARM?<\/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\">Silicon Valley Base<\/h3>\r\n <p class=\"text-gray-300 leading-relaxed text-lg\">\r\n \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454<br>\r\n \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac.<br>\r\n <strong>\"\uadfc\ubcf8 \ud68c\ubcf5\"<\/strong>\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4.\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\">Years of Research<\/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\">Global Patents<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">Global Network Expansion<\/h2>\r\n <div class=\"relative h-3\/5 w-full\">\r\n \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 \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\">USA (HQ)<\/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\">Korea<\/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\">Vietnam<\/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 \r\n\r\n \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\">Total Health Solution<\/h2>\r\n <p class=\"anim-entry anim-delay-1 text-2xl text-gray-300 max-w-3xl leading-relaxed mb-12\">\r\n \"\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 \uc778\ub958 \uac74\uac15\uc758 \uc644\uc131\uc73c\ub85c\"<br>\r\n <span class=\"text-gold-gradient\">\ub300\ubd80\ubd84\uc758 \uc8fc\uc694 \uc9c8\ud658\uc744 \ucee4\ubc84<\/span>\ud558\ub294 \uc0dd\uc57d \ud3ec\ud2b8\ud3f4\ub9ac\uc624\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>\ub9cc\uc131 \ud1f4\ud589\uc131<\/span>\r\n <span>\uc2ec\ud608\uad00\/\uc21c\ud658\uacc4<\/span>\r\n <span>\uba74\uc5ed\/\uc5fc\uc99d<\/span>\r\n <span>\ub3c5\uc131\/\ud574\ub3c5<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">1. \ub9cc\uc131 \ud1f4\ud589\uc131 \uc9c8\ud658 \uc194\ub8e8\uc158<\/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\">\uc2e0\uc7a5 & \uad00\uc808<\/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\">\ub124\ud504\ub9ac\ucf00\uc5b4<\/strong> (\uc2e0\uc7a5 \uae30\ub2a5)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc544\ud0a4\ubcf8<\/strong> (\uace8\ub2e4\uacf5\uc99d \ubc0f \uad00\uc808)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\ucf54\uc820<\/strong> (\ud1b5\ud48d)<\/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\">\ub178\uc778\uc131 \uc9c8\ud658<\/h3>\r\n <\/div>\r\n <ul class=\"space-y-4 text-lg text-gray-300\">\r\n <li>\u2022 <strong class=\"text-white\">\uba54\ubaa8\ub77c<\/strong> (\uce58\ub9e4 \uc608\ubc29)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\ud504\ub85c\uc2a4\ud0c0\uc820<\/strong> (\uc804\ub9bd\uc120)<\/li>\r\n <li>\u2022 <strong class=\"text-white\">\uc720\ub9ac\uc2a4\ud540<\/strong> (\uc694\uc2e4\uae08)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-4 text-white\">2. \uc2ec\ud608\uad00 \ubc0f \uc21c\ud658\uacc4 \uc194\ub8e8\uc158<\/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\">\uc0dd\uba85 \uc9c1\uacb0 \uc9c8\ud658<\/h3>\r\n <p class=\"text-gray-300\">\ub1cc\uc878\uc911, \uc2ec\ud608\uad00 \uc9c8\ud658 \uc0ac\ub9dd\ub960\uc758 \uadf9\uc801\uc778 \uac10\uc18c<\/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> \ud39c\ud0c0\ubc1c\ub780\uc2a4 (\uc2ec\ud608\uad00)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \ube0c\ub808\uc544\uc820 (\ub1cc\uc878\uc911\/\ud608\uc804)<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check-circle\" class=\"text-red-500\"><\/i> \uce74\ub514\uc624\uc878 (\uc21c\ud658\uacc4)<\/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 \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">3. \uba74\uc5ed, \uc5fc\uc99d, \ud574\ub3c5 \uc194\ub8e8\uc158<\/h2>\r\n <div class=\"grid grid-cols-3 gap-6 h-3\/5\">\r\n \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\">\ud638\ud761\uae30\/\uc54c\ub808\ub974\uae30<\/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\">\ube44\uc5fc, \ucc9c\uc2dd, \uc54c\ub808\ub974\uae30<br>\ud1b5\ud569 \uac1c\uc120\uc81c<\/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\">\ud574\ub3c5 (Detox)<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \ub514\ud1a1\uc2a4 (Detox)<\/li>\r\n <li>\u2022 \uc911\uae08\uc18d \ubc30\ucd9c<\/li>\r\n <li>\u2022 \ud658\uacbd \ub3c5\uc18c \uc81c\uac70<\/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\">\uba74\uc5ed\/\uac10\uc5fc<\/h3>\r\n <ul class=\"space-y-2 text-gray-300\">\r\n <li>\u2022 \uc774\ubba4\ub2c8\uc2a4 (\uba74\uc5ed)<\/li>\r\n <li>\u2022 \uc54c\ub9ac\ubca1\uc2a4 (\ud56d\uc0dd\uc81c)<\/li>\r\n <li>\u2022 \uc778\uc290\ub9ac\uc820 (\ub2f9\ub1e8)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-2 text-white\">The Silent Epidemic<\/h2>\r\n <p class=\"anim-entry text-gray-300 mb-12 text-xl\">\ud604\ub300\uc778\uc758 \ud638\ud761\uae30\uac00 \uc704\ud5d8\ud569\ub2c8\ub2e4.<\/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\">\uad6d\ub0b4 \ube44\uc5fc \ud658\uc790 \uc218<\/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\">\ub9cc \uba85<\/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\">\uad6d\ubbfc 5\uba85 \uc911 1\uba85<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-6 text-white\">\ud3ed\ubc1c\uc801\uc778 \ud658\uc790 \uc99d\uac00\uc728 (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 \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\">\ucc9c\uc2dd \ud658\uc790<\/span>\r\n <\/div>\r\n \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\">\ube44\uc5fc\/\ucd95\ub18d\uc99d<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"text-center mt-6 text-gray-500 text-sm\">* \ucd9c\ucc98: NIH \ubc0f \uc11c\uc6b8\uc544\uc0b0\ubcd1\uc6d0 \ud1b5\uacc4 \uc790\ub8cc<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uc8fc\uc694 \uc6d0\uc778 (Causes)<\/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\">\ubbf8\uc138\uba3c\uc9c0<\/h3>\r\n <p class=\"text-gray-400\">\ud638\ud761\uae30 \uc810\ub9c9 \uc9c1\uc811 \uc790\uadf9<\/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\">\ub300\uae30\uc624\uc5fc<\/h3>\r\n <p class=\"text-gray-400\">\uc911\uae08\uc18d\uc73c\ub85c \uc778\ud55c \uba74\uc5ed \uad50\ub780<\/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\">\uc2e4\ub0b4 \uc0dd\ud65c<\/h3>\r\n <p class=\"text-gray-400\">\ud658\uae30 \ubd80\uc871 \ubc0f \uc54c\ub808\ub974\uac90 \ub178\ucd9c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\uae30\uc874 \uce58\ub8cc\uc758 \uad6c\uc870\uc801 \ud55c\uacc4<\/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\">\uc57d\ubb3c \uce58\ub8cc\uc758 \ubd80\uc791\uc6a9<\/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> \ud56d\ud788\uc2a4\ud0c0\ubbfc\uc81c \uc7a5\uae30 \ubcf5\uc6a9<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \ub0b4\uc131 \ubc1c\uc0dd \ubc0f \ud6a8\uacfc \uac10\uc18c<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"alert-triangle\" class=\"text-red-500\"><\/i> \uc878\uc74c, \uc785\ub9c8\ub984, \uac04 \uc190\uc0c1 \uc6b0\ub824<\/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\">\uc218\uc220 \ubc0f \uba74\uc5ed \uc694\ubc95<\/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> \uadfc\ubcf8\uc801 \uba74\uc5ed \uccb4\uacc4 \ubbf8\uac1c\uc120<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \ub192\uc740 \uc7ac\ubc1c \uac00\ub2a5\uc131<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"x\" class=\"text-gray-500\"><\/i> \uc804\uc2e0 \uc54c\ub808\ub974\uae30 \ubc18\uc751 \uc704\ud5d8<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \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\">\uce58\ub8cc\uc758 \ud328\ub7ec\ub2e4\uc784\uc744 \ubc14\uafb8\ub2e4<\/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\">\uae30\uc874 \uce58\ub8cc<\/h3>\r\n <p class=\"text-xl text-gray-400\">\uc99d\uc0c1 \uc5b5\uc81c (\ub300\uc99d \uc694\ubc95)<\/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\">RENIVO \uc194\ub8e8\uc158<\/h3>\r\n <p class=\"text-xl text-white font-bold\"><span class=\"text-gold-gradient\">\uc2dc\uc2a4\ud15c \ub9ac\uc14b<\/span> (System Reset)<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">PREMIUM HERBAL SOLUTION<\/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 \uc138\uacc4 \ucd5c\ucd08 \uc0dd\uc57d \uae30\ubc18<br>\r\n \ube44\uc5fc\/\ucc9c\uc2dd \ud1b5\ud569 \uac1c\uc120\uc81c\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> Nasal Health Support<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Easy Breathing<\/li>\r\n <li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"text-emerald-500\"><\/i> Immune System Balance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-1\/2 flex justify-center anim-entry anim-delay-2\">\r\n \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 \r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-center text-white\">4-Step Action Mechanism<\/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 \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\">\ud574\ub3c5<\/span>\r\n <span class=\"text-sm text-gray-400\">Detox<\/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\">\uba74\uc5ed \uade0\ud615<\/span>\r\n <span class=\"text-sm text-gray-500\">Immunity<\/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\">\uc810\ub9c9 \ubcf4\ud638<\/span>\r\n <span class=\"text-sm text-gray-500\">Protection<\/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\">\uadfc\ubcf8 \uce58\uc720<\/span>\r\n <span class=\"text-sm text-gray-500\">Recovery<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Step 1<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9 (Detoxification)<\/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\">\"\uc6d0\uc778\uc744 \ucc28\ub2e8\ud569\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-300 leading-relaxed\">\r\n \uc0dd\uc57d \uc131\ubd84\uc758 \uac15\ub825\ud55c \ud574\ub3c5 \uc791\uc6a9\uc73c\ub85c<br>\r\n \uba74\uc5ed \uacfc\ubbfc\ubc18\uc751\uc744 \uc77c\uc73c\ud0a4\ub294 <strong class=\"text-white border-b border-amber-500\">\uc54c\ub808\ub974\uac90\uc744 \ucc28\ub2e8<\/strong>\ud558\uace0,<br>\r\n \uccb4\ub0b4 \ub3c5\uc18c\ub97c \ubc30\ucd9c\ud558\uc5ec \uc2dc\uc2a4\ud15c\uc744 \uc815\ud654\ud569\ub2c8\ub2e4.\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 \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\">CLINICAL DATA<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uc0b0\ud654 \uc2a4\ud2b8\ub808\uc2a4(MDA) \ud574\ub3c5 \uac80\uc99d<\/h2>\r\n <p class=\"text-gray-400 mt-2\">\ud761\uc5f0 4\uc2dc\uac04 \ud6c4 \uccb4\ub0b4 MDA \ub18d\ub3c4 \ubcc0\ud654 \ube44\uad50 (PDF p16)<\/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 \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\">\uc99d\uac00 (\uc545\ud654)<\/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\">\ub300\uc870\uad70 (Control)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uae09\uc99d<\/p>\r\n <\/div>\r\n\r\n \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\">\uac10\uc18c (\uac1c\uc120)<\/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\">\ub808\ub2c8\ubcf4 \uc12d\ucde8\uad70 (Detox)<\/p>\r\n <p class=\"text-gray-400 mt-1\">\uc0b0\ud654\uc2a4\ud2b8\ub808\uc2a4 \uc720\uc758\ubbf8\ud55c \uac10\uc18c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Step 2<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\uba74\uc5ed \uade0\ud615 (Immunity)<\/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\">\uacfc\ubbfc \ubc18\uc751 \uc9c4\uc815<\/h3>\r\n <p class=\"text-gray-200 text-xl leading-relaxed mb-8\">\r\n \ud56d\uc0b0\ud654 \uc0dd\uc57d \uc131\ubd84\uacfc \uc544\uc5f0\uc774 \uacb0\ud569\ud558\uc5ec<br>\r\n \ube44\uac15 \uc810\ub9c9\uc758 \uba74\uc5ed \uae30\ub2a5\uc744 \uac15\ud654\ud558\uace0,<br>\r\n <span class=\"text-amber-400 font-bold\">\ub9cc\uc131 \uc5fc\uc99d\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uc81c\uac70<\/span>\ud569\ub2c8\ub2e4.\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 \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\">Step 3<\/span>\r\n <h2 class=\"text-4xl font-bold text-white\">\ube44\uac15 \uc810\ub9c9 \ubcf4\ud638 (Protection)<\/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\">\"\uac74\uc870\ud568\uc774 \uac00\uc7a5 \ud070 \uc801\uc785\ub2c8\ub2e4\"<\/h3>\r\n <p class=\"text-xl text-gray-200 leading-relaxed\">\r\n \ube44\uac15 \uc810\ub9c9\uc744 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0(Moisturizing)\ud558\uc5ec<br>\r\n \ubc14\uc774\ub7ec\uc2a4\uc640 \ubbf8\uc138\uba3c\uc9c0\uac00 \uce68\ud22c\ud558\uc9c0 \ubabb\ud558\ub3c4\ub85d<br>\r\n <span class=\"text-blue-300 font-bold text-2xl\">\uac15\ub825\ud55c \ubc29\uc5b4\ub9c9\uc744 \ud615\uc131<\/span>\ud569\ub2c8\ub2e4.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">Renivo 4\ub300 \ud575\uc2ec \ud2b9\uc9d5<\/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\">\ucc28\ubcc4\ud654\ub41c \uae30\uc220\ub825<\/h3>\r\n <p class=\"text-gray-300\">\ub3d9\uc591\uc758\ud559 + \ud604\ub300\uacfc\ud559 25\ub144 \uc5f0\uad6c.<br>\ub3c5\ubcf4\uc801\uc778 \ud574\ub3c5\/\uba74\uc5ed\/\uc57d\ub9ac \uc791\uc6a9.<\/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\">\ud504\ub9ac\ubbf8\uc5c4 \uc0dd\uc57d<\/h3>\r\n <p class=\"text-gray-300\">\uce61, \uacc4\ud53c, \ubaa8\ub780 \ub4f1 \ud575\uc2ec \uc0dd\uc57d \uc5c4\uc120.<br>\uc544\uc5f0 \ud568\uc720\ub85c \uba74\uc5ed \uae30\ub2a5 \uadf9\ub300\ud654.<\/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\">\uc815\ubc00 \ubc1c\ud6a8 \uacf5\ubc95<\/h3>\r\n <p class=\"text-gray-300\">HC\ubc14\uc774\uc624\ud31c\ub9cc\uc758 \uace0\uc720 \ubc1c\ud6a8 \uae30\uc220.<br>\uccb4\ub0b4 \ud761\uc218\uc728\uacfc \ud6a8\ub2a5 \uadf9\ub300\ud654.<\/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\">\uc644\ubcbd\ud55c \uc548\uc804\uc131<\/h3>\r\n <p class=\"text-gray-300\">\ubbf8\uc0dd\ubb3c\/\uc911\uae08\uc18d\/\uac04\ub3c5\uc131 \ud14c\uc2a4\ud2b8 \uc644\ub8cc.<br>\ubd80\uc791\uc6a9 \uc5c6\ub294 \uc548\uc804\ud55c \uc131\ubd84.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">8\uac00\uc9c0 \ud575\uc2ec \uc0dd\uc57d + \uc544\uc5f0<\/h2>\r\n <div class=\"grid grid-cols-4 gap-6\">\r\n \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\">\uce61 (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\">\uacc4\ud53c<\/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\">\ubaa8\ub780<\/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\">\ub300\ucd94<\/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\">\ucc9c\uad81<\/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\">\uac10\ucd08<\/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\">\uc0dd\uac15<\/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\">\uc544\uc5f0 (Zinc)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-12 text-white\">\ud0c0\ud611 \uc5c6\ub294 \uc548\uc804\uc131 (Safety)<\/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\">\ubbf8\uc0dd\ubb3c \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/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\">\uc911\uae08\uc18d \ud14c\uc2a4\ud2b8<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc801\ud569 (Pass)<\/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\">\uac04\ub3c5\uc131 \uc5ec\ubd80<\/h3>\r\n <span class=\"text-emerald-400 font-bold mt-2 text-2xl\">\uc548\uc804 (Safe)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\uace0\uac1d \uccb4\ud5d8 \ud6c4\uae30<\/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 \"\uc591\uc57d\ucc98\ub7fc \uc810\ub9c9\uc744 \uc5b5\uc9c0\ub85c \ub9d0\ub9ac\ub294 \ub290\ub08c\uc774 \uc544\ub2c8\uc5c8\uc2b5\ub2c8\ub2e4.<br>\r\n <span class=\"text-gold font-bold\">\uc810\ub9c9\uc740 \ucd09\ucd09\ud558\uac8c \uc720\uc9c0\ub418\uba74\uc11c \uc5fc\uc99d\ub9cc \uac00\ub77c\uc549\ub294 \ub290\ub08c<\/span>,<br>\r\n \ube44\ub85c\uc18c \uc228\uc26c\uae30\uac00 \ud3b8\uc548\ud574\uc84c\uc2b5\ub2c8\ub2e4.\"\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\">\ud669xx \uace0\uac1d\ub2d8<\/span>\r\n <span class=\"text-lg text-gray-300 block mt-2\">\ub9cc\uc131 \ube44\uc5fc \ubc0f \uc778\ud6c4\ud1b5 \uac1c\uc120 \uc0ac\ub840<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slide\">\r\n <h2 class=\"anim-entry text-4xl font-bold mb-8 text-white\">\ud6a8\uacfc\uc801\uc778 \uc12d\ucde8 \uac00\uc774\ub4dc<\/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\">\uae09\uc131 \uc99d\uc0c1 \uc2dc<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 \uc99d\uc0c1\uc774 \uc788\uc744 \ub54c\ub9c8\ub2e4 <strong>2\ucea1\uc290<\/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\">TIP:<\/strong> \ucea1\uc290\uc744 \uc5f4\uc5b4 \uac00\ub8e8\ub97c \uad6c\uac15(\ud600 \ubc11)\uc5d0 \uba38\uae08\uc73c\uba74 \ub354\uc6b1 \ube60\ub978 \ud6a8\uacfc\ub97c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.\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\">\uadfc\ubcf8 \uce58\uc720 (\ub370\uc77c\ub9ac)<\/h3>\r\n <ul class=\"space-y-6 text-gray-100 text-xl\">\r\n <li>\u2022 <strong>\uacf5\ubcf5<\/strong> \uc12d\ucde8 \uad8c\uc7a5<\/li>\r\n <li>\u2022 <span class=\"text-3xl font-bold text-white\">\uc544\uce68 2\uc54c + \uc800\ub141 2\uc54c<\/span><\/li>\r\n <li class=\"text-base text-emerald-200 mt-4 font-bold\">* \ud3c9\uc18c\ubcf4\ub2e4 \ubb3c \uc12d\ucde8\ub7c9\uc744 1.5\ubc30 \ub298\ub824\uc8fc\uc138\uc694.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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\">Completing Human Health<\/h1>\r\n <p class=\"anim-entry anim-delay-2 text-3xl text-gray-100 mb-12 max-w-4xl\">\r\n \uc99d\uc0c1 \uad00\ub9ac\ub97c \ub118\uc5b4\uc120 <strong>\uc644\uc804\ud55c \ud68c\ubcf5<\/strong>,<br>\r\n HCBIOPHARM\uc774 \uadf8 \uc5ec\uc815\uc744 \ud568\uaed8\ud569\ub2c8\ub2e4.\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. All Rights Reserved.<\/span>\r\n <span>Silicon Valley, USA<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 \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>\n\t\t","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 \uc81c\ud488\uad70 03 Problem \ud638\ud761\uae30 \uc9c8\ud658\uc758 \uc704\uae30\uae30\uc874 \uce58\ub8cc\uc758 \ud55c\uacc4 04 Solution RENIVO \uae30\uc220\ub825 \ubc0f\uc784\uc0c1 \uac80\uc99d \ub370\uc774\ud130 Who is HCBIOPHARM? Silicon Valley Base \ubbf8\uad6d \uc2e4\ub9ac\ucf58\ubc38\ub9ac\uc5d0 \uae30\ubc18\uc744 \ub454 \uc0dd\uc57d \ud1b5\ud569 \uc194\ub8e8\uc158 \uac1c\ubc1c \ubcf8\uc0ac. “\uadfc\ubcf8 \ud68c\ubcf5”\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. 25+ Years of Research 14+ Global Patents Global Network Expansion USA (HQ) Korea Vietnam Singapore Total Health Solution “\uc9c8\ubcd1 \uadf9\ubcf5\uc744 \ub118\uc5b4 […]<\/p>\n","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,"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-3935","page","type-page","status-publish","format-standard","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages\/3935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/comments?post=3935"}],"version-history":[{"count":0,"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/pages\/3935\/revisions"}],"wp:attachment":[{"href":"https:\/\/hcbiopharm.net\/ja\/wp-json\/wp\/v2\/media?parent=3935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}