[
  {
    "id": "strat_01",
    "slug": "the_2x2_matrix",
    "title_en": "#001 The 2x2 Matrix",
    "title_id": "#001 The 2x2 Matrix",
    "category": "Strategy",
    "description_en": "Mapping initiatives along Impact vs Effort axes to systematically separate High-Value Quick Wins from low-leverage time sinks.",
    "description_id": "Memetakan inisiatif pada sumbu Dampak vs Tenaga untuk memisahkan Quick Wins bernilai tinggi dari tugas penguras waktu.",
    "svg_file": "svg/the_2x2_matrix.svg",
    "tags": [
      "prioritas",
      "keputusan",
      "evaluasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"150\" y1=\"30\" x2=\"150\" y2=\"270\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <line x1=\"30\" y1=\"150\" x2=\"270\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <rect x=\"165\" y=\"45\" width=\"90\" height=\"90\" rx=\"8\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"210\" cy=\"90\" r=\"14\" fill=\"currentColor\"/>\n            <circle cx=\"90\" cy=\"90\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"90\" cy=\"210\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"210\" cy=\"210\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_2x2_matrix.svg"
  },
  {
    "id": "strat_02",
    "slug": "the_iceberg_model",
    "title_en": "#002 The Iceberg Model",
    "title_id": "#002 The Iceberg Model",
    "category": "Strategy",
    "description_en": "Surface symptoms represent only 10% of reality; durable problem-solving requires addressing structural rules and systemic mental models beneath.",
    "description_id": "Gejala yang terlihat hanyalah puncak masalah; intervensi nyata menuntut perbaikan pada struktur dan pola sistem di bawah permukaan.",
    "svg_file": "svg/the_iceberg_model.svg",
    "tags": [
      "root cause",
      "sistem",
      "analisis"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"20\" y1=\"110\" x2=\"280\" y2=\"110\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6 6\"/>\n            <polygon points=\"150,40 185,100 115,100\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <polygon points=\"115,120 185,120 230,250 70,250\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"90\" y1=\"180\" x2=\"210\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_iceberg_model.svg"
  },
  {
    "id": "strat_03",
    "slug": "inversion_thinking",
    "title_en": "#003 Inversion Thinking",
    "title_id": "#003 Inversion Thinking",
    "category": "Strategy",
    "description_en": "Instead of planning forward for success, invert the problem by defining every possible failure mode and systematically eliminating them.",
    "description_id": "Alih-alih mencari cara untuk sukses, petakan seluruh faktor penyebab kegagalan fatal dan eliminasi satu per satu secara metodis.",
    "svg_file": "svg/inversion_thinking.svg",
    "tags": [
      "problem solving",
      "manajemen risiko"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"80\" y1=\"70\" x2=\"80\" y2=\"230\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polyline points=\"60,100 80,70 100,100\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            <line x1=\"220\" y1=\"70\" x2=\"220\" y2=\"230\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polyline points=\"200,200 220,230 240,200\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            <path d=\"M80 150 C 130 90, 170 210, 220 150\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"5 5\" stroke-opacity=\"0.6\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/inversion_thinking.svg"
  },
  {
    "id": "strat_04",
    "slug": "three_horizons_framework",
    "title_en": "#004 Three Horizons Framework",
    "title_id": "#004 Three Horizons Framework",
    "category": "Strategy",
    "description_en": "McKinsey's growth framework: Defend core cash-flow engines (H1), nurture emerging bets (H2), and fund long-term transformative options (H3).",
    "description_id": "Alokasi modal strategis McKinsey: Pertahankan bisnis inti hari ini (H1), akselerasi pertumbuhan baru (H2), dan biayai opsi masa depan (H3).",
    "svg_file": "svg/three_horizons_framework.svg",
    "tags": [
      "perencanaan",
      "inovasi",
      "roadmap"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M40 240 Q 100 80, 160 120\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <path d=\"M90 240 Q 160 110, 220 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-opacity=\"0.6\"/>\n            <path d=\"M150 240 Q 220 130, 270 60\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"4 4\"/>\n            <line x1=\"30\" y1=\"250\" x2=\"280\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/three_horizons_framework.svg"
  },
  {
    "id": "strat_05",
    "slug": "pyramid_principle",
    "title_en": "#005 Pyramid Principle",
    "title_id": "#005 Pyramid Principle",
    "category": "Strategy",
    "description_en": "Minto's executive structure: Deliver the bottom-line recommendation first, supported by a MECE grouping of evidence underneath.",
    "description_id": "Struktur komunikasi eksekutif Barbara Minto: Sampaikan kesimpulan di kalimat pertama, lalu dukung dengan 3 argumen logis independen.",
    "svg_file": "svg/pyramid_principle.svg",
    "tags": [
      "komunikasi",
      "struktur",
      "eksekutif"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <polygon points=\"150,40 250,240 50,240\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"/>\n            <line x1=\"110\" y1=\"120\" x2=\"190\" y2=\"120\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"80\" y1=\"180\" x2=\"220\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <circle cx=\"150\" cy=\"85\" r=\"8\" fill=\"currentColor\"/>\n            <circle cx=\"120\" cy=\"150\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <circle cx=\"180\" cy=\"150\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/pyramid_principle.svg"
  },
  {
    "id": "strat_06",
    "slug": "first_principles_thinking",
    "title_en": "#006 First Principles Thinking",
    "title_id": "#006 First Principles Thinking",
    "category": "Strategy",
    "description_en": "Stripping away reasoning by analogy down to bedrock physical truths, then reasoning upward to construct novel solutions.",
    "description_id": "Membongkar asumsi konvensional hingga ke fakta sains/logika paling mendasar, lalu merekayasa solusi baru yang orisinal.",
    "svg_file": "svg/first_principles_thinking.svg",
    "tags": [
      "inovasi",
      "dekonstruksi",
      "logika"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"40\" y=\"50\" width=\"80\" height=\"80\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"4 4\"/>\n            <path d=\"M130 90 L 170 90\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <circle cx=\"210\" cy=\"65\" r=\"8\" fill=\"currentColor\"/>\n            <circle cx=\"250\" cy=\"65\" r=\"8\" fill=\"currentColor\"/>\n            <circle cx=\"210\" cy=\"105\" r=\"8\" fill=\"currentColor\"/>\n            <circle cx=\"250\" cy=\"105\" r=\"8\" fill=\"currentColor\"/>\n            <rect x=\"75\" y=\"200\" width=\"150\" height=\"50\" rx=\"8\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/first_principles_thinking.svg"
  },
  {
    "id": "strat_07",
    "slug": "mece_tree_breakdown",
    "title_en": "#007 MECE Tree Breakdown",
    "title_id": "#007 MECE Tree Breakdown",
    "category": "Strategy",
    "description_en": "Rigorous analytical taxonomy: Segmenting problems into non-overlapping branches that comprehensively account for all possibilities.",
    "description_id": "Dekomposisi analitis tanpa celah (Mutually Exclusive, Collectively Exhaustive): Tiap cabang berdiri mandiri tanpa ada data yang tumpang tindih.",
    "svg_file": "svg/mece_tree_breakdown.svg",
    "tags": [
      "struktur",
      "analisis",
      "dekomposisi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"30\" y=\"125\" width=\"50\" height=\"50\" rx=\"6\" fill=\"currentColor\"/>\n            <line x1=\"80\" y1=\"150\" x2=\"130\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"130\" y1=\"80\" x2=\"130\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"130\" y1=\"80\" x2=\"170\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"170\" y=\"60\" width=\"40\" height=\"40\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"130\" y1=\"150\" x2=\"170\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"170\" y=\"130\" width=\"40\" height=\"40\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"130\" y1=\"220\" x2=\"170\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"170\" y=\"200\" width=\"40\" height=\"40\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/mece_tree_breakdown.svg"
  },
  {
    "id": "strat_08",
    "slug": "circle_of_competence",
    "title_en": "#008 Circle of Competence",
    "title_id": "#008 Circle of Competence",
    "category": "Strategy",
    "description_en": "Buffett's competence law: Superior alpha comes from remaining strictly within the boundaries of what you genuinely comprehend.",
    "description_id": "Prinsip alokasi modal Warren Buffett: Keuntungan asimetris tercipta dari disiplin untuk hanya bermain di dalam batas kompetensi sejati Anda.",
    "svg_file": "svg/circle_of_competence.svg",
    "tags": [
      "keahlian",
      "fokus",
      "warren buffett"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"110\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6 6\" stroke-opacity=\"0.4\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"55\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"10\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/circle_of_competence.svg"
  },
  {
    "id": "strat_09",
    "slug": "second_order_thinking",
    "title_en": "#009 Second-Order Thinking",
    "title_id": "#009 Second-Order Thinking",
    "category": "Strategy",
    "description_en": "Evaluating decisions not by their immediate first-order payoff, but by the chain of systemic feedback loops they trigger thereafter.",
    "description_id": "Membedah rantai kausalitas: Menilai kebijakan bukan dari efek langsung sesaatnya, melainkan dari reaksi sistemik jangka panjang berikutnya.",
    "svg_file": "svg/second_order_thinking.svg",
    "tags": [
      "dampak lanjutan",
      "kebijakan",
      "masa depan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"60\" cy=\"150\" r=\"25\" fill=\"currentColor\"/>\n            <path d=\"M90 150 L 125 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <circle cx=\"155\" cy=\"150\" r=\"25\" fill=\"currentColor\" fill-opacity=\"0.4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <path d=\"M185 150 L 220 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <circle cx=\"250\" cy=\"150\" r=\"25\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/second_order_thinking.svg"
  },
  {
    "id": "strat_10",
    "slug": "strategy_trade_offs",
    "title_en": "#010 Strategy Trade-Offs",
    "title_id": "#010 Strategy Trade-Offs",
    "category": "Strategy",
    "description_en": "Porter's competitive strategy: Deliberately choosing what NOT to do in order to establish and protect an uncontested position.",
    "description_id": "Esensi strategi menurut Michael Porter: Keberanian menolak peluang bagus yang tidak selaras demi melindungi diferensiasi posisi pasar.",
    "svg_file": "svg/strategy_trade_offs.svg",
    "tags": [
      "fokus",
      "pilihan",
      "positioning"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"90\" cy=\"110\" r=\"40\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n            <line x1=\"60\" y1=\"80\" x2=\"120\" y2=\"140\" stroke=\"currentColor\" stroke-width=\"3\" stroke-opacity=\"0.5\"/>\n            <line x1=\"120\" y1=\"80\" x2=\"60\" y2=\"140\" stroke=\"currentColor\" stroke-width=\"3\" stroke-opacity=\"0.5\"/>\n            <circle cx=\"210\" cy=\"190\" r=\"40\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <polyline points=\"195,190 205,200 225,180\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/strategy_trade_offs.svg"
  },
  {
    "id": "strat_11",
    "slug": "the_strategy_funnel",
    "title_en": "#011 The Strategy Funnel",
    "title_id": "#011 The Strategy Funnel",
    "category": "Strategy",
    "description_en": "Filtering total market potential into focused segments and qualified opportunities.",
    "description_id": "Penyaringan dari pasar luas (TAM) menjadi segmen terfokus hingga transaksi nyata.",
    "svg_file": "svg/the_strategy_funnel.svg",
    "tags": [
      "konversi",
      "pasar",
      "eksekusi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <polygon points=\"40,50 260,50 190,140 110,140\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.1\"/>\n            <polygon points=\"110,150 190,150 170,220 130,220\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <rect x=\"130\" y=\"230\" width=\"40\" height=\"40\" rx=\"4\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_strategy_funnel.svg"
  },
  {
    "id": "strat_12",
    "slug": "porters_five_forces",
    "title_en": "#012 Porter's Five Forces",
    "title_id": "#012 Porter's Five Forces",
    "category": "Strategy",
    "description_en": "Five competitive industry forces shaping long-term profitability.",
    "description_id": "5 kekuatan persaingan yang menentukan profitabilitas jangka panjang suatu industri.",
    "svg_file": "svg/porters_five_forces.svg",
    "tags": [
      "kompetisi",
      "industri",
      "tekanan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Central Industry Rivalry Box -->\n        <rect x=\"105\" y=\"105\" width=\"90\" height=\"90\" rx=\"8\" fill=\"currentColor\" fill-opacity=\"0.15\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <circle cx=\"150\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n        <!-- 4 Inward Pressure Vectors (Suppliers, Buyers, Substitutes, Entrants) -->\n        <!-- Top Pressure (New Entrants) -->\n        <path d=\"M150 35 L150 90\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"140,78 150,92 160,78\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- Bottom Pressure (Substitutes) -->\n        <path d=\"M150 265 L150 210\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"140,222 150,208 160,222\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- Left Pressure (Supplier Power) -->\n        <path d=\"M35 150 L90 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"78,140 92,150 78,160\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- Right Pressure (Buyer Power) -->\n        <path d=\"M265 150 L210 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"222,140 208,150 222,160\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/porters_five_forces.svg"
  },
  {
    "id": "strat_13",
    "slug": "blue_ocean_strategy",
    "title_en": "#013 Blue Ocean Strategy",
    "title_id": "#013 Blue Ocean Strategy",
    "category": "Strategy",
    "description_en": "Creating uncontested market space rather than competing in crowded red oceans.",
    "description_id": "Menciptakan ruang pasar baru yang belum terjamah alih-alih bertarung di lautan merah.",
    "svg_file": "svg/blue_ocean_strategy.svg",
    "tags": [
      "diferensiasi",
      "pasar baru",
      "tanpa kompetisi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"150\" y1=\"30\" x2=\"150\" y2=\"270\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\"/>\n            <!-- Crowded Red Ocean -->\n            <circle cx=\"80\" cy=\"100\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"60\" cy=\"160\" r=\"12\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"100\" cy=\"180\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"70\" cy=\"220\" r=\"14\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <!-- Open Blue Ocean -->\n            <circle cx=\"225\" cy=\"150\" r=\"28\" fill=\"currentColor\"/>\n            <circle cx=\"225\" cy=\"150\" r=\"45\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/blue_ocean_strategy.svg"
  },
  {
    "id": "strat_14",
    "slug": "decision_trees",
    "title_en": "#014 Decision Trees",
    "title_id": "#014 Decision Trees",
    "category": "Strategy",
    "description_en": "Mapping sequential decision branches and probability pathways.",
    "description_id": "Memetakan konsekuensi dari setiap cabang keputusan dan probabilitas hasilnya.",
    "svg_file": "svg/decision_trees.svg",
    "tags": [
      "probabilitas",
      "cabang",
      "logika"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"50\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n            <line x1=\"64\" y1=\"140\" x2=\"130\" y2=\"90\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"64\" y1=\"160\" x2=\"130\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"140\" cy=\"90\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"140\" cy=\"210\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"150\" y1=\"80\" x2=\"220\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"150\" y1=\"100\" x2=\"220\" y2=\"120\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <circle cx=\"230\" cy=\"50\" r=\"8\" fill=\"currentColor\"/>\n            <circle cx=\"230\" cy=\"120\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/decision_trees.svg"
  },
  {
    "id": "strat_15",
    "slug": "the_black_swan_event",
    "title_en": "#015 The Black Swan Event",
    "title_id": "#015 The Black Swan Event",
    "category": "Strategy",
    "description_en": "Rare, extreme-impact anomalies that defy standard Gaussian models.",
    "description_id": "Peristiwa langka berdampak raksasa yang diabaikan oleh kurva probabilitas normal.",
    "svg_file": "svg/the_black_swan_event.svg",
    "tags": [
      "risiko ekstrem",
      "ketidakpastian",
      "anomali"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Normal Bell Curve -->\n            <path d=\"M30 240 C 90 240, 100 80, 150 80 C 200 80, 210 240, 270 240\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-opacity=\"0.4\"/>\n            <line x1=\"20\" y1=\"240\" x2=\"280\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Outlier Spike Black Swan -->\n            <circle cx=\"280\" cy=\"40\" r=\"12\" fill=\"currentColor\"/>\n            <line x1=\"280\" y1=\"60\" x2=\"280\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_black_swan_event.svg"
  },
  {
    "id": "strat_16",
    "slug": "the_lindy_effect",
    "title_en": "#016 The Lindy Effect",
    "title_id": "#016 The Lindy Effect",
    "category": "Strategy",
    "description_en": "The longer a non-perishable idea has survived, the longer its expected future lifespan.",
    "description_id": "Semakin lama sebuah ide/buku telah bertahan, semakin lama usianya di masa depan.",
    "svg_file": "svg/the_lindy_effect.svg",
    "tags": [
      "daya tahan",
      "ide abadi",
      "waktu"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"250\" x2=\"260\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"250\" x2=\"40\" y2=\"40\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <path d=\"M40 70 Q 120 230, 260 230\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"40\" cy=\"70\" r=\"6\" fill=\"currentColor\"/>\n            <circle cx=\"260\" cy=\"230\" r=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_lindy_effect.svg"
  },
  {
    "id": "strat_17",
    "slug": "chestertons_fence",
    "title_en": "#017 Chesterton's Fence",
    "title_id": "#017 Chesterton's Fence",
    "category": "Strategy",
    "description_en": "Never remove a barrier until you fully understand why it was built initially.",
    "description_id": "Jangan merobohkan pagar pembatas sebelum memahami alasan awal kenapa pagar itu dipasang.",
    "svg_file": "svg/chestertons_fence.svg",
    "tags": [
      "kebijakan",
      "reformasi",
      "kehati-hatian"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Fence Posts -->\n            <rect x=\"50\" y=\"100\" width=\"16\" height=\"140\" rx=\"3\" fill=\"currentColor\"/>\n            <rect x=\"100\" y=\"100\" width=\"16\" height=\"140\" rx=\"3\" fill=\"currentColor\"/>\n            <rect x=\"150\" y=\"100\" width=\"16\" height=\"140\" rx=\"3\" fill=\"currentColor\"/>\n            <rect x=\"200\" y=\"100\" width=\"16\" height=\"140\" rx=\"3\" fill=\"currentColor\"/>\n            <line x1=\"30\" y1=\"130\" x2=\"236\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"6\"/>\n            <line x1=\"30\" y1=\"190\" x2=\"236\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"6\"/>\n            <!-- Questioning Eye/Sign -->\n            <circle cx=\"240\" cy=\"70\" r=\"18\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"240\" cy=\"70\" r=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/chestertons_fence.svg"
  },
  {
    "id": "strat_18",
    "slug": "asymmetric_riskreward",
    "title_en": "#018 Asymmetric Risk/Reward",
    "title_id": "#018 Asymmetric Risk/Reward",
    "category": "Strategy",
    "description_en": "Capping downside risk while maintaining unlimited upside potential.",
    "description_id": "Kerugian maksimal terbatasi, sementara potensi keuntungan tidak terbatas.",
    "svg_file": "svg/asymmetric_riskreward.svg",
    "tags": [
      "investasi",
      "opsionalitas",
      "upside"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"180\" x2=\"270\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"60\" y=\"180\" width=\"50\" height=\"30\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.3\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"170\" y=\"40\" width=\"60\" height=\"140\" rx=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/asymmetric_riskreward.svg"
  },
  {
    "id": "strat_19",
    "slug": "the_red_queen_effect",
    "title_en": "#019 The Red Queen Effect",
    "title_id": "#019 The Red Queen Effect",
    "category": "Strategy",
    "description_en": "Running as fast as possible just to maintain relative position in an evolving market.",
    "description_id": "Anda harus berlari kencang hanya untuk mempertahankan posisi Anda saat ini.",
    "svg_file": "svg/the_red_queen_effect.svg",
    "tags": [
      "kompetisi",
      "evolusi",
      "adaptasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Treadmill Belt Track -->\n        <rect x=\"40\" y=\"180\" width=\"220\" height=\"45\" rx=\"22.5\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <circle cx=\"70\" cy=\"202.5\" r=\"12\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <circle cx=\"230\" cy=\"202.5\" r=\"12\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <!-- Belt Direction Arrows (Backward moving floor) -->\n        <path d=\"M170 215 L130 215\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        <polyline points=\"140,210 128,215 140,220\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        <!-- Runner Forward Velocity Vector -->\n        <line x1=\"100\" y1=\"140\" x2=\"190\" y2=\"140\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n        <polyline points=\"175,128 192,140 175,152\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- Stationary Relative Position Axis -->\n        <line x1=\"150\" y1=\"60\" x2=\"150\" y2=\"260\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n        <circle cx=\"150\" cy=\"140\" r=\"10\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_red_queen_effect.svg"
  },
  {
    "id": "strat_20",
    "slug": "the_map_is_not_the_territory",
    "title_en": "#020 The Map is Not the Territory",
    "title_id": "#020 The Map is Not the Territory",
    "category": "Strategy",
    "description_en": "Models and slides are simplified representations, not the reality of the terrain.",
    "description_id": "Slide dan dokumen hanyalah penyederhanaan dari realitas lapangan yang dinamis.",
    "svg_file": "svg/the_map_is_not_the_territory.svg",
    "tags": [
      "realitas",
      "abstraksi",
      "model"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Underlying Organic Topographic Landscape (The Territory) -->\n        <path d=\"M40 220 Q 90 120, 150 160 T 260 90\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n        <path d=\"M40 250 Q 110 180, 180 210 T 260 140\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n        <!-- Abstract Rigid Folded Map Frame -->\n        <polygon points=\"70,60 140,80 210,60 210,210 140,230 70,210\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.1\"/>\n        <line x1=\"140\" y1=\"80\" x2=\"140\" y2=\"230\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <!-- Gridlines on map -->\n        <line x1=\"70\" y1=\"135\" x2=\"140\" y2=\"155\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n        <line x1=\"140\" y1=\"155\" x2=\"210\" y2=\"135\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n        <!-- Compass Needle -->\n        <polygon points=\"140,110 145,130 140,125 135,130\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_map_is_not_the_territory.svg"
  },
  {
    "id": "grow_01",
    "slug": "the_growth_flywheel",
    "title_en": "#021 The Growth Flywheel",
    "title_id": "#021 The Growth Flywheel",
    "category": "Growth",
    "description_en": "A compounding growth engine where small sequential operational wins reinforce and accelerate each subsequent cycle.",
    "description_id": "Roda gila pertumbuhan: Setiap inisiatif operasional memberi makan dan melipatgandakan momentum putaran inisiatif berikutnya.",
    "svg_file": "svg/the_growth_flywheel.svg",
    "tags": [
      "momentum",
      "skala",
      "loop"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"90\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-dasharray=\"80 30\"/>\n            <polygon points=\"230,110 245,150 215,145\" fill=\"currentColor\"/>\n            <polygon points=\"70,190 55,150 85,155\" fill=\"currentColor\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"25\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_growth_flywheel.svg"
  },
  {
    "id": "grow_02",
    "slug": "the_s_curve_transition",
    "title_en": "#022 The S-Curve Transition",
    "title_id": "#022 The S-Curve Transition",
    "category": "Growth",
    "description_en": "Navigating inflection points by investing in next-generation S-curves before the incumbent engine reaches market saturation.",
    "description_id": "Disrupsi kurva S: Berinvestasi pada paradigma teknologi baru sebelum kurva pertumbuhan bisnis saat ini mencapai titik jenuh.",
    "svg_file": "svg/the_s_curve_transition.svg",
    "tags": [
      "inovasi",
      "lompatan",
      "kurva"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M30 240 C 90 240, 110 130, 170 130\" stroke=\"currentColor\" stroke-width=\"3\" stroke-opacity=\"0.5\"/>\n            <path d=\"M140 180 C 190 180, 220 50, 270 50\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polyline points=\"135,135 155,115 145,100\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_s_curve_transition.svg"
  },
  {
    "id": "grow_03",
    "slug": "the_compound_effect",
    "title_en": "#023 The Compound Effect",
    "title_id": "#023 The Compound Effect",
    "category": "Growth",
    "description_en": "The mathematics of compounding: A 1% marginal daily improvement yields a 37-fold exponential leap over 365 days.",
    "description_id": "Hukum pelipatgandaan: Kemajuan marginal 1% setiap hari berlipat ganda menjadi 37 kali lipat pertumbuhan performa dalam satu tahun.",
    "svg_file": "svg/the_compound_effect.svg",
    "tags": [
      "eksponensial",
      "kebiasaan",
      "investasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"250\" x2=\"260\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n            <path d=\"M40 250 C 140 250, 200 230, 250 50\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"250\" cy=\"50\" r=\"8\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_compound_effect.svg"
  },
  {
    "id": "grow_04",
    "slug": "network_effects",
    "title_en": "#024 Network Effects",
    "title_id": "#024 Network Effects",
    "category": "Growth",
    "description_en": "Metcalfe's platform law: Network value scales quadratically (N²) relative to the addition of each participating node.",
    "description_id": "Hukum Metcalfe: Nilai jaringan berlipat ganda secara kuadratis (N²) terhadap pertambahan setiap pengguna aktif baru.",
    "svg_file": "svg/network_effects.svg",
    "tags": [
      "ekosistem",
      "viralitas",
      "nilai"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"16\" fill=\"currentColor\"/>\n            <circle cx=\"70\" cy=\"80\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n            <circle cx=\"230\" cy=\"80\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n            <circle cx=\"60\" cy=\"210\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n            <circle cx=\"240\" cy=\"210\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"70\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"230\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"60\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"240\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/network_effects.svg"
  },
  {
    "id": "grow_05",
    "slug": "viral_k_factor",
    "title_en": "#025 Viral K-Factor",
    "title_id": "#025 Viral K-Factor",
    "category": "Growth",
    "description_en": "When each user refers more than one new user, exponential growth occurs.",
    "description_id": "1 pengguna mendatangkan > 1 pengguna baru menghasilkan ledakan viral.",
    "svg_file": "svg/viral_k_factor.svg",
    "tags": [
      "viral",
      "koefisien",
      "multiplikasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"50\" r=\"14\" fill=\"currentColor\"/>\n            <line x1=\"140\" y1=\"64\" x2=\"80\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"160\" y1=\"64\" x2=\"220\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <circle cx=\"80\" cy=\"140\" r=\"12\" fill=\"currentColor\" fill-opacity=\"0.8\"/>\n            <circle cx=\"220\" cy=\"140\" r=\"12\" fill=\"currentColor\" fill-opacity=\"0.8\"/>\n            <line x1=\"70\" y1=\"152\" x2=\"40\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"90\" y1=\"152\" x2=\"110\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"210\" y1=\"152\" x2=\"190\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"230\" y1=\"152\" x2=\"260\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"40\" cy=\"230\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <circle cx=\"110\" cy=\"230\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <circle cx=\"190\" cy=\"230\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <circle cx=\"260\" cy=\"230\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/viral_k_factor.svg"
  },
  {
    "id": "grow_06",
    "slug": "economies_of_scale",
    "title_en": "#026 Economies of Scale",
    "title_id": "#026 Economies of Scale",
    "category": "Growth",
    "description_en": "Per-unit cost decreases significantly as total production volume increases.",
    "description_id": "Biaya per unit menurun drastis seiring dengan meningkatnya volume produksi.",
    "svg_file": "svg/economies_of_scale.svg",
    "tags": [
      "biaya satuan",
      "skala produksi",
      "efisiensi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"250\" x2=\"260\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"250\" x2=\"40\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <path d=\"M50 80 Q 90 220, 250 230\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <rect x=\"180\" y=\"160\" width=\"70\" height=\"70\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.15\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/economies_of_scale.svg"
  },
  {
    "id": "grow_07",
    "slug": "the_innovation_chasm",
    "title_en": "#027 The Innovation Chasm",
    "title_id": "#027 The Innovation Chasm",
    "category": "Growth",
    "description_en": "The dangerous gap between early technology enthusiasts and the pragmatist mass market.",
    "description_id": "Jurang pemisah antara pengguna antusias awal vs pasar massal yang pragmatis.",
    "svg_file": "svg/the_innovation_chasm.svg",
    "tags": [
      "adopsi pasar",
      "geoffrey moore",
      "scaling"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M30 220 C 60 220, 80 120, 110 120 L 110 240\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.2\"/>\n            <!-- Chasm Gap -->\n            <line x1=\"110\" y1=\"240\" x2=\"150\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n            <!-- Main Market Mass -->\n            <path d=\"M150 240 L 150 70 C 180 70, 240 150, 270 240 Z\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_innovation_chasm.svg"
  },
  {
    "id": "grow_08",
    "slug": "platform_multiplier",
    "title_en": "#028 Platform Multiplier",
    "title_id": "#028 Platform Multiplier",
    "category": "Growth",
    "description_en": "A foundational ecosystem enabling thousands of independent builders to create value.",
    "description_id": "Fondasi platform yang memungkinkan ribuan kreator lain membangun bisnis di atasnya.",
    "svg_file": "svg/platform_multiplier.svg",
    "tags": [
      "fondasi",
      "ekosistem",
      "api"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"40\" y=\"200\" width=\"220\" height=\"40\" rx=\"8\" fill=\"currentColor\"/>\n            <!-- Small apps sitting on top -->\n            <rect x=\"55\" y=\"120\" width=\"40\" height=\"50\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"110\" y=\"100\" width=\"40\" height=\"70\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.2\"/>\n            <rect x=\"165\" y=\"130\" width=\"40\" height=\"40\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"220\" y=\"110\" width=\"40\" height=\"60\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/platform_multiplier.svg"
  },
  {
    "id": "grow_09",
    "slug": "zero_sum_vs_positive_sum",
    "title_en": "#029 Zero-Sum vs Positive-Sum",
    "title_id": "#029 Zero-Sum vs Positive-Sum",
    "category": "Growth",
    "description_en": "Positive-sum game theory: Generating net-new value that expands the entire pie rather than engaging in destructive margin wars.",
    "description_id": "Dinamika permainan non-zero-sum: Fokus menciptakan nilai baru yang memperluas ukuran pasar ketimbang memperebutkan kuota yang ada.",
    "svg_file": "svg/zero_sum_vs_positive_sum.svg",
    "tags": [
      "kolaborasi",
      "game theory",
      "kue bisnis"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Zero-Sum: Sliced Fixed Circle on Left -->\n        <circle cx=\"85\" cy=\"150\" r=\"45\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <line x1=\"85\" y1=\"105\" x2=\"85\" y2=\"195\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <line x1=\"40\" y1=\"150\" x2=\"130\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <path d=\"M85 105 A 45 45 0 0 1 130 150 L 85 150 Z\" fill=\"currentColor\"/>\n        <!-- Positive-Sum: Concentric Expanding Outer Orbit on Right -->\n        <circle cx=\"215\" cy=\"150\" r=\"32\" fill=\"currentColor\" fill-opacity=\"0.2\"/>\n        <circle cx=\"215\" cy=\"150\" r=\"50\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.5\"/>\n        <circle cx=\"215\" cy=\"150\" r=\"70\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        <polyline points=\"205,75 215,65 225,75\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <polyline points=\"280,140 290,150 280,160\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/zero_sum_vs_positive_sum.svg"
  },
  {
    "id": "grow_10",
    "slug": "the_long_tail",
    "title_en": "#030 The Long Tail",
    "title_id": "#030 The Long Tail",
    "category": "Growth",
    "description_en": "The cumulative volume of thousands of niche products exceeding top bestsellers.",
    "description_id": "Akumulasi penjualan ribuan produk niche melampaui omset beberapa produk terlaris.",
    "svg_file": "svg/the_long_tail.svg",
    "tags": [
      "distribusi",
      "niche",
      "katalog"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"240\" x2=\"270\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"240\" x2=\"40\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Tall head -->\n            <path d=\"M40 60 C 60 60, 70 210, 110 225 C 160 235, 220 238, 270 239\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <rect x=\"110\" y=\"225\" width=\"150\" height=\"15\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_long_tail.svg"
  },
  {
    "id": "grow_11",
    "slug": "diminishing_returns",
    "title_en": "#031 Diminishing Returns",
    "title_id": "#031 Diminishing Returns",
    "category": "Growth",
    "description_en": "Past the optimal point, each additional unit of input yields progressively smaller output gains.",
    "description_id": "Setelah titik optimal, penambahan energi hanya menghasilkan sedikit kenaikan output.",
    "svg_file": "svg/diminishing_returns.svg",
    "tags": [
      "efisiensi",
      "batas optimal",
      "margin"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"250\" x2=\"260\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"250\" x2=\"40\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <path d=\"M40 250 C 70 120, 120 70, 260 65\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.5\"/>\n            <circle cx=\"120\" cy=\"78\" r=\"7\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/diminishing_returns.svg"
  },
  {
    "id": "grow_12",
    "slug": "lock_in_moat",
    "title_en": "#032 Lock-in & Moat",
    "title_id": "#032 Lock-in & Moat",
    "category": "Growth",
    "description_en": "Defensive competitive moats that increase customer switching costs.",
    "description_id": "Parit pertahanan bisnis yang membuat pengguna enggan berpindah ke kompetitor.",
    "svg_file": "svg/lock_in_moat.svg",
    "tags": [
      "daya tahan",
      "parit bisnis",
      "retensi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Deep Concentric Moat Barrier -->\n        <circle cx=\"150\" cy=\"150\" r=\"105\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6 6\" stroke-opacity=\"0.4\"/>\n        <circle cx=\"150\" cy=\"150\" r=\"85\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        <!-- Inner Core Vault -->\n        <rect x=\"110\" y=\"110\" width=\"80\" height=\"80\" rx=\"12\" fill=\"currentColor\"/>\n        <!-- Interlocking Keyhole / Magnetic Latch -->\n        <circle cx=\"150\" cy=\"142\" r=\"12\" fill=\"var(--card-preview-bg, currentColor)\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <polygon points=\"144,146 156,146 160,165 140,165\" fill=\"var(--card-preview-bg, currentColor)\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/lock_in_moat.svg"
  },
  {
    "id": "grow_13",
    "slug": "tam_sam_som_funnel",
    "title_en": "#033 TAM SAM SOM Funnel",
    "title_id": "#033 TAM SAM SOM Funnel",
    "category": "Growth",
    "description_en": "Three concentric market sizing circles: Total, Serviceable, and Obtainable market.",
    "description_id": "Tiga lingkaran konsentris ukuran pasar: Total, Servisabel, dan yang bisa Dimenangkan.",
    "svg_file": "svg/tam_sam_som_funnel.svg",
    "tags": [
      "market size",
      "estimasi pasar",
      "pitch"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"110\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"currentColor\" fill-opacity=\"0.05\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"70\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"30\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/tam_sam_som_funnel.svg"
  },
  {
    "id": "grow_14",
    "slug": "the_tipping_point",
    "title_en": "#034 The Tipping Point",
    "title_id": "#034 The Tipping Point",
    "category": "Growth",
    "description_en": "The critical threshold where a minor change triggers rapid, self-sustaining adoption.",
    "description_id": "Titik kritis di mana sebuah tren kecil tiba-tiba meledak menjadi fenomena massal.",
    "svg_file": "svg/the_tipping_point.svg",
    "tags": [
      "ambang batas",
      "momentum",
      "ledakan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Hill peak -->\n            <path d=\"M30 220 Q 150 60, 270 220\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <!-- Ball right at the edge of falling forward -->\n            <circle cx=\"160\" cy=\"85\" r=\"18\" fill=\"currentColor\"/>\n            <line x1=\"180\" y1=\"90\" x2=\"220\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <polyline points=\"205,130 220,130 220,115\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_tipping_point.svg"
  },
  {
    "id": "grow_15",
    "slug": "power_law_8020_extreme",
    "title_en": "#035 Power Law (80/20 Extreme)",
    "title_id": "#035 Power Law (80/20 Extreme)",
    "category": "Growth",
    "description_en": "A single venture or outcome generating larger returns than all others combined.",
    "description_id": "1 investasi terbaik menghasilkan return lebih besar dari gabungan semua investasi lainnya.",
    "svg_file": "svg/power_law_8020_extreme.svg",
    "tags": [
      "pareto",
      "distribusi modal",
      "venture"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"240\" x2=\"270\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- 1 Giant Bar -->\n            <rect x=\"50\" y=\"40\" width=\"35\" height=\"200\" rx=\"4\" fill=\"currentColor\"/>\n            <!-- Many Tiny Bars -->\n            <rect x=\"95\" y=\"210\" width=\"20\" height=\"30\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <rect x=\"125\" y=\"220\" width=\"20\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <rect x=\"155\" y=\"225\" width=\"20\" height=\"15\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <rect x=\"185\" y=\"230\" width=\"20\" height=\"10\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <rect x=\"215\" y=\"232\" width=\"20\" height=\"8\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/power_law_8020_extreme.svg"
  },
  {
    "id": "grow_16",
    "slug": "asymmetric_funnel",
    "title_en": "#036 Asymmetric Funnel",
    "title_id": "#036 Asymmetric Funnel",
    "category": "Growth",
    "description_en": "Fixing bottom-funnel churn creates exponentially higher value than increasing top-funnel traffic.",
    "description_id": "Fokus memperbaiki retensi di bawah funnel lebih menguntungkan dibanding mengisi atasnya.",
    "svg_file": "svg/asymmetric_funnel.svg",
    "tags": [
      "akuisisi",
      "retensi",
      "konversi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Broad Top Funnel with side leaks -->\n        <polygon points=\"45,55 255,55 185,150 115,150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"/>\n        <!-- Dropping leak droplets on sides -->\n        <circle cx=\"95\" cy=\"120\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"/>\n        <circle cx=\"205\" cy=\"120\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"2 2\"/>\n        <!-- Bottom Fortified Retention Cylinder -->\n        <rect x=\"115\" y=\"165\" width=\"70\" height=\"75\" rx=\"8\" fill=\"currentColor\"/>\n        <circle cx=\"150\" cy=\"202.5\" r=\"14\" fill=\"var(--card-preview-bg, currentColor)\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <line x1=\"150\" y1=\"195\" x2=\"150\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/asymmetric_funnel.svg"
  },
  {
    "id": "grow_17",
    "slug": "value_chain_integration",
    "title_en": "#037 Value Chain Integration",
    "title_id": "#037 Value Chain Integration",
    "category": "Growth",
    "description_en": "Controlling critical sequential links to dictate industry standards and quality.",
    "description_id": "Menguasai mata rantai kritis dari hulu ke hilir untuk mendikte standar pasar.",
    "svg_file": "svg/value_chain_integration.svg",
    "tags": [
      "rantai pasok",
      "vertikal",
      "sinergi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"30\" y=\"125\" width=\"60\" height=\"50\" rx=\"6\" fill=\"currentColor\" fill-opacity=\"0.3\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"90\" y1=\"150\" x2=\"120\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"120\" y=\"120\" width=\"60\" height=\"60\" rx=\"6\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"180\" y1=\"150\" x2=\"210\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"210\" y=\"125\" width=\"60\" height=\"50\" rx=\"6\" fill=\"currentColor\" fill-opacity=\"0.3\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/value_chain_integration.svg"
  },
  {
    "id": "grow_18",
    "slug": "compounding_knowledge",
    "title_en": "#038 Compounding Knowledge",
    "title_id": "#038 Compounding Knowledge",
    "category": "Growth",
    "description_en": "Each new mental model accelerates the acquisition and retention of future concepts.",
    "description_id": "Setiap buku dan konsep baru mempercepat daya serap ide-ide berikutnya.",
    "svg_file": "svg/compounding_knowledge.svg",
    "tags": [
      "belajar",
      "akumulasi",
      "buku"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Stack of building knowledge steps -->\n            <rect x=\"60\" y=\"210\" width=\"180\" height=\"30\" rx=\"4\" fill=\"currentColor\"/>\n            <rect x=\"80\" y=\"170\" width=\"140\" height=\"30\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n            <rect x=\"100\" y=\"130\" width=\"100\" height=\"30\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <rect x=\"120\" y=\"90\" width=\"60\" height=\"30\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <circle cx=\"150\" cy=\"55\" r=\"12\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/compounding_knowledge.svg"
  },
  {
    "id": "grow_19",
    "slug": "social_proof_multiplier",
    "title_en": "#039 Social Proof Multiplier",
    "title_id": "#039 Social Proof Multiplier",
    "category": "Growth",
    "description_en": "Buyer confidence increases exponentially with verified social validation and reviews.",
    "description_id": "Kepercayaan calon pembeli meningkat eksponensial seiring bertambahnya bukti testimoni.",
    "svg_file": "svg/social_proof_multiplier.svg",
    "tags": [
      "validasi",
      "trust",
      "konversi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"70\" cy=\"150\" r=\"16\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n            <circle cx=\"120\" cy=\"150\" r=\"22\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n            <circle cx=\"190\" cy=\"150\" r=\"32\" fill=\"currentColor\"/>\n            <!-- Radiating trust rings -->\n            <circle cx=\"190\" cy=\"150\" r=\"48\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/social_proof_multiplier.svg"
  },
  {
    "id": "grow_20",
    "slug": "the_flywheel_friction",
    "title_en": "#040 The Flywheel Friction",
    "title_id": "#040 The Flywheel Friction",
    "category": "Growth",
    "description_en": "Eliminating friction points on the growth flywheel rapidly unlocks higher velocity.",
    "description_id": "Menghilangkan 1 hambatan kecil pada roda pertumbuhan melipatgandakan kecepatan.",
    "svg_file": "svg/the_flywheel_friction.svg",
    "tags": [
      "reduksi friksi",
      "efisiensi",
      "laju"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"80\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <!-- Friction Brake Block Removed -->\n            <rect x=\"140\" y=\"40\" width=\"20\" height=\"25\" rx=\"3\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"35\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"2 2\"/>\n            <polyline points=\"135,100 165,100 150,115\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_flywheel_friction.svg"
  },
  {
    "id": "prod_01",
    "slug": "signal_vs_noise",
    "title_en": "#041 Signal vs Noise",
    "title_id": "#041 Signal vs Noise",
    "category": "Productivity",
    "description_en": "Attentional filtering: Ruthlessly suppressing ambient noise to direct all cognitive bandwidth toward the single high-impact signal.",
    "description_id": "Disiplin perhatian: Menyaring 99% distraksi dan opini bising untuk memusatkan energi eksekusi pada 1 prioritas terpenting.",
    "svg_file": "svg/signal_vs_noise.svg",
    "tags": [
      "fokus",
      "prioritas",
      "filter"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M40 70 Q 100 150, 70 250\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.3\"/>\n            <path d=\"M260 50 Q 190 140, 240 260\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.3\"/>\n            <line x1=\"150\" y1=\"260\" x2=\"150\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <polyline points=\"135,70 150,45 165,70\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <circle cx=\"150\" cy=\"260\" r=\"7\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/signal_vs_noise.svg"
  },
  {
    "id": "prod_02",
    "slug": "leverage_daya_ungkit",
    "title_en": "#042 Leverage (Daya Ungkit)",
    "title_id": "#042 Leverage (Daya Ungkit)",
    "category": "Productivity",
    "description_en": "Naval Ravikant's leverage doctrine: Utilizing software, media, and capital to achieve non-linear output independent of input hours.",
    "description_id": "Daya ungkit modal & kode: Menggunakan sistem, media, dan perangkat lunak untuk melipatgandakan hasil kerja tanpa menambah jam kerja fisik.",
    "svg_file": "svg/leverage_daya_ungkit.svg",
    "tags": [
      "otomasi",
      "skala",
      "ai"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"240\" x2=\"270\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <polygon points=\"190,240 210,190 230,240\" fill=\"currentColor\"/>\n            <line x1=\"40\" y1=\"160\" x2=\"260\" y2=\"215\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <line x1=\"50\" y1=\"105\" x2=\"50\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"235\" y=\"130\" width=\"45\" height=\"45\" rx=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/leverage_daya_ungkit.svg"
  },
  {
    "id": "prod_03",
    "slug": "the_bottleneck",
    "title_en": "#043 The Bottleneck",
    "title_id": "#043 The Bottleneck",
    "category": "Productivity",
    "description_en": "Goldratt's constraint theory: The maximum throughput of any pipeline is strictly dictated by the capacity of its single slowest bottleneck.",
    "description_id": "Theory of Constraints Goldratt: Kapasitas keseluruhan alur produksi sepenuhnya dibatasi oleh titik sumbat terlambat pada sistem.",
    "svg_file": "svg/the_bottleneck.svg",
    "tags": [
      "hambatan",
      "kapasitas",
      "aliran"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M40 70 L130 135 L130 230\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"/>\n            <path d=\"M260 70 L170 135 L170 230\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"/>\n            <circle cx=\"80\" cy=\"85\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"120\" cy=\"80\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"150\" cy=\"160\" r=\"6\" fill=\"currentColor\"/>\n            <circle cx=\"150\" cy=\"200\" r=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_bottleneck.svg"
  },
  {
    "id": "prod_04",
    "slug": "deep_work_vs_shallow",
    "title_en": "#044 Deep Work vs Shallow",
    "title_id": "#044 Deep Work vs Shallow",
    "category": "Productivity",
    "description_en": "Newport's deep focus: Uninterrupted immersion in cognitively demanding tasks generates rare, high-value, and defensible output.",
    "description_id": "Deep Work Cal Newport: Kemampuan fokus tanpa interupsi pada tugas kognitif berat menghasilkan karya bernilai tinggi yang sulit ditiru.",
    "svg_file": "svg/deep_work_vs_shallow.svg",
    "tags": [
      "fokus",
      "kedalaman",
      "cal newport"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"80\" x2=\"270\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"60\" cy=\"60\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <circle cx=\"100\" cy=\"65\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n            <line x1=\"150\" y1=\"80\" x2=\"150\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <rect x=\"110\" y=\"210\" width=\"80\" height=\"40\" rx=\"6\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/deep_work_vs_shallow.svg"
  },
  {
    "id": "prod_05",
    "slug": "pareto_principle_8020",
    "title_en": "#045 Pareto Principle (80/20)",
    "title_id": "#045 Pareto Principle (80/20)",
    "category": "Productivity",
    "description_en": "Pareto's power law: A vital minority (20%) of input drivers accounts for an overwhelming majority (80%) of strategic outcomes.",
    "description_id": "Distribusi daya Pareto: 20% faktor input kritis menghasilkan 80% dampak nilai ekonomi dan hasil bisnis.",
    "svg_file": "svg/pareto_principle_8020.svg",
    "tags": [
      "efisiensi",
      "prioritas",
      "dampak"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"60\" y=\"160\" width=\"40\" height=\"90\" rx=\"4\" fill=\"currentColor\"/>\n            <path d=\"M110 200 C 140 200, 160 100, 190 100\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <rect x=\"200\" y=\"50\" width=\"50\" height=\"200\" rx=\"6\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/pareto_principle_8020.svg"
  },
  {
    "id": "prod_06",
    "slug": "focus_vs_scattered",
    "title_en": "#046 Focus vs Scattered",
    "title_id": "#046 Focus vs Scattered",
    "category": "Productivity",
    "description_en": "Dividing energy across 10 directions produces zero breakthrough depth.",
    "description_id": "Membagi tenaga ke 10 arah menghasilkan 0 terobosan nyata.",
    "svg_file": "svg/focus_vs_scattered.svg",
    "tags": [
      "terobosan",
      "energi",
      "multi-tasking"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"80\" cy=\"150\" r=\"10\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <line x1=\"80\" y1=\"150\" x2=\"40\" y2=\"110\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"80\" y1=\"150\" x2=\"40\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"80\" y1=\"150\" x2=\"120\" y2=\"110\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"210\" cy=\"150\" r=\"12\" fill=\"currentColor\"/>\n            <line x1=\"210\" y1=\"150\" x2=\"210\" y2=\"40\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <polyline points=\"198,58 210,38 222,58\" stroke=\"currentColor\" stroke-width=\"5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/focus_vs_scattered.svg"
  },
  {
    "id": "prod_07",
    "slug": "consistency_intensity",
    "title_en": "#047 Consistency > Intensity",
    "title_id": "#047 Consistency > Intensity",
    "category": "Productivity",
    "description_en": "Sustainable execution: A disciplined daily operating cadence consistently outperforms heroic bursts followed by cognitive burnout.",
    "description_id": "Ritme eksekusi: Ritme harian teratur yang dapat dipertahankan jangka panjang mengalahkan lonjakan kerja ekstrem yang berujung burnout.",
    "svg_file": "svg/consistency_intensity.svg",
    "tags": [
      "ritme",
      "kebiasaan",
      "anti burnout"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M40 100 L80 100 L100 40 L120 100 L260 100\" stroke=\"currentColor\" stroke-width=\"2\" stroke-opacity=\"0.4\"/>\n            <line x1=\"30\" y1=\"140\" x2=\"270\" y2=\"140\" stroke=\"currentColor\" stroke-width=\"1\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.3\"/>\n            <path d=\"M40 210 L60 190 L80 210 L100 190 L120 210 L140 190 L160 210 L180 190 L200 210 L220 190 L240 210 L260 190\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/consistency_intensity.svg"
  },
  {
    "id": "prod_08",
    "slug": "parkinsons_law",
    "title_en": "#048 Parkinson's Law",
    "title_id": "#048 Parkinson's Law",
    "category": "Productivity",
    "description_en": "Work expands to fill the exact time frame allocated for its completion.",
    "description_id": "Tugas mengembang sesuai durasi waktu yang dialokasikan untuknya.",
    "svg_file": "svg/parkinsons_law.svg",
    "tags": [
      "deadline",
      "manajemen waktu",
      "efisiensi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"40\" y=\"60\" width=\"80\" height=\"180\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"45\" y=\"180\" width=\"70\" height=\"55\" rx=\"4\" fill=\"currentColor\"/>\n            <!-- Expansive balloon in big box -->\n            <rect x=\"150\" y=\"60\" width=\"110\" height=\"180\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"155\" y=\"65\" width=\"100\" height=\"170\" rx=\"6\" fill=\"currentColor\" fill-opacity=\"0.3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/parkinsons_law.svg"
  },
  {
    "id": "prod_09",
    "slug": "the_eisenhower_matrix",
    "title_en": "#049 The Eisenhower Matrix",
    "title_id": "#049 The Eisenhower Matrix",
    "category": "Productivity",
    "description_en": "Separating urgent fire drills from truly important strategic priorities.",
    "description_id": "Memisahkan hal mendesak dari hal yang benar-benar penting bagi masa depan.",
    "svg_file": "svg/the_eisenhower_matrix.svg",
    "tags": [
      "urgensi",
      "penting",
      "waktu"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"150\" y1=\"40\" x2=\"150\" y2=\"260\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"150\" x2=\"260\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Q2: Important Not Urgent (DO FIRST) -->\n            <rect x=\"50\" y=\"50\" width=\"90\" height=\"90\" rx=\"6\" fill=\"currentColor\"/>\n            <rect x=\"160\" y=\"50\" width=\"90\" height=\"90\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"50\" y=\"160\" width=\"90\" height=\"90\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"160\" y=\"160\" width=\"90\" height=\"90\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_eisenhower_matrix.svg"
  },
  {
    "id": "prod_10",
    "slug": "flow_state_channel",
    "title_en": "#050 Flow State Channel",
    "title_id": "#050 Flow State Channel",
    "category": "Productivity",
    "description_en": "The precise corridor where elevated challenge matches high personal capability.",
    "description_id": "Keseimbangan presisi antara tingkat tantangan tinggi dan keahlian tinggi.",
    "svg_file": "svg/flow_state_channel.svg",
    "tags": [
      "fokus maksimal",
      "tantangan vs skill",
      "flow"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"260\" x2=\"260\" y2=\"260\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"260\" x2=\"40\" y2=\"40\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Flow corridor in diagonal -->\n            <path d=\"M40 200 L 200 40\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n            <path d=\"M100 260 L 260 100\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n            <path d=\"M70 230 L 230 70\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/flow_state_channel.svg"
  },
  {
    "id": "prod_11",
    "slug": "friction_vs_velocity",
    "title_en": "#051 Friction vs Velocity",
    "title_id": "#051 Friction vs Velocity",
    "category": "Productivity",
    "description_en": "Removing a single friction step doubles throughput and execution speed.",
    "description_id": "Memangkas 1 klik atau langkah friksi melipatgandakan kecepatan eksekusi.",
    "svg_file": "svg/friction_vs_velocity.svg",
    "tags": [
      "kecepatan",
      "otomasi",
      "eliminasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"150\" x2=\"270\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polygon points=\"250,135 275,150 250,165\" fill=\"currentColor\"/>\n            <!-- Removed obstacle -->\n            <circle cx=\"150\" cy=\"150\" r=\"22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\"/>\n            <line x1=\"135\" y1=\"135\" x2=\"165\" y2=\"165\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/friction_vs_velocity.svg"
  },
  {
    "id": "prod_12",
    "slug": "the_2_minute_rule",
    "title_en": "#052 The 2-Minute Rule",
    "title_id": "#052 The 2-Minute Rule",
    "category": "Productivity",
    "description_en": "If an action takes less than two minutes, execute it immediately without scheduling.",
    "description_id": "Jika tugas butuh waktu kurang dari 2 menit, kerjakan detik ini juga.",
    "svg_file": "svg/the_2_minute_rule.svg",
    "tags": [
      "aksi instan",
      "anti tunda",
      "gtd"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"90\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"150\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"190\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <path d=\"M150 80 A 70 70 0 0 1 190 130\" stroke=\"currentColor\" stroke-width=\"6\" fill=\"none\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_2_minute_rule.svg"
  },
  {
    "id": "prod_13",
    "slug": "batch_processing",
    "title_en": "#053 Batch Processing",
    "title_id": "#053 Batch Processing",
    "category": "Productivity",
    "description_en": "Grouping similar micro-tasks together to minimize context switching overhead.",
    "description_id": "Menggabungkan tugas sejenis untuk dikerjakan sekaligus dalam 1 sesi.",
    "svg_file": "svg/batch_processing.svg",
    "tags": [
      "kelompok tugas",
      "efisiensi",
      "fokus"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Fragmented incoming loose dots -->\n        <circle cx=\"45\" cy=\"90\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <circle cx=\"45\" cy=\"150\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <circle cx=\"45\" cy=\"210\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <!-- Funnel convergence lines -->\n        <path d=\"M65 90 L 105 130\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-dasharray=\"3 3\"/>\n        <path d=\"M65 150 L 105 150\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        <path d=\"M65 210 L 105 170\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-dasharray=\"3 3\"/>\n        <!-- Unified Batch Capsule -->\n        <rect x=\"120\" y=\"85\" width=\"145\" height=\"130\" rx=\"14\" fill=\"currentColor\" fill-opacity=\"0.15\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        <!-- Synchronized batch payload inside -->\n        <circle cx=\"155\" cy=\"125\" r=\"10\" fill=\"currentColor\"/>\n        <circle cx=\"200\" cy=\"125\" r=\"10\" fill=\"currentColor\"/>\n        <circle cx=\"155\" cy=\"175\" r=\"10\" fill=\"currentColor\"/>\n        <circle cx=\"200\" cy=\"175\" r=\"10\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/batch_processing.svg"
  },
  {
    "id": "prod_14",
    "slug": "timeboxing_grid",
    "title_en": "#054 Timeboxing Grid",
    "title_id": "#054 Timeboxing Grid",
    "category": "Productivity",
    "description_en": "Locking dedicated calendar blocks for critical work before the day begins.",
    "description_id": "Mengunci blok waktu spesifik untuk tugas penting sebelum hari dimulai.",
    "svg_file": "svg/timeboxing_grid.svg",
    "tags": [
      "jadwal ketat",
      "kalender",
      "komitmen"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Time Axis Grid -->\n        <rect x=\"45\" y=\"45\" width=\"210\" height=\"210\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <line x1=\"95\" y1=\"45\" x2=\"95\" y2=\"255\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" stroke-opacity=\"0.3\"/>\n        <line x1=\"45\" y1=\"105\" x2=\"255\" y2=\"105\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-opacity=\"0.3\"/>\n        <line x1=\"45\" y1=\"165\" x2=\"255\" y2=\"165\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-opacity=\"0.3\"/>\n        <line x1=\"45\" y1=\"210\" x2=\"255\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-opacity=\"0.3\"/>\n        <!-- Focused Timebox Slot Locked -->\n        <rect x=\"105\" y=\"115\" width=\"140\" height=\"40\" rx=\"4\" fill=\"currentColor\"/>\n        <!-- Active Time Indicator Needle -->\n        <line x1=\"40\" y1=\"135\" x2=\"90\" y2=\"135\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <circle cx=\"40\" cy=\"135\" r=\"4\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/timeboxing_grid.svg"
  },
  {
    "id": "prod_15",
    "slug": "attention_residue",
    "title_en": "#055 Attention Residue",
    "title_id": "#055 Attention Residue",
    "category": "Productivity",
    "description_en": "Shifting between tasks leaves lingering cognitive residue that impairs focus.",
    "description_id": "Beralih tugas meninggalkan sisa pikiran yang merusak kualitas tugas baru.",
    "svg_file": "svg/attention_residue.svg",
    "tags": [
      "distraksi",
      "sisa fokus",
      "multitasking"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"40\" y=\"110\" width=\"70\" height=\"80\" rx=\"6\" fill=\"currentColor\"/>\n            <!-- Leaking residue trail -->\n            <path d=\"M110 150 C 140 150, 160 110, 190 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n            <rect x=\"190\" y=\"110\" width=\"70\" height=\"80\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <circle cx=\"215\" cy=\"150\" r=\"8\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/attention_residue.svg"
  },
  {
    "id": "prod_16",
    "slug": "energy_curve_management",
    "title_en": "#056 Energy Curve Management",
    "title_id": "#056 Energy Curve Management",
    "category": "Productivity",
    "description_en": "Matching your most demanding cognitive work to your natural daily energy peaks.",
    "description_id": "Cocokkan tugas tersulit pada jam puncak energi alami tubuh Anda.",
    "svg_file": "svg/energy_curve_management.svg",
    "tags": [
      "ritme sirkadian",
      "puncak energi",
      "istirahat"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"240\" x2=\"270\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <path d=\"M40 220 Q 100 50, 150 120 T 260 220\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"100\" cy=\"85\" r=\"10\" fill=\"currentColor\"/>\n            <line x1=\"100\" y1=\"85\" x2=\"100\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/energy_curve_management.svg"
  },
  {
    "id": "prod_17",
    "slug": "the_habit_loop",
    "title_en": "#057 The Habit Loop",
    "title_id": "#057 The Habit Loop",
    "category": "Productivity",
    "description_en": "The neurological pattern of Cue, Craving, Response, and Reward.",
    "description_id": "Pemicu → Rutinitas → Hadiah: Anatomi kebiasaan otomatis manusia.",
    "svg_file": "svg/the_habit_loop.svg",
    "tags": [
      "cue",
      "craving",
      "reward"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"70\" r=\"18\" fill=\"currentColor\"/>\n            <circle cx=\"220\" cy=\"190\" r=\"18\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n            <circle cx=\"80\" cy=\"190\" r=\"18\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <path d=\"M165 75 Q 225 105, 220 170\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <path d=\"M210 205 Q 150 250, 95 205\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <path d=\"M80 170 Q 75 105, 135 75\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_habit_loop.svg"
  },
  {
    "id": "prod_18",
    "slug": "context_switching_penalty",
    "title_en": "#058 Context Switching Penalty",
    "title_id": "#058 Context Switching Penalty",
    "category": "Productivity",
    "description_en": "Each disruption incurs a 20+ minute penalty to regain deep cognitive flow.",
    "description_id": "Setiap interupsi membutuhkan 20+ menit hanya untuk kembali ke ritme semula.",
    "svg_file": "svg/context_switching_penalty.svg",
    "tags": [
      "kehilangan momentum",
      "interupsi",
      "biaya waktu"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Baseline Peak Altitude -->\n        <line x1=\"30\" y1=\"70\" x2=\"270\" y2=\"70\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.3\"/>\n        <!-- Interrupted Flow: Sharp drops representing recovery penalty -->\n        <path d=\"M40 70 L 85 70 L 95 190 L 135 120 L 155 120 L 165 240 L 210 160 L 240 160\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- Energy Loss Drop Zones -->\n        <line x1=\"95\" y1=\"70\" x2=\"95\" y2=\"185\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"2 2\" stroke-opacity=\"0.5\"/>\n        <line x1=\"165\" y1=\"120\" x2=\"165\" y2=\"235\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"2 2\" stroke-opacity=\"0.5\"/>\n        <circle cx=\"85\" cy=\"70\" r=\"5\" fill=\"currentColor\"/>\n        <circle cx=\"155\" cy=\"120\" r=\"5\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/context_switching_penalty.svg"
  },
  {
    "id": "prod_19",
    "slug": "task_prioritization_hopper",
    "title_en": "#059 Task Prioritization Hopper",
    "title_id": "#059 Task Prioritization Hopper",
    "category": "Productivity",
    "description_en": "Placing large rocks into the container before filling it with pebbles and sand.",
    "description_id": "Masukkan batu besar (prioritas utama) ke toples waktu sebelum kerikil dan pasir.",
    "svg_file": "svg/task_prioritization_hopper.svg",
    "tags": [
      "batu besar",
      "kerikil",
      "pasir"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"70\" y=\"60\" width=\"160\" height=\"190\" rx=\"10\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <!-- Big Rocks -->\n            <circle cx=\"120\" cy=\"200\" r=\"26\" fill=\"currentColor\"/>\n            <circle cx=\"180\" cy=\"200\" r=\"24\" fill=\"currentColor\"/>\n            <!-- Small Pebbles -->\n            <circle cx=\"110\" cy=\"140\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"150\" cy=\"140\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"190\" cy=\"140\" r=\"11\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/task_prioritization_hopper.svg"
  },
  {
    "id": "prod_20",
    "slug": "the_1_rule_staircase",
    "title_en": "#060 The 1% Rule Staircase",
    "title_id": "#060 The 1% Rule Staircase",
    "category": "Productivity",
    "description_en": "A 1% daily marginal improvement accumulates into significant long-term progress.",
    "description_id": "Perbaikan 1% setiap hari secara konsisten membangun tangga kesuksesan.",
    "svg_file": "svg/the_1_rule_staircase.svg",
    "tags": [
      "kaizen",
      "progres",
      "tangga"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Exponential compounding riser steps -->\n        <path d=\"M40 250 L 80 250 L 80 235 L 120 235 L 120 210 L 160 210 L 160 165 L 200 165 L 200 95 L 245 95 L 245 40\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"/>\n        <!-- Shaded mass under curve -->\n        <polygon points=\"40,250 80,250 80,235 120,235 120,210 160,210 160,165 200,165 200,95 245,95 245,250\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n        <!-- Arrow shooting up at apex -->\n        <polyline points=\"230,55 245,40 260,55\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_1_rule_staircase.svg"
  },
  {
    "id": "sys_01",
    "slug": "feedback_loops",
    "title_en": "#061 Feedback Loops",
    "title_id": "#061 Feedback Loops",
    "category": "Systems",
    "description_en": "Cybernetic regulation: Routing real-time output measurements back into input controls to achieve autonomous systemic equilibrium.",
    "description_id": "Sistem sibernetika: Mengalirkan data keluaran kembali ke modul masukan secara berulang untuk penyesuaian stabilitas otomatis.",
    "svg_file": "svg/feedback_loops.svg",
    "tags": [
      "kontrol",
      "iterasi",
      "sensor"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"50\" y=\"120\" width=\"70\" height=\"60\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"180\" y=\"120\" width=\"70\" height=\"60\" rx=\"6\" fill=\"currentColor\"/>\n            <path d=\"M120 140 L180 140\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <path d=\"M215 180 C 215 240, 85 240, 85 180\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"6 6\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/feedback_loops.svg"
  },
  {
    "id": "sys_02",
    "slug": "decoupled_architecture",
    "title_en": "#062 Decoupled Architecture",
    "title_id": "#062 Decoupled Architecture",
    "category": "Systems",
    "description_en": "Fault isolation: Decoupling component dependencies so that critical failures in one domain cannot cascade across the system.",
    "description_id": "Arsitektur modular terurai: Memisahkan ketergantungan antar-komponen agar kegagalan fatal pada satu node tidak melumpuhkan sistem.",
    "svg_file": "svg/decoupled_architecture.svg",
    "tags": [
      "modular",
      "resiliensi",
      "event bus"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"40\" y=\"70\" width=\"70\" height=\"50\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"190\" y=\"70\" width=\"70\" height=\"50\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"40\" y=\"180\" width=\"70\" height=\"50\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"190\" y=\"180\" width=\"70\" height=\"50\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"16\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/decoupled_architecture.svg"
  },
  {
    "id": "sys_03",
    "slug": "technical_debt",
    "title_en": "#063 Technical Debt",
    "title_id": "#063 Technical Debt",
    "category": "Systems",
    "description_en": "Technical debt mechanics: Sub-optimal engineering shortcuts taken for immediate speed compound into crippling operational drag over time.",
    "description_id": "Hukum utang teknis: Mengambil kompromi arsitektur demi kecepatan rilis hari ini membebankan bunga berupa kelambanan pengembangan esok hari.",
    "svg_file": "svg/technical_debt.svg",
    "tags": [
      "kualitas",
      "refactor",
      "bunga utang"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"250\" x2=\"260\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"80\" y=\"190\" width=\"140\" height=\"50\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.3\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <g transform=\"rotate(10 150 70)\">\n                <rect x=\"100\" y=\"70\" width=\"100\" height=\"50\" rx=\"4\" fill=\"currentColor\"/>\n            </g>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/technical_debt.svg"
  },
  {
    "id": "sys_04",
    "slug": "redundancy_failover",
    "title_en": "#064 Redundancy & Failover",
    "title_id": "#064 Redundancy & Failover",
    "category": "Systems",
    "description_en": "Automated standby secondary paths that activate immediately upon primary failure.",
    "description_id": "Jalur cadangan otomatis yang aktif saat jalur primer mengalami gangguan.",
    "svg_file": "svg/redundancy_failover.svg",
    "tags": [
      "backup",
      "keandalan",
      "failover"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"50\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n            <!-- Primary active line -->\n            <path d=\"M64 140 Q 150 80, 236 140\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <!-- Secondary standby line -->\n            <path d=\"M64 160 Q 150 220, 236 160\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6 6\" stroke-opacity=\"0.5\"/>\n            <circle cx=\"250\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/redundancy_failover.svg"
  },
  {
    "id": "sys_05",
    "slug": "modular_snap_blocks",
    "title_en": "#065 Modular Snap Blocks",
    "title_id": "#065 Modular Snap Blocks",
    "category": "Systems",
    "description_en": "Standardized interfaces that allow components to swap without structural redesign.",
    "description_id": "Blok terstandarisasi yang bisa dibongkar-pasang dengan mudah tanpa merusak struktur.",
    "svg_file": "svg/modular_snap_blocks.svg",
    "tags": [
      "lego",
      "interoperabilitas",
      "desain"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Male Connector Block Left -->\n        <path d=\"M40 100 L 110 100 L 110 125 A 25 25 0 0 1 110 175 L 110 200 L 40 200 Z\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n        <!-- Female Matching Socket Block Right -->\n        <path d=\"M260 100 L 190 100 L 190 125 A 25 25 0 0 1 190 175 L 190 200 L 260 200 Z\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\"/>\n        <!-- Snap alignment indicator -->\n        <line x1=\"135\" y1=\"150\" x2=\"165\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 3\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/modular_snap_blocks.svg"
  },
  {
    "id": "sys_06",
    "slug": "black_box_vs_transparent",
    "title_en": "#066 Black Box vs Transparent",
    "title_id": "#066 Black Box vs Transparent",
    "category": "Systems",
    "description_en": "Hiding internal complexity behind clean, standardized input/output interfaces.",
    "description_id": "Menyembunyikan kerumitan internal di balik antarmuka input-output yang sederhana.",
    "svg_file": "svg/black_box_vs_transparent.svg",
    "tags": [
      "abstraksi",
      "inspeksi",
      "input output"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"150\" x2=\"90\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <rect x=\"90\" y=\"90\" width=\"120\" height=\"120\" rx=\"12\" fill=\"currentColor\"/>\n            <line x1=\"210\" y1=\"150\" x2=\"270\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polygon points=\"260,140 275,150 260,160\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/black_box_vs_transparent.svg"
  },
  {
    "id": "sys_07",
    "slug": "single_point_of_failure",
    "title_en": "#067 Single Point of Failure",
    "title_id": "#067 Single Point of Failure",
    "category": "Systems",
    "description_en": "A vulnerable system link whose failure incapacitates the entire chain.",
    "description_id": "Satu titik lemah yang jika rusak akan melumpuhkan seluruh rantai kerja.",
    "svg_file": "svg/single_point_of_failure.svg",
    "tags": [
      "kerentanan",
      "mata rantai",
      "risiko"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Solid Link 1 -->\n        <rect x=\"35\" y=\"125\" width=\"60\" height=\"50\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"3.5\"/>\n        <line x1=\"95\" y1=\"150\" x2=\"120\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\"/>\n        <!-- Fracturing Vulnerable Center Link -->\n        <rect x=\"120\" y=\"120\" width=\"60\" height=\"60\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"5 4\"/>\n        <!-- Lightning-like fracture line -->\n        <path d=\"M140 120 L 155 145 L 145 155 L 160 180\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <line x1=\"180\" y1=\"150\" x2=\"205\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\"/>\n        <!-- Solid Link 3 -->\n        <rect x=\"205\" y=\"125\" width=\"60\" height=\"50\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"3.5\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/single_point_of_failure.svg"
  },
  {
    "id": "sys_08",
    "slug": "async_message_queue",
    "title_en": "#068 Async Message Queue",
    "title_id": "#068 Async Message Queue",
    "category": "Systems",
    "description_en": "Buffering workload to decouple producer throughput from consumer capacity.",
    "description_id": "Antrean pesan yang menyeimbangkan beban antara produsen dan konsumen tugas.",
    "svg_file": "svg/async_message_queue.svg",
    "tags": [
      "buffer",
      "asinkron",
      "antrean"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"80\" y=\"120\" width=\"140\" height=\"60\" rx=\"10\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"110\" cy=\"150\" r=\"10\" fill=\"currentColor\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"10\" fill=\"currentColor\"/>\n            <circle cx=\"190\" cy=\"150\" r=\"10\" fill=\"currentColor\"/>\n            <line x1=\"30\" y1=\"150\" x2=\"70\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"230\" y1=\"150\" x2=\"270\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/async_message_queue.svg"
  },
  {
    "id": "sys_09",
    "slug": "monolith_vs_microservices",
    "title_en": "#069 Monolith vs Microservices",
    "title_id": "#069 Monolith vs Microservices",
    "category": "Systems",
    "description_en": "Single unified core versus independent distributed service network.",
    "description_id": "Satu kubus raksasa terpadu vs jaringan puluhan layanan kecil yang fleksibel.",
    "svg_file": "svg/monolith_vs_microservices.svg",
    "tags": [
      "arsitektur",
      "desentralisasi",
      "skalabilitas"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Monolith Single Block -->\n            <rect x=\"40\" y=\"100\" width=\"90\" height=\"100\" rx=\"10\" fill=\"currentColor\"/>\n            <!-- Microservices Mesh -->\n            <rect x=\"180\" y=\"90\" width=\"35\" height=\"35\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"235\" y=\"90\" width=\"35\" height=\"35\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"180\" y=\"165\" width=\"35\" height=\"35\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"235\" y=\"165\" width=\"35\" height=\"35\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"215\" y1=\"107\" x2=\"235\" y2=\"107\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"197\" y1=\"125\" x2=\"197\" y2=\"165\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/monolith_vs_microservices.svg"
  },
  {
    "id": "sys_10",
    "slug": "rate_limiting_valve",
    "title_en": "#070 Rate Limiting Valve",
    "title_id": "#070 Rate Limiting Valve",
    "category": "Systems",
    "description_en": "Protective throttling valves that shield backend services from traffic surges.",
    "description_id": "Katup pengaman yang membatasi volume request agar server tidak tumbang.",
    "svg_file": "svg/rate_limiting_valve.svg",
    "tags": [
      "katup",
      "keamanan",
      "proteksi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Pipe Conduit Walls -->\n        <line x1=\"30\" y1=\"90\" x2=\"270\" y2=\"90\" stroke=\"currentColor\" stroke-width=\"3.5\"/>\n        <line x1=\"30\" y1=\"210\" x2=\"270\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"3.5\"/>\n        <!-- Constricting Gate Valve Pistons -->\n        <rect x=\"135\" y=\"55\" width=\"30\" height=\"65\" rx=\"4\" fill=\"currentColor\"/>\n        <rect x=\"135\" y=\"180\" width=\"30\" height=\"65\" rx=\"4\" fill=\"currentColor\"/>\n        <!-- High-density input particles on left -->\n        <circle cx=\"60\" cy=\"120\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        <circle cx=\"60\" cy=\"180\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        <circle cx=\"95\" cy=\"135\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        <circle cx=\"95\" cy=\"165\" r=\"6\" fill=\"currentColor\" fill-opacity=\"0.5\"/>\n        <circle cx=\"75\" cy=\"150\" r=\"7\" fill=\"currentColor\"/>\n        <!-- Metered, calibrated single stream on right -->\n        <circle cx=\"195\" cy=\"150\" r=\"7\" fill=\"currentColor\"/>\n        <circle cx=\"245\" cy=\"150\" r=\"7\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/rate_limiting_valve.svg"
  },
  {
    "id": "sys_11",
    "slug": "state_machine_flow",
    "title_en": "#071 State Machine Flow",
    "title_id": "#071 State Machine Flow",
    "category": "Systems",
    "description_en": "Deterministic systems transitioning through explicit, valid state triggers.",
    "description_id": "Status sistem yang bertransisi secara teratur berdasarkan pemicu yang valid.",
    "svg_file": "svg/state_machine_flow.svg",
    "tags": [
      "transisi",
      "kondisi",
      "alur"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- State 1: Idle / Start -->\n        <circle cx=\"75\" cy=\"150\" r=\"32\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\" fill-opacity=\"0.1\"/>\n        <circle cx=\"75\" cy=\"150\" r=\"10\" fill=\"currentColor\"/>\n        <!-- State 2: Active / Terminal -->\n        <circle cx=\"225\" cy=\"150\" r=\"32\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\"/>\n        <circle cx=\"225\" cy=\"150\" r=\"24\" stroke=\"var(--card-preview-bg, currentColor)\" stroke-width=\"2\"/>\n        <!-- Forward Valid Transition Arc -->\n        <path d=\"M102 128 Q 150 95, 198 128\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"185,124 200,130 196,114\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n        <!-- Guarded Rollback Arc -->\n        <path d=\"M198 172 Q 150 205, 102 172\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-linecap=\"round\"/>\n        <polyline points=\"115,176 100,170 104,186\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/state_machine_flow.svg"
  },
  {
    "id": "sys_12",
    "slug": "cache_pyramid",
    "title_en": "#072 Cache Pyramid",
    "title_id": "#072 Cache Pyramid",
    "category": "Systems",
    "description_en": "Tiered memory hierarchies: ultra-fast low-capacity cache over high-capacity persistent storage.",
    "description_id": "Tingkatan memori: Memori kecil super-cepat di puncak vs Memori besar lambat di dasar.",
    "svg_file": "svg/cache_pyramid.svg",
    "tags": [
      "kecepatan",
      "penyimpanan",
      "memori"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Pyramid Tier Outlines -->\n        <polygon points=\"150,45 255,245 45,245\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"/>\n        <!-- Horizontal Shelf Dividers -->\n        <line x1=\"115\" y1=\"115\" x2=\"185\" y2=\"115\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <line x1=\"80\" y1=\"180\" x2=\"220\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <!-- L1 Ultra-Fast Apex Fill -->\n        <polygon points=\"150,45 185,115 115,115\" fill=\"currentColor\"/>\n        <!-- Speed indicators on right -->\n        <path d=\"M205 75 L 245 75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n        <path d=\"M235 145 L 265 145\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-opacity=\"0.6\"/>\n        <path d=\"M260 215 L 285 215\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-opacity=\"0.3\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/cache_pyramid.svg"
  },
  {
    "id": "sys_13",
    "slug": "circuit_breaker_pattern",
    "title_en": "#073 Circuit Breaker Pattern",
    "title_id": "#073 Circuit Breaker Pattern",
    "category": "Systems",
    "description_en": "Temporarily interrupting connection calls to failing services to allow recovery.",
    "description_id": "Memutus koneksi otomatis saat error melonjak agar sistem bisa pulih sendiri.",
    "svg_file": "svg/circuit_breaker_pattern.svg",
    "tags": [
      "ketahanan",
      "saklar",
      "proteksi sistem"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"150\" x2=\"100\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <circle cx=\"100\" cy=\"150\" r=\"8\" fill=\"currentColor\"/>\n            <!-- Open tilted switch -->\n            <line x1=\"100\" y1=\"150\" x2=\"180\" y2=\"90\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"200\" cy=\"150\" r=\"8\" fill=\"currentColor\"/>\n            <line x1=\"200\" y1=\"150\" x2=\"260\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/circuit_breaker_pattern.svg"
  },
  {
    "id": "sys_14",
    "slug": "pipeline_assembly",
    "title_en": "#074 Pipeline Assembly",
    "title_id": "#074 Pipeline Assembly",
    "category": "Systems",
    "description_en": "Sequential processing where the validated output of stage one feeds stage two.",
    "description_id": "Proses berantai di mana output tahap 1 langsung menjadi input tahap 2.",
    "svg_file": "svg/pipeline_assembly.svg",
    "tags": [
      "konveyor",
      "tahapan",
      "otomatis"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"35\" y=\"120\" width=\"55\" height=\"60\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <path d=\"M90 150 L 115 150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"115\" y=\"110\" width=\"65\" height=\"80\" rx=\"8\" fill=\"currentColor\"/>\n            <path d=\"M180 150 L 205 150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"205\" y=\"120\" width=\"55\" height=\"60\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/pipeline_assembly.svg"
  },
  {
    "id": "sys_15",
    "slug": "load_balancer_split",
    "title_en": "#075 Load Balancer Split",
    "title_id": "#075 Load Balancer Split",
    "category": "Systems",
    "description_en": "Distributing incoming client requests evenly across available infrastructure nodes.",
    "description_id": "Membagi lalu lintas request secara merata ke seluruh armada server.",
    "svg_file": "svg/load_balancer_split.svg",
    "tags": [
      "distribusi beban",
      "skala",
      "server"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"60\" cy=\"150\" r=\"16\" fill=\"currentColor\"/>\n            <path d=\"M76 150 L 120 150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"120\" y=\"110\" width=\"30\" height=\"80\" rx=\"6\" fill=\"currentColor\"/>\n            <!-- 3 split paths -->\n            <line x1=\"150\" y1=\"125\" x2=\"210\" y2=\"70\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"150\" y1=\"150\" x2=\"210\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <line x1=\"150\" y1=\"175\" x2=\"210\" y2=\"230\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n            <rect x=\"210\" y=\"55\" width=\"45\" height=\"30\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"210\" y=\"135\" width=\"45\" height=\"30\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <rect x=\"210\" y=\"215\" width=\"45\" height=\"30\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/load_balancer_split.svg"
  },
  {
    "id": "sys_16",
    "slug": "data_lake_vs_warehouse",
    "title_en": "#076 Data Lake vs Warehouse",
    "title_id": "#076 Data Lake vs Warehouse",
    "category": "Systems",
    "description_en": "Raw multi-format repositories versus highly curated structured analytical schemas.",
    "description_id": "Wadah data mentah tak terstruktur vs Struktur matriks siap analisis bisnis.",
    "svg_file": "svg/data_lake_vs_warehouse.svg",
    "tags": [
      "big data",
      "struktur",
      "analitika"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Unstructured Data Lake Reservoir (Organic Contour) -->\n        <path d=\"M40 140 C 35 85, 105 70, 130 95 C 145 115, 135 190, 85 205 C 45 220, 45 180, 40 140 Z\" fill=\"currentColor\" fill-opacity=\"0.15\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <circle cx=\"80\" cy=\"130\" r=\"5\" fill=\"currentColor\"/>\n        <rect x=\"95\" y=\"150\" width=\"8\" height=\"8\" fill=\"currentColor\"/>\n        <!-- ETL Pipeline Conduit -->\n        <path d=\"M140 150 L 175 150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"165,142 175,150 165,158\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <!-- Highly Structured Star Schema Cubes (Data Warehouse) -->\n        <rect x=\"190\" y=\"80\" width=\"75\" height=\"135\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <line x1=\"190\" y1=\"125\" x2=\"265\" y2=\"125\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <line x1=\"190\" y1=\"170\" x2=\"265\" y2=\"170\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <line x1=\"227.5\" y1=\"80\" x2=\"227.5\" y2=\"215\" stroke=\"currentColor\" stroke-width=\"2\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/data_lake_vs_warehouse.svg"
  },
  {
    "id": "sys_17",
    "slug": "idempotency_principle",
    "title_en": "#077 Idempotency Principle",
    "title_id": "#077 Idempotency Principle",
    "category": "Systems",
    "description_en": "Executing an operation repeatedly without altering the final system state.",
    "description_id": "Eksekusi operasi berkali-kali menghasilkan dampak akhir yang tetap sama persis.",
    "svg_file": "svg/idempotency_principle.svg",
    "tags": [
      "stabilitas",
      "konsistensi",
      "api"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"110\" x2=\"150\" y2=\"110\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"40\" y1=\"150\" x2=\"150\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"40\" y1=\"190\" x2=\"150\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <rect x=\"160\" y=\"90\" width=\"100\" height=\"120\" rx=\"10\" fill=\"currentColor\"/>\n            <circle cx=\"210\" cy=\"150\" r=\"16\" fill=\"var(--card-preview-bg, currentColor)\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/idempotency_principle.svg"
  },
  {
    "id": "sys_18",
    "slug": "event_driven_hub",
    "title_en": "#078 Event-Driven Hub",
    "title_id": "#078 Event-Driven Hub",
    "category": "Systems",
    "description_en": "Centralized broker dispatching events asynchronously to decoupled subscribers.",
    "description_id": "Pusat broker yang menyiarkan peristiwa kepada subscriber yang berkepentingan.",
    "svg_file": "svg/event_driven_hub.svg",
    "tags": [
      "broker",
      "reaktif",
      "notifikasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Central Event Broker Gateway -->\n        <circle cx=\"150\" cy=\"150\" r=\"28\" fill=\"currentColor\"/>\n        <!-- Radial Shockwave Pulses -->\n        <circle cx=\"150\" cy=\"150\" r=\"50\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.5\"/>\n        <circle cx=\"150\" cy=\"150\" r=\"85\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"6 6\" stroke-opacity=\"0.3\"/>\n        <!-- Independent Microservice Subscribers -->\n        <rect x=\"40\" y=\"50\" width=\"36\" height=\"36\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <rect x=\"224\" y=\"50\" width=\"36\" height=\"36\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <rect x=\"40\" y=\"214\" width=\"36\" height=\"36\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <rect x=\"224\" y=\"214\" width=\"36\" height=\"36\" rx=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <!-- Asynchronous Emission Beams -->\n        <line x1=\"130\" y1=\"130\" x2=\"80\" y2=\"86\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n        <line x1=\"170\" y1=\"130\" x2=\"220\" y2=\"86\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n        <line x1=\"130\" y1=\"170\" x2=\"80\" y2=\"214\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n        <line x1=\"170\" y1=\"170\" x2=\"220\" y2=\"214\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/event_driven_hub.svg"
  },
  {
    "id": "sys_19",
    "slug": "high_availability_ring",
    "title_en": "#079 High Availability Ring",
    "title_id": "#079 High Availability Ring",
    "category": "Systems",
    "description_en": "Interconnected nodes maintaining real-time heartbeat and data replication.",
    "description_id": "Cincin server yang saling menjaga sinkronisasi status untuk nol downtime.",
    "svg_file": "svg/high_availability_ring.svg",
    "tags": [
      "uptime",
      "sinkronisasi",
      "heartbeat"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"90\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6 6\"/>\n            <circle cx=\"150\" cy=\"60\" r=\"16\" fill=\"currentColor\"/>\n            <circle cx=\"230\" cy=\"180\" r=\"16\" fill=\"currentColor\"/>\n            <circle cx=\"70\" cy=\"180\" r=\"16\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/high_availability_ring.svg"
  },
  {
    "id": "sys_20",
    "slug": "agile_iteration_sprint",
    "title_en": "#080 Agile Iteration Sprint",
    "title_id": "#080 Agile Iteration Sprint",
    "category": "Systems",
    "description_en": "Rapid cycles: Design, Build, Measure, and Adapt based on real usage data.",
    "description_id": "Putaran cepat: Rancang → Bangun → Uji → Evaluasi.",
    "svg_file": "svg/agile_iteration_sprint.svg",
    "tags": [
      "build measure learn",
      "sprint",
      "ci/cd"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Circular Sprint Loop -->\n        <path d=\"M150 45 A 105 105 0 1 1 50 170\" stroke=\"currentColor\" stroke-width=\"4.5\" stroke-linecap=\"round\"/>\n        <polyline points=\"32,145 50,172 78,155\" stroke=\"currentColor\" stroke-width=\"4.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n        <!-- 3 Milestone Node Pins along orbit -->\n        <circle cx=\"150\" cy=\"45\" r=\"9\" fill=\"currentColor\"/>\n        <circle cx=\"255\" cy=\"150\" r=\"9\" fill=\"currentColor\"/>\n        <circle cx=\"150\" cy=\"255\" r=\"9\" fill=\"currentColor\"/>\n        <!-- Core Value Shipped at Center -->\n        <rect x=\"125\" y=\"125\" width=\"50\" height=\"50\" rx=\"8\" fill=\"currentColor\" fill-opacity=\"0.2\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <circle cx=\"150\" cy=\"150\" r=\"8\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/agile_iteration_sprint.svg"
  },
  {
    "id": "psy_01",
    "slug": "the_empathy_gap",
    "title_en": "#081 The Empathy Gap",
    "title_id": "#081 The Empathy Gap",
    "category": "Psychology",
    "description_en": "Failing to anticipate how different emotional states alter user decisions.",
    "description_id": "Asumsi kita tentang user sering berbeda drastis dari realitas mereka.",
    "svg_file": "svg/the_empathy_gap.svg",
    "tags": [
      "persepsi",
      "user research",
      "klien"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"70\" cy=\"150\" r=\"40\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <circle cx=\"230\" cy=\"150\" r=\"40\" fill=\"currentColor\"/>\n            <line x1=\"120\" y1=\"90\" x2=\"120\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n            <line x1=\"180\" y1=\"90\" x2=\"180\" y2=\"210\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-opacity=\"0.4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_empathy_gap.svg"
  },
  {
    "id": "psy_02",
    "slug": "anchoring_effect",
    "title_en": "#082 Anchoring Effect",
    "title_id": "#082 Anchoring Effect",
    "category": "Psychology",
    "description_en": "Cognitive anchoring: The initial datum introduced disproportionately biases and bounds all subsequent rational valuations.",
    "description_id": "Bias penjangkaran: Angka atau kesan pertama yang diperkenalkan mendistorsi kerangka penilaian dan negosiasi secara tidak proporsional.",
    "svg_file": "svg/anchoring_effect.svg",
    "tags": [
      "pricing",
      "negosiasi",
      "patokan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"70\" r=\"16\" fill=\"currentColor\"/>\n            <line x1=\"150\" y1=\"86\" x2=\"150\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <line x1=\"60\" y1=\"180\" x2=\"240\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <circle cx=\"240\" cy=\"235\" r=\"18\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/anchoring_effect.svg"
  },
  {
    "id": "psy_03",
    "slug": "loss_aversion_2x_pain",
    "title_en": "#083 Loss Aversion (2x Pain)",
    "title_id": "#083 Loss Aversion (2x Pain)",
    "category": "Psychology",
    "description_en": "Kahneman & Tversky's loss aversion: The psychological distress of a loss is experienced with twice the intensity of an equivalent gain.",
    "description_id": "Prospek Kahneman & Tversky: Beban psikologis rasa rugi dirasakan 2 hingga 2,5 kali lebih menyakitkan dibanding nikmat keuntungan setara.",
    "svg_file": "svg/loss_aversion_2x_pain.svg",
    "tags": [
      "psikologi harga",
      "kehilangan",
      "tversky"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"150\" x2=\"260\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Gain arrow up (+1x) -->\n            <line x1=\"100\" y1=\"150\" x2=\"100\" y2=\"90\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <polyline points=\"90,105 100,90 110,105\" stroke=\"currentColor\" stroke-width=\"4\"/>\n            <!-- Loss arrow down (-2x) -->\n            <line x1=\"200\" y1=\"150\" x2=\"200\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <polyline points=\"188,235 200,250 212,235\" stroke=\"currentColor\" stroke-width=\"5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/loss_aversion_2x_pain.svg"
  },
  {
    "id": "psy_04",
    "slug": "confirmation_bias_filter",
    "title_en": "#084 Confirmation Bias Filter",
    "title_id": "#084 Confirmation Bias Filter",
    "category": "Psychology",
    "description_en": "The tendency to accept information that confirms prior beliefs and discard contradictory data.",
    "description_id": "Otak hanya menyerap bukti yang mendukung keyakinan awal dan membuang sisanya.",
    "svg_file": "svg/confirmation_bias_filter.svg",
    "tags": [
      "filter pikiran",
      "kebenaran semu",
      "bias"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Funnel Membrane Partition -->\n        <line x1=\"150\" y1=\"35\" x2=\"150\" y2=\"265\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        <!-- Circular Gate (Only permits circular belief shapes) -->\n        <circle cx=\"150\" cy=\"150\" r=\"22\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"var(--bg)\"/>\n        <!-- Matching Circle passes cleanly through -->\n        <circle cx=\"65\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n        <line x1=\"85\" y1=\"150\" x2=\"210\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <circle cx=\"235\" cy=\"150\" r=\"14\" fill=\"currentColor\"/>\n        <!-- Discrepant Square is rejected and deflected -->\n        <rect x=\"50\" y=\"65\" width=\"28\" height=\"28\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n        <path d=\"M85 79 Q 135 79, 105 45\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-dasharray=\"3 3\"/>\n        <polyline points=\"100,55 105,45 115,50\" stroke=\"currentColor\" stroke-width=\"2\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/confirmation_bias_filter.svg"
  },
  {
    "id": "psy_05",
    "slug": "cognitive_load_overflow",
    "title_en": "#085 Cognitive Load Overflow",
    "title_id": "#085 Cognitive Load Overflow",
    "category": "Psychology",
    "description_en": "Working memory is constrained to processing roughly 4 distinct items simultaneously.",
    "description_id": "Otak manusia hanya mampu menampung 4 bongkah informasi baru sekaligus.",
    "svg_file": "svg/cognitive_load_overflow.svg",
    "tags": [
      "ui/ux",
      "kesederhanaan",
      "memori kerja"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Calibrated Brain Capacity Flask -->\n        <path d=\"M85 80 L 95 210 C 95 235, 205 235, 205 210 L 215 80\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"/>\n        <line x1=\"75\" y1=\"80\" x2=\"225\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        <!-- Maximum 4 working memory chunks inside -->\n        <circle cx=\"130\" cy=\"185\" r=\"18\" fill=\"currentColor\"/>\n        <circle cx=\"170\" cy=\"185\" r=\"18\" fill=\"currentColor\"/>\n        <circle cx=\"120\" cy=\"145\" r=\"16\" fill=\"currentColor\"/>\n        <circle cx=\"165\" cy=\"140\" r=\"16\" fill=\"currentColor\"/>\n        <!-- 5th overflow chunk spilling over the brim -->\n        <circle cx=\"225\" cy=\"55\" r=\"15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 3\"/>\n        <path d=\"M195 85 Q 225 85, 225 55\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 3\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/cognitive_load_overflow.svg"
  },
  {
    "id": "psy_06",
    "slug": "the_dunning_kruger_curve",
    "title_en": "#086 The Dunning-Kruger Curve",
    "title_id": "#086 The Dunning-Kruger Curve",
    "category": "Psychology",
    "description_en": "The Dunning-Kruger curve: Perceived confidence peaks at superficial familiarity before crashing as true operational depth is uncovered.",
    "description_id": "Paradoks Dunning-Kruger: Keyakinan semu memuncak saat pemahaman masih dangkal, lalu runtuh ketika kerumitan riil mulai dipahami.",
    "svg_file": "svg/the_dunning_kruger_curve.svg",
    "tags": [
      "kepercayaan diri",
      "kompetensi",
      "kematangan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"40\" y1=\"240\" x2=\"260\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"40\" y1=\"240\" x2=\"40\" y2=\"40\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <!-- Mount Stupid Spike then Valley then Gradual Slope -->\n            <path d=\"M40 240 Q 80 40, 110 50 C 130 60, 150 220, 180 220 C 210 220, 240 140, 260 120\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"100\" cy=\"50\" r=\"8\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_dunning_kruger_curve.svg"
  },
  {
    "id": "psy_07",
    "slug": "overcoming_inertia",
    "title_en": "#087 Overcoming Inertia",
    "title_id": "#087 Overcoming Inertia",
    "category": "Psychology",
    "description_en": "The initial activation energy required to begin is far higher than energy to maintain motion.",
    "description_id": "Energi terbesar dihabiskan untuk mendorong batu pertama kali agar mulai bergulir.",
    "svg_file": "svg/overcoming_inertia.svg",
    "tags": [
      "memulai",
      "energi aktivasi",
      "dorongan awal"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"240\" x2=\"270\" y2=\"240\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <!-- Giant heavy stone -->\n            <circle cx=\"130\" cy=\"150\" r=\"70\" fill=\"currentColor\"/>\n            <!-- Push spark arrow -->\n            <line x1=\"35\" y1=\"150\" x2=\"55\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n            <polyline points=\"45,140 58,150 45,160\" stroke=\"currentColor\" stroke-width=\"5\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/overcoming_inertia.svg"
  },
  {
    "id": "psy_08",
    "slug": "the_scarcity_urgency",
    "title_en": "#088 The Scarcity Urgency",
    "title_id": "#088 The Scarcity Urgency",
    "category": "Psychology",
    "description_en": "Perceived value and urgency increase sharply when availability or time is constrained.",
    "description_id": "Nilai sesuatu melonjak di mata manusia saat jumlah atau waktunya terbatas.",
    "svg_file": "svg/the_scarcity_urgency.svg",
    "tags": [
      "kelangkaan",
      "jam pasir",
      "aksi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Structural Plates -->\n        <line x1=\"75\" y1=\"50\" x2=\"225\" y2=\"50\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n        <line x1=\"75\" y1=\"250\" x2=\"225\" y2=\"250\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n        <!-- Hourglass Body -->\n        <path d=\"M90 50 C 90 125, 140 145, 145 150 C 140 155, 90 175, 90 250 L 210 250 C 210 175, 160 155, 155 150 C 160 145, 210 125, 210 50 Z\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"/>\n        <!-- Draining Top Sand -->\n        <polygon points=\"105,70 195,70 150,135\" fill=\"currentColor\" fill-opacity=\"0.25\"/>\n        <!-- Active trickling center stream -->\n        <line x1=\"150\" y1=\"135\" x2=\"150\" y2=\"215\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"3 3\"/>\n        <!-- Accumulated Bottom Sand Pile -->\n        <path d=\"M115 245 C 130 215, 170 215, 185 245 Z\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_scarcity_urgency.svg"
  },
  {
    "id": "psy_09",
    "slug": "the_framing_spotlight",
    "title_en": "#089 The Framing Spotlight",
    "title_id": "#089 The Framing Spotlight",
    "category": "Psychology",
    "description_en": "Presenting identical data through different semantic frames alters conclusions.",
    "description_id": "Informasi yang persis sama terlihat berbeda tergantung sudut sorot bingkainya.",
    "svg_file": "svg/the_framing_spotlight.svg",
    "tags": [
      "perspektif",
      "framing",
      "narasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"24\" fill=\"currentColor\"/>\n            <!-- Spotlight cone from top left -->\n            <polygon points=\"40,40 120,130 180,130 60,30\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n            <line x1=\"40\" y1=\"40\" x2=\"120\" y2=\"130\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"3 3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_framing_spotlight.svg"
  },
  {
    "id": "psy_10",
    "slug": "the_spotlight_effect",
    "title_en": "#090 The Spotlight Effect",
    "title_id": "#090 The Spotlight Effect",
    "category": "Psychology",
    "description_en": "Overestimating how much external observers notice our minor flaws and missteps.",
    "description_id": "Kita mengira semua orang memperhatikan kesalahan kita, padahal mereka sibuk dengan diri sendiri.",
    "svg_file": "svg/the_spotlight_effect.svg",
    "tags": [
      "kecemasan",
      "presentasi",
      "persepsi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"200\" r=\"16\" fill=\"currentColor\"/>\n            <!-- Giant Overhead Spotlight -->\n            <polygon points=\"150,40 60,240 240,240\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"4 4\" fill=\"currentColor\" fill-opacity=\"0.08\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_spotlight_effect.svg"
  },
  {
    "id": "psy_11",
    "slug": "the_halo_effect",
    "title_en": "#091 The Halo Effect",
    "title_id": "#091 The Halo Effect",
    "category": "Psychology",
    "description_en": "A single positive attribute creating an overarching favorable impression of the whole.",
    "description_id": "Satu kelebihan menonjol menciptakan kesan positif menyeluruh pada hal lainnya.",
    "svg_file": "svg/the_halo_effect.svg",
    "tags": [
      "kesan pertama",
      "branding",
      "aura"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"160\" r=\"35\" fill=\"currentColor\"/>\n            <!-- Glowing Halo on top -->\n            <ellipse cx=\"150\" cy=\"90\" rx=\"45\" ry=\"12\" stroke=\"currentColor\" stroke-width=\"4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_halo_effect.svg"
  },
  {
    "id": "psy_12",
    "slug": "reciprocity_loop",
    "title_en": "#092 Reciprocity Loop",
    "title_id": "#092 Reciprocity Loop",
    "category": "Psychology",
    "description_en": "Providing upfront value naturally stimulates a psychological drive to return the favor.",
    "description_id": "Memberi nilai tanpa pamrih memicu dorongan psikologis untuk membalas budi.",
    "svg_file": "svg/reciprocity_loop.svg",
    "tags": [
      "timbal balik",
      "hadiah",
      "hubungan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"50\" y=\"125\" width=\"50\" height=\"50\" rx=\"8\" fill=\"currentColor\"/>\n            <rect x=\"200\" y=\"125\" width=\"50\" height=\"50\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <path d=\"M100 135 Q 150 90, 195 135\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <path d=\"M200 165 Q 150 210, 105 165\" stroke=\"currentColor\" stroke-width=\"3\" stroke-dasharray=\"4 4\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/reciprocity_loop.svg"
  },
  {
    "id": "psy_13",
    "slug": "sunk_cost_trap",
    "title_en": "#093 Sunk Cost Trap",
    "title_id": "#093 Sunk Cost Trap",
    "category": "Psychology",
    "description_en": "Continuing an unproductive venture simply because past resources cannot be recovered.",
    "description_id": "Terus bertahan pada keputusan rugi hanya karena terlanjur menginvestasikan waktu/uang.",
    "svg_file": "svg/sunk_cost_trap.svg",
    "tags": [
      "jebakan biaya",
      "potong rugi",
      "rasionalitas"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <line x1=\"30\" y1=\"80\" x2=\"270\" y2=\"80\" stroke=\"currentColor\" stroke-width=\"2\"/>\n            <line x1=\"150\" y1=\"80\" x2=\"150\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <!-- Sinking weight -->\n            <circle cx=\"150\" cy=\"220\" r=\"28\" fill=\"currentColor\"/>\n            <!-- Scissors cutting the rope -->\n            <line x1=\"130\" y1=\"130\" x2=\"170\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <line x1=\"170\" y1=\"130\" x2=\"130\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/sunk_cost_trap.svg"
  },
  {
    "id": "psy_14",
    "slug": "the_blind_spot",
    "title_en": "#094 The Blind Spot",
    "title_id": "#094 The Blind Spot",
    "category": "Psychology",
    "description_en": "Critical angles invisible to the individual but easily observed by external peers.",
    "description_id": "Area kritis yang tidak terlihat oleh mata kita sendiri tapi jelas bagi orang lain.",
    "svg_file": "svg/the_blind_spot.svg",
    "tags": [
      "titik buta",
      "kesadaran",
      "koreksi tim"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <circle cx=\"150\" cy=\"150\" r=\"80\" stroke=\"currentColor\" stroke-width=\"3\"/>\n            <!-- Visible slice vs Blind slice -->\n            <polygon points=\"150,150 210,95 230,150\" fill=\"currentColor\"/>\n            <circle cx=\"150\" cy=\"150\" r=\"10\" fill=\"var(--card-preview-bg, currentColor)\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_blind_spot.svg"
  },
  {
    "id": "psy_15",
    "slug": "the_overton_window",
    "title_en": "#095 The Overton Window",
    "title_id": "#095 The Overton Window",
    "category": "Psychology",
    "description_en": "The range of policies and ideas considered mainstream and acceptable by the public.",
    "description_id": "Rentang ide yang dianggap dapat diterima oleh publik pada satu masa tertentu.",
    "svg_file": "svg/the_overton_window.svg",
    "tags": [
      "kebijakan publik",
      "rentang ide",
      "opini"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Full Unfiltered Idea Spectrum Axis -->\n        <line x1=\"30\" y1=\"150\" x2=\"270\" y2=\"150\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <!-- Extreme Unacceptable Idea Nodes outside -->\n        <circle cx=\"55\" cy=\"150\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"2 2\" stroke-opacity=\"0.4\"/>\n        <circle cx=\"245\" cy=\"150\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"2 2\" stroke-opacity=\"0.4\"/>\n        <!-- The Sliding Acceptable Policy Window -->\n        <rect x=\"95\" y=\"80\" width=\"110\" height=\"140\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n        <line x1=\"150\" y1=\"80\" x2=\"150\" y2=\"220\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-opacity=\"0.4\"/>\n        <!-- Mainstream Acceptable Policy Consensus inside -->\n        <circle cx=\"130\" cy=\"150\" r=\"12\" fill=\"currentColor\"/>\n        <circle cx=\"170\" cy=\"150\" r=\"12\" fill=\"currentColor\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_overton_window.svg"
  },
  {
    "id": "psy_16",
    "slug": "active_listening",
    "title_en": "#096 Active Listening",
    "title_id": "#096 Active Listening",
    "category": "Psychology",
    "description_en": "Listening to fully comprehend rather than merely waiting for a turn to speak.",
    "description_id": "Mendengar untuk benar-benar memahami, bukan sekadar menunggu giliran bicara.",
    "svg_file": "svg/active_listening.svg",
    "tags": [
      "komunikasi",
      "empati",
      "negosiasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <!-- Incoming Sound Waves -->\n            <path d=\"M60 110 A 50 50 0 0 1 60 190\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <path d=\"M90 90 A 75 75 0 0 1 90 210\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n            <!-- Open Receptive Ear Node -->\n            <circle cx=\"190\" cy=\"150\" r=\"35\" fill=\"currentColor\"/>\n            <circle cx=\"190\" cy=\"150\" r=\"15\" fill=\"var(--card-preview-bg, currentColor)\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/active_listening.svg"
  },
  {
    "id": "psy_17",
    "slug": "storytelling_arc",
    "title_en": "#097 Storytelling Arc",
    "title_id": "#097 Storytelling Arc",
    "category": "Psychology",
    "description_en": "The narrative structure: Context, Inciting Incident, Climax, and Resolution.",
    "description_id": "Struktur narasi presentasi: Pengenalan → Konflik → Klimaks → Solusi.",
    "svg_file": "svg/storytelling_arc.svg",
    "tags": [
      "narasi",
      "hook",
      "klimaks",
      "resolusi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M40 230 Q 120 230, 150 70 Q 180 230, 260 230\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n            <circle cx=\"150\" cy=\"70\" r=\"10\" fill=\"currentColor\"/>\n        </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/storytelling_arc.svg"
  },
  {
    "id": "psy_18",
    "slug": "status_quo_bias",
    "title_en": "#098 Status Quo Bias",
    "title_id": "#098 Status Quo Bias",
    "category": "Psychology",
    "description_en": "The default preference to keep things as they are due to fear of change.",
    "description_id": "Kecenderungan manusia memilih keadaan sekarang dibanding ketidakpastian perubahan.",
    "svg_file": "svg/status_quo_bias.svg",
    "tags": [
      "zona nyaman",
      "keengganan berubah",
      "mindset"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Deep Potential Well / Inertia Valley -->\n        <path d=\"M40 90 L 80 90 Q 150 250, 220 90 L 260 90\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"/>\n        <!-- Heavy Marble Trapped in Valley Center -->\n        <circle cx=\"150\" cy=\"180\" r=\"26\" fill=\"currentColor\"/>\n        <!-- Effort vector required to escape status quo -->\n        <path d=\"M165 160 Q 200 130, 215 105\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"4 4\"/>\n        <polyline points=\"205,103 218,102 216,115\" stroke=\"currentColor\" stroke-width=\"2.5\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/status_quo_bias.svg"
  },
  {
    "id": "psy_19",
    "slug": "the_trust_equation",
    "title_en": "#099 The Trust Equation",
    "title_id": "#099 The Trust Equation",
    "category": "Psychology",
    "description_en": "The Trust Equation: Credibility, Reliability, and Intimacy are immediately nullified when perceived Self-Orientation is elevated.",
    "description_id": "Persamaan kepercayaan Charles Green: Kredibilitas dan keandalan Anda runtuh seketika saat lawan bicara mencium motif mementingkan diri sendiri.",
    "svg_file": "svg/the_trust_equation.svg",
    "tags": [
      "kredibilitas",
      "keandalan",
      "kepercayaan"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Top 3 Numerator Pillars (Credibility, Reliability, Intimacy) -->\n        <rect x=\"50\" y=\"70\" width=\"50\" height=\"35\" rx=\"5\" fill=\"currentColor\"/>\n        <rect x=\"125\" y=\"70\" width=\"50\" height=\"35\" rx=\"5\" fill=\"currentColor\"/>\n        <rect x=\"200\" y=\"70\" width=\"50\" height=\"35\" rx=\"5\" fill=\"currentColor\"/>\n        <!-- Fraction Division Beam -->\n        <line x1=\"40\" y1=\"135\" x2=\"260\" y2=\"135\" stroke=\"currentColor\" stroke-width=\"4.5\" stroke-linecap=\"round\"/>\n        <!-- Massive Self-Orientation Denominator Block below -->\n        <rect x=\"85\" y=\"165\" width=\"130\" height=\"60\" rx=\"8\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"currentColor\" fill-opacity=\"0.15\"/>\n        <!-- Downward crushing weight arrow -->\n        <line x1=\"150\" y1=\"235\" x2=\"150\" y2=\"265\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <polyline points=\"140,255 150,265 160,255\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/the_trust_equation.svg"
  },
  {
    "id": "psy_20",
    "slug": "first_impression_anchor",
    "title_en": "#100 First Impression Anchor",
    "title_id": "#100 First Impression Anchor",
    "category": "Psychology",
    "description_en": "Initial perceptions formed within seconds that color subsequent assessments.",
    "description_id": "Opini audiens terbentuk dalam 7 detik pertama dan mewarnai sisa presentasi.",
    "svg_file": "svg/first_impression_anchor.svg",
    "tags": [
      "7 detik pertama",
      "branding",
      "presentasi"
    ],
    "svg": "<svg viewBox=\"0 0 300 300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <!-- Timeline Duration Axis -->\n        <line x1=\"40\" y1=\"180\" x2=\"260\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"/>\n        <!-- First 7 Seconds Anchor Pillar (Massive Influence) -->\n        <rect x=\"50\" y=\"60\" width=\"35\" height=\"120\" rx=\"6\" fill=\"currentColor\"/>\n        <circle cx=\"67.5\" cy=\"45\" r=\"7\" fill=\"currentColor\"/>\n        <!-- Subsequent Long Timeline Subdued by Anchor -->\n        <rect x=\"95\" y=\"120\" width=\"160\" height=\"60\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.15\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"/>\n        <!-- Residual Anchor Tint Wave spreading right -->\n        <path d=\"M85 90 Q 150 120, 250 120\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-dasharray=\"3 3\"/>\n    </svg>",
    "svg_url": "https://vmi.mkw.web.id/svg/first_impression_anchor.svg"
  }
]