{"id":7,"date":"2025-12-30T06:19:37","date_gmt":"2025-12-30T06:19:37","guid":{"rendered":"https:\/\/kionya.dothome.co.kr\/?page_id=7"},"modified":"2025-12-30T06:22:18","modified_gmt":"2025-12-30T06:22:18","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/kionya.dothome.co.kr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94caa6a e-flex e-con-boxed e-con e-parent\" data-id=\"94caa6a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6aa674 elementor-widget elementor-widget-html\" data-id=\"a6aa674\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  KMedi Nexus | V6.15 Compact Grid Layout Patch\r\n  Status: Production Stable\r\n  Update: \r\n  1. Card Design: Switched to 'Horizontal Layout' (Icon Left, Text Middle, Checkbox Right) to reduce vertical height.\r\n  2. UX: Optimized spacing to prevent scrolling issues while maintaining the 2-column grid.\r\n  3. Visual: Enhanced text truncation to keep the UI clean even with longer titles.\r\n  Target: Elementor Canvas (HTML Widget)\r\n-->\r\n\r\n<!-- 1. External Libraries -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- 2. Tailwind Config -->\r\n<script>\r\n    (function() {\r\n        var interval = setInterval(function() {\r\n            if (typeof tailwind !== 'undefined') {\r\n                clearInterval(interval);\r\n                tailwind.config = {\r\n                    theme: {\r\n                        extend: {\r\n                            colors: {\r\n                                bg: { main: '#030712', card: '#0B1120', surface: '#111827' },\r\n                                primary: { 500: '#3B82F6', 600: '#2563EB', glow: 'rgba(59, 130, 246, 0.6)' }, \r\n                                accent: { 500: '#8B5CF6', 600: '#7C3AED', glow: 'rgba(139, 92, 246, 0.6)' },\r\n                                point: { 500: '#EC4899' },\r\n                                text: { main: '#F3F4F6', muted: '#9CA3AF' }\r\n                            },\r\n                            fontFamily: { sans: ['Inter', 'Noto Sans KR', 'sans-serif'] },\r\n                            animation: {\r\n                                'scroll': 'scroll 80s linear infinite', \r\n                                'spin-slow': 'spin 120s linear infinite',\r\n                                'float': 'float 8s ease-in-out infinite',\r\n                                'pulse-glow': 'pulseGlow 4s ease-in-out infinite',\r\n                            },\r\n                            keyframes: {\r\n                                scroll: { '0%': { transform: 'translateX(0)' }, '100%': { transform: 'translateX(-100%)' } },\r\n                                float: { '0%, 100%': { transform: 'translateY(0)' }, '50%': { transform: 'translateY(-10px)' } },\r\n                                pulseGlow: { '0%, 100%': { opacity: 0.4 }, '50%': { opacity: 0.8 } }\r\n                            }\r\n                        }\r\n                    },\r\n                    corePlugins: { preflight: false }\r\n                };\r\n            }\r\n        }, 50);\r\n    })();\r\n<\/script>\r\n\r\n<style>\r\n    \/* --- CSS Reset & Layout --- *\/\r\n    #kb-app-root { opacity: 1 !important; visibility: visible !important; }\r\n    \r\n    html { margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden !important; background-color: #030712 !important; font-family: 'Inter', 'Noto Sans KR', sans-serif; color: #F3F4F6; scroll-behavior: smooth; scroll-padding-top: 100px; }\r\n    body { margin: 0 !important; padding: 0 !important; width: 100% !important; background-color: #030712 !important; }\r\n    \r\n    #wpadminbar, header.site-header, #masthead, footer.site-footer { display: none !important; }\r\n    .elementor-section, .elementor-column, .elementor-widget { padding: 0 !important; margin: 0 !important; }\r\n\r\n    #kb-app-root {\r\n        width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\r\n        background-color: #030712; color: #F3F4F6; font-family: 'Inter', 'Noto Sans KR', sans-serif; line-height: 1.5;\r\n    }\r\n\r\n    \/* UI Components *\/\r\n    #kb-app-root .glass-panel { background: rgba(11, 17, 32, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }\r\n    #kb-app-root .card-modern { background: #0B1120; border: 1px solid rgba(255,255,255,0.06); transition: all 0.3s ease; }\r\n    #kb-app-root .card-modern:hover { border-color: rgba(139, 92, 246, 0.3); transform: translateY(-3px); box-shadow: 0 10px 30px -10px rgba(139, 92, 246, 0.2); }\r\n    \r\n    #kb-app-root .ticker-wrap { width: 100%; overflow: hidden; background: #020617; border-bottom: 1px solid rgba(255,255,255,0.05); white-space: nowrap; }\r\n    #kb-app-root .ticker-item { display: inline-flex; align-items: center; padding: 0 2rem; font-size: 0.8rem; color: #9CA3AF; font-weight: 500; letter-spacing: 0.02em; }\r\n    #kb-app-root .flag-icon { font-size: 1.2rem; margin-right: 0.6rem; filter: grayscale(0.2); }\r\n    \r\n    #kb-app-root .form-input { background: #111827; border: 1px solid rgba(255,255,255,0.1); color: white; padding: 0.6rem; border-radius: 0.5rem; width: 100%; transition: border-color 0.2s; }\r\n    #kb-app-root .form-input:focus { border-color: #8B5CF6; outline: none; }\r\n    \r\n    \/* Scrollbar *\/\r\n    #kb-app-root .custom-scroll::-webkit-scrollbar { width: 4px; }\r\n    #kb-app-root .custom-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,0.02); }\r\n    #kb-app-root .custom-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }\r\n    #kb-app-root .custom-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.25); }\r\n\r\n    \/* Visuals *\/\r\n    .hero-bg { background-image: url('https:\/\/globalcpa-fph4w9ds.manus.space\/images\/hero-network.png'); background-size: cover; background-position: center; opacity: 0.5; mix-blend-mode: screen; }\r\n    .globe-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1200px; height: 1200px; opacity: 0.6; pointer-events: none; z-index: 1; }\r\n    .globe-wireframe { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(139, 92, 246, 0.15); background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.05), transparent 70%); }\r\n    .globe-wireframe::before { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(139, 92, 246, 0.1); transform: rotate(45deg); }\r\n    .text-gradient-nexus { background: linear-gradient(to right, #60A5FA, #A78BFA, #EC4899); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n<\/style>\r\n\r\n<!-- ROOT CONTAINER -->\r\n<div id=\"kb-app-root\">\r\n\r\n    <!-- Fixed Header -->\r\n    <div class=\"fixed top-0 left-0 w-full z-50 bg-bg-main\/90 backdrop-blur-md border-b border-white\/5 transition-all duration-300\">\r\n        <div class=\"ticker-wrap py-2 flex items-center\">\r\n            <div class=\"bg-accent-600\/20 text-accent-500 text-[10px] font-bold px-3 py-0.5 rounded mx-4 tracking-wider uppercase border border-accent-600\/30 flex items-center gap-2\">\r\n                <span class=\"w-1.5 h-1.5 bg-accent-500 rounded-full animate-pulse\"><\/span> Nexus Live\r\n            <\/div>\r\n            <div class=\"flex animate-scroll\" id=\"live-ticker\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-6 h-18 flex justify-between items-center py-4\">\r\n            <div class=\"flex items-center gap-3 cursor-pointer\" onclick=\"window.scrollTo(0,0)\">\r\n                <div class=\"w-9 h-9 bg-gradient-to-br from-primary-600 to-accent-600 rounded-lg flex items-center justify-center text-white font-black text-sm shadow-[0_0_15px_rgba(124,58,237,0.5)]\">N<\/div>\r\n                <div>\r\n                    <span class=\"block font-bold text-white text-base tracking-tight leading-none\">KMEDI NEXUS<\/span>\r\n                    <span class=\"block text-[9px] text-accent-400 uppercase tracking-[0.3em] mt-1 font-medium\">Global Medical Hub<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hidden md:flex gap-10 text-sm font-medium text-text-muted\">\r\n                <a href=\"#dashboard\" class=\"hover:text-white transition-colors\">Nexus Core<\/a>\r\n                <a href=\"#solutions\" class=\"hover:text-white transition-colors\">Matrix<\/a>\r\n                <a href=\"#growth\" class=\"hover:text-white transition-colors\">Expansion<\/a>\r\n                <a href=\"#simulator\" class=\"hover:text-white transition-colors\">Predictor<\/a>\r\n                <a href=\"#compliance\" class=\"hover:text-white transition-colors\">Protocol<\/a>\r\n            <\/div>\r\n            <button onclick=\"downloadReport()\" class=\"text-xs font-bold bg-white text-bg-main px-6 py-2.5 rounded-full hover:bg-gray-200 transition-colors flex items-center gap-2 shadow-[0_0_20px_rgba(255,255,255,0.1)]\">\r\n                Access System <i data-lucide=\"arrow-up-right\" class=\"w-3 h-3\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 1. Hero Section -->\r\n    <section id=\"dashboard\" class=\"relative pt-44 pb-32 overflow-hidden min-h-screen flex flex-col justify-center bg-bg-main\">\r\n        <div class=\"absolute inset-0 z-0 overflow-hidden\">\r\n            <div class=\"absolute inset-0 hero-bg\"><\/div>\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-bg-main via-bg-main\/70 to-bg-main\"><\/div>\r\n            <div class=\"globe-container animate-spin-slow\">\r\n                <div class=\"globe-wireframe\"><\/div>\r\n                <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[140%] h-[140%] rounded-full border border-primary-500\/10 border-dashed animate-[spin_100s_linear_infinite]\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative z-10 max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-20 items-center w-full\">\r\n            <!-- Left: Vision -->\r\n            <div class=\"text-center lg:text-left\">\r\n                <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-accent-900\/30 border border-accent-500\/30 text-accent-300 text-xs font-bold mb-8 backdrop-blur-md animate-float shadow-lg mx-auto lg:mx-0\">\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-accent-400 animate-pulse\"><\/span>\r\n                    Operational Status: Online\r\n                <\/div>\r\n                <h1 class=\"text-5xl md:text-7xl font-extrabold leading-tight mb-8 tracking-tight drop-shadow-2xl\">\r\n                    Connect to the <br\/><span class=\"text-gradient-nexus\">Medical Nexus.<\/span>\r\n                <\/h1>\r\n                <p class=\"text-text-muted text-lg md:text-xl leading-relaxed max-w-2xl mx-auto lg:mx-0 mb-12 font-light keep-all\">\r\n                    <strong>KMedi Nexus<\/strong>\ub294 \ub300\ud55c\ubbfc\uad6d \uc758\ub8cc\uc640 \uc804 \uc138\uacc4 \ud658\uc790\ub97c \uc5f0\uacb0\ud558\ub294 \ub370\uc774\ud130 \uc2e0\uacbd\ub9dd\uc785\ub2c8\ub2e4.<br class=\"hidden md:block\"\/>\r\n                    \uac1d\uad00\uc801 \ub370\uc774\ud130 \uae30\ubc18\uc758 <strong>\ube14\ub77c\uc778\ub4dc \ub9e4\uce6d \ud504\ub85c\ud1a0\ucf5c<\/strong>\ub85c \uc9c4\uc131 \ud658\uc790\ub97c \ubc1c\uad74\ud558\uc138\uc694.\r\n                <\/p>\r\n                <div class=\"flex flex-col sm:flex-row gap-5 justify-center lg:justify-start items-center\">\r\n                    <button onclick=\"document.getElementById('simulator').scrollIntoView()\" class=\"h-14 px-10 rounded-full bg-white text-bg-main font-bold text-sm hover:scale-105 transition-transform shadow-[0_0_40px_rgba(255,255,255,0.15)] flex items-center gap-2\">Start Nexus Engine <i data-lucide=\"zap\" class=\"w-4 h-4 fill-current\"><\/i><\/button>\r\n                    <button class=\"h-14 px-10 rounded-full border border-white\/10 text-text-muted font-medium text-sm hover:text-white hover:bg-white\/5 transition-all flex items-center gap-2 backdrop-blur-sm bg-black\/20\"><i data-lucide=\"play-circle\" class=\"w-4 h-4\"><\/i> System Tour<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right: Real-time Data Console -->\r\n            <div class=\"glass-panel rounded-2xl p-1 border-t border-white\/10 animate-[fadeIn_1s_ease-out]\">\r\n                <div class=\"bg-bg-card\/80 rounded-xl p-8\">\r\n                    <div class=\"flex justify-between items-center mb-8 pb-4 border-b border-white\/5\">\r\n                        <h3 class=\"font-bold text-white flex items-center gap-3 text-sm\"><i data-lucide=\"activity\" class=\"text-accent-500 w-5 h-5\"><\/i> Network Traffic<\/h3>\r\n                        <div class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-green-500 rounded-full animate-pulse\"><\/span><span class=\"text-[10px] text-accent-200 font-mono tracking-widest\">LIVE SYNC<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"grid grid-cols-2 gap-4 mb-8\">\r\n                        <div class=\"bg-white\/[0.03] p-5 rounded-xl border border-white\/5 text-center group hover:border-primary-500\/30 transition-colors\">\r\n                            <div class=\"text-[10px] text-text-muted uppercase tracking-wider font-bold mb-2\">Daily Inflow<\/div>\r\n                            <div class=\"text-3xl font-black text-white mt-1 counter\" id=\"lead-counter\">...<\/div>\r\n                        <\/div>\r\n                        <div class=\"bg-white\/[0.03] p-5 rounded-xl border border-white\/5 text-center group hover:border-accent-500\/30 transition-colors\">\r\n                            <div class=\"text-[10px] text-text-muted uppercase tracking-wider font-bold mb-2\">Match Rate<\/div>\r\n                            <div class=\"text-3xl font-black text-accent-400 mt-1\">98.4%<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 h-64 overflow-hidden relative\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-bg-card pointer-events-none z-10\"><\/div>\r\n                        <div id=\"hero-live-list\" class=\"space-y-3\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. Core Values -->\r\n    <section id=\"core-values\" class=\"py-24 bg-bg-main relative z-10 border-t border-white\/5\">\r\n        <div class=\"container mx-auto px-6 max-w-7xl\">\r\n            <div class=\"text-center mb-20\">\r\n                <span class=\"text-accent-500 font-bold tracking-widest text-xs uppercase mb-3 block\">Core Architecture<\/span>\r\n                <h2 class=\"text-3xl font-bold text-white mb-4\">Why KMedi Nexus?<\/h2>\r\n                <p class=\"text-text-muted\">\ub370\uc774\ud130 \uae30\uc220\ub85c \uc644\uc131\ub41c \uac00\uc7a5 \uc548\uc804\ud558\uace0 \uac15\ub825\ud55c \uc758\ub8cc \ub9c8\ucf00\ud305 \ud50c\ub7ab\ud3fc.<\/p>\r\n            <\/div>\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <div class=\"card-modern p-10 rounded-2xl group hover:bg-white\/[0.02]\">\r\n                    <div class=\"w-14 h-14 bg-primary-500\/10 rounded-xl flex items-center justify-center text-primary-500 mb-8 border border-primary-500\/20 group-hover:scale-110 transition-transform\"><i data-lucide=\"layers\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Neutral Protocol<\/h3>\r\n                    <p class=\"text-sm text-text-muted leading-relaxed\">\ud2b9\uc815 \ubcd1\uc6d0\uc5d0 \ud3b8\ud5a5\ub418\uc9c0 \uc54a\uc740 '\uc911\ub9bd\uc801 \ub370\uc774\ud130 \uc815\ubcf4'\ub97c \uc81c\uacf5\ud558\uc5ec \ud658\uc790\uc758 \uc2e0\ub8b0\ub97c \uc5bb\uace0 \ubc29\uc5b4\uae30\uc81c\ub97c \ud574\uc81c\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"card-modern p-10 rounded-2xl group hover:bg-white\/[0.02]\">\r\n                    <div class=\"w-14 h-14 bg-accent-500\/10 rounded-xl flex items-center justify-center text-accent-500 mb-8 border border-accent-500\/20 group-hover:scale-110 transition-transform\"><i data-lucide=\"cpu\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Precision Engine<\/h3>\r\n                    <p class=\"text-sm text-text-muted leading-relaxed\">\ub2e8\uc21c \ud074\ub9ad\uc774 \uc544\ub2cc '\uad6c\uccb4\uc801 \uc2dc\uc220 \uc758\ub3c4'\ub97c \uac00\uc9c4 \uc720\uc800\ub9cc\uc744 \ud544\ud130\ub9c1\ud558\uc5ec \ub0ad\ube44 \uc5c6\ub294 \uace0\ud6a8\uc728 DB\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <div class=\"card-modern p-10 rounded-2xl group hover:bg-white\/[0.02]\">\r\n                    <div class=\"w-14 h-14 bg-green-500\/10 rounded-xl flex items-center justify-center text-green-500 mb-8 border border-green-500\/20 group-hover:scale-110 transition-transform\"><i data-lucide=\"shield-check\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Safety Standard<\/h3>\r\n                    <p class=\"text-sm text-text-muted leading-relaxed\">\ud50c\ub7ab\ud3fc \uc815\uccb4\uc131\uc744 \uba85\ud655\ud788 \ud558\uc5ec \uc758\ub8cc\uad11\uace0\ubc95 \ub9ac\uc2a4\ud06c\ub97c \ucc28\ub2e8\ud558\uace0, \uae00\ub85c\ubc8c \ub370\uc774\ud130 \uaddc\uc815\uc744 \uc900\uc218\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. Strategy Matrix -->\r\n    <section id=\"solutions\" class=\"py-32 bg-bg-main relative z-10\">\r\n        <div class=\"container mx-auto px-6 max-w-7xl\">\r\n            <div class=\"mb-16 flex flex-col md:flex-row justify-between items-end gap-6 border-b border-white\/5 pb-10\">\r\n                <div><span class=\"text-primary-500 text-xs font-bold tracking-[0.2em] uppercase mb-2 block\">01. Acquisition Channels<\/span><h2 class=\"text-3xl md:text-4xl font-bold text-white\">Nexus Channel Matrix<\/h2><\/div>\r\n                <p class=\"text-text-muted text-sm max-w-md text-right md:text-left leading-relaxed\">\uad6d\uac00\ubcc4\/\ud50c\ub7ab\ud3fc\ubcc4 \uc0ac\uc6a9\uc790 \ud589\ub3d9 \ud328\ud134\uc744 \ubd84\uc11d\ud558\uc5ec<br>\ucd5c\uc801\ud654\ub41c \ub370\uc774\ud130 \uce68\ud22c \uc804\ub7b5\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid lg:grid-cols-12 gap-6 h-auto lg:h-[500px]\">\r\n                <div class=\"lg:col-span-4 flex flex-col gap-4 h-full\">\r\n                    <div onclick=\"window.setChannel('google')\" id=\"btn-google\" class=\"card-modern active cursor-pointer p-6 rounded-2xl flex-1 group flex flex-col justify-center\">\r\n                        <div class=\"flex justify-between items-center\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 bg-white\/5 rounded-xl flex items-center justify-center text-2xl\">\ud83d\udd0d<\/div><div><h3 class=\"font-bold text-white text-lg\">Google Search<\/h3><p class=\"text-xs text-text-muted mt-1\">Intent Data<\/p><\/div><\/div><i data-lucide=\"chevron-right\" class=\"text-text-muted group-hover:text-white transition-colors\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div onclick=\"window.setChannel('meta')\" id=\"btn-meta\" class=\"card-modern cursor-pointer p-6 rounded-2xl flex-1 group flex flex-col justify-center\">\r\n                        <div class=\"flex justify-between items-center\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 bg-white\/5 rounded-xl flex items-center justify-center text-2xl\">\ud83d\udcf1<\/div><div><h3 class=\"font-bold text-white text-lg\">Meta Ecosystem<\/h3><p class=\"text-xs text-text-muted mt-1\">Visual Discovery<\/p><\/div><\/div><i data-lucide=\"chevron-right\" class=\"text-text-muted group-hover:text-white transition-colors\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div onclick=\"window.setChannel('tiktok')\" id=\"btn-tiktok\" class=\"card-modern cursor-pointer p-6 rounded-2xl flex-1 group flex flex-col justify-center\">\r\n                        <div class=\"flex justify-between items-center\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 bg-white\/5 rounded-xl flex items-center justify-center text-2xl\">\ud83c\udfb5<\/div><div><h3 class=\"font-bold text-white text-lg\">TikTok \/ Shorts<\/h3><p class=\"text-xs text-text-muted mt-1\">Viral Reach<\/p><\/div><\/div><i data-lucide=\"chevron-right\" class=\"text-text-muted group-hover:text-white transition-colors\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"lg:col-span-8 card-modern rounded-3xl p-10 relative flex flex-col justify-center overflow-hidden transition-all\" id=\"channel-display\">\r\n                    <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-primary-600\/10 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n                    <div class=\"relative z-10 space-y-8 animate-float\">\r\n                        <div class=\"flex items-center gap-4\"><span id=\"display-icon\" class=\"text-5xl\">\ud83d\udd0d<\/span><div class=\"h-10 w-px bg-white\/20\"><\/div><span id=\"display-tag\" class=\"text-primary-400 text-sm font-bold uppercase tracking-widest\">Search Intent Protocol<\/span><\/div>\r\n                        <h2 id=\"display-title\" class=\"text-4xl md:text-5xl font-bold leading-tight text-white keep-all\">Capture Demand with <span class=\"text-gradient-nexus\">Price Transparency<\/span><\/h2>\r\n                        <p id=\"display-desc\" class=\"text-xl text-text-muted leading-relaxed max-w-3xl keep-all font-light\">\ubcd1\uc6d0\uba85\uc774 \uc544\ub2cc '\uc2dc\uc220\uba85 + \uac00\uaca9' \ud0a4\uc6cc\ub4dc\ub97c \uc120\uc810\ud558\uc5ec \uad6c\ub9e4 \uc758\ub3c4\uac00 \uba85\ud655\ud55c \uc7a0\uc7ac \uace0\uac1d\uc744 \uc720\uc785\uc2dc\ud0b5\ub2c8\ub2e4.<\/p>\r\n                        <div class=\"grid grid-cols-2 gap-6 pt-6\">\r\n                            <div class=\"bg-white\/5 border border-white\/5 p-5 rounded-xl\"><div class=\"text-[10px] text-text-muted uppercase mb-2 font-bold tracking-wider\">Target Keywords<\/div><div id=\"display-keywords\" class=\"text-base text-white font-medium\">\"Ulthera Korea Price\"<\/div><\/div>\r\n                            <div class=\"bg-white\/5 border border-white\/5 p-5 rounded-xl\"><div class=\"text-[10px] text-text-muted uppercase mb-2 font-bold tracking-wider\">Winning Hook<\/div><div id=\"display-hook\" class=\"text-base text-primary-400 font-medium\">\"Official 2025 Pricing Guide\"<\/div><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. Expansion Units (Influencer\/Affiliate) -->\r\n    <section id=\"growth\" class=\"py-24 bg-bg-main relative border-t border-white\/5\">\r\n        <div class=\"container mx-auto px-6 max-w-6xl\">\r\n            <div class=\"mb-16 text-center\">\r\n                <span class=\"text-white\/50 text-xs font-bold tracking-[0.2em] uppercase mb-3 block\">02. Expansion Units<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white\">Nexus Expansion<\/h2>\r\n            <\/div>\r\n            <div class=\"grid md:grid-cols-3 gap-6\">\r\n                <!-- 1. Influencer -->\r\n                <div class=\"card-modern p-10 rounded-3xl group hover:bg-white\/[0.02] transition-colors relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 p-6 opacity-10 group-hover:opacity-30 transition-opacity\"><i data-lucide=\"globe\" class=\"w-24 h-24 text-accent-500\"><\/i><\/div>\r\n                    <div class=\"w-14 h-14 bg-accent-500\/10 rounded-2xl flex items-center justify-center text-accent-500 border border-accent-500\/20 mb-8\"><i data-lucide=\"megaphone\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Global Influencer<\/h3>\r\n                    <p class=\"text-xs text-text-muted leading-relaxed mb-6 h-12\">\uad6d\uac00\ubcc4 \ud604\uc9c0 \uc778\ud50c\ub8e8\uc5b8\uc11c \ub9e4\uce6d\uc744 \ud1b5\ud574 \uc20f\ud3fc \uc601\uc0c1(Reels, TikTok) \uc911\uc2ec\uc758 \ud3ed\ubc1c\uc801\uc778 \ub3c4\ub2ec\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <!-- 2. Review Squad -->\r\n                <div class=\"card-modern p-10 rounded-3xl group hover:bg-white\/[0.02] transition-colors relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 p-6 opacity-10 group-hover:opacity-30 transition-opacity\"><i data-lucide=\"users\" class=\"w-24 h-24 text-purple-500\"><\/i><\/div>\r\n                    <div class=\"w-14 h-14 bg-purple-500\/10 rounded-2xl flex items-center justify-center text-purple-500 border border-purple-500\/20 mb-8\"><i data-lucide=\"message-square\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Review Squad<\/h3>\r\n                    <p class=\"text-xs text-text-muted leading-relaxed mb-6 h-12\">\uc9c4\uc815\uc131 \uc788\ub294 '\uc2e4\uc81c \ud658\uc790 \uccb4\ud5d8\ub2e8'\uc744 \ubaa8\uc9d1\ud558\uc5ec \uace0\ud004\ub9ac\ud2f0 \uc804\ud6c4 \uc0ac\uc9c4\uacfc \ud6c4\uae30\ub97c \uc8fc\uc694 \ud50c\ub7ab\ud3fc\uc5d0 \ubc30\ud3ec\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n                <!-- 3. Affiliate -->\r\n                <div class=\"card-modern p-10 rounded-3xl group hover:bg-white\/[0.02] transition-colors relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 p-6 opacity-10 group-hover:opacity-30 transition-opacity\"><i data-lucide=\"share-2\" class=\"w-24 h-24 text-primary-500\"><\/i><\/div>\r\n                    <div class=\"w-14 h-14 bg-primary-500\/10 rounded-2xl flex items-center justify-center text-primary-500 border border-primary-500\/20 mb-8\"><i data-lucide=\"network\" class=\"w-7 h-7\"><\/i><\/div>\r\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Affiliate Network<\/h3>\r\n                    <p class=\"text-xs text-text-muted leading-relaxed mb-6 h-12\">\uc131\uacfc(DB, \ub9e4\ucd9c) \uae30\ubc18\uc758 \uc81c\ud734 \ub9c8\ucf00\ud305\uc73c\ub85c \ub9ac\uc2a4\ud06c \uc5c6\ub294 \ud569\ub9ac\uc801\uc778 \uc138\uc77c\uc988\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Partner CTA -->\r\n            <div class=\"mt-16 text-center border-t border-white\/5 pt-10\">\r\n                 <p class=\"text-gray-400 text-sm mb-4\">\uc778\ud50c\ub8e8\uc5b8\uc11c \ud639\uc740 \ub9c8\ucf00\ud130\uc774\uc2e0\uac00\uc694?<\/p>\r\n                 <a href=\"#\" onclick=\"alert('Partner Registration Portal is coming soon.'); return false;\" class=\"inline-flex items-center gap-2 text-gray-300 hover:text-white border-b border-gray-600 hover:border-white transition-colors pb-1 text-sm font-medium\">\r\n                    \ud30c\ud2b8\ub108\ub85c \ub4f1\ub85d\ud558\uace0 \uc218\uc775 \ucc3d\ucd9c\ud558\uae30 (For Partners) <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\r\n                 <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. Simulator (2-Column Grid for Products) -->\r\n    <section id=\"simulator\" class=\"py-32 relative bg-bg-surface overflow-hidden border-t border-white\/5\">\r\n        <div class=\"max-w-6xl mx-auto px-6 relative z-10\">\r\n            <div class=\"card-modern rounded-3xl overflow-hidden flex flex-col md:flex-row min-h-[600px] border border-accent-500\/20 shadow-[0_0_50px_-20px_rgba(124,58,237,0.1)]\">\r\n                <div class=\"w-full md:w-1\/2 p-12 border-r border-white\/5 bg-bg-card relative\">\r\n                    <div class=\"mb-10\">\r\n                        <span class=\"text-accent-500 text-xs font-bold tracking-widest uppercase mb-2 block\">Nexus Predictor<\/span>\r\n                        <h2 class=\"text-3xl font-bold text-white\">Campaign Simulation<\/h2>\r\n                        <p class=\"text-text-muted text-sm mt-3\">\uc6d0\ud558\uc2dc\ub294 \ub9c8\ucf00\ud305 \uc0c1\ud488\uc744 \uc120\ud0dd\ud558\uc5ec \uc608\uc0c1 \ud6a8\uc728\uc744 \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- 2-Column Grid List for Products (Updated Layout) -->\r\n                    <div id=\"sim-product-list\" class=\"grid grid-cols-2 gap-3 max-h-[360px] overflow-y-auto pr-1 custom-scroll mb-10\">\r\n                        <!-- JS Injected Options -->\r\n                    <\/div>\r\n                    \r\n                    <button id=\"btn-calc-roi\" class=\"w-full py-4 bg-white text-black rounded-xl font-bold text-sm hover:scale-[1.02] transition-transform shadow-lg\">Calculate Potential<\/button>\r\n                <\/div>\r\n                <div class=\"w-full md:w-1\/2 p-12 bg-black flex flex-col justify-center items-center relative overflow-hidden\">\r\n                    <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.05),transparent)] opacity-50\"><\/div>\r\n                    <div class=\"absolute inset-0 bg-grid opacity-20 pointer-events-none\"><\/div>\r\n                    <div id=\"terminal-output\" class=\"relative z-10 w-full max-w-xs text-center\">\r\n                        <div class=\"w-24 h-24 bg-white\/5 rounded-full flex items-center justify-center mx-auto mb-8 border border-white\/10 animate-pulse\"><i data-lucide=\"cpu\" class=\"w-10 h-10 text-white\/40\"><\/i><\/div>\r\n                        <h3 class=\"text-white font-bold mb-2 text-lg\">System Ready<\/h3>\r\n                        <p class=\"text-xs text-text-muted\">Select campaign types to forecast your ROI.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. Protocol -->\r\n    <section id=\"compliance\" class=\"py-24 border-t border-white\/5 bg-bg-main\">\r\n        <div class=\"container mx-auto px-6 max-w-6xl\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12\">\r\n                <div class=\"glass-panel p-10 rounded-3xl border border-white\/10 relative overflow-hidden\">\r\n                    <div class=\"flex justify-between items-center mb-8\">\r\n                        <div><h3 class=\"text-2xl font-bold text-white\">Performance Forecast<\/h3><p class=\"text-sm text-gray-400 mt-1\">Projected Traffic & Conversion<\/p><\/div>\r\n                        <span class=\"text-[10px] font-bold text-white bg-primary-600 px-3 py-1 rounded-full uppercase\">Q1-Q2 Projection<\/span>\r\n                    <\/div>\r\n                    <div class=\"h-64 chart-box\"><canvas id=\"kpiChart\"><\/canvas><\/div>\r\n                <\/div>\r\n                <div class=\"bg-bg-card p-10 rounded-3xl shadow-2xl border border-white\/10 text-white relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 w-80 h-80 bg-green-500\/5 rounded-full blur-[100px] -mr-20 -mt-20\"><\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-3 flex items-center gap-3\"><i data-lucide=\"shield-check\" class=\"text-green-500 w-8 h-8\"><\/i> Safety Protocol<\/h3>\r\n                    <div class=\"space-y-6 relative z-10\">\r\n                        <div class=\"glass-panel p-5 rounded-2xl flex items-start gap-5 hover:bg-white\/5 transition-colors border border-white\/5\"><div class=\"text-green-400 mt-0.5 shrink-0\"><i data-lucide=\"user-check\" class=\"w-5 h-5\"><\/i><\/div><div><h4 class=\"font-bold text-sm text-white\">Platform Identity<\/h4><p class=\"text-xs text-gray-400 mt-1.5 keep-all\">\uc758\ub8cc\uae30\uad00\uc774 \uc544\ub2cc '\ub370\uc774\ud130 \ud50c\ub7ab\ud3fc'\uc784\uc744 \uba85\uc2dc\ud558\uc5ec \uc758\ub8cc\uad11\uace0\ubc95 \ub9ac\uc2a4\ud06c \uc6d0\ucc9c \ucc28\ub2e8<\/p><\/div><\/div>\r\n                        <div class=\"glass-panel p-5 rounded-2xl flex items-start gap-5 hover:bg-white\/5 transition-colors border border-white\/5\"><div class=\"text-green-400 mt-0.5 shrink-0\"><i data-lucide=\"file-warning\" class=\"w-5 h-5\"><\/i><\/div><div><h4 class=\"font-bold text-sm text-white\">Keyword Filtering<\/h4><p class=\"text-xs text-gray-400 mt-1.5 keep-all\">\uc704\ubc95 \ud0a4\uc6cc\ub4dc \uc790\ub3d9 \ud544\ud130\ub9c1 \uc2dc\uc2a4\ud15c \uc801\uc6a9<\/p><\/div><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"mt-20 text-center border-t border-white\/5 pt-12\">\r\n                <div class=\"flex justify-center items-center gap-3 mb-6 opacity-50 hover:opacity-100 transition-opacity\">\r\n                     <div class=\"w-8 h-8 bg-white rounded-lg flex items-center justify-center text-black font-black text-sm\">K<\/div>\r\n                     <span class=\"text-sm font-bold tracking-widest text-white\">KMEDI NEXUS<\/span>\r\n                <\/div>\r\n                <p class=\"text-[10px] text-text-muted uppercase tracking-widest\">&copy; 2025 KMedi Nexus. All Rights Reserved.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- Scripts -->\r\n<script>\r\n    (function() {\r\n        var attempts = 0;\r\n        var maxAttempts = 50; \r\n\r\n        function initApp() {\r\n            if (typeof Chart === 'undefined' || typeof lucide === 'undefined') {\r\n                if (attempts < maxAttempts) {\r\n                    attempts++;\r\n                    setTimeout(initApp, 100);\r\n                } else {\r\n                    document.getElementById('kb-app-root').style.opacity = 1; \r\n                }\r\n                return;\r\n            }\r\n\r\n            window.lucide.createIcons();\r\n            var app = document.getElementById('kb-app-root');\r\n            if(app) app.style.opacity = 1;\r\n\r\n            \/\/ ... (Ticker, Counter logic) ...\r\n            var rawItems = [\r\n                { c: '\ud83c\uddef\ud83c\uddf5', t: 'Google Search CPA Inquiry', m: '2m' }, { c: '\ud83c\uddfa\ud83c\uddf8', t: 'Meta Ads Request', m: '5m' },\r\n                { c: '\ud83c\udf0f', t: 'Global Influencer Campaign', m: '8m' }, { c: '\ud83c\uddfb\ud83c\uddf3', t: 'TikTok CPA Inquiry', m: '12m' }, \r\n                { c: '\ud83c\uddf9\ud83c\udded', t: 'Influencer Match', m: '15m' }, { c: '\ud83c\udf0f', t: 'Affiliate Partner Join', m: '18m' }\r\n            ];\r\n            var tickerContainer = document.getElementById('live-ticker');\r\n            if (tickerContainer) {\r\n                var allItems = rawItems.concat(rawItems).concat(rawItems);\r\n                var html = '';\r\n                allItems.forEach(function(item) {\r\n                    html += '<div class=\"ticker-item\"><span class=\"flag-icon\">' + item.c + '<\/span> ' + item.t + ' <span class=\"text-text-muted ml-2 text-[10px]\">' + item.m + '<\/span><\/div>';\r\n                });\r\n                tickerContainer.innerHTML = html;\r\n            }\r\n\r\n            function getInitialLeads() {\r\n                var now = new Date();\r\n                var startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\r\n                var diffInMinutes = Math.floor((now - startOfDay) \/ 60000);\r\n                return Math.floor(85 + (diffInMinutes * 0.4));\r\n            }\r\n            var liveList = document.getElementById('hero-live-list');\r\n            var leadCounter = document.getElementById('lead-counter');\r\n            var currentLeads = getInitialLeads();\r\n            if(leadCounter) leadCounter.innerText = currentLeads;\r\n\r\n            function updateLiveList() {\r\n                var item = rawItems[Math.floor(Math.random() * rawItems.length)];\r\n                if (liveList) {\r\n                    var el = document.createElement('div');\r\n                    el.className = \"flex justify-between items-center text-[10px] text-text-muted animate-pulse border-b border-white\/5 pb-3\";\r\n                    el.innerHTML = '<div class=\"flex items-center gap-3\"><span class=\"text-sm grayscale\">' + item.c + '<\/span><span class=\"text-white font-medium\">' + item.t.split(' ')[0] + '...<\/span><\/div><span class=\"text-accent-400 font-mono\">Just now<\/span>';\r\n                    liveList.prepend(el);\r\n                    if(liveList.children.length > 5) liveList.lastElementChild.remove();\r\n                }\r\n                if(leadCounter) {\r\n                    currentLeads++; \r\n                    leadCounter.innerText = currentLeads;\r\n                    leadCounter.classList.add('text-accent-500'); \r\n                    setTimeout(function() { leadCounter.classList.remove('text-accent-500'); }, 500);\r\n                }\r\n            }\r\n            setInterval(updateLiveList, 3000); \r\n            updateLiveList();\r\n\r\n            \/\/ --- Simulator List Generation (Horizontal Box Layout) ---\r\n            var products = [\r\n                { icon: '\ud83d\udd0d', title: 'Google CPA', sub: 'High Intent' },\r\n                { icon: '\ud83d\udcf1', title: 'Meta CPA', sub: 'Visual Leads' },\r\n                { icon: '\ud83c\udfb5', title: 'TikTok CPA', sub: 'Viral Reach' },\r\n                { icon: '\ud83c\udf1f', title: 'Influencer', sub: 'Mega\/Micro' },\r\n                { icon: '\u270d\ufe0f', title: 'Review Squad', sub: 'Seeding\/UGC' },\r\n                { icon: '\ud83e\udd1d', title: 'Affiliate', sub: 'Partner Net' },\r\n                { icon: '\ud83d\udcac', title: 'LINE\/Zalo', sub: 'Messenger' },\r\n                { icon: '\ud83d\udcd5', title: 'Xiaohongshu', sub: 'China Red' }\r\n            ];\r\n            \r\n            var simList = document.getElementById('sim-product-list');\r\n            if (simList) {\r\n                var listHtml = '';\r\n                products.forEach(function(p) {\r\n                    \/\/ Changed classes: flex-col -> items-center, gap-2 -> gap-3, p-3 -> p-3.5\r\n                    listHtml += '<div class=\"p-3.5 rounded-xl border border-white\/5 bg-white\/[0.02] hover:border-primary-500\/50 hover:bg-white\/[0.05] cursor-pointer transition-all group flex items-center gap-3 select-none sim-option\">';\r\n                    listHtml += '<span class=\"text-2xl group-hover:scale-110 transition-transform shrink-0\">' + p.icon + '<\/span>';\r\n                    listHtml += '<div class=\"flex-1 min-w-0\"><div class=\"text-xs font-bold text-white leading-tight truncate\">' + p.title + '<\/div><div class=\"text-[10px] text-text-muted mt-0.5 truncate\">' + p.sub + '<\/div><\/div>';\r\n                    listHtml += '<div class=\"selection-indicator w-4 h-4 rounded-full border border-white\/20 shrink-0\"><\/div>';\r\n                    listHtml += '<\/div>';\r\n                });\r\n                simList.innerHTML = listHtml;\r\n                \r\n                var options = simList.querySelectorAll('.sim-option');\r\n                options.forEach(function(opt) {\r\n                    opt.addEventListener('click', function() {\r\n                        this.classList.toggle('bg-white\/[0.02]'); \r\n                        this.classList.toggle('bg-white\/[0.1]');\r\n                        this.classList.toggle('border-white\/5'); \r\n                        this.classList.toggle('border-primary-500');\r\n                        var ind = this.querySelector('.selection-indicator');\r\n                        if (ind) {\r\n                           if (ind.classList.contains('bg-primary-500')) {\r\n                               ind.classList.remove('bg-primary-500', 'border-transparent'); ind.classList.add('border-white\/20');\r\n                           } else {\r\n                               ind.classList.add('bg-primary-500', 'border-transparent'); ind.classList.remove('border-white\/20');\r\n                           }\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n\r\n            \/\/ ... (Rest of the functions) ...\r\n            var btnCalc = document.getElementById('btn-calc-roi');\r\n            if(btnCalc) btnCalc.addEventListener('click', window.runSimulation);\r\n            \r\n            var btnStartSim = document.getElementById('btn-start-sim');\r\n            if(btnStartSim) btnStartSim.addEventListener('click', function() { document.getElementById('simulator').scrollIntoView({behavior: 'smooth'}); });\r\n            \r\n            var btnPartner = document.getElementById('btn-partner-access');\r\n            if(btnPartner) btnPartner.addEventListener('click', function() { window.open('#', '_blank'); });\r\n\r\n            var channelBtns = document.querySelectorAll('.card-modern[onclick]');\r\n            channelBtns.forEach(function(btn) {\r\n                var onclickVal = btn.getAttribute('onclick');\r\n                if(onclickVal.includes('setChannel')) {\r\n                    var id = onclickVal.match(\/'([^']+)'\/)[1];\r\n                    btn.onclick = function() { window.setChannel(id); };\r\n                }\r\n            });\r\n\r\n            window.setChannel = function(id) {\r\n                document.querySelectorAll('.lg\\\\:col-span-4 .card-modern').forEach(function(el){ el.classList.remove('active', 'border-primary-500'); });\r\n                var btn = document.getElementById('btn-' + id);\r\n                if (btn) btn.classList.add('active', 'border-primary-500');\r\n                \r\n                var data = {\r\n                    google: { icon: '\ud83d\udd0d', heading: \"Capture Demand with <br\/><span class='text-gradient-blue'>Price Transparency<\/span>\", desc: \"\ubcd1\uc6d0\uba85\uc774 \uc544\ub2cc '\uc2dc\uc220\uba85 + \uac00\uaca9' \ud0a4\uc6cc\ub4dc\ub97c \uc120\uc810\ud558\uc5ec \uad6c\ub9e4 \uc758\ub3c4\uac00 \uba85\ud655\ud55c \uc7a0\uc7ac \uace0\uac1d\uc744 \uc720\uc785\uc2dc\ud0b5\ub2c8\ub2e4.\", kw: '\"Ulthera Korea Price\"', hook: '\"Official 2025 Pricing Guide\"' },\r\n                    meta: { icon: '\ud83d\udcf1', heading: \"Engage with <br\/><span class='text-gradient-blue'>Viral Aesthetics<\/span>\", desc: \"\ub9b4\uc2a4\uc640 \uc2a4\ud1a0\ub9ac\ub97c \ud1b5\ud574 \uc2dc\uac01\uc801 \ud2b8\ub80c\ub4dc\ub97c \ubcf4\uc5ec\uc8fc\uace0, \uc778\uc2a4\ud134\ud2b8 \uc591\uc2dd(Lead Form)\uc73c\ub85c \uc774\ud0c8 \uc5c6\uc774 DB\ub97c \uc218\uc9d1\ud569\ub2c8\ub2e4.\", kw: '\"K-Beauty Trend\"', hook: '\"Find your perfect treatment\"' },\r\n                    tiktok: { icon: '\ud83c\udfb5', heading: \"Explode Reach with <br\/><span class='text-gradient-blue'>Secret Reveals<\/span>\", desc: \"\uc815\ubcf4\uc131\/\uc5d4\ud130\uc131 \uc20f\ud3fc\uc73c\ub85c '\ud55c\uad6d \ubdf0\ud2f0\uc758 \ube44\ubc00'\uc744 \ud3ed\ub85c\ud558\ub4ef \uc811\uadfc\ud558\uc5ec \ud638\uae30\uc2ec\uc744 \uadf9\ub300\ud654\ud569\ub2c8\ub2e4.\", kw: '\"K-Beauty Secrets\"', hook: '\"What clinics don\\'t tell you\"' }\r\n                }[id];\r\n\r\n                if(data) {\r\n                    document.getElementById('display-icon').innerText = data.icon;\r\n                    document.getElementById('display-title').innerHTML = data.heading;\r\n                    document.getElementById('display-desc').innerText = data.desc;\r\n                    document.getElementById('display-keywords').innerText = data.kw;\r\n                    document.getElementById('display-hook').innerText = data.hook;\r\n                }\r\n            };\r\n\r\n            window.runSimulation = function() {\r\n                var term = document.getElementById('terminal-output');\r\n                if (!term) return;\r\n                term.innerHTML = '<div class=\"flex flex-col items-center animate-pulse\"><div class=\"w-10 h-10 border-2 border-white\/20 border-t-white rounded-full animate-spin mb-4\"><\/div><p class=\"text-white text-sm font-medium\">Processing Market Data...<\/p><\/div>';\r\n                setTimeout(function() {\r\n                    var res = '<div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-6 w-full backdrop-blur-md animate-[fadeIn_0.5s_ease-out]\">';\r\n                    res += '<div class=\"flex justify-between items-center mb-6\"><span class=\"text-[10px] font-bold bg-green-500\/20 text-green-400 px-2 py-1 rounded uppercase\">Ready<\/span><i data-lucide=\"trending-up\" class=\"text-green-400 w-4 h-4\"><\/i><\/div>';\r\n                    res += '<div class=\"space-y-4 mb-6\"><div class=\"flex justify-between text-sm border-b border-white\/5 pb-2\"><span class=\"text-text-muted\">Est. CPA<\/span><span class=\"text-white font-bold\">$12 - $18<\/span><\/div><div class=\"flex justify-between text-sm border-b border-white\/5 pb-2\"><span class=\"text-text-muted\">Monthly Leads<\/span><span class=\"text-white font-bold\">850+<\/span><\/div><div class=\"flex justify-between text-sm\"><span class=\"text-text-muted\">Influencer Reach<\/span><span class=\"text-white font-bold\">250K+<\/span><\/div><\/div><button onclick=\"window.showContactForm()\" class=\"w-full py-3 bg-white text-black rounded-lg font-bold text-xs hover:bg-gray-200 transition-colors\">Unlock Full Report<\/button><\/div>';\r\n                    term.innerHTML = res;\r\n                    if(window.lucide) window.lucide.createIcons();\r\n                }, 1200);\r\n            };\r\n\r\n            window.showContactForm = function() {\r\n                var term = document.getElementById('terminal-output');\r\n                if (!term) return;\r\n                var formHtml = '<div class=\"bg-bg-card border border-white\/10 rounded-2xl p-6 w-full shadow-2xl animate-[fadeIn_0.5s_ease-out]\"><div class=\"text-left mb-4\"><h4 class=\"text-white font-bold text-sm\">Access Request<\/h4><p class=\"text-[10px] text-text-muted\">Enter details to receive the strategy.<\/p><\/div><div class=\"space-y-2 mb-4\"><input type=\"text\" placeholder=\"Clinic Name\" class=\"w-full form-input rounded p-2 text-xs\"><input type=\"text\" placeholder=\"Contact Person\" class=\"w-full form-input rounded p-2 text-xs\"><div class=\"flex gap-2\"><select class=\"w-[40%] form-input rounded p-2 text-xs\"><option>Kakao<\/option><option>TG<\/option><option>WA<\/option><\/select><input type=\"text\" placeholder=\"ID\" class=\"w-[60%] form-input rounded p-2 text-xs\"><\/div><\/div><button onclick=\"alert(\\'Request Sent!\\');\" class=\"w-full py-3 bg-primary-600 text-white rounded-lg font-bold text-xs hover:bg-primary-500\">Submit Request<\/button><\/div>';\r\n                term.innerHTML = formHtml;\r\n            };\r\n\r\n            const PDF_URL = \"#\";\r\n            window.downloadReport = function() { \r\n                if(PDF_URL === \"#\" || PDF_URL === \"\") alert(\"Report coming soon.\"); \r\n                else window.open(PDF_URL, '_blank'); \r\n            };\r\n\r\n            \/\/ Chart\r\n            var chartCanvas = document.getElementById('kpiChart');\r\n            if (chartCanvas && window.Chart) {\r\n                var ctx = chartCanvas.getContext('2d');\r\n                new Chart(ctx, { \r\n                    type: 'line', \r\n                    data: { \r\n                        labels: ['M1', 'M2', 'M3', 'M4', 'M5', 'M6'], \r\n                        datasets: [{ \r\n                            label: 'Growth', data: [120, 350, 800, 1500, 2800, 4200], \r\n                            borderColor: '#EC4899', backgroundColor: function(context) { var ctx = context.chart.ctx; var gradient = ctx.createLinearGradient(0, 0, 0, 300); gradient.addColorStop(0, 'rgba(236, 72, 153, 0.3)'); gradient.addColorStop(1, 'rgba(236, 72, 153, 0)'); return gradient; }, \r\n                            fill: true, tension: 0.4, pointRadius: 0, borderWidth: 2 \r\n                        }] \r\n                    }, \r\n                    options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { display: false }, x: { display: false } } } \r\n                });\r\n            }\r\n            \r\n            var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if(entry.isIntersecting) entry.target.classList.add('active'); }); });\r\n            document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); });\r\n            \r\n            \/\/ Fix Anchor Links\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' });\r\n                });\r\n            });\r\n        }\r\n\r\n        if (document.readyState === 'loading') { document.addEventListener(\"DOMContentLoaded\", initApp); } else { initApp(); }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Nexus Live N KMEDI NEXUS Global Medical Hub Nexus Core Matrix Expansion Predictor Protocol Access System Operational Status: Online Connect to the Medical Nexus. KMedi Nexus\ub294 \ub300\ud55c\ubbfc\uad6d \uc758\ub8cc\uc640 \uc804 \uc138\uacc4 \ud658\uc790\ub97c \uc5f0\uacb0\ud558\ub294 \ub370\uc774\ud130 \uc2e0\uacbd\ub9dd\uc785\ub2c8\ub2e4. \uac1d\uad00\uc801 \ub370\uc774\ud130 \uae30\ubc18\uc758 \ube14\ub77c\uc778\ub4dc \ub9e4\uce6d \ud504\ub85c\ud1a0\ucf5c\ub85c \uc9c4\uc131 \ud658\uc790\ub97c \ubc1c\uad74\ud558\uc138\uc694. Start Nexus Engine System Tour Network Traffic LIVE SYNC Daily Inflow &#8230; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":6,"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/kionya.dothome.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}