CBS Thinking Center | Social Innovation & Community Ideas Lab<\/title>\n <meta name=\"description\" content=\"CBS Thinking Center develops practical community-centered ideas into open concepts, pilot programs, learning products, and scalable social innovation initiatives.\" \/>\n\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 22px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n a { color: inherit; text-decoration: none; }\n .container { width: min(1120px, 92%); margin: 0 auto; }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 20px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n }\n\n .brand img { height: 42px; width: auto; display: block; }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 18px;\n }\n\n .nav-links {\n display: flex;\n gap: 22px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active {\n background: var(--primary);\n color: #fff;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 21px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .btn-primary:hover { transform: translateY(-2px); filter: brightness(.96); }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white);\n }\n\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n\n .hero {\n position: relative;\n isolation: isolate;\n color: var(--white);\n padding: 104px 0 86px;\n overflow: hidden;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 68px);\n line-height: 1.02;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 700px;\n margin-bottom: 30px;\n }\n\n .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; }\n .mini-list { display: grid; gap: 12px; }\n\n .mini-item {\n padding: 16px;\n border-radius: 18px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .mini-item:hover { transform: translateX(5px); background: rgba(255,255,255,.15); }\n .mini-item strong { display: block; color: #f4d48b; margin-bottom: 4px; }\n .mini-item span { color: rgba(255,255,255,.78); }\n\n section { padding: 84px 0; }\n\n .section-title { max-width: 820px; margin-bottom: 36px; }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p { font-size: 18px; color: var(--muted); }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .card, .panel, .project-card, .impact-box {\n background: rgba(255,255,255,.95);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .card {\n padding: 28px;\n min-height: 260px;\n transition: .25s ease;\n }\n\n .card:hover, .project-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .icon-circle {\n width: 48px;\n height: 48px;\n border-radius: 16px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 23px;\n margin-bottom: 16px;\n }\n\n .tag {\n display: inline-block;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .card h3, .project-card h3 {\n color: var(--primary);\n font-size: 23px;\n margin-bottom: 10px;\n }\n\n .card p, .project-card p, .checklist li { color: var(--muted); }\n\n .dark-section {\n color: var(--white);\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--dark), #051819);\n overflow: hidden;\n }\n\n .dark-section h2, .dark-section h3 { color: var(--white); }\n .dark-section p, .dark-section li { color: rgba(255,255,255,.76); }\n\n .pipeline {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 16px;\n }\n\n .step {\n padding: 22px;\n border-radius: var(--radius);\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .step:hover { transform: translateY(-6px); background: rgba(255,255,255,.14); }\n\n .step-number {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: var(--accent);\n color: #1f1604;\n font-weight: 900;\n margin-bottom: 16px;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .split {\n display: grid;\n grid-template-columns: .95fr 1.05fr;\n gap: 34px;\n align-items: start;\n }\n\n .panel { padding: 30px; box-shadow: var(--shadow); }\n\n .checklist {\n list-style: none;\n display: grid;\n gap: 13px;\n }\n\n .checklist li {\n position: relative;\n padding-left: 32px;\n }\n\n .checklist li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #e8f3ef;\n color: var(--primary);\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 900;\n }\n\n .note {\n background: #fff8e6;\n border: 1px solid #f4d48b;\n border-radius: 16px;\n padding: 16px;\n color: #6b4a06;\n font-size: 14px;\n margin-top: 16px;\n }\n\n .project-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n\n .project-card { padding: 28px; transition: .25s ease; }\n\n .status {\n display: inline-block;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #fff8e6;\n color: #6b4a06;\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .impact-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .impact-box { padding: 26px; text-align: center; }\n\n .impact-box strong {\n display: block;\n color: var(--primary);\n font-size: 36px;\n line-height: 1.1;\n margin-bottom: 6px;\n }\n\n .impact-box span { color: var(--muted); }\n\n .form-section { background: #efe9da; }\n\n form { display: grid; gap: 14px; }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n }\n\n label {\n font-weight: 800;\n font-size: 14px;\n color: var(--dark);\n }\n\n input, select, textarea {\n width: 100%;\n padding: 13px 14px;\n border-radius: 14px;\n border: 1px solid #d1d5db;\n font: inherit;\n margin-top: 6px;\n background: var(--white);\n transition: .2s ease;\n }\n\n input:focus, select:focus, textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 4px rgba(15,61,62,.10);\n }\n\n textarea { min-height: 120px; resize: vertical; }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 38px 0;\n font-size: 14px;\n }\n\n .footer-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 22px;\n flex-wrap: wrap;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .footer-brand img { height: 42px; width: auto; display: block; }\n\n .footer strong { color: var(--white); }\n\n .footer-right {\n text-align: right;\n max-width: 520px;\n }\n\n .legal-note {\n font-size: 12px;\n color: rgba(255,255,255,.56);\n margin-top: 6px;\n line-height: 1.5;\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .cards,\n .pipeline,\n .split,\n .project-grid,\n .impact-strip,\n .form-grid {\n grid-template-columns: 1fr;\n }\n\n .nav-links { display: none; }\n .hero { padding: 74px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n\n .footer-right {\n text-align: left;\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/collaborate\/wp-content\/uploads\/2026\/04\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">Thinking Center<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"#about\" data-i18n=\"nav_about\">About<\/a>\n <a href=\"#pipeline\" data-i18n=\"nav_pipeline\">Pipeline<\/a>\n <a href=\"#projects\" data-i18n=\"nav_projects\">Projects<\/a>\n <a href=\"#collaborate\" class=\"btn btn-primary\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div data-aos=\"fade-right\" data-aos-duration=\"900\">\n <div class=\"eyebrow\" data-i18n=\"hero_eyebrow\">Social innovation & community ideas lab<\/div>\n <h1 data-i18n=\"hero_title\">Turning practical ideas into community impact.<\/h1>\n <p data-i18n=\"hero_desc\">\n CBS Thinking Center develops community-centered ideas into open concepts, pilot programs,\n learning products, and practical innovations that can be tested, shared, and scaled with partners.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#collaborate\" class=\"btn btn-primary\" data-i18n=\"hero_cta_1\">Explore Collaboration \u2192<\/a>\n <a href=\"#projects\" class=\"btn btn-outline\" data-i18n=\"hero_cta_2\">View Project Pipeline<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\" data-aos-duration=\"900\">\n <h3 data-i18n=\"outputs_title\">Our outputs<\/h3>\n\n <div class=\"mini-list\">\n <div class=\"mini-item\">\n <strong data-i18n=\"output_1_title\">Open Concepts<\/strong>\n <span data-i18n=\"output_1_desc\">Free-to-access frameworks for schools, communities, and institutions.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_2_title\">Pilot Programs<\/strong>\n <span data-i18n=\"output_2_desc\">Small-scale implementation to test feasibility and impact.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_3_title\">Learning Products<\/strong>\n <span data-i18n=\"output_3_desc\">Training, modules, and practical courses through CBS Learning Center.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_4_title\">Product Ideas<\/strong>\n <span data-i18n=\"output_4_desc\">Practical innovations validated before commercial execution.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"about\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"about_title\">A practical lab for ideas that serve real community needs.<\/h2>\n <p data-i18n=\"about_desc\">\n We focus on ideas that can be explained clearly, tested affordably,\n measured simply, and reused by communities.\n <\/p>\n <\/div>\n\n <div class=\"cards\">\n <div class=\"card\" data-aos=\"fade-up\">\n <div class=\"icon-circle\">\ud83d\udcd8<\/div>\n <span class=\"tag\" data-i18n=\"card_1_tag\">Education<\/span>\n <h3 data-i18n=\"card_1_title\">Concepts for schools and communities<\/h3>\n <p data-i18n=\"card_1_desc\">We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.<\/p>\n <\/div>\n\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83c\udf93<\/div>\n <span class=\"tag\" data-i18n=\"card_2_tag\">Training<\/span>\n <h3 data-i18n=\"card_2_title\">Practical learning programs<\/h3>\n <p data-i18n=\"card_2_desc\">Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.<\/p>\n <\/div>\n\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\uddea<\/div>\n <span class=\"tag\" data-i18n=\"card_3_tag\">Innovation<\/span>\n <h3 data-i18n=\"card_3_title\">Prototype and product validation<\/h3>\n <p data-i18n=\"card_3_desc\">Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pipeline\" class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"pipeline_title\">From idea to impact pipeline<\/h2>\n <p data-i18n=\"pipeline_desc\">\n Every idea is processed through a simple pipeline so it does not stop as a discussion.\n It must be clarified, tested, and directed to the right execution path.\n <\/p>\n <\/div>\n\n <div class=\"pipeline\">\n <div class=\"step\" data-aos=\"flip-left\">\n <div class=\"step-number\">1<\/div>\n <h3 data-i18n=\"step_1_title\">Idea Intake<\/h3>\n <p data-i18n=\"step_1_desc\">Collect ideas from founders, communities, partners, schools, or field problems.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"120\">\n <div class=\"step-number\">2<\/div>\n <h3 data-i18n=\"step_2_title\">Screening<\/h3>\n <p data-i18n=\"step_2_desc\">Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"240\">\n <div class=\"step-number\">3<\/div>\n <h3 data-i18n=\"step_3_title\">Concept Design<\/h3>\n <p data-i18n=\"step_3_desc\">Turn raw ideas into a concept note, basic model, and pilot plan.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"360\">\n <div class=\"step-number\">4<\/div>\n <h3 data-i18n=\"step_4_title\">Pilot<\/h3>\n <p data-i18n=\"step_4_desc\">Run small tests through community partners, schools, mosques, or learning cohorts.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"480\">\n <div class=\"step-number\">5<\/div>\n <h3 data-i18n=\"step_5_title\">Scale or Share<\/h3>\n <p data-i18n=\"step_5_desc\">Publish open concepts, build training products, or move validated products to execution partners.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"open_title\">Open concepts are part of our impact strategy.<\/h2>\n <p data-i18n=\"open_desc\">\n Not every output needs to become a commercial product. Some concepts are designed to be\n freely shared, adapted, and implemented by schools, communities, and institutions.\n <\/p>\n\n <div class=\"note\" data-i18n=\"open_note\">\n Example: a school-ready concept can be published as an open guide, while CBS remains available\n for training, implementation support, or partner-led pilot projects.\n <\/div>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <ul class=\"checklist\">\n <li data-i18n=\"open_li_1\">Free public concept notes and implementation guides.<\/li>\n <li data-i18n=\"open_li_2\">Downloadable frameworks for schools and communities.<\/li>\n <li data-i18n=\"open_li_3\">Optional training and mentoring through CBS Learning Center.<\/li>\n <li data-i18n=\"open_li_4\">Pilot documentation for future grant or collaboration proposals.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"projects\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"projects_title\">Project pipeline examples<\/h2>\n <p data-i18n=\"projects_desc\">\n These examples show how CBS Thinking Center classifies outputs:\n open concepts, training programs, community pilots, or product validation projects.\n <\/p>\n <\/div>\n\n <div class=\"project-grid\">\n <div class=\"project-card\" data-aos=\"fade-up\">\n <span class=\"status\" data-i18n=\"project_1_status\">Open Concept<\/span>\n <h3 data-i18n=\"project_1_title\">School-based practical ethics module<\/h3>\n <p data-i18n=\"project_1_desc\">A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n <span class=\"status\" data-i18n=\"project_2_status\">Learning Product<\/span>\n <h3 data-i18n=\"project_2_title\">UMKM Tax Practical Program<\/h3>\n <p data-i18n=\"project_2_desc\">A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"240\">\n <span class=\"status\" data-i18n=\"project_3_status\">Community Pilot<\/span>\n <h3 data-i18n=\"project_3_title\">Legal literacy for community organizations<\/h3>\n <p data-i18n=\"project_3_desc\">A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"360\">\n <span class=\"status\" data-i18n=\"project_4_status\">Product Validation<\/span>\n <h3 data-i18n=\"project_4_title\">Non-medical worship hygiene patch<\/h3>\n <p data-i18n=\"project_4_desc\">A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"measure_title\">What we measure<\/h2>\n <p data-i18n=\"measure_desc\">\n For donors and partners, CBS Thinking Center prioritizes simple measurements that can prove\n learning, adoption, and community relevance.\n <\/p>\n <\/div>\n\n <div class=\"impact-strip\">\n <div class=\"impact-box\" data-aos=\"zoom-in\">\n <strong>01<\/strong>\n <span data-i18n=\"metric_1\">Beneficiaries reached<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"120\">\n <strong>02<\/strong>\n <span data-i18n=\"metric_2\">Concepts or modules published<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"240\">\n <strong>03<\/strong>\n <span data-i18n=\"metric_3\">Pilot completion and feedback<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"360\">\n <strong>04<\/strong>\n <span data-i18n=\"metric_4\">Programs scaled through partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container split\">\n <div class=\"panel\" data-aos=\"fade-right\">\n <ul class=\"checklist\">\n <li data-i18n=\"partner_li_1\">Grant-funded pilot projects.<\/li>\n <li data-i18n=\"partner_li_2\">Co-created community education programs.<\/li>\n <li data-i18n=\"partner_li_3\">Open knowledge resources and public toolkits.<\/li>\n <li data-i18n=\"partner_li_4\">Training-of-trainers for local implementation partners.<\/li>\n <li data-i18n=\"partner_li_5\">Product validation with clear non-investment and non-diagnostic framing where relevant.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"section-title\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <h2 data-i18n=\"partner_title\">How partners can work with CBS<\/h2>\n <p data-i18n=\"partner_desc\">\n We welcome collaboration with NGOs, foundations, schools, mosques, community organizations,\n donors, researchers, trainers, and implementation partners.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"collaborate\" class=\"form-section\">\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"form_title\">Start a collaboration conversation.<\/h2>\n <p data-i18n=\"form_desc\">\n Tell us what type of collaboration you are interested in: grant, pilot project,\n open concept, training program, research support, or community implementation.\n <\/p>\n\n <div class=\"note\" data-i18n=\"form_note\">\n This form is for partnership and collaboration inquiries. It is not an investment offer,\n fundraising promise, or public securities activity.\n <\/div>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <form action=\"#\" method=\"POST\">\n <div class=\"form-grid\">\n <label>\n <span data-i18n=\"label_name\">Name<\/span>\n <input type=\"text\" name=\"name\" placeholder=\"Your name\" required \/>\n <\/label>\n\n <label>\n <span data-i18n=\"label_org\">Organization<\/span>\n <input type=\"text\" name=\"organization\" placeholder=\"Organization \/ institution\" required \/>\n <\/label>\n <\/div>\n\n <div class=\"form-grid\">\n <label>\n <span data-i18n=\"label_email\">Email<\/span>\n <input type=\"email\" name=\"email\" placeholder=\"name@organization.org\" required \/>\n <\/label>\n\n <label>\n <span data-i18n=\"label_phone\">WhatsApp \/ Phone<\/span>\n <input type=\"tel\" name=\"phone\" placeholder=\"Contact number\" \/>\n <\/label>\n <\/div>\n\n <label>\n <span data-i18n=\"label_type\">Collaboration Type<\/span>\n <select name=\"collaboration_type\" required>\n <option value=\"\" data-i18n=\"option_choose\">Choose one<\/option>\n <option data-i18n=\"option_1\">Grant \/ project funding discussion<\/option>\n <option data-i18n=\"option_2\">Pilot project collaboration<\/option>\n <option data-i18n=\"option_3\">Open concept implementation<\/option>\n <option data-i18n=\"option_4\">Training program partnership<\/option>\n <option data-i18n=\"option_5\">Research \/ survey support<\/option>\n <option data-i18n=\"option_6\">Other<\/option>\n <\/select>\n <\/label>\n\n <label>\n <span data-i18n=\"label_message\">Message<\/span>\n <textarea name=\"message\" placeholder=\"Tell us about your collaboration idea, target community, location, and expected outcome.\" required><\/textarea>\n <\/label>\n\n <button type=\"submit\" class=\"btn btn-primary\" data-i18n=\"submit_btn\">Submit Collaboration Inquiry<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/collaborate\/wp-content\/uploads\/2026\/04\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div>\n <strong>CBS Thinking Center<\/strong><br \/>\n <span data-i18n=\"footer_tagline\">Social Innovation & Community Solutions<\/span>\n <\/div>\n <\/div>\n\n <div class=\"footer-right\">\n <div>\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <div class=\"legal-note\" data-i18n=\"legal_note\">\n CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs,\n and community collaboration. It does not provide investment products or financial return schemes.\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n <script>\n AOS.init({\n once: true,\n duration: 850,\n easing: \"ease-out-cubic\",\n offset: 90\n });\n\n const translations = {\n en: {\n brand: \"Thinking Center\",\n nav_about: \"About\",\n nav_pipeline: \"Pipeline\",\n nav_projects: \"Projects\",\n nav_collaborate: \"Collaborate\",\n\n hero_eyebrow: \"Social innovation & community ideas lab\",\n hero_title: \"Turning practical ideas into community impact.\",\n hero_desc: \"CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled with partners.\",\n hero_cta_1: \"Explore Collaboration \u2192\",\n hero_cta_2: \"View Project Pipeline\",\n\n outputs_title: \"Our outputs\",\n output_1_title: \"Open Concepts\",\n output_1_desc: \"Free-to-access frameworks for schools, communities, and institutions.\",\n output_2_title: \"Pilot Programs\",\n output_2_desc: \"Small-scale implementation to test feasibility and impact.\",\n output_3_title: \"Learning Products\",\n output_3_desc: \"Training, modules, and practical courses through CBS Learning Center.\",\n output_4_title: \"Product Ideas\",\n output_4_desc: \"Practical innovations validated before commercial execution.\",\n\n about_title: \"A practical lab for ideas that serve real community needs.\",\n about_desc: \"We focus on ideas that can be explained clearly, tested affordably, measured simply, and reused by communities.\",\n\n card_1_tag: \"Education\",\n card_1_title: \"Concepts for schools and communities\",\n card_1_desc: \"We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.\",\n card_2_tag: \"Training\",\n card_2_title: \"Practical learning programs\",\n card_2_desc: \"Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.\",\n card_3_tag: \"Innovation\",\n card_3_title: \"Prototype and product validation\",\n card_3_desc: \"Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.\",\n\n pipeline_title: \"From idea to impact pipeline\",\n pipeline_desc: \"Every idea is processed through a simple pipeline so it does not stop as a discussion. It must be clarified, tested, and directed to the right execution path.\",\n step_1_title: \"Idea Intake\",\n step_1_desc: \"Collect ideas from founders, communities, partners, schools, or field problems.\",\n step_2_title: \"Screening\",\n step_2_desc: \"Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.\",\n step_3_title: \"Concept Design\",\n step_3_desc: \"Turn raw ideas into a concept note, basic model, and pilot plan.\",\n step_4_title: \"Pilot\",\n step_4_desc: \"Run small tests through community partners, schools, mosques, or learning cohorts.\",\n step_5_title: \"Scale or Share\",\n step_5_desc: \"Publish open concepts, build training products, or move validated products to execution partners.\",\n\n open_title: \"Open concepts are part of our impact strategy.\",\n open_desc: \"Not every output needs to become a commercial product. Some concepts are designed to be freely shared, adapted, and implemented by schools, communities, and institutions.\",\n open_note: \"Example: a school-ready concept can be published as an open guide, while CBS remains available for training, implementation support, or partner-led pilot projects.\",\n open_li_1: \"Free public concept notes and implementation guides.\",\n open_li_2: \"Downloadable frameworks for schools and communities.\",\n open_li_3: \"Optional training and mentoring through CBS Learning Center.\",\n open_li_4: \"Pilot documentation for future grant or collaboration proposals.\",\n\n projects_title: \"Project pipeline examples\",\n projects_desc: \"These examples show how CBS Thinking Center classifies outputs: open concepts, training programs, community pilots, or product validation projects.\",\n project_1_status: \"Open Concept\",\n project_1_title: \"School-based practical ethics module\",\n project_1_desc: \"A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.\",\n project_2_status: \"Learning Product\",\n project_2_title: \"UMKM Tax Practical Program\",\n project_2_desc: \"A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.\",\n project_3_status: \"Community Pilot\",\n project_3_title: \"Legal literacy for community organizations\",\n project_3_desc: \"A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.\",\n project_4_status: \"Product Validation\",\n project_4_title: \"Non-medical worship hygiene patch\",\n project_4_desc: \"A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship.\",\n\n measure_title: \"What we measure\",\n measure_desc: \"For donors and partners, CBS Thinking Center prioritizes simple measurements that can prove learning, adoption, and community relevance.\",\n metric_1: \"Beneficiaries reached\",\n metric_2: \"Concepts or modules published\",\n metric_3: \"Pilot completion and feedback\",\n metric_4: \"Programs scaled through partners\",\n\n partner_title: \"How partners can work with CBS\",\n partner_desc: \"We welcome collaboration with NGOs, foundations, schools, mosques, community organizations, donors, researchers, trainers, and implementation partners.\",\n partner_li_1: \"Grant-funded pilot projects.\",\n partner_li_2: \"Co-created community education programs.\",\n partner_li_3: \"Open knowledge resources and public toolkits.\",\n partner_li_4: \"Training-of-trainers for local implementation partners.\",\n partner_li_5: \"Product validation with clear non-investment and non-diagnostic framing where relevant.\",\n\n form_title: \"Start a collaboration conversation.\",\n form_desc: \"Tell us what type of collaboration you are interested in: grant, pilot project, open concept, training program, research support, or community implementation.\",\n form_note: \"This form is for partnership and collaboration inquiries. It is not an investment offer, fundraising promise, or public securities activity.\",\n label_name: \"Name\",\n label_org: \"Organization\",\n label_email: \"Email\",\n label_phone: \"WhatsApp \/ Phone\",\n label_type: \"Collaboration Type\",\n label_message: \"Message\",\n option_choose: \"Choose one\",\n option_1: \"Grant \/ project funding discussion\",\n option_2: \"Pilot project collaboration\",\n option_3: \"Open concept implementation\",\n option_4: \"Training program partnership\",\n option_5: \"Research \/ survey support\",\n option_6: \"Other\",\n submit_btn: \"Submit Collaboration Inquiry\",\n\n footer_tagline: \"Social Innovation & Community Solutions\",\n legal_note: \"CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs, and community collaboration. It does not provide investment products or financial return schemes.\"\n },\n\n id: {\n brand: \"Thinking Center\",\n nav_about: \"Tentang\",\n nav_pipeline: \"Alur\",\n nav_projects: \"Proyek\",\n nav_collaborate: \"Kolaborasi\",\n\n hero_eyebrow: \"Laboratorium ide & inovasi sosial\",\n hero_title: \"Mengubah ide praktis menjadi dampak nyata bagi masyarakat.\",\n hero_desc: \"CBS Thinking Center mengembangkan ide berbasis kebutuhan masyarakat menjadi konsep terbuka, program percontohan, produk pembelajaran, dan inovasi praktis yang dapat diuji, dibagikan, dan dikembangkan bersama mitra.\",\n hero_cta_1: \"Jajaki Kolaborasi \u2192\",\n hero_cta_2: \"Lihat Pipeline Proyek\",\n\n outputs_title: \"Output kami\",\n output_1_title: \"Konsep Terbuka\",\n output_1_desc: \"Kerangka kerja yang dapat diakses gratis oleh sekolah, komunitas, dan lembaga.\",\n output_2_title: \"Program Percontohan\",\n output_2_desc: \"Implementasi skala kecil untuk menguji kelayakan dan dampak.\",\n output_3_title: \"Produk Pembelajaran\",\n output_3_desc: \"Pelatihan, modul, dan kursus praktis melalui CBS Learning Center.\",\n output_4_title: \"Ide Produk\",\n output_4_desc: \"Inovasi praktis yang divalidasi sebelum masuk tahap eksekusi komersial.\",\n\n about_title: \"Laboratorium praktis untuk ide yang menjawab kebutuhan nyata masyarakat.\",\n about_desc: \"Kami fokus pada ide yang dapat dijelaskan dengan jelas, diuji secara terjangkau, diukur secara sederhana, dan digunakan kembali oleh komunitas.\",\n\n card_1_tag: \"Pendidikan\",\n card_1_title: \"Konsep untuk sekolah dan komunitas\",\n card_1_desc: \"Kami merancang konsep, modul, dan kerangka sederhana yang dapat dibagikan secara gratis untuk manfaat publik.\",\n card_2_tag: \"Pelatihan\",\n card_2_title: \"Program pembelajaran praktis\",\n card_2_desc: \"Ide yang berpotensi menjadi pelatihan dapat dikembangkan menjadi program terstruktur dengan kurikulum, mentoring, asesmen, dan sertifikasi.\",\n card_3_tag: \"Inovasi\",\n card_3_title: \"Validasi prototipe dan produk\",\n card_3_desc: \"Ide produk dapat diuji melalui pengguna awal, pre-order, voucher, atau pilot implementation sebelum eksekusi lebih besar.\",\n\n pipeline_title: \"Dari ide menuju dampak\",\n pipeline_desc: \"Setiap ide diproses melalui alur sederhana agar tidak berhenti sebagai diskusi. Ide perlu diperjelas, diuji, dan diarahkan ke jalur eksekusi yang tepat.\",\n step_1_title: \"Penerimaan Ide\",\n step_1_desc: \"Mengumpulkan ide dari founder, komunitas, mitra, sekolah, atau masalah lapangan.\",\n step_2_title: \"Penyaringan\",\n step_2_desc: \"Menilai kejelasan masalah, kelompok penerima manfaat, kelayakan, risiko, dan dampak yang diharapkan.\",\n step_3_title: \"Desain Konsep\",\n step_3_desc: \"Mengubah ide mentah menjadi concept note, model dasar, dan rencana pilot.\",\n step_4_title: \"Pilot\",\n step_4_desc: \"Menjalankan uji kecil melalui mitra komunitas, sekolah, masjid, atau cohort pembelajaran.\",\n step_5_title: \"Scale atau Share\",\n step_5_desc: \"Menerbitkan konsep terbuka, membangun produk pelatihan, atau memindahkan produk tervalidasi ke mitra eksekusi.\",\n\n open_title: \"Konsep terbuka adalah bagian dari strategi dampak kami.\",\n open_desc: \"Tidak semua output harus menjadi produk komersial. Beberapa konsep dirancang untuk dibagikan gratis, diadaptasi, dan diterapkan oleh sekolah, komunitas, dan lembaga.\",\n open_note: \"Contoh: konsep siap pakai untuk sekolah dapat diterbitkan sebagai panduan terbuka, sementara CBS tetap dapat mendukung pelatihan, implementasi, atau pilot bersama mitra.\",\n open_li_1: \"Concept note dan panduan implementasi publik.\",\n open_li_2: \"Kerangka kerja yang dapat diunduh untuk sekolah dan komunitas.\",\n open_li_3: \"Pelatihan dan mentoring opsional melalui CBS Learning Center.\",\n open_li_4: \"Dokumentasi pilot untuk proposal grant atau kolaborasi lanjutan.\",\n\n projects_title: \"Contoh pipeline proyek\",\n projects_desc: \"Contoh ini menunjukkan bagaimana CBS Thinking Center mengklasifikasikan output: konsep terbuka, program pelatihan, pilot komunitas, atau validasi produk.\",\n project_1_status: \"Konsep Terbuka\",\n project_1_title: \"Modul etika praktis berbasis sekolah\",\n project_1_desc: \"Paket konsep sederhana untuk sekolah dalam menjalankan diskusi praktis tentang tanggung jawab, kebersihan, empati, dan kesadaran sosial.\",\n project_2_status: \"Produk Pembelajaran\",\n project_2_title: \"Program Praktis Pajak UMKM\",\n project_2_desc: \"Program pembelajaran praktis untuk komunitas dan pelaku usaha kecil, menggabungkan materi, Q&A terjadwal, CBT, dan verifikasi sertifikat.\",\n project_3_status: \"Pilot Komunitas\",\n project_3_title: \"Literasi hukum untuk organisasi masyarakat\",\n project_3_desc: \"Program pilot untuk membantu komunitas memahami dokumen hukum dasar, risiko organisasi, dan kepatuhan praktis.\",\n project_4_status: \"Validasi Produk\",\n project_4_title: \"Patch kebersihan ibadah non-medis\",\n project_4_desc: \"Ide produk higienitas pribadi non-medis untuk membantu pengguna merasa lebih yakin terhadap kebersihan sebelum ibadah.\",\n\n measure_title: \"Yang kami ukur\",\n measure_desc: \"Untuk donor dan mitra, CBS Thinking Center memprioritaskan indikator sederhana yang membuktikan pembelajaran, adopsi, dan relevansi komunitas.\",\n metric_1: \"Penerima manfaat\",\n metric_2: \"Konsep atau modul diterbitkan\",\n metric_3: \"Pilot selesai dan umpan balik\",\n metric_4: \"Program dikembangkan bersama mitra\",\n\n partner_title: \"Bagaimana mitra dapat bekerja sama dengan CBS\",\n partner_desc: \"Kami terbuka untuk kolaborasi dengan NGO, foundation, sekolah, masjid, organisasi komunitas, donor, peneliti, trainer, dan mitra implementasi.\",\n partner_li_1: \"Pilot project berbasis grant.\",\n partner_li_2: \"Program pendidikan komunitas yang dirancang bersama.\",\n partner_li_3: \"Sumber pengetahuan terbuka dan public toolkits.\",\n partner_li_4: \"Training-of-trainers untuk mitra implementasi lokal.\",\n partner_li_5: \"Validasi produk dengan framing non-investasi dan non-diagnostik bila relevan.\",\n\n form_title: \"Mulai percakapan kolaborasi.\",\n form_desc: \"Ceritakan jenis kolaborasi yang Anda minati: grant, pilot project, konsep terbuka, program pelatihan, dukungan riset, atau implementasi komunitas.\",\n form_note: \"Form ini untuk pertanyaan kemitraan dan kolaborasi. Ini bukan penawaran investasi, janji penggalangan dana, atau aktivitas efek\/sekuritas publik.\",\n label_name: \"Nama\",\n label_org: \"Organisasi\",\n label_email: \"Email\",\n label_phone: \"WhatsApp \/ Telepon\",\n label_type: \"Jenis Kolaborasi\",\n label_message: \"Pesan\",\n option_choose: \"Pilih salah satu\",\n option_1: \"Diskusi grant \/ pendanaan proyek\",\n option_2: \"Kolaborasi pilot project\",\n option_3: \"Implementasi konsep terbuka\",\n option_4: \"Kemitraan program pelatihan\",\n option_5: \"Dukungan riset \/ survei\",\n option_6: \"Lainnya\",\n submit_btn: \"Kirim Inquiry Kolaborasi\",\n\n footer_tagline: \"Inovasi Sosial & Solusi Komunitas\",\n legal_note: \"CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\"\n }\n };\n\n function setLang(lang) {\n document.documentElement.lang = lang === \"id\" ? \"id\" : \"en\";\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[lang][key]) {\n el.textContent = translations[lang][key];\n }\n });\n\n document.getElementById(\"btn-en\").classList.toggle(\"active\", lang === \"en\");\n document.getElementById(\"btn-id\").classList.toggle(\"active\", lang === \"id\");\n\n localStorage.setItem(\"cbsLang\", lang);\n }\n\n const savedLang = localStorage.getItem(\"cbsLang\") || \"en\";\n setLang(savedLang);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Thinking Center | Social Innovation & Community Ideas Lab Thinking Center About Pipeline Projects Collaborate EN ID Social innovation & community ideas lab Turning practical ideas into community impact. CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled with partners. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":5,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":47,"date":"2026-04-29T04:22:24","date_gmt":"2026-04-29T04:22:24","guid":{"rendered":"https:\/\/cbs.or.id\/collaborate\/?page_id=47"},"modified":"2026-04-29T05:20:17","modified_gmt":"2026-04-29T05:20:17","slug":"gpt-1st","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/collaborate\/","title":{"rendered":"GPT 1st"},"content":{"rendered":"\n\n\n\n \n \n\n CBS Thinking Center | Social Innovation & Community Ideas Lab<\/title>\n <meta name=\"description\" content=\"CBS Thinking Center develops practical community-centered ideas into open concepts, pilot programs, learning products, and scalable social innovation initiatives.\" \/>\n\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 22px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n a { color: inherit; text-decoration: none; }\n .container { width: min(1120px, 92%); margin: 0 auto; }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 20px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n }\n\n .brand img { height: 42px; width: auto; display: block; }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 18px;\n }\n\n .nav-links {\n display: flex;\n gap: 22px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active {\n background: var(--primary);\n color: #fff;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 21px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .btn-primary:hover { transform: translateY(-2px); filter: brightness(.96); }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white);\n }\n\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n\n .hero {\n position: relative;\n isolation: isolate;\n color: var(--white);\n padding: 104px 0 86px;\n overflow: hidden;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 68px);\n line-height: 1.02;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 700px;\n margin-bottom: 30px;\n }\n\n .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; }\n .mini-list { display: grid; gap: 12px; }\n\n .mini-item {\n padding: 16px;\n border-radius: 18px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .mini-item:hover { transform: translateX(5px); background: rgba(255,255,255,.15); }\n .mini-item strong { display: block; color: #f4d48b; margin-bottom: 4px; }\n .mini-item span { color: rgba(255,255,255,.78); }\n\n section { padding: 84px 0; }\n\n .section-title { max-width: 820px; margin-bottom: 36px; }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p { font-size: 18px; color: var(--muted); }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .card, .panel, .project-card, .impact-box {\n background: rgba(255,255,255,.95);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .card {\n padding: 28px;\n min-height: 260px;\n transition: .25s ease;\n }\n\n .card:hover, .project-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .icon-circle {\n width: 48px;\n height: 48px;\n border-radius: 16px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 23px;\n margin-bottom: 16px;\n }\n\n .tag {\n display: inline-block;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .card h3, .project-card h3 {\n color: var(--primary);\n font-size: 23px;\n margin-bottom: 10px;\n }\n\n .card p, .project-card p, .checklist li { color: var(--muted); }\n\n .dark-section {\n color: var(--white);\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--dark), #051819);\n overflow: hidden;\n }\n\n .dark-section h2, .dark-section h3 { color: var(--white); }\n .dark-section p, .dark-section li { color: rgba(255,255,255,.76); }\n\n .pipeline {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 16px;\n }\n\n .step {\n padding: 22px;\n border-radius: var(--radius);\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .step:hover { transform: translateY(-6px); background: rgba(255,255,255,.14); }\n\n .step-number {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n display: grid;\n place-items: center;\n background: var(--accent);\n color: #1f1604;\n font-weight: 900;\n margin-bottom: 16px;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .split {\n display: grid;\n grid-template-columns: .95fr 1.05fr;\n gap: 34px;\n align-items: start;\n }\n\n .panel { padding: 30px; box-shadow: var(--shadow); }\n\n .checklist {\n list-style: none;\n display: grid;\n gap: 13px;\n }\n\n .checklist li {\n position: relative;\n padding-left: 32px;\n }\n\n .checklist li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #e8f3ef;\n color: var(--primary);\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 900;\n }\n\n .note {\n background: #fff8e6;\n border: 1px solid #f4d48b;\n border-radius: 16px;\n padding: 16px;\n color: #6b4a06;\n font-size: 14px;\n margin-top: 16px;\n }\n\n .project-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n\n .project-card { padding: 28px; transition: .25s ease; }\n\n .status {\n display: inline-block;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #fff8e6;\n color: #6b4a06;\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .impact-strip {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .impact-box { padding: 26px; text-align: center; }\n\n .impact-box strong {\n display: block;\n color: var(--primary);\n font-size: 36px;\n line-height: 1.1;\n margin-bottom: 6px;\n }\n\n .impact-box span { color: var(--muted); }\n\n .form-section { background: #efe9da; }\n\n form { display: grid; gap: 14px; }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n }\n\n label {\n font-weight: 800;\n font-size: 14px;\n color: var(--dark);\n }\n\n input, select, textarea {\n width: 100%;\n padding: 13px 14px;\n border-radius: 14px;\n border: 1px solid #d1d5db;\n font: inherit;\n margin-top: 6px;\n background: var(--white);\n transition: .2s ease;\n }\n\n input:focus, select:focus, textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 4px rgba(15,61,62,.10);\n }\n\n textarea { min-height: 120px; resize: vertical; }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 38px 0;\n font-size: 14px;\n }\n\n .footer-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 22px;\n flex-wrap: wrap;\n }\n\n .footer-brand {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .footer-brand img { height: 42px; width: auto; display: block; }\n\n .footer strong { color: var(--white); }\n\n .footer-right {\n text-align: right;\n max-width: 520px;\n }\n\n .legal-note {\n font-size: 12px;\n color: rgba(255,255,255,.56);\n margin-top: 6px;\n line-height: 1.5;\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .cards,\n .pipeline,\n .split,\n .project-grid,\n .impact-strip,\n .form-grid {\n grid-template-columns: 1fr;\n }\n\n .nav-links { display: none; }\n .hero { padding: 74px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n\n .footer-right {\n text-align: left;\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/collaborate\/wp-content\/uploads\/2026\/04\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">Thinking Center<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"#about\" data-i18n=\"nav_about\">About<\/a>\n <a href=\"#pipeline\" data-i18n=\"nav_pipeline\">Pipeline<\/a>\n <a href=\"#projects\" data-i18n=\"nav_projects\">Projects<\/a>\n <a href=\"#collaborate\" class=\"btn btn-primary\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div data-aos=\"fade-right\" data-aos-duration=\"900\">\n <div class=\"eyebrow\" data-i18n=\"hero_eyebrow\">Social innovation & community ideas lab<\/div>\n <h1 data-i18n=\"hero_title\">Turning practical ideas into community impact.<\/h1>\n <p data-i18n=\"hero_desc\">\n CBS Thinking Center develops community-centered ideas into open concepts, pilot programs,\n learning products, and practical innovations that can be tested, shared, and scaled with partners.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#collaborate\" class=\"btn btn-primary\" data-i18n=\"hero_cta_1\">Explore Collaboration \u2192<\/a>\n <a href=\"#projects\" class=\"btn btn-outline\" data-i18n=\"hero_cta_2\">View Project Pipeline<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\" data-aos-duration=\"900\">\n <h3 data-i18n=\"outputs_title\">Our outputs<\/h3>\n\n <div class=\"mini-list\">\n <div class=\"mini-item\">\n <strong data-i18n=\"output_1_title\">Open Concepts<\/strong>\n <span data-i18n=\"output_1_desc\">Free-to-access frameworks for schools, communities, and institutions.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_2_title\">Pilot Programs<\/strong>\n <span data-i18n=\"output_2_desc\">Small-scale implementation to test feasibility and impact.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_3_title\">Learning Products<\/strong>\n <span data-i18n=\"output_3_desc\">Training, modules, and practical courses through CBS Learning Center.<\/span>\n <\/div>\n\n <div class=\"mini-item\">\n <strong data-i18n=\"output_4_title\">Product Ideas<\/strong>\n <span data-i18n=\"output_4_desc\">Practical innovations validated before commercial execution.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"about\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"about_title\">A practical lab for ideas that serve real community needs.<\/h2>\n <p data-i18n=\"about_desc\">\n We focus on ideas that can be explained clearly, tested affordably,\n measured simply, and reused by communities.\n <\/p>\n <\/div>\n\n <div class=\"cards\">\n <div class=\"card\" data-aos=\"fade-up\">\n <div class=\"icon-circle\">\ud83d\udcd8<\/div>\n <span class=\"tag\" data-i18n=\"card_1_tag\">Education<\/span>\n <h3 data-i18n=\"card_1_title\">Concepts for schools and communities<\/h3>\n <p data-i18n=\"card_1_desc\">We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.<\/p>\n <\/div>\n\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83c\udf93<\/div>\n <span class=\"tag\" data-i18n=\"card_2_tag\">Training<\/span>\n <h3 data-i18n=\"card_2_title\">Practical learning programs<\/h3>\n <p data-i18n=\"card_2_desc\">Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.<\/p>\n <\/div>\n\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\uddea<\/div>\n <span class=\"tag\" data-i18n=\"card_3_tag\">Innovation<\/span>\n <h3 data-i18n=\"card_3_title\">Prototype and product validation<\/h3>\n <p data-i18n=\"card_3_desc\">Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pipeline\" class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"pipeline_title\">From idea to impact pipeline<\/h2>\n <p data-i18n=\"pipeline_desc\">\n Every idea is processed through a simple pipeline so it does not stop as a discussion.\n It must be clarified, tested, and directed to the right execution path.\n <\/p>\n <\/div>\n\n <div class=\"pipeline\">\n <div class=\"step\" data-aos=\"flip-left\">\n <div class=\"step-number\">1<\/div>\n <h3 data-i18n=\"step_1_title\">Idea Intake<\/h3>\n <p data-i18n=\"step_1_desc\">Collect ideas from founders, communities, partners, schools, or field problems.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"120\">\n <div class=\"step-number\">2<\/div>\n <h3 data-i18n=\"step_2_title\">Screening<\/h3>\n <p data-i18n=\"step_2_desc\">Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"240\">\n <div class=\"step-number\">3<\/div>\n <h3 data-i18n=\"step_3_title\">Concept Design<\/h3>\n <p data-i18n=\"step_3_desc\">Turn raw ideas into a concept note, basic model, and pilot plan.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"360\">\n <div class=\"step-number\">4<\/div>\n <h3 data-i18n=\"step_4_title\">Pilot<\/h3>\n <p data-i18n=\"step_4_desc\">Run small tests through community partners, schools, mosques, or learning cohorts.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"480\">\n <div class=\"step-number\">5<\/div>\n <h3 data-i18n=\"step_5_title\">Scale or Share<\/h3>\n <p data-i18n=\"step_5_desc\">Publish open concepts, build training products, or move validated products to execution partners.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"open_title\">Open concepts are part of our impact strategy.<\/h2>\n <p data-i18n=\"open_desc\">\n Not every output needs to become a commercial product. Some concepts are designed to be\n freely shared, adapted, and implemented by schools, communities, and institutions.\n <\/p>\n\n <div class=\"note\" data-i18n=\"open_note\">\n Example: a school-ready concept can be published as an open guide, while CBS remains available\n for training, implementation support, or partner-led pilot projects.\n <\/div>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <ul class=\"checklist\">\n <li data-i18n=\"open_li_1\">Free public concept notes and implementation guides.<\/li>\n <li data-i18n=\"open_li_2\">Downloadable frameworks for schools and communities.<\/li>\n <li data-i18n=\"open_li_3\">Optional training and mentoring through CBS Learning Center.<\/li>\n <li data-i18n=\"open_li_4\">Pilot documentation for future grant or collaboration proposals.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"projects\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"projects_title\">Project pipeline examples<\/h2>\n <p data-i18n=\"projects_desc\">\n These examples show how CBS Thinking Center classifies outputs:\n open concepts, training programs, community pilots, or product validation projects.\n <\/p>\n <\/div>\n\n <div class=\"project-grid\">\n <div class=\"project-card\" data-aos=\"fade-up\">\n <span class=\"status\" data-i18n=\"project_1_status\">Open Concept<\/span>\n <h3 data-i18n=\"project_1_title\">School-based practical ethics module<\/h3>\n <p data-i18n=\"project_1_desc\">A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n <span class=\"status\" data-i18n=\"project_2_status\">Learning Product<\/span>\n <h3 data-i18n=\"project_2_title\">UMKM Tax Practical Program<\/h3>\n <p data-i18n=\"project_2_desc\">A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"240\">\n <span class=\"status\" data-i18n=\"project_3_status\">Community Pilot<\/span>\n <h3 data-i18n=\"project_3_title\">Legal literacy for community organizations<\/h3>\n <p data-i18n=\"project_3_desc\">A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.<\/p>\n <\/div>\n\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"360\">\n <span class=\"status\" data-i18n=\"project_4_status\">Product Validation<\/span>\n <h3 data-i18n=\"project_4_title\">Non-medical worship hygiene patch<\/h3>\n <p data-i18n=\"project_4_desc\">A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"measure_title\">What we measure<\/h2>\n <p data-i18n=\"measure_desc\">\n For donors and partners, CBS Thinking Center prioritizes simple measurements that can prove\n learning, adoption, and community relevance.\n <\/p>\n <\/div>\n\n <div class=\"impact-strip\">\n <div class=\"impact-box\" data-aos=\"zoom-in\">\n <strong>01<\/strong>\n <span data-i18n=\"metric_1\">Beneficiaries reached<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"120\">\n <strong>02<\/strong>\n <span data-i18n=\"metric_2\">Concepts or modules published<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"240\">\n <strong>03<\/strong>\n <span data-i18n=\"metric_3\">Pilot completion and feedback<\/span>\n <\/div>\n\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"360\">\n <strong>04<\/strong>\n <span data-i18n=\"metric_4\">Programs scaled through partners<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container split\">\n <div class=\"panel\" data-aos=\"fade-right\">\n <ul class=\"checklist\">\n <li data-i18n=\"partner_li_1\">Grant-funded pilot projects.<\/li>\n <li data-i18n=\"partner_li_2\">Co-created community education programs.<\/li>\n <li data-i18n=\"partner_li_3\">Open knowledge resources and public toolkits.<\/li>\n <li data-i18n=\"partner_li_4\">Training-of-trainers for local implementation partners.<\/li>\n <li data-i18n=\"partner_li_5\">Product validation with clear non-investment and non-diagnostic framing where relevant.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"section-title\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <h2 data-i18n=\"partner_title\">How partners can work with CBS<\/h2>\n <p data-i18n=\"partner_desc\">\n We welcome collaboration with NGOs, foundations, schools, mosques, community organizations,\n donors, researchers, trainers, and implementation partners.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"collaborate\" class=\"form-section\">\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"form_title\">Start a collaboration conversation.<\/h2>\n <p data-i18n=\"form_desc\">\n Tell us what type of collaboration you are interested in: grant, pilot project,\n open concept, training program, research support, or community implementation.\n <\/p>\n\n <div class=\"note\" data-i18n=\"form_note\">\n This form is for partnership and collaboration inquiries. It is not an investment offer,\n fundraising promise, or public securities activity.\n <\/div>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <form action=\"#\" method=\"POST\">\n <div class=\"form-grid\">\n <label>\n <span data-i18n=\"label_name\">Name<\/span>\n <input type=\"text\" name=\"name\" placeholder=\"Your name\" required \/>\n <\/label>\n\n <label>\n <span data-i18n=\"label_org\">Organization<\/span>\n <input type=\"text\" name=\"organization\" placeholder=\"Organization \/ institution\" required \/>\n <\/label>\n <\/div>\n\n <div class=\"form-grid\">\n <label>\n <span data-i18n=\"label_email\">Email<\/span>\n <input type=\"email\" name=\"email\" placeholder=\"name@organization.org\" required \/>\n <\/label>\n\n <label>\n <span data-i18n=\"label_phone\">WhatsApp \/ Phone<\/span>\n <input type=\"tel\" name=\"phone\" placeholder=\"Contact number\" \/>\n <\/label>\n <\/div>\n\n <label>\n <span data-i18n=\"label_type\">Collaboration Type<\/span>\n <select name=\"collaboration_type\" required>\n <option value=\"\" data-i18n=\"option_choose\">Choose one<\/option>\n <option data-i18n=\"option_1\">Grant \/ project funding discussion<\/option>\n <option data-i18n=\"option_2\">Pilot project collaboration<\/option>\n <option data-i18n=\"option_3\">Open concept implementation<\/option>\n <option data-i18n=\"option_4\">Training program partnership<\/option>\n <option data-i18n=\"option_5\">Research \/ survey support<\/option>\n <option data-i18n=\"option_6\">Other<\/option>\n <\/select>\n <\/label>\n\n <label>\n <span data-i18n=\"label_message\">Message<\/span>\n <textarea name=\"message\" placeholder=\"Tell us about your collaboration idea, target community, location, and expected outcome.\" required><\/textarea>\n <\/label>\n\n <button type=\"submit\" class=\"btn btn-primary\" data-i18n=\"submit_btn\">Submit Collaboration Inquiry<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/collaborate\/wp-content\/uploads\/2026\/04\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div>\n <strong>CBS Thinking Center<\/strong><br \/>\n <span data-i18n=\"footer_tagline\">Social Innovation & Community Solutions<\/span>\n <\/div>\n <\/div>\n\n <div class=\"footer-right\">\n <div>\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <div class=\"legal-note\" data-i18n=\"legal_note\">\n CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs,\n and community collaboration. It does not provide investment products or financial return schemes.\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n <script>\n AOS.init({\n once: true,\n duration: 850,\n easing: \"ease-out-cubic\",\n offset: 90\n });\n\n const translations = {\n en: {\n brand: \"Thinking Center\",\n nav_about: \"About\",\n nav_pipeline: \"Pipeline\",\n nav_projects: \"Projects\",\n nav_collaborate: \"Collaborate\",\n\n hero_eyebrow: \"Social innovation & community ideas lab\",\n hero_title: \"Turning practical ideas into community impact.\",\n hero_desc: \"CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled with partners.\",\n hero_cta_1: \"Explore Collaboration \u2192\",\n hero_cta_2: \"View Project Pipeline\",\n\n outputs_title: \"Our outputs\",\n output_1_title: \"Open Concepts\",\n output_1_desc: \"Free-to-access frameworks for schools, communities, and institutions.\",\n output_2_title: \"Pilot Programs\",\n output_2_desc: \"Small-scale implementation to test feasibility and impact.\",\n output_3_title: \"Learning Products\",\n output_3_desc: \"Training, modules, and practical courses through CBS Learning Center.\",\n output_4_title: \"Product Ideas\",\n output_4_desc: \"Practical innovations validated before commercial execution.\",\n\n about_title: \"A practical lab for ideas that serve real community needs.\",\n about_desc: \"We focus on ideas that can be explained clearly, tested affordably, measured simply, and reused by communities.\",\n\n card_1_tag: \"Education\",\n card_1_title: \"Concepts for schools and communities\",\n card_1_desc: \"We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.\",\n card_2_tag: \"Training\",\n card_2_title: \"Practical learning programs\",\n card_2_desc: \"Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.\",\n card_3_tag: \"Innovation\",\n card_3_title: \"Prototype and product validation\",\n card_3_desc: \"Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.\",\n\n pipeline_title: \"From idea to impact pipeline\",\n pipeline_desc: \"Every idea is processed through a simple pipeline so it does not stop as a discussion. It must be clarified, tested, and directed to the right execution path.\",\n step_1_title: \"Idea Intake\",\n step_1_desc: \"Collect ideas from founders, communities, partners, schools, or field problems.\",\n step_2_title: \"Screening\",\n step_2_desc: \"Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.\",\n step_3_title: \"Concept Design\",\n step_3_desc: \"Turn raw ideas into a concept note, basic model, and pilot plan.\",\n step_4_title: \"Pilot\",\n step_4_desc: \"Run small tests through community partners, schools, mosques, or learning cohorts.\",\n step_5_title: \"Scale or Share\",\n step_5_desc: \"Publish open concepts, build training products, or move validated products to execution partners.\",\n\n open_title: \"Open concepts are part of our impact strategy.\",\n open_desc: \"Not every output needs to become a commercial product. Some concepts are designed to be freely shared, adapted, and implemented by schools, communities, and institutions.\",\n open_note: \"Example: a school-ready concept can be published as an open guide, while CBS remains available for training, implementation support, or partner-led pilot projects.\",\n open_li_1: \"Free public concept notes and implementation guides.\",\n open_li_2: \"Downloadable frameworks for schools and communities.\",\n open_li_3: \"Optional training and mentoring through CBS Learning Center.\",\n open_li_4: \"Pilot documentation for future grant or collaboration proposals.\",\n\n projects_title: \"Project pipeline examples\",\n projects_desc: \"These examples show how CBS Thinking Center classifies outputs: open concepts, training programs, community pilots, or product validation projects.\",\n project_1_status: \"Open Concept\",\n project_1_title: \"School-based practical ethics module\",\n project_1_desc: \"A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.\",\n project_2_status: \"Learning Product\",\n project_2_title: \"UMKM Tax Practical Program\",\n project_2_desc: \"A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.\",\n project_3_status: \"Community Pilot\",\n project_3_title: \"Legal literacy for community organizations\",\n project_3_desc: \"A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.\",\n project_4_status: \"Product Validation\",\n project_4_title: \"Non-medical worship hygiene patch\",\n project_4_desc: \"A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship.\",\n\n measure_title: \"What we measure\",\n measure_desc: \"For donors and partners, CBS Thinking Center prioritizes simple measurements that can prove learning, adoption, and community relevance.\",\n metric_1: \"Beneficiaries reached\",\n metric_2: \"Concepts or modules published\",\n metric_3: \"Pilot completion and feedback\",\n metric_4: \"Programs scaled through partners\",\n\n partner_title: \"How partners can work with CBS\",\n partner_desc: \"We welcome collaboration with NGOs, foundations, schools, mosques, community organizations, donors, researchers, trainers, and implementation partners.\",\n partner_li_1: \"Grant-funded pilot projects.\",\n partner_li_2: \"Co-created community education programs.\",\n partner_li_3: \"Open knowledge resources and public toolkits.\",\n partner_li_4: \"Training-of-trainers for local implementation partners.\",\n partner_li_5: \"Product validation with clear non-investment and non-diagnostic framing where relevant.\",\n\n form_title: \"Start a collaboration conversation.\",\n form_desc: \"Tell us what type of collaboration you are interested in: grant, pilot project, open concept, training program, research support, or community implementation.\",\n form_note: \"This form is for partnership and collaboration inquiries. It is not an investment offer, fundraising promise, or public securities activity.\",\n label_name: \"Name\",\n label_org: \"Organization\",\n label_email: \"Email\",\n label_phone: \"WhatsApp \/ Phone\",\n label_type: \"Collaboration Type\",\n label_message: \"Message\",\n option_choose: \"Choose one\",\n option_1: \"Grant \/ project funding discussion\",\n option_2: \"Pilot project collaboration\",\n option_3: \"Open concept implementation\",\n option_4: \"Training program partnership\",\n option_5: \"Research \/ survey support\",\n option_6: \"Other\",\n submit_btn: \"Submit Collaboration Inquiry\",\n\n footer_tagline: \"Social Innovation & Community Solutions\",\n legal_note: \"CBS Thinking Center focuses on education, social innovation, open concepts, pilot programs, and community collaboration. It does not provide investment products or financial return schemes.\"\n },\n\n id: {\n brand: \"Thinking Center\",\n nav_about: \"Tentang\",\n nav_pipeline: \"Alur\",\n nav_projects: \"Proyek\",\n nav_collaborate: \"Kolaborasi\",\n\n hero_eyebrow: \"Laboratorium ide & inovasi sosial\",\n hero_title: \"Mengubah ide praktis menjadi dampak nyata bagi masyarakat.\",\n hero_desc: \"CBS Thinking Center mengembangkan ide berbasis kebutuhan masyarakat menjadi konsep terbuka, program percontohan, produk pembelajaran, dan inovasi praktis yang dapat diuji, dibagikan, dan dikembangkan bersama mitra.\",\n hero_cta_1: \"Jajaki Kolaborasi \u2192\",\n hero_cta_2: \"Lihat Pipeline Proyek\",\n\n outputs_title: \"Output kami\",\n output_1_title: \"Konsep Terbuka\",\n output_1_desc: \"Kerangka kerja yang dapat diakses gratis oleh sekolah, komunitas, dan lembaga.\",\n output_2_title: \"Program Percontohan\",\n output_2_desc: \"Implementasi skala kecil untuk menguji kelayakan dan dampak.\",\n output_3_title: \"Produk Pembelajaran\",\n output_3_desc: \"Pelatihan, modul, dan kursus praktis melalui CBS Learning Center.\",\n output_4_title: \"Ide Produk\",\n output_4_desc: \"Inovasi praktis yang divalidasi sebelum masuk tahap eksekusi komersial.\",\n\n about_title: \"Laboratorium praktis untuk ide yang menjawab kebutuhan nyata masyarakat.\",\n about_desc: \"Kami fokus pada ide yang dapat dijelaskan dengan jelas, diuji secara terjangkau, diukur secara sederhana, dan digunakan kembali oleh komunitas.\",\n\n card_1_tag: \"Pendidikan\",\n card_1_title: \"Konsep untuk sekolah dan komunitas\",\n card_1_desc: \"Kami merancang konsep, modul, dan kerangka sederhana yang dapat dibagikan secara gratis untuk manfaat publik.\",\n card_2_tag: \"Pelatihan\",\n card_2_title: \"Program pembelajaran praktis\",\n card_2_desc: \"Ide yang berpotensi menjadi pelatihan dapat dikembangkan menjadi program terstruktur dengan kurikulum, mentoring, asesmen, dan sertifikasi.\",\n card_3_tag: \"Inovasi\",\n card_3_title: \"Validasi prototipe dan produk\",\n card_3_desc: \"Ide produk dapat diuji melalui pengguna awal, pre-order, voucher, atau pilot implementation sebelum eksekusi lebih besar.\",\n\n pipeline_title: \"Dari ide menuju dampak\",\n pipeline_desc: \"Setiap ide diproses melalui alur sederhana agar tidak berhenti sebagai diskusi. Ide perlu diperjelas, diuji, dan diarahkan ke jalur eksekusi yang tepat.\",\n step_1_title: \"Penerimaan Ide\",\n step_1_desc: \"Mengumpulkan ide dari founder, komunitas, mitra, sekolah, atau masalah lapangan.\",\n step_2_title: \"Penyaringan\",\n step_2_desc: \"Menilai kejelasan masalah, kelompok penerima manfaat, kelayakan, risiko, dan dampak yang diharapkan.\",\n step_3_title: \"Desain Konsep\",\n step_3_desc: \"Mengubah ide mentah menjadi concept note, model dasar, dan rencana pilot.\",\n step_4_title: \"Pilot\",\n step_4_desc: \"Menjalankan uji kecil melalui mitra komunitas, sekolah, masjid, atau cohort pembelajaran.\",\n step_5_title: \"Scale atau Share\",\n step_5_desc: \"Menerbitkan konsep terbuka, membangun produk pelatihan, atau memindahkan produk tervalidasi ke mitra eksekusi.\",\n\n open_title: \"Konsep terbuka adalah bagian dari strategi dampak kami.\",\n open_desc: \"Tidak semua output harus menjadi produk komersial. Beberapa konsep dirancang untuk dibagikan gratis, diadaptasi, dan diterapkan oleh sekolah, komunitas, dan lembaga.\",\n open_note: \"Contoh: konsep siap pakai untuk sekolah dapat diterbitkan sebagai panduan terbuka, sementara CBS tetap dapat mendukung pelatihan, implementasi, atau pilot bersama mitra.\",\n open_li_1: \"Concept note dan panduan implementasi publik.\",\n open_li_2: \"Kerangka kerja yang dapat diunduh untuk sekolah dan komunitas.\",\n open_li_3: \"Pelatihan dan mentoring opsional melalui CBS Learning Center.\",\n open_li_4: \"Dokumentasi pilot untuk proposal grant atau kolaborasi lanjutan.\",\n\n projects_title: \"Contoh pipeline proyek\",\n projects_desc: \"Contoh ini menunjukkan bagaimana CBS Thinking Center mengklasifikasikan output: konsep terbuka, program pelatihan, pilot komunitas, atau validasi produk.\",\n project_1_status: \"Konsep Terbuka\",\n project_1_title: \"Modul etika praktis berbasis sekolah\",\n project_1_desc: \"Paket konsep sederhana untuk sekolah dalam menjalankan diskusi praktis tentang tanggung jawab, kebersihan, empati, dan kesadaran sosial.\",\n project_2_status: \"Produk Pembelajaran\",\n project_2_title: \"Program Praktis Pajak UMKM\",\n project_2_desc: \"Program pembelajaran praktis untuk komunitas dan pelaku usaha kecil, menggabungkan materi, Q&A terjadwal, CBT, dan verifikasi sertifikat.\",\n project_3_status: \"Pilot Komunitas\",\n project_3_title: \"Literasi hukum untuk organisasi masyarakat\",\n project_3_desc: \"Program pilot untuk membantu komunitas memahami dokumen hukum dasar, risiko organisasi, dan kepatuhan praktis.\",\n project_4_status: \"Validasi Produk\",\n project_4_title: \"Patch kebersihan ibadah non-medis\",\n project_4_desc: \"Ide produk higienitas pribadi non-medis untuk membantu pengguna merasa lebih yakin terhadap kebersihan sebelum ibadah.\",\n\n measure_title: \"Yang kami ukur\",\n measure_desc: \"Untuk donor dan mitra, CBS Thinking Center memprioritaskan indikator sederhana yang membuktikan pembelajaran, adopsi, dan relevansi komunitas.\",\n metric_1: \"Penerima manfaat\",\n metric_2: \"Konsep atau modul diterbitkan\",\n metric_3: \"Pilot selesai dan umpan balik\",\n metric_4: \"Program dikembangkan bersama mitra\",\n\n partner_title: \"Bagaimana mitra dapat bekerja sama dengan CBS\",\n partner_desc: \"Kami terbuka untuk kolaborasi dengan NGO, foundation, sekolah, masjid, organisasi komunitas, donor, peneliti, trainer, dan mitra implementasi.\",\n partner_li_1: \"Pilot project berbasis grant.\",\n partner_li_2: \"Program pendidikan komunitas yang dirancang bersama.\",\n partner_li_3: \"Sumber pengetahuan terbuka dan public toolkits.\",\n partner_li_4: \"Training-of-trainers untuk mitra implementasi lokal.\",\n partner_li_5: \"Validasi produk dengan framing non-investasi dan non-diagnostik bila relevan.\",\n\n form_title: \"Mulai percakapan kolaborasi.\",\n form_desc: \"Ceritakan jenis kolaborasi yang Anda minati: grant, pilot project, konsep terbuka, program pelatihan, dukungan riset, atau implementasi komunitas.\",\n form_note: \"Form ini untuk pertanyaan kemitraan dan kolaborasi. Ini bukan penawaran investasi, janji penggalangan dana, atau aktivitas efek\/sekuritas publik.\",\n label_name: \"Nama\",\n label_org: \"Organisasi\",\n label_email: \"Email\",\n label_phone: \"WhatsApp \/ Telepon\",\n label_type: \"Jenis Kolaborasi\",\n label_message: \"Pesan\",\n option_choose: \"Pilih salah satu\",\n option_1: \"Diskusi grant \/ pendanaan proyek\",\n option_2: \"Kolaborasi pilot project\",\n option_3: \"Implementasi konsep terbuka\",\n option_4: \"Kemitraan program pelatihan\",\n option_5: \"Dukungan riset \/ survei\",\n option_6: \"Lainnya\",\n submit_btn: \"Kirim Inquiry Kolaborasi\",\n\n footer_tagline: \"Inovasi Sosial & Solusi Komunitas\",\n legal_note: \"CBS Thinking Center berfokus pada pendidikan, inovasi sosial, konsep terbuka, program percontohan, dan kolaborasi komunitas. Platform ini tidak menyediakan produk investasi atau skema imbal hasil finansial.\"\n }\n };\n\n function setLang(lang) {\n document.documentElement.lang = lang === \"id\" ? \"id\" : \"en\";\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[lang][key]) {\n el.textContent = translations[lang][key];\n }\n });\n\n document.getElementById(\"btn-en\").classList.toggle(\"active\", lang === \"en\");\n document.getElementById(\"btn-id\").classList.toggle(\"active\", lang === \"id\");\n\n localStorage.setItem(\"cbsLang\", lang);\n }\n\n const savedLang = localStorage.getItem(\"cbsLang\") || \"en\";\n setLang(savedLang);\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Thinking Center | Social Innovation & Community Ideas Lab Thinking Center About Pipeline Projects Collaborate EN ID Social innovation & community ideas lab Turning practical ideas into community impact. CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled with partners. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":5,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/pages\/47\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/collaborate\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}