{"id":3192,"date":"2025-09-21T17:01:41","date_gmt":"2025-09-21T13:31:41","guid":{"rendered":"https:\/\/kiacell-immune.com\/pipeline\/"},"modified":"2026-02-08T17:34:33","modified_gmt":"2026-02-08T14:04:33","slug":"pipeline","status":"publish","type":"page","link":"https:\/\/kiacell-immune.com\/ar\/pipeline\/","title":{"rendered":"\u062e\u0637\u0651 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3192\" class=\"elementor elementor-3192 elementor-2249\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0b834 e-con-full e-flex e-con e-parent\" data-id=\"9e0b834\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbb43dd elementor-widget elementor-widget-heading\" data-id=\"bbb43dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062e\u0637\u0651 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc01e06 e-con-full e-flex e-con e-parent\" data-id=\"dc01e06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fad356a elementor-widget elementor-widget-html\" data-id=\"fad356a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KIACELL Pipeline \u2013 Elementor HTML\/CSS\/JS (final: continuous bar + mobile phase label) -->\r\n<!-- How to use:\r\n  1) Elementor \u2192 add a Container (Full Width) \u2192 drop an HTML widget\r\n  2) Paste this entire snippet. No extra plugin needed.\r\n  3) For each row, set data-progress from PDF (Discovery=20, Preclinical=40, Phase I=60, Phase II=80, Phase III=100)\r\n-->\r\n\r\n<style>\r\n  :root{\r\n    \/* Brand palette *\/\r\n    --green-700:#2c9c34; \/* main bar *\/\r\n    --green-500:#5eb063; --green-400:#48a74e; --green-300:#73ba77; --green-200:#9acd9d;\r\n    --gray-700:#6b6d70; --gray-500:#909293; --gray-400:#aaabac;\r\n    --radius:12px;\r\n  }\r\n\r\n  .pipeline{width:100%;max-width:1200px;margin:0 auto;color:var(--gray-700);font-size:16px;line-height:1.55}\r\n\r\n  \/* GRID TABLE: exactly 10 columns like PDF *\/\r\n  .pipeline__table{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1.3fr repeat(5,1fr) 1.1fr;border:1px solid var(--gray-400);border-radius:var(--radius);overflow:hidden;background:#fff}\r\n\r\n  \/* Header *\/\r\n  .pipeline__header{display:contents}\r\n  .pipeline__headcell{background:var(--green-300);color:#fff;font-weight:800;padding:14px 16px;border-right:1px solid rgba(255,255,255,.35);position:sticky;top:0;z-index:2}\r\n  .pipeline__headcell:last-child{border-right:0}\r\n\r\n  \/* Rows *\/\r\n  .pipeline__row{display:contents}\r\n  .pipeline__cell{position:relative;padding:18px 16px;background:#fff;border-top:1px solid #e8eee8;border-right:1px solid #eef3ee}\r\n  .pipeline__cell:last-child{border-right:0}\r\n  .pipeline__therapy{font-weight:800}\r\n  .pipeline__sub{color:var(--gray-500);font-weight:500}\r\n\r\n  \/* Subtle tint for phase area (cols 5..9) *\/\r\n  .pipeline__table{background:\r\n    linear-gradient(to right, transparent 0, transparent 40%, rgba(44,156,52,.04) 40%, rgba(44,156,52,.04) calc(40% + 50%), transparent calc(40% + 50%))}\r\n\r\n  \/* Continuous progress bar spanning columns 5..9 *\/\r\n  .pipeline__progress{grid-column:5\/10;display:flex;align-items:center;padding:12px 10px;z-index:1;pointer-events:none}\r\n  .progress__track{width:100%;height:18px;background:rgba(44,156,52,.12);border-radius:9px;overflow:hidden}\r\n  .progress__fill{width:0;height:100%;background:var(--green-700);border-radius:9px;transition:width 1100ms cubic-bezier(.22,.8,.36,1)}\r\n\r\n  .pipeline__row:hover .pipeline__therapy{color:var(--green-700)}\r\n  .partner{display:inline-flex;align-items:center;gap:8px;color:var(--gray-500)}\r\n  .partner img{max-height:26px;width:auto;display:block}\r\n  .partner-cell{grid-column:10\/11}\r\n\r\n  \/* Responsive: cards on small screens *\/\r\n  .pipeline__cards{display:none}\r\n  @media (max-width:991px){\r\n    .pipeline__table{display:none}\r\n    .pipeline__cards{display:grid;gap:16px}\r\n    .card{border:1px solid var(--gray-400);border-radius:var(--radius);padding:16px;background:#fff}\r\n    .card__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}\r\n    .card__title{font-weight:800;color:var(--gray-700)}\r\n    .card__subtitle{color:var(--gray-500);font-weight:500}\r\n    .card__phase{margin-top:8px;font-size:14px;font-weight:600;color:var(--green-700)}\r\n    .card__bar{margin-top:8px;width:100%;height:16px;border-radius:8px;background:rgba(44,156,52,.12);overflow:hidden}\r\n    .card__fill{width:0;height:100%;background:var(--green-700);transition:width 1100ms cubic-bezier(.22,.8,.36,1);border-radius:8px}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pipeline\" id=\"pipeline\">\r\n  <div class=\"pipeline__table\" role=\"table\" aria-label=\"Kiacell Pipeline\">\r\n    <div class=\"pipeline__header\" role=\"rowgroup\">\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Therapy<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Product<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Field<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Indication<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Discovery<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Preclinical<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Phase I<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Phase II<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Phase III<\/div>\r\n      <div class=\"pipeline__headcell\" role=\"columnheader\">Partner<\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 1: Nikogene\u2122 -->\r\n    <div class=\"pipeline__row\" role=\"rowgroup\">\r\n      <div class=\"pipeline__cell pipeline__therapy\" role=\"cell\">Nikcell 1\u2122<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\"><span class=\"pipeline__sub\">Allogeneic NK Cells<\/span><\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Oncology<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Glioblastoma \/ Solid Tumors<\/div>\r\n      <div class=\"pipeline__progress\" data-progress=\"80\"><div class=\"progress__track\"><div class=\"progress__fill\"><\/div><\/div><\/div>\r\n      <div class=\"pipeline__cell partner-cell\" role=\"cell\"><span class=\"partner\">\u2014<\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 2: Nikcell\u2122 -->\r\n    <div class=\"pipeline__row\" role=\"rowgroup\">\r\n      <div class=\"pipeline__cell pipeline__therapy\" role=\"cell\">Nikcell 2\u2122<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\"><span class=\"pipeline__sub\">Haploidentical NK Cells<\/span><\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Oncology<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Neuroblastoma<\/div>\r\n      <div class=\"pipeline__progress\" data-progress=\"70\"><div class=\"progress__track\"><div class=\"progress__fill\"><\/div><\/div><\/div>\r\n      <div class=\"pipeline__cell partner-cell\" role=\"cell\"><span class=\"partner\">\u2014<\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 3: Niktoraal\u2122 -->\r\n    <div class=\"pipeline__row\" role=\"rowgroup\">\r\n      <div class=\"pipeline__cell pipeline__therapy\" role=\"cell\">Niktoraal\u2122<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\"><span class=\"pipeline__sub\">NKT Cells<\/span><\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Oncology<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Solid Tumors<\/div>\r\n      <div class=\"pipeline__progress\" data-progress=\"40\"><div class=\"progress__track\"><div class=\"progress__fill\"><\/div><\/div><\/div>\r\n      <div class=\"pipeline__cell partner-cell\" role=\"cell\"><span class=\"partner\">\u2014<\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 4: Nikord\u2122 -->\r\n    <div class=\"pipeline__row\" role=\"rowgroup\">\r\n      <div class=\"pipeline__cell pipeline__therapy\" role=\"cell\">Nikord\u2122<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\"><span class=\"pipeline__sub\">Cord Blood-derived NK Cells<\/span><\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Oncology<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Solid Tumors<\/div>\r\n      <div class=\"pipeline__progress\" data-progress=\"35\"><div class=\"progress__track\"><div class=\"progress__fill\"><\/div><\/div><\/div>\r\n      <div class=\"pipeline__cell partner-cell\" role=\"cell\"><span class=\"partner\">\u2014<\/span><\/div>\r\n    <\/div>\r\n\r\n    <!-- ROW 5: Cheobiogram\u2122 Kit -->\r\n    <div class=\"pipeline__row\" role=\"rowgroup\">\r\n      <div class=\"pipeline__cell pipeline__therapy\" role=\"cell\">Cheobiogram\u2122 Kit<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\"><span class=\"pipeline__sub\">Personalized Medicine<\/span><\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Oncology<\/div>\r\n      <div class=\"pipeline__cell\" role=\"cell\">Drug Resistance Assessment<\/div>\r\n      <div class=\"pipeline__progress\" data-progress=\"40\"><div class=\"progress__track\"><div class=\"progress__fill\"><\/div><\/div><\/div>\r\n      <div class=\"pipeline__cell partner-cell\" role=\"cell\"><span class=\"partner\">\u2014<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MOBILE CARDS (only < 991px) -->\r\n  <div class=\"pipeline__cards\" aria-hidden=\"true\">\r\n    <div class=\"card\" data-progress=\"80\">\r\n      <div class=\"card__top\"><div><div class=\"card__title\">Nikcell 1\u2122<\/div><div class=\"card__subtitle\">Allogeneic NK Cells<\/div><\/div><div class=\"card__subtitle\">Oncology<\/div><\/div>\r\n      <div>Glioblastoma \/ Solid Tumors<\/div>\r\n      <div class=\"card__phase\"><\/div>\r\n      <div class=\"card__bar\"><div class=\"card__fill\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-progress=\"70\">\r\n      <div class=\"card__top\"><div><div class=\"card__title\">Nikcell 2\u2122<\/div><div class=\"card__subtitle\">Haploidentical NK Cells<\/div><\/div><div class=\"card__subtitle\">Oncology<\/div><\/div>\r\n      <div>Neuroblastoma<\/div>\r\n      <div class=\"card__phase\"><\/div>\r\n      <div class=\"card__bar\"><div class=\"card__fill\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-progress=\"40\">\r\n      <div class=\"card__top\"><div><div class=\"card__title\">Niktoraal\u2122<\/div><div class=\"card__subtitle\">NKT Cells<\/div><\/div><div class=\"card__subtitle\">Oncology<\/div><\/div>\r\n      <div>Solid Tumors<\/div>\r\n      <div class=\"card__phase\"><\/div>\r\n      <div class=\"card__bar\"><div class=\"card__fill\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-progress=\"35\">\r\n      <div class=\"card__top\"><div><div class=\"card__title\">Nikord\u2122<\/div><div class=\"card__subtitle\">Cord Blood-derived NK Cells<\/div><\/div><div class=\"card__subtitle\">Oncology<\/div><\/div>\r\n      <div>Solid Tumors<\/div>\r\n      <div class=\"card__phase\"><\/div>\r\n      <div class=\"card__bar\"><div class=\"card__fill\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\" data-progress=\"40\">\r\n      <div class=\"card__top\"><div><div class=\"card__title\">Cheobiogram\u2122 Kit<\/div><div class=\"card__subtitle\">Personalized Medicine<\/div><\/div><div class=\"card__subtitle\">Oncology<\/div><\/div>\r\n      <div>Drug Resistance Assessment<\/div>\r\n      <div class=\"card__phase\"><\/div>\r\n      <div class=\"card__bar\"><div class=\"card__fill\"><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const root=document.getElementById('pipeline');\r\n  if(!('IntersectionObserver'in window)||!root)return;\r\n\r\n  function animate(el, selector){\r\n    const fill=el.querySelector(selector); if(!fill) return;\r\n    const pct=parseFloat(el.getAttribute('data-progress')||'0');\r\n    requestAnimationFrame(()=>{ fill.style.width=(pct>100?100:pct<0?0:pct)+'%'; });\r\n  }\r\n  function phaseLabel(pct){\r\n    if(pct<=20) return 'Discovery';\r\n    if(pct<=40) return 'Preclinical';\r\n    if(pct<=60) return 'Phase I';\r\n    if(pct<=80) return 'Phase II';\r\n    return 'Phase III';\r\n  }\r\n\r\n  const io=new IntersectionObserver((entries)=>{\r\n    entries.forEach(e=>{ if(e.isIntersecting){ animate(e.target,'.progress__fill'); io.unobserve(e.target); } });\r\n  },{threshold:0.25});\r\n  document.querySelectorAll('.pipeline__progress').forEach(el=>io.observe(el));\r\n\r\n  const io2=new IntersectionObserver((entries)=>{\r\n    entries.forEach(e=>{ if(e.isIntersecting){\r\n      animate(e.target,'.card__fill');\r\n      const pct=parseFloat(e.target.getAttribute('data-progress')||'0');\r\n      const phase=e.target.querySelector('.card__phase');\r\n      if(phase) phase.textContent=phaseLabel(pct);\r\n      io2.unobserve(e.target);\r\n    }});\r\n  },{threshold:0.25});\r\n  document.querySelectorAll('.pipeline__cards .card').forEach(el=>io2.observe(el));\r\n})();\r\n<\/script>\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>\u062e\u0637\u0651 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a Therapy Product Field Indication Discovery Preclinical Phase I Phase II Phase III Partner Nikcell 1\u2122 Allogeneic NK Cells Oncology Glioblastoma \/ Solid Tumors \u2014 Nikcell 2\u2122 Haploidentical NK Cells Oncology Neuroblastoma \u2014 Niktoraal\u2122 NKT Cells Oncology Solid Tumors \u2014 Nikord\u2122 Cord Blood-derived NK Cells Oncology Solid Tumors \u2014 Cheobiogram\u2122 Kit Personalized Medicine Oncology [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3192","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/pages\/3192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/comments?post=3192"}],"version-history":[{"count":4,"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/pages\/3192\/revisions"}],"predecessor-version":[{"id":3197,"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/pages\/3192\/revisions\/3197"}],"wp:attachment":[{"href":"https:\/\/kiacell-immune.com\/ar\/wp-json\/wp\/v2\/media?parent=3192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}