CBS Thinking Center | Social Innovation & Community Ideas Lab<\/title>\n <meta name=\"description\" content=\"CBS Thinking Center mengembangkan ide, konsep, program, produk, dan jasa berdampak sosial untuk masyarakat melalui riset kecil, validasi, pilot project, dan kolaborasi.\" \/>\n\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 --primary-dark: #071f20;\n --primary-soft: #176466;\n --accent: #d9a441;\n --accent-soft: #f4d48b;\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: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\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.6;\n overflow-x: hidden;\n }\n\n a { color: inherit; text-decoration: none; }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.88);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(229,231,235,.8);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 0;\n gap: 18px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n letter-spacing: -.4px;\n }\n\n .brand-mark {\n width: 34px;\n height: 34px;\n border-radius: 12px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n display: grid;\n place-items: center;\n color: white;\n font-size: 14px;\n box-shadow: 0 10px 25px rgba(15,61,62,.22);\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 22px;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n text-align: center;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .btn-primary { background: var(--accent); color: #1f1604; box-shadow: 0 12px 28px rgba(217,164,65,.24); }\n .btn-primary:hover { filter: brightness(.96); transform: translateY(-2px); }\n .btn-outline { border-color: rgba(255,255,255,.46); color: var(--white); }\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n .btn-light { background: var(--white); color: var(--primary); }\n .btn-light:hover { transform: translateY(-2px); box-shadow: var(--shadow); }\n\n .hero {\n position: relative;\n isolation: isolate;\n background:\n radial-gradient(circle at 10% 15%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 30%),\n linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: var(--white);\n padding: 104px 0 84px;\n overflow: hidden;\n }\n\n .hero::before,\n .hero::after {\n content: \"\";\n position: absolute;\n border-radius: 999px;\n z-index: -1;\n opacity: .55;\n filter: blur(.2px);\n }\n\n .hero::before {\n width: 360px;\n height: 360px;\n border: 1px solid rgba(255,255,255,.14);\n right: -120px;\n top: 80px;\n animation: floatSlow 8s ease-in-out infinite;\n }\n\n .hero::after {\n width: 220px;\n height: 220px;\n background: rgba(217,164,65,.12);\n left: -80px;\n bottom: -40px;\n animation: floatSlow 10s ease-in-out infinite reverse;\n }\n\n @keyframes floatSlow {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\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 color: var(--accent-soft);\n font-size: 13px;\n font-weight: 900;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 16px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.12);\n padding: 8px 12px;\n border-radius: 999px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 999px;\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: -2.1px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n margin-bottom: 30px;\n max-width: 700px;\n }\n\n .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }\n\n .hero-card {\n position: relative;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n border-radius: 30px;\n padding: 28px;\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n backdrop-filter: blur(14px);\n overflow: hidden;\n }\n\n .hero-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 35%);\n pointer-events: none;\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; position: relative; }\n\n .mini-list { display: grid; gap: 12px; position: relative; }\n\n .mini-item {\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 18px;\n padding: 16px;\n transition: .25s ease;\n }\n\n .mini-item:hover { transform: translateX(4px); background: rgba(255,255,255,.14); }\n .mini-item strong { color: var(--accent-soft); display: block; margin-bottom: 3px; }\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 .section-title.center { text-align: center; margin-left: auto; margin-right: auto; }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.12;\n letter-spacing: -.9px;\n margin-bottom: 14px;\n color: var(--primary-dark);\n }\n\n .section-title p { color: var(--muted); font-size: 18px; }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .card,\n .project-card,\n .panel,\n .impact-box {\n background: rgba(255,255,255,.92);\n border: 1px solid rgba(229,231,235,.92);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .card {\n padding: 28px;\n transition: .25s ease;\n min-height: 260px;\n }\n\n .card:hover,\n .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 .card h3 { color: var(--primary); font-size: 23px; margin-bottom: 10px; }\n .card p, .card li { color: var(--muted); }\n\n .tag {\n display: inline-block;\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 margin-bottom: 16px;\n }\n\n .dark-section {\n position: relative;\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--primary-dark), #051819);\n color: var(--white);\n overflow: hidden;\n }\n\n .dark-section .section-title h2,\n .dark-section h3 { color: var(--white); }\n .dark-section .section-title p,\n .dark-section p,\n .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 position: relative;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n border-radius: var(--radius);\n padding: 22px;\n transition: .25s ease;\n overflow: hidden;\n }\n\n .step::after {\n content: \"\";\n position: absolute;\n width: 80px;\n height: 80px;\n border-radius: 999px;\n background: rgba(217,164,65,.12);\n right: -35px;\n bottom: -35px;\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 { list-style: none; display: grid; gap: 13px; }\n .checklist li { padding-left: 32px; position: relative; color: var(--muted); }\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: 999px;\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 .project-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n\n .project-card {\n padding: 28px;\n transition: .25s ease;\n }\n\n .project-card h3 { color: var(--primary); font-size: 24px; margin-bottom: 10px; }\n .project-card p { color: var(--muted); }\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 {\n padding: 26px;\n text-align: center;\n background: rgba(255,255,255,.96);\n }\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 form { display: grid; gap: 14px; }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n label { font-weight: 800; font-size: 14px; color: var(--primary-dark); }\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-soft);\n box-shadow: 0 0 0 4px rgba(15,61,62,.10);\n }\n\n textarea { min-height: 120px; resize: vertical; }\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 .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 36px 0;\n font-size: 14px;\n }\n\n .footer strong { color: var(--white); }\n\n .reveal-line {\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, transparent, rgba(217,164,65,.8), transparent);\n margin-top: 38px;\n opacity: .75;\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.4px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <span class=\"brand-mark\">CBS<\/span>\n <span>Thinking Center<\/span>\n <\/a>\n <nav class=\"nav-links\">\n <a href=\"#about\">About<\/a>\n <a href=\"#pipeline\">Pipeline<\/a>\n <a href=\"#projects\">Projects<\/a>\n <a href=\"#collaborate\" class=\"btn btn-primary\">Collaborate<\/a>\n <\/nav>\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\">Social innovation & community ideas lab<\/div>\n <h1>Turning practical ideas into concepts, programs, and community solutions.<\/h1>\n <p>\n 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 <\/p>\n <div class=\"hero-actions\">\n <a href=\"#collaborate\" class=\"btn btn-primary\">Explore Collaboration \u2192<\/a>\n <a href=\"#projects\" class=\"btn btn-outline\">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>Our outputs<\/h3>\n <div class=\"mini-list\">\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"350\"><strong>Open Concepts<\/strong><span>Free-to-access frameworks for schools, communities, and institutions.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"450\"><strong>Pilot Programs<\/strong><span>Small-scale implementation to test feasibility and impact.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"550\"><strong>Learning Products<\/strong><span>Training, modules, and practical courses through CBS Learning Center.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"650\"><strong>Product Ideas<\/strong><span>Practical innovations validated before commercial execution.<\/span><\/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>A lab for ideas that serve real community needs.<\/h2>\n <p>\n We focus on practical solutions: ideas that can be explained clearly, tested cheaply, measured simply, and reused by communities.\n <\/p>\n <\/div>\n\n <div class=\"cards\">\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"icon-circle\">\ud83d\udcd8<\/div>\n <span class=\"tag\">Education<\/span>\n <h3>Concepts for schools and communities<\/h3>\n <p>We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.<\/p>\n <\/div>\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83c\udf93<\/div>\n <span class=\"tag\">Training<\/span>\n <h3>Practical learning programs<\/h3>\n <p>Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.<\/p>\n <\/div>\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\uddea<\/div>\n <span class=\"tag\">Innovation<\/span>\n <h3>Prototype and product validation<\/h3>\n <p>Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.<\/p>\n <\/div>\n <\/div>\n <div class=\"reveal-line\" data-aos=\"zoom-in\" data-aos-delay=\"200\"><\/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>From idea to impact pipeline<\/h2>\n <p>\n 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 <\/p>\n <\/div>\n\n <div class=\"pipeline\">\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"0\"><div class=\"step-number\">1<\/div><h3>Idea Intake<\/h3><p>Collect ideas from founders, communities, partners, schools, or field problems.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"120\"><div class=\"step-number\">2<\/div><h3>Screening<\/h3><p>Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"240\"><div class=\"step-number\">3<\/div><h3>Concept Design<\/h3><p>Turn raw ideas into a concept note, basic model, and pilot plan.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"360\"><div class=\"step-number\">4<\/div><h3>Pilot<\/h3><p>Run small tests through community partners, schools, mosques, or learning cohorts.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"480\"><div class=\"step-number\">5<\/div><h3>Scale or Share<\/h3><p>Publish open concepts, build training products, or move validated products to execution partners.<\/p><\/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>Open concepts are part of our impact strategy.<\/h2>\n <p>\n 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 <\/p>\n <div class=\"note\">\n Example: a school-ready concept can be published as an open guide on the CBS website, while CBS remains available 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>Free public concept notes and implementation guides.<\/li>\n <li>Downloadable frameworks for schools and communities.<\/li>\n <li>Optional training and mentoring through CBS Learning Center.<\/li>\n <li>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>Project pipeline examples<\/h2>\n <p>\n These examples show how CBS Thinking Center can classify outputs: 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\" data-aos-delay=\"0\">\n <span class=\"status\">Open Concept<\/span>\n <h3>School-based practical ethics module<\/h3>\n <p>A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n <span class=\"status\">Learning Product<\/span>\n <h3>UMKM Tax Practical Program<\/h3>\n <p>A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"240\">\n <span class=\"status\">Community Pilot<\/span>\n <h3>Legal literacy for community organizations<\/h3>\n <p>A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"360\">\n <span class=\"status\">Product Validation<\/span>\n <h3>Non-medical worship hygiene patch<\/h3>\n <p>A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship, validated through early users and community feedback.<\/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>What we measure<\/h2>\n <p>\n For donors and partners, CBS Thinking Center prioritizes simple but useful measurements that can prove learning, adoption, and community relevance.\n <\/p>\n <\/div>\n\n <div class=\"impact-strip\">\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"0\"><strong>01<\/strong><span>Beneficiaries reached<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"120\"><strong>02<\/strong><span>Concepts or modules published<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"240\"><strong>03<\/strong><span>Pilot completion and feedback<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"360\"><strong>04<\/strong><span>Programs scaled through partners<\/span><\/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>Grant-funded pilot projects.<\/li>\n <li>Co-created community education programs.<\/li>\n <li>Open knowledge resources and public toolkits.<\/li>\n <li>Training-of-trainers for local implementation partners.<\/li>\n <li>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>How partners can work with CBS<\/h2>\n <p>\n We welcome collaboration with NGOs, foundations, schools, mosques, community organizations, 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>Start a collaboration conversation.<\/h2>\n <p>\n Tell us what type of collaboration you are interested in: grant, pilot project, open concept, training program, research support, or community implementation.\n <\/p>\n <div class=\"note\">\n This form is for partnership and collaboration inquiries. It is not an investment offer, 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 Name\n <input type=\"text\" name=\"name\" placeholder=\"Your name\" required \/>\n <\/label>\n <label>\n Organization\n <input type=\"text\" name=\"organization\" placeholder=\"Organization \/ institution\" required \/>\n <\/label>\n <\/div>\n\n <div class=\"form-grid\">\n <label>\n Email\n <input type=\"email\" name=\"email\" placeholder=\"name@organization.org\" required \/>\n <\/label>\n <label>\n WhatsApp \/ Phone\n <input type=\"tel\" name=\"phone\" placeholder=\"Contact number\" \/>\n <\/label>\n <\/div>\n\n <label>\n Collaboration Type\n <select name=\"collaboration_type\" required>\n <option value=\"\">Choose one<\/option>\n <option>Grant \/ project funding discussion<\/option>\n <option>Pilot project collaboration<\/option>\n <option>Open concept implementation<\/option>\n <option>Training program partnership<\/option>\n <option>Research \/ survey support<\/option>\n <option>Other<\/option>\n <\/select>\n <\/label>\n\n <label>\n Message\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\">Submit Collaboration Inquiry<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\">\n <p><strong>CBS Thinking Center<\/strong><\/p>\n <p>Social innovation, open concepts, pilot programs, and practical community solutions.<\/p>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({\n once: true,\n duration: 850,\n easing: 'ease-out-cubic',\n offset: 90\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Thinking Center | Social Innovation & Community Ideas Lab CBS Thinking Center About Pipeline Projects Collaborate Social innovation & community ideas lab Turning practical ideas into concepts, programs, and community solutions. CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled […]<\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":2,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":69,"date":"2026-05-12T13:01:15","date_gmt":"2026-05-12T13:01:15","guid":{"rendered":"https:\/\/cbs.or.id\/thinking\/?page_id=69"},"modified":"2026-05-12T13:03:15","modified_gmt":"2026-05-12T13:03:15","slug":"69-2","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/thinking\/69-2\/","title":{"rendered":"Thinking Center Donor Landing"},"content":{"rendered":"\n\n\n\n \n \n CBS Thinking Center | Social Innovation & Community Ideas Lab<\/title>\n <meta name=\"description\" content=\"CBS Thinking Center mengembangkan ide, konsep, program, produk, dan jasa berdampak sosial untuk masyarakat melalui riset kecil, validasi, pilot project, dan kolaborasi.\" \/>\n\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 --primary-dark: #071f20;\n --primary-soft: #176466;\n --accent: #d9a441;\n --accent-soft: #f4d48b;\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: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\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.6;\n overflow-x: hidden;\n }\n\n a { color: inherit; text-decoration: none; }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.88);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(229,231,235,.8);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 0;\n gap: 18px;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 900;\n color: var(--primary);\n font-size: 20px;\n letter-spacing: -.4px;\n }\n\n .brand-mark {\n width: 34px;\n height: 34px;\n border-radius: 12px;\n background: linear-gradient(135deg, var(--primary), var(--accent));\n display: grid;\n place-items: center;\n color: white;\n font-size: 14px;\n box-shadow: 0 10px 25px rgba(15,61,62,.22);\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 22px;\n font-size: 14px;\n color: var(--muted);\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n text-align: center;\n cursor: pointer;\n white-space: nowrap;\n }\n\n .btn-primary { background: var(--accent); color: #1f1604; box-shadow: 0 12px 28px rgba(217,164,65,.24); }\n .btn-primary:hover { filter: brightness(.96); transform: translateY(-2px); }\n .btn-outline { border-color: rgba(255,255,255,.46); color: var(--white); }\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n .btn-light { background: var(--white); color: var(--primary); }\n .btn-light:hover { transform: translateY(-2px); box-shadow: var(--shadow); }\n\n .hero {\n position: relative;\n isolation: isolate;\n background:\n radial-gradient(circle at 10% 15%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 30%),\n linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: var(--white);\n padding: 104px 0 84px;\n overflow: hidden;\n }\n\n .hero::before,\n .hero::after {\n content: \"\";\n position: absolute;\n border-radius: 999px;\n z-index: -1;\n opacity: .55;\n filter: blur(.2px);\n }\n\n .hero::before {\n width: 360px;\n height: 360px;\n border: 1px solid rgba(255,255,255,.14);\n right: -120px;\n top: 80px;\n animation: floatSlow 8s ease-in-out infinite;\n }\n\n .hero::after {\n width: 220px;\n height: 220px;\n background: rgba(217,164,65,.12);\n left: -80px;\n bottom: -40px;\n animation: floatSlow 10s ease-in-out infinite reverse;\n }\n\n @keyframes floatSlow {\n 0%, 100% { transform: translateY(0) rotate(0deg); }\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 color: var(--accent-soft);\n font-size: 13px;\n font-weight: 900;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 16px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.12);\n padding: 8px 12px;\n border-radius: 999px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 999px;\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: -2.1px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n margin-bottom: 30px;\n max-width: 700px;\n }\n\n .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }\n\n .hero-card {\n position: relative;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n border-radius: 30px;\n padding: 28px;\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n backdrop-filter: blur(14px);\n overflow: hidden;\n }\n\n .hero-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 35%);\n pointer-events: none;\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; position: relative; }\n\n .mini-list { display: grid; gap: 12px; position: relative; }\n\n .mini-item {\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 18px;\n padding: 16px;\n transition: .25s ease;\n }\n\n .mini-item:hover { transform: translateX(4px); background: rgba(255,255,255,.14); }\n .mini-item strong { color: var(--accent-soft); display: block; margin-bottom: 3px; }\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 .section-title.center { text-align: center; margin-left: auto; margin-right: auto; }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.12;\n letter-spacing: -.9px;\n margin-bottom: 14px;\n color: var(--primary-dark);\n }\n\n .section-title p { color: var(--muted); font-size: 18px; }\n\n .cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .card,\n .project-card,\n .panel,\n .impact-box {\n background: rgba(255,255,255,.92);\n border: 1px solid rgba(229,231,235,.92);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .card {\n padding: 28px;\n transition: .25s ease;\n min-height: 260px;\n }\n\n .card:hover,\n .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 .card h3 { color: var(--primary); font-size: 23px; margin-bottom: 10px; }\n .card p, .card li { color: var(--muted); }\n\n .tag {\n display: inline-block;\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 margin-bottom: 16px;\n }\n\n .dark-section {\n position: relative;\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--primary-dark), #051819);\n color: var(--white);\n overflow: hidden;\n }\n\n .dark-section .section-title h2,\n .dark-section h3 { color: var(--white); }\n .dark-section .section-title p,\n .dark-section p,\n .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 position: relative;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n border-radius: var(--radius);\n padding: 22px;\n transition: .25s ease;\n overflow: hidden;\n }\n\n .step::after {\n content: \"\";\n position: absolute;\n width: 80px;\n height: 80px;\n border-radius: 999px;\n background: rgba(217,164,65,.12);\n right: -35px;\n bottom: -35px;\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 { list-style: none; display: grid; gap: 13px; }\n .checklist li { padding-left: 32px; position: relative; color: var(--muted); }\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: 999px;\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 .project-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n\n .project-card {\n padding: 28px;\n transition: .25s ease;\n }\n\n .project-card h3 { color: var(--primary); font-size: 24px; margin-bottom: 10px; }\n .project-card p { color: var(--muted); }\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 {\n padding: 26px;\n text-align: center;\n background: rgba(255,255,255,.96);\n }\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 form { display: grid; gap: 14px; }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n label { font-weight: 800; font-size: 14px; color: var(--primary-dark); }\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-soft);\n box-shadow: 0 0 0 4px rgba(15,61,62,.10);\n }\n\n textarea { min-height: 120px; resize: vertical; }\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 .footer {\n background: #071f20;\n color: rgba(255,255,255,.74);\n padding: 36px 0;\n font-size: 14px;\n }\n\n .footer strong { color: var(--white); }\n\n .reveal-line {\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, transparent, rgba(217,164,65,.8), transparent);\n margin-top: 38px;\n opacity: .75;\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.4px; }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"\/\" class=\"brand\">\n <span class=\"brand-mark\">CBS<\/span>\n <span>Thinking Center<\/span>\n <\/a>\n <nav class=\"nav-links\">\n <a href=\"#about\">About<\/a>\n <a href=\"#pipeline\">Pipeline<\/a>\n <a href=\"#projects\">Projects<\/a>\n <a href=\"#collaborate\" class=\"btn btn-primary\">Collaborate<\/a>\n <\/nav>\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\">Social innovation & community ideas lab<\/div>\n <h1>Turning practical ideas into concepts, programs, and community solutions.<\/h1>\n <p>\n 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 <\/p>\n <div class=\"hero-actions\">\n <a href=\"#collaborate\" class=\"btn btn-primary\">Explore Collaboration \u2192<\/a>\n <a href=\"#projects\" class=\"btn btn-outline\">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>Our outputs<\/h3>\n <div class=\"mini-list\">\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"350\"><strong>Open Concepts<\/strong><span>Free-to-access frameworks for schools, communities, and institutions.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"450\"><strong>Pilot Programs<\/strong><span>Small-scale implementation to test feasibility and impact.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"550\"><strong>Learning Products<\/strong><span>Training, modules, and practical courses through CBS Learning Center.<\/span><\/div>\n <div class=\"mini-item\" data-aos=\"fade-left\" data-aos-delay=\"650\"><strong>Product Ideas<\/strong><span>Practical innovations validated before commercial execution.<\/span><\/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>A lab for ideas that serve real community needs.<\/h2>\n <p>\n We focus on practical solutions: ideas that can be explained clearly, tested cheaply, measured simply, and reused by communities.\n <\/p>\n <\/div>\n\n <div class=\"cards\">\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"icon-circle\">\ud83d\udcd8<\/div>\n <span class=\"tag\">Education<\/span>\n <h3>Concepts for schools and communities<\/h3>\n <p>We design concepts, modules, and simple frameworks that can be shared freely for wider public benefit.<\/p>\n <\/div>\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83c\udf93<\/div>\n <span class=\"tag\">Training<\/span>\n <h3>Practical learning programs<\/h3>\n <p>Ideas with training potential can become structured programs with curriculum, mentoring, assessment, and certification.<\/p>\n <\/div>\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\uddea<\/div>\n <span class=\"tag\">Innovation<\/span>\n <h3>Prototype and product validation<\/h3>\n <p>Product ideas can be tested through early users, pre-orders, vouchers, or pilot implementation before larger execution.<\/p>\n <\/div>\n <\/div>\n <div class=\"reveal-line\" data-aos=\"zoom-in\" data-aos-delay=\"200\"><\/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>From idea to impact pipeline<\/h2>\n <p>\n 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 <\/p>\n <\/div>\n\n <div class=\"pipeline\">\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"0\"><div class=\"step-number\">1<\/div><h3>Idea Intake<\/h3><p>Collect ideas from founders, communities, partners, schools, or field problems.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"120\"><div class=\"step-number\">2<\/div><h3>Screening<\/h3><p>Assess problem clarity, beneficiary group, feasibility, risks, and expected impact.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"240\"><div class=\"step-number\">3<\/div><h3>Concept Design<\/h3><p>Turn raw ideas into a concept note, basic model, and pilot plan.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"360\"><div class=\"step-number\">4<\/div><h3>Pilot<\/h3><p>Run small tests through community partners, schools, mosques, or learning cohorts.<\/p><\/div>\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"480\"><div class=\"step-number\">5<\/div><h3>Scale or Share<\/h3><p>Publish open concepts, build training products, or move validated products to execution partners.<\/p><\/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>Open concepts are part of our impact strategy.<\/h2>\n <p>\n 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 <\/p>\n <div class=\"note\">\n Example: a school-ready concept can be published as an open guide on the CBS website, while CBS remains available 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>Free public concept notes and implementation guides.<\/li>\n <li>Downloadable frameworks for schools and communities.<\/li>\n <li>Optional training and mentoring through CBS Learning Center.<\/li>\n <li>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>Project pipeline examples<\/h2>\n <p>\n These examples show how CBS Thinking Center can classify outputs: 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\" data-aos-delay=\"0\">\n <span class=\"status\">Open Concept<\/span>\n <h3>School-based practical ethics module<\/h3>\n <p>A simple concept package for schools to run practical discussion sessions on responsibility, hygiene, empathy, and community awareness.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n <span class=\"status\">Learning Product<\/span>\n <h3>UMKM Tax Practical Program<\/h3>\n <p>A practical learning program for communities and small business groups, combining materials, scheduled Q&A, CBT, and certificate verification.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"240\">\n <span class=\"status\">Community Pilot<\/span>\n <h3>Legal literacy for community organizations<\/h3>\n <p>A pilot program to help local communities understand basic legal documents, organizational risk, and practical compliance.<\/p>\n <\/div>\n <div class=\"project-card\" data-aos=\"fade-up\" data-aos-delay=\"360\">\n <span class=\"status\">Product Validation<\/span>\n <h3>Non-medical worship hygiene patch<\/h3>\n <p>A non-medical personal hygiene product idea designed to help users feel more confident about cleanliness before worship, validated through early users and community feedback.<\/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>What we measure<\/h2>\n <p>\n For donors and partners, CBS Thinking Center prioritizes simple but useful measurements that can prove learning, adoption, and community relevance.\n <\/p>\n <\/div>\n\n <div class=\"impact-strip\">\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"0\"><strong>01<\/strong><span>Beneficiaries reached<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"120\"><strong>02<\/strong><span>Concepts or modules published<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"240\"><strong>03<\/strong><span>Pilot completion and feedback<\/span><\/div>\n <div class=\"impact-box\" data-aos=\"zoom-in\" data-aos-delay=\"360\"><strong>04<\/strong><span>Programs scaled through partners<\/span><\/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>Grant-funded pilot projects.<\/li>\n <li>Co-created community education programs.<\/li>\n <li>Open knowledge resources and public toolkits.<\/li>\n <li>Training-of-trainers for local implementation partners.<\/li>\n <li>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>How partners can work with CBS<\/h2>\n <p>\n We welcome collaboration with NGOs, foundations, schools, mosques, community organizations, 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>Start a collaboration conversation.<\/h2>\n <p>\n Tell us what type of collaboration you are interested in: grant, pilot project, open concept, training program, research support, or community implementation.\n <\/p>\n <div class=\"note\">\n This form is for partnership and collaboration inquiries. It is not an investment offer, 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 Name\n <input type=\"text\" name=\"name\" placeholder=\"Your name\" required \/>\n <\/label>\n <label>\n Organization\n <input type=\"text\" name=\"organization\" placeholder=\"Organization \/ institution\" required \/>\n <\/label>\n <\/div>\n\n <div class=\"form-grid\">\n <label>\n Email\n <input type=\"email\" name=\"email\" placeholder=\"name@organization.org\" required \/>\n <\/label>\n <label>\n WhatsApp \/ Phone\n <input type=\"tel\" name=\"phone\" placeholder=\"Contact number\" \/>\n <\/label>\n <\/div>\n\n <label>\n Collaboration Type\n <select name=\"collaboration_type\" required>\n <option value=\"\">Choose one<\/option>\n <option>Grant \/ project funding discussion<\/option>\n <option>Pilot project collaboration<\/option>\n <option>Open concept implementation<\/option>\n <option>Training program partnership<\/option>\n <option>Research \/ survey support<\/option>\n <option>Other<\/option>\n <\/select>\n <\/label>\n\n <label>\n Message\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\">Submit Collaboration Inquiry<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\">\n <p><strong>CBS Thinking Center<\/strong><\/p>\n <p>Social innovation, open concepts, pilot programs, and practical community solutions.<\/p>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({\n once: true,\n duration: 850,\n easing: 'ease-out-cubic',\n offset: 90\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Thinking Center | Social Innovation & Community Ideas Lab CBS Thinking Center About Pipeline Projects Collaborate Social innovation & community ideas lab Turning practical ideas into concepts, programs, and community solutions. CBS Thinking Center develops community-centered ideas into open concepts, pilot programs, learning products, and practical innovations that can be tested, shared, and scaled […]<\/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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":2,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/pages\/69\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/thinking\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}