{"id":24395,"date":"2026-10-02T07:32:00","date_gmt":"2026-10-02T00:32:00","guid":{"rendered":"https:\/\/ocs.com\/id\/?post_type=customer-stories&#038;p=24395"},"modified":"2026-10-02T11:07:27","modified_gmt":"2026-10-02T04:07:27","slug":"dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia","status":"publish","type":"customer-stories","link":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id","title":{"rendered":"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia"},"content":{"rendered":"\n            <section id=\"block_acf-block-6abf2dfd617cc\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/002d504e-5606-44ff-ae8f-d10652bf7983\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A modern data center with rows of server racks enclosed in glass cabinets on both sides. The floor is reflective with a metallic mesh design, and the ceiling displays bright, evenly spaced square lights, creating a sleek, high-tech atmosphere.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Membangun ketangguhan yang melampaui praktik manajemen fasilitas tradisional<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Ekonomi digital terus berkembang pesat di Indonesia. Data centre hyperscale kini menjadi bagian penting dalam pertumbuhan bisnis, adopsi cloud, dan transformasi digital. Di lingkungan ini, ketersediaan layanan, pengendalian kondisi lingkungan, keselamatan, akses, dan disiplin pemeliharaan berpengaruh langsung terhadap uptime dan keberlangsungan bisnis pelanggan.<\/p>\n<p>Salah satu operator data centre hyperscale terkemuka di Indonesia bermitra dengan OCS Indonesia untuk memperkuat ketahanan operasional dan membangun model pengelolaan terpadu di fasilitas yang bersifat kritis, serta mendukung pengelolaan lingkungan gedung secara keseluruhan. Model ini menggabungkan tata kelola Facilities Management Agent (FMA) dengan layanan Building Management (BM).<\/p>\n<p>Data centre ini memiliki area sekitar 65.000 m\u00b2 dan dirancang untuk mendukung kapasitas IT hingga 75 MW. Kemitraan kami bertujuan menciptakan lingkungan operasional yang tangguh, transparan, dan terus berkembang. Model ini membantu melindungi operasional penting sekaligus memperkuat akuntabilitas layanan, pengelolaan aset, kapabilitas tenaga kerja, dan efisiensi sumber daya.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-6abf2dfd62a79\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/cb4e4c22-830d-42e8-a89f-32aa807a8925\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/cb4e4c22-830d-42e8-a89f-32aa807a8925\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/cb4e4c22-830d-42e8-a89f-32aa807a8925\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <h2>Kebutuhan Operasional<\/h2>\n<p>Sebagai data centre hyperscale yang baru mulai beroperasi, pelanggan membutuhkan mitra yang mampu mengelola aktivitas utama, mengoordinasikan mitra pemeliharaan, mengelola layanan gedung, serta memberikan bukti kinerja yang jelas melalui pelaporan terstruktur dan pengendalian tingkat layanan.<\/p>\n<p>Model operasional juga harus mampu mendukung pertumbuhan yang cepat dan tuntutan uptime yang ketat, dengan tetap menjaga prosedur yang disiplin, praktik kerja yang aman, dan standar layanan yang konsisten di area kritis maupun non-kritis.<\/p>\n<p>Bagi fasilitas hyperscale, keberlangsungan operasional bergantung pada efektivitas dan dukungan di seluruh ekosistem fasilitas, bukan hanya pada keandalan peralatan.<\/p>\n<p><strong>Kebutuhan utama meliputi:<\/strong><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Menerapkan model manajemen fasilitas yang mendukung penuh operasional dalam waktu implementasi yang singkat        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Membangun tata kelola FMA untuk pemantauan fasilitas kritis dan koordinasi operasional sehari-hari        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Mengelola pemeliharaan preventif yang dilakukan mitra melalui perencanaan, pengaturan akses, dokumentasi, pengendalian, dan pemantauan penyelesaian pekerjaan yang terkontrol        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Mengintegrasikan layanan cleaning, gardening, pembersihan fasad, teknisi pemeliharaan gedung, dan keamanan dalam satu struktur tata kelola BM        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Menjaga ketersediaan dan kondisi lingkungan di area yang bersifat kritis        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Menstandardkan pengelolaan MOP, SOP, EOP, SLA\/SLG, pelaporan, eskalasi, dan kepatuhan        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Memberikan visibilitas yang transparan terhadap kinerja, risiko operasional, dan efisiensi sumber daya        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6abf2dfd663c6\"  class=\"block_best_pillars max-w-8xl mx-auto py-6 md:py-[72px] px-4 md:px-[88px] w-full  theme-orange\"  data-animate-container=\"waterfall\"   x-data=\"{\n                visibleForm: 'pillar0',\n                accordion: 0,\n                markerWidth: 0,\n                markerHeight: 0,\n                markerTransform: 0,\n                init() {\n                    this.updateMarker(this.$refs.pillar0);\n                },\n                changeForm(key) {\n                    this.visibleForm = key;\n                    this.updateMarker(this.$event.target);\n                },\n                updateMarker(button) {\n                    this.markerWidth = `${button.offsetWidth}px`;\n                    this.markerHeight = `${button.offsetHeight}px`;\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            }\" @resize.window=\"updateMarker($refs[visibleForm])\" >\n        <div data-animate=\"item\" class=\"w-full px-6 flex flex-col justify-center gap-8 md:gap-16  py-8 md:p-8 lg:p-[54px]  rounded-3xl\" style=\"background-color: #FEFAF9\">\n            <div class=\"flex flex-col gap-6\">\n                                    <div  data-animate-container=\"text\"  class=\"mx-auto text-center flex flex-col justify-center gap-6\">\n                                                    <h3 data-animate=\"heading\" class=\"max-w-[882px] mx-auto text-ocs-gray-nav font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop\">\n                                Model Regenerative FM dari OCS                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                Model operasional OCS menghubungkan manusia, proses, mitra tenaga ahli, kinerja data, dan tata kelola untuk mencapai hasil yang paling berarti bagi pelanggan. Mulai dari uptime dan ketahanan, hingga keselamatan, transparansi, dan perbaikan berkelanjutan. Pendekatan ini tidak hanya fokus menjaga fasilitas tetap berfungsi. OCS memanfaatkan informasi operasional dan kinerja layanan untuk membuat lingkungan kerja semakin terkendali dan mumpuni dari waktu ke waktu.                            <\/p>\n                                            <\/div>\n                                <!-- change pillar button -->\n                                    <div data-animate=\"item\" class=\"hidden mx-auto lg:flex justify-center w-full overflow-hidden\">\n                        <div class=\"relative flex flex-row overflow-x-auto bg-white  border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                                                            <button x-ref=\"pillar0\" @click=\"changeForm('pillar0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar0' ? 'text-white' : 'text-themed'\">\n                                    Mobilisasi cepat dan terstruktur                                <\/button>\n                                                            <button x-ref=\"pillar1\" @click=\"changeForm('pillar1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar1' ? 'text-white' : 'text-themed'\">\n                                    FMA sebagai lapisan tata kelola fasilitas kritis                                <\/button>\n                                                            <button x-ref=\"pillar2\" @click=\"changeForm('pillar2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar2' ? 'text-white' : 'text-themed'\">\n                                    Pemeliharaan terkontrol dan tata kelola mitra                                <\/button>\n                                                            <button x-ref=\"pillar3\" @click=\"changeForm('pillar3')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar3' ? 'text-white' : 'text-themed'\">\n                                    Manajemen bangunan yang terintegrasi                                <\/button>\n                                                            <button x-ref=\"pillar4\" @click=\"changeForm('pillar4')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar4' ? 'text-white' : 'text-themed'\">\n                                    Prosedur dan pengendalian operasional                                <\/button>\n                                                            <button x-ref=\"pillar5\" @click=\"changeForm('pillar5')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar5' ? 'text-white' : 'text-themed'\">\n                                    Pengelolaan kinerja melalui SLA dan SLG                                <\/button>\n                                                            <button x-ref=\"pillar6\" @click=\"changeForm('pillar6')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar6' ? 'text-white' : 'text-themed'\">\n                                    Perbaikan berkelanjutan berbasis data                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-1.5 w-full h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            <!-- pillars content -->\n            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A person holding a laptop stands in a dark, modern server room, examining tall racks filled with servers and blinking indicator lights.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 0 ? accordion = null : accordion = 0\" :aria-expanded=\"accordion === 0\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Mobilisasi cepat dan terstruktur<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 0\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>Dalam waktu satu bulan, model operasional akan mulai berjalan dengan menyelaraskan tenaga kerja, prosedur, pelaporan, rutinitas tata kelola, dan tanggung jawab operasional, sambil memastikan dukungan untuk fasilitas kritis tetap berjalan.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar0'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b7722b31-a925-45e0-8434-deefd42b3020\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A person holding a laptop stands in a dark, modern server room, examining tall racks filled with servers and blinking indicator lights.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Mobilisasi cepat dan terstruktur<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Dalam waktu satu bulan, model operasional akan mulai berjalan dengan menyelaraskan tenaga kerja, prosedur, pelaporan, rutinitas tata kelola, dan tanggung jawab operasional, sambil memastikan dukungan untuk fasilitas kritis tetap berjalan.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Aerial view of industrial rooftop featuring large HVAC cooling units with multiple fans, visible piping, solar panels, and a gravel-covered surface.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 1 ? accordion = null : accordion = 1\" :aria-expanded=\"accordion === 1\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">FMA sebagai lapisan tata kelola fasilitas kritis<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 1\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>Tim FMA melakukan pengawasan harian terhadap sistem kritis, memantau parameter operasional, mengidentifikasi kondisi tidak normal, mengelola dokumentasi operasional, mengoordinasikan penanganan insiden, serta mengelola pemeliharaan preventif yang dilakukan mitra ahli.<\/p>\n<p>Pemantauan rutin mencakup sistem pendingin, kelistrikan, cadangan daya, sistem pengendalian, dan pemadam kebakaran yang bersifat kritis, termasuk CRAC, FCU\/VRV, cooling tower, pompa, chiller, transformer, UPS, switchgear, generator, DCMS\/BMS, serta infrastruktur terkait lainnya.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar1'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Aerial view of industrial rooftop featuring large HVAC cooling units with multiple fans, visible piping, solar panels, and a gravel-covered surface.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">FMA sebagai lapisan tata kelola fasilitas kritis<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Tim FMA melakukan pengawasan harian terhadap sistem kritis, memantau parameter operasional, mengidentifikasi kondisi tidak normal, mengelola dokumentasi operasional, mengoordinasikan penanganan insiden, serta mengelola pemeliharaan preventif yang dilakukan mitra ahli.<\/p>\n<p>Pemantauan rutin mencakup sistem pendingin, kelistrikan, cadangan daya, sistem pengendalian, dan pemadam kebakaran yang bersifat kritis, termasuk CRAC, FCU\/VRV, cooling tower, pompa, chiller, transformer, UPS, switchgear, generator, DCMS\/BMS, serta infrastruktur terkait lainnya.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 2 ? accordion = null : accordion = 2\" :aria-expanded=\"accordion === 2\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Pemeliharaan terkontrol dan tata kelola mitra<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 2\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>OCS Indonesia mengelola proses pemeliharaan tanpa mengambil alih seluruh pekerjaan tenaga ahli. Tim OCS memvalidasi penjadwalan, mengoordinasikan akses, memastikan kelengkapan dokumen MOP\/SOP\/EOP, memantau pelaksanaan pekerjaan, memeriksa bukti penyelesaian, mencatat kendala, dan mengeskalasi penyimpangan kepada pelanggan serta mitra terkait.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar2'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/74286b4a-ef21-4a12-94e3-6e62f4630b94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Pemeliharaan terkontrol dan tata kelola mitra<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>OCS Indonesia mengelola proses pemeliharaan tanpa mengambil alih seluruh pekerjaan tenaga ahli. Tim OCS memvalidasi penjadwalan, mengoordinasikan akses, memastikan kelengkapan dokumen MOP\/SOP\/EOP, memantau pelaksanaan pekerjaan, memeriksa bukti penyelesaian, mencatat kendala, dan mengeskalasi penyimpangan kepada pelanggan serta mitra terkait.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 3 ? accordion = null : accordion = 3\" :aria-expanded=\"accordion === 3\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Manajemen bangunan yang terintegrasi<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 3\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>BM dikelola sebagai lingkungan pendukung yang terkoordinasi di seluruh fasilitas kritis. Layanan ini mencakup cleaning, gardening, pembersihan fasad, teknisi pemeliharaan gedung, dan keamanan.<\/p>\n<p>Pengendalian yang seragam untuk kompetensi, akses, pelaksanaan layanan, patroli, respons insiden, dan pelaporan membantu agar pekerjaan tidak berjalan secara terpisah.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar3'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ef5832f3-f303-47eb-94ab-a4b9ddc6d1d2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Manajemen bangunan yang terintegrasi<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>BM dikelola sebagai lingkungan pendukung yang terkoordinasi di seluruh fasilitas kritis. Layanan ini mencakup cleaning, gardening, pembersihan fasad, teknisi pemeliharaan gedung, dan keamanan.<\/p>\n<p>Pengendalian yang seragam untuk kompetensi, akses, pelaksanaan layanan, patroli, respons insiden, dan pelaporan membantu agar pekerjaan tidak berjalan secara terpisah.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 4 ? accordion = null : accordion = 4\" :aria-expanded=\"accordion === 4\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Prosedur dan pengendalian operasional<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 4\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>Tata kelola MOP, SOP, dan EOP yang formal memperkuat pengendalian terhadap aktivitas terencana, korektif, maupun darurat. Pelaporan juga mencatat prosedur yang telah disetujui untuk berbagai kondisi, termasuk sistem pendingin, UPS, generator, transformer, serta keadaan darurat.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar4'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9e046c99-592f-4815-bfbc-08609b24c1c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Prosedur dan pengendalian operasional<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Tata kelola MOP, SOP, dan EOP yang formal memperkuat pengendalian terhadap aktivitas terencana, korektif, maupun darurat. Pelaporan juga mencatat prosedur yang telah disetujui untuk berbagai kondisi, termasuk sistem pendingin, UPS, generator, transformer, serta keadaan darurat.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A technician in a high-visibility vest and hard hat inspects server racks filled with cables and equipment in a data center. The focus is on the rear view of the technician as they hold a tablet, surrounded by complex network machinery.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 5 ? accordion = null : accordion = 5\" :aria-expanded=\"accordion === 5\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Pengelolaan kinerja melalui SLA dan SLG<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 5\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>Kinerja FMA diukur melalui cakupan tenaga kerja, kelengkapan dokumen, availability dan uptime, kepatuhan kondisi lingkungan, pemeliharaan preventif, waktu penyelesaian dan pemulihan, serta efisiensi sumber daya. Sementara itu, BM menggunakan kategori SLG berbobot yang mencakup tenaga kerja, akses, penanganan layanan, patroli, respons, dan pelaporan.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar5'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e1f437da-812d-4a83-b850-8cd630f37674\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A technician in a high-visibility vest and hard hat inspects server racks filled with cables and equipment in a data center. The focus is on the rear view of the technician as they hold a tablet, surrounded by complex network machinery.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Pengelolaan kinerja melalui SLA dan SLG<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Kinerja FMA diukur melalui cakupan tenaga kerja, kelengkapan dokumen, availability dan uptime, kepatuhan kondisi lingkungan, pemeliharaan preventif, waktu penyelesaian dan pemulihan, serta efisiensi sumber daya. Sementara itu, BM menggunakan kategori SLG berbobot yang mencakup tenaga kerja, akses, penanganan layanan, patroli, respons, dan pelaporan.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 6 ? accordion = null : accordion = 6\" :aria-expanded=\"accordion === 6\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Perbaikan berkelanjutan berbasis data<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 6\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p>Laporan harian dan bulanan dari aktivitas lapangan menjadi informasi yang dapat digunakan manajemen. Siklus operasional berjalan melalui tahapan yang jelas: menetapkan baseline, memantau kinerja aktual, mengidentifikasi penyimpangan, mengoordinasikan tindakan perbaikan, memverifikasi penyelesaian, menganalisis penyebab, lalu menggunakan pembelajaran tersebut untuk menyusun rencana ke depan.<\/p>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar6'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0cb4d591-dd71-40e2-be34-41a461b413ca\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Perbaikan berkelanjutan berbasis data<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Laporan harian dan bulanan dari aktivitas lapangan menjadi informasi yang dapat digunakan manajemen. Siklus operasional berjalan melalui tahapan yang jelas: menetapkan baseline, memantau kinerja aktual, mengidentifikasi penyimpangan, mengoordinasikan tindakan perbaikan, memverifikasi penyelesaian, menganalisis penyebab, lalu menggunakan pembelajaran tersebut untuk menyusun rencana ke depan.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6abf2dfd6661e\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/82de6e32-80b7-4426-9d6d-fbcdef629459\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/82de6e32-80b7-4426-9d6d-fbcdef629459\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/82de6e32-80b7-4426-9d6d-fbcdef629459\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Bukti Kinerja Operasional dari Kerangka Pelaporan<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Laporan operasional menunjukkan bagaimana pendekatan berbasis tata kelola menghasilkan kinerja yang terukur. Berikut sejumlah hasil yang didapatkan dari periode pelaporan tertentu, angka ini menunjukkan kinerja dalam kerangka pengelolaan tersebut, bukan jaminan hasil di masa mendatang.<\/p>\n<h4><strong>Bukti kinerja FMA<\/strong><\/h4>\n<ul>\n<li>Skor SLA FMA keseluruhan 99,93%, melampaui target 98% pada periode pelaporan Juli<\/li>\n<li>Capaian jam kerja 99%, dengan 3.432 jam aktual dari rencana kerja 3.456 jam, dengan cakupan shift yang tetap terjaga<\/li>\n<li>Availability sistem yang dipantau mencapai 100%, tanpa gangguan listrik atau downtime tercatat di Data Hall<\/li>\n<li>Suhu dan kelembapan berada dalam batas SLA yang ditetapkan di area Data Hall yang dipantau<\/li>\n<li>Penyelesaian pemeliharaan preventif mencapai 97,57%, adapun sisa pekerjaan lainnya disebabkan oleh pembatasan proyek dan akses<\/li>\n<li>100% kepatuhan terhadap target waktu pemulihan, dengan PUE dan WUE masing-masing terpantau pada 1,85 dan 3,69 L\/kWh<\/li>\n<\/ul>\n<h4><strong>Bukti Kinerja Building Management<\/strong><\/h4>\n<p>Dalam sampel SLA\/SLG terbaru, layanan BM mencatat kinerja 99,994% untuk keamanan, 100% untuk housekeeping dan landscaping, serta 100% untuk layanan teknis gedung.<\/p>\n<p>Pelaporan BM juga membuat pembatasan terlihat dengan jelas. Catatan keterlambatan pembersihan berkala dan aktivitas di luar jadwal bergantung pada kondisi maupun akses di area proyek, yang ditindaklanjuti dengan analisis akar masalah dan penjadwalan ulang.<\/p>\n<p>Data yang sama menunjukkan peningkatan kinerja layanan teknis gedung dari 90% pada Juni menjadi 100% pada Agustus. Hal ini menunjukkan bagaimana kesenjangan kinerja dapat diidentifikasi, dikelola, dan diperbaiki melalui siklus operasional.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6abf2dfd669c3\"  class=\"block_best_pillars max-w-8xl mx-auto py-6 md:py-[72px] px-4 md:px-[88px] w-full  theme-blue\"  data-animate-container=\"waterfall\"   x-data=\"{\n                visibleForm: 'pillar0',\n                accordion: 0,\n                markerWidth: 0,\n                markerHeight: 0,\n                markerTransform: 0,\n                init() {\n                    this.updateMarker(this.$refs.pillar0);\n                },\n                changeForm(key) {\n                    this.visibleForm = key;\n                    this.updateMarker(this.$event.target);\n                },\n                updateMarker(button) {\n                    this.markerWidth = `${button.offsetWidth}px`;\n                    this.markerHeight = `${button.offsetHeight}px`;\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            }\" @resize.window=\"updateMarker($refs[visibleForm])\" >\n        <div data-animate=\"item\" class=\"w-full px-6 flex flex-col justify-center gap-8 md:gap-16  py-8 md:p-8 lg:p-[54px]  rounded-3xl\" style=\"background-color: #F6F6FA\">\n            <div class=\"flex flex-col gap-6\">\n                                    <div  data-animate-container=\"text\"  class=\"mx-auto text-center flex flex-col justify-center gap-6\">\n                                                    <h3 data-animate=\"heading\" class=\"max-w-[882px] mx-auto text-ocs-gray-nav font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop\">\n                                Capaian Kinerja Bisnis                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                Model FMA dan BM yang terintegrasi menghasilkan nilai dengan melindungi operasional kritis, memperkuat pengendalian layanan, serta memberikan informasi yang mendukung pengambilan keputusan yang lebih baik.                            <\/p>\n                                            <\/div>\n                                <!-- change pillar button -->\n                                    <div data-animate=\"item\" class=\"hidden mx-auto lg:flex justify-center w-full overflow-hidden\">\n                        <div class=\"relative flex flex-row overflow-x-auto bg-white  border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                                                            <button x-ref=\"pillar0\" @click=\"changeForm('pillar0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar0' ? 'text-white' : 'text-themed'\">\n                                    Ketahanan operasional                                <\/button>\n                                                            <button x-ref=\"pillar1\" @click=\"changeForm('pillar1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar1' ? 'text-white' : 'text-themed'\">\n                                    Tata kelola pemeliharaan dan aset                                <\/button>\n                                                            <button x-ref=\"pillar2\" @click=\"changeForm('pillar2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar2' ? 'text-white' : 'text-themed'\">\n                                    Transparansi dan akuntabilitas yang lebih baik                                <\/button>\n                                                            <button x-ref=\"pillar3\" @click=\"changeForm('pillar3')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar3' ? 'text-white' : 'text-themed'\">\n                                    Lingkungan gedung yang terintegrasi                                <\/button>\n                                                            <button x-ref=\"pillar4\" @click=\"changeForm('pillar4')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar4' ? 'text-white' : 'text-themed'\">\n                                    Visibilitas sumber daya dan keberlanjutan                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-1.5 w-full h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            <!-- pillars content -->\n            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-1024x683.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-1024x683.jpg\" alt=\"Two people in a dark room monitor multiple surveillance screens; one person is pointing at the screens while the other looks on. Both wear matching dark shirts with \u201cOCS\u201d written on the back.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 0 ? accordion = null : accordion = 0\" :aria-expanded=\"accordion === 0\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Ketahanan operasional<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 0\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <ul>\n<li>Lapisan tata kelola FMA memberikan pengawasan berkelanjutan terhadap kondisi fasilitas kritis dan mengoordinasikan intervensi dari mitra ahli jika diperlukan<\/li>\n<li>Pemantauan harian membantu mengidentifikasi kondisi tidak wajar lebih awal, sementara pengendalian MOP\/SOP\/EOP memperkuat disiplin dalam pekerjaan terencana dan darurat<\/li>\n<li>Pengukuran waktu insiden dan waktu pemulihan memperkuat tanggung jawab penanganan serta akuntabilitas dalam proses eskalasi<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar0'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-1024x683.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/05\/OCS-Security-Systems_DSC1737-1024x683.jpg\" alt=\"Two people in a dark room monitor multiple surveillance screens; one person is pointing at the screens while the other looks on. Both wear matching dark shirts with \u201cOCS\u201d written on the back.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Ketahanan operasional<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Lapisan tata kelola FMA memberikan pengawasan berkelanjutan terhadap kondisi fasilitas kritis dan mengoordinasikan intervensi dari mitra ahli jika diperlukan<\/li>\n<li>Pemantauan harian membantu mengidentifikasi kondisi tidak wajar lebih awal, sementara pengendalian MOP\/SOP\/EOP memperkuat disiplin dalam pekerjaan terencana dan darurat<\/li>\n<li>Pengukuran waktu insiden dan waktu pemulihan memperkuat tanggung jawab penanganan serta akuntabilitas dalam proses eskalasi<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 1 ? accordion = null : accordion = 1\" :aria-expanded=\"accordion === 1\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Tata kelola pemeliharaan dan aset<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 1\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <ul>\n<li>Pemeliharaan preventif dikelola melalui perbandingan antara rencana dan realisasi yang terkendali, bukan dianggap sebagai aktivitas mitra yang terpisah<\/li>\n<li>Pembatasan akses, ketergantungan proyek, temuan, dan tiket perbaikan ditampilkan secara transparan serta memiliki penanggung jawab yang jelas<\/li>\n<li>Pemantauan tren parameter kritis mendukung pengambilan keputusan terkait pemeliharaan dan aset secara lebih tepat<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar1'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/938b2eb1-0922-423b-9a50-dcd99478ea60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Tata kelola pemeliharaan dan aset<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Pemeliharaan preventif dikelola melalui perbandingan antara rencana dan realisasi yang terkendali, bukan dianggap sebagai aktivitas mitra yang terpisah<\/li>\n<li>Pembatasan akses, ketergantungan proyek, temuan, dan tiket perbaikan ditampilkan secara transparan serta memiliki penanggung jawab yang jelas<\/li>\n<li>Pemantauan tren parameter kritis mendukung pengambilan keputusan terkait pemeliharaan dan aset secara lebih tepat<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 2 ? accordion = null : accordion = 2\" :aria-expanded=\"accordion === 2\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Transparansi dan akuntabilitas yang lebih baik<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 2\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <ul>\n<li>Kerangka SLA dan SLG menerjemahkan aktivitas operasional menjadi kinerja layanan yang terukur<\/li>\n<li>Pelaporan bulanan menyediakan rekam jejak terkait tenaga kerja, pemeliharaan, insiden, kondisi lingkungan, penyampaian layanan, dan pengecualian<\/li>\n<li>Analisis akar masalah dan pemantauan tindakan perbaikan mendukung tata kelola yang terstruktur antara OCS Indonesia, pelanggan, dan mitra ahli<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar2'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cda67a45-5d45-4518-ac05-4a420387cbcd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Transparansi dan akuntabilitas yang lebih baik<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Kerangka SLA dan SLG menerjemahkan aktivitas operasional menjadi kinerja layanan yang terukur<\/li>\n<li>Pelaporan bulanan menyediakan rekam jejak terkait tenaga kerja, pemeliharaan, insiden, kondisi lingkungan, penyampaian layanan, dan pengecualian<\/li>\n<li>Analisis akar masalah dan pemantauan tindakan perbaikan mendukung tata kelola yang terstruktur antara OCS Indonesia, pelanggan, dan mitra ahli<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 3 ? accordion = null : accordion = 3\" :aria-expanded=\"accordion === 3\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Lingkungan gedung yang terintegrasi<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 3\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <ul>\n<li>Layanan cleaning, gardening, pembersihan fasad, teknisi pemeliharaan gedung, dan keamanan bekerja dalam satu tata kelola, tidak berjalan terpisah<\/li>\n<li>BM mendukung lingkungan kritis dengan menjaga kebersihan, mengendalikan akses, menangani kerusakan ringan pada gedung, menjaga kondisi area eksternal, dan memastikan kesiapan respons<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar3'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/5b849319-c4b5-4aba-9e55-051c326515c9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Lingkungan gedung yang terintegrasi<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Layanan cleaning, gardening, pembersihan fasad, teknisi pemeliharaan gedung, dan keamanan bekerja dalam satu tata kelola, tidak berjalan terpisah<\/li>\n<li>BM mendukung lingkungan kritis dengan menjaga kebersihan, mengendalikan akses, menangani kerusakan ringan pada gedung, menjaga kondisi area eksternal, dan memastikan kesiapan respons<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A panoramic view of a city skyline with tall modern buildings behind a large green park filled with trees under a clear blue sky.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 4 ? accordion = null : accordion = 4\" :aria-expanded=\"accordion === 4\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Visibilitas sumber daya dan keberlanjutan<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 4\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <ul>\n<li>Pemantauan PUE dan WUE menghubungkan operasional fasilitas dengan visibilitas penggunaan sumber daya<\/li>\n<li>Analisis operasional membuat dampak pemeliharaan, pengujian, aktivitas proyek, dan perilaku sistem lebih mudah terlihat<\/li>\n<li>Tata kelola pemeliharaan mendukung pengelolaan aset jangka panjang dengan memberikan visibilitas yang lebih baik terhadap kondisi aset, penyelesaian pekerjaan, kendala, dan masalah yang berulang<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                                                                                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar4'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8242c033-2bb8-4d94-b863-7ec6cbdd921d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"A panoramic view of a city skyline with tall modern buildings behind a large green park filled with trees under a clear blue sky.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Visibilitas sumber daya dan keberlanjutan<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Pemantauan PUE dan WUE menghubungkan operasional fasilitas dengan visibilitas penggunaan sumber daya<\/li>\n<li>Analisis operasional membuat dampak pemeliharaan, pengujian, aktivitas proyek, dan perilaku sistem lebih mudah terlihat<\/li>\n<li>Tata kelola pemeliharaan mendukung pengelolaan aset jangka panjang dengan memberikan visibilitas yang lebih baik terhadap kondisi aset, penyelesaian pekerjaan, kendala, dan masalah yang berulang<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6abf2dfd66be4\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/679f2a92-c0ed-437b-8c14-b4481c07973f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/679f2a92-c0ed-437b-8c14-b4481c07973f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/679f2a92-c0ed-437b-8c14-b4481c07973f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Dampak Regenerative FM<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Model manajemen fasilitas tradisional fokus menjaga aset dan menyelesaikan pekerjaan. Namun, pendekatan <strong>Regenerative Facilities Management<\/strong> melangkah lebih jauh dengan memanfaatkan data dan bukti operasional untuk meningkatkan ketahanan, kapabilitas, efisiensi, dan transparansi ekosistem operasional dari waktu ke waktu.<\/p>\n<p>Bagi operator data centre hyperscale ini, model tersebut menghubungkan tata kelola FMA, mitra, manajemen gedung, kapabilitas tenaga kerja, pengukuran tingkat layanan, dan data operasional dalam satu sistem perbaikan berkelanjutan:<\/p>\n<ul>\n<li><strong>Baseline<\/strong><br \/>\nMenetapkan kondisi operasional, jadwal pemeliharaan, target SLA\/SLG, tanggung jawab, dan prosedur.<\/li>\n<li><strong>Observe<\/strong><br \/>\nMemantau aset, kondisi lingkungan, pelaksanaan layanan, insiden, kendala, dan kinerja sumber daya.<\/li>\n<li><strong>Identify<\/strong><br \/>\nMengidentifikasi penyimpangan dan risiko melalui temuan, laporan, kesenjangan SLA, pembatasan pemeliharaan, dan tren.<\/li>\n<li><strong>Intervene<\/strong><br \/>\nMengoordinasikan tim OCS, pihak pelanggan, atau vendor yang tepat untuk menyelesaikan masalah dengan aman dan terkendali.<\/li>\n<li><strong>Verify and Improve<\/strong><br \/>\nMemastikan pekerjaan terselesaikan, menganalisis penyebab, memperkuat pengendalian atau kapabilitas, dan menetapkan baseline yang lebih baik untuk siklus berikutnya.<\/li>\n<\/ul>\n<p>Dengan pendekatan ini, manajemen fasilitas tak sekadar menjadi fungsi pendukung yang bersifat reaktif. Kini, FM menjadi sistem operasional yang melindungi uptime, meningkatkan kepercayaan manajemen, dan terus memperkuat lingkungan yang mendukung infrastruktur digital pelanggan.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-6abf2dfd66dd8\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl\" style=\"background-color: #FEFAF9\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-1024x597.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-1024x597.jpg\" alt=\"A brightly lit server room with rows of tall, black server racks on both sides, filled with blinking yellow and blue indicator lights, and a reflective floor creating a sense of depth and symmetry.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Pentingnya Regeneratif FM untuk Data Centre<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Data centre hyperscale membutuhkan model operasional yang mampu mengoordinasikan sistem kritis, mitra ahli, layanan gedung, prosedur, tingkat keberhasilan layanan, dan tindakan perbaikan dalam satu tujuan: melindungi lingkungan bisnis yang penting bagi pelanggan.<\/p>\n<p>Melalui pendekatan Regenerative Facilities Management, OCS Indonesia menggabungkan tata kelola FMA dan manajemen gedung yang terintegrasi dalam satu ekosistem fasilitas yang transparan dan terus berkembang. Dengan demikian, availability tetap terjaga, risiko operasional terkendali, aset bisa dikelola untuk jangka panjang, dan keputusan manajemen didukung oleh data operasional yang sesungguhnya.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":10000026286,"template":"","meta":{"_acf_changed":false,"footnotes":""},"contract-type":[],"key-criteria":[],"location":[471],"sector":[499],"service-type":[560],"class_list":["post-24395","customer-stories","type-customer-stories","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia - OCS - Indonesia<\/title>\n<meta name=\"description\" content=\"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia\" \/>\n<meta property=\"og:description\" content=\"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Indonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T04:07:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id\",\"name\":\"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia - OCS - Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/03\\\/Data-Centres-2-1-scaled.jpg\",\"datePublished\":\"2026-10-02T00:32:00+00:00\",\"dateModified\":\"2026-10-02T04:07:27+00:00\",\"description\":\"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id#primaryimage\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/03\\\/Data-Centres-2-1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/03\\\/Data-Centres-2-1-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\\\/?lang=id#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/\",\"name\":\"OCS - Indonesia\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia - OCS - Indonesia","description":"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/","og_locale":"en_US","og_type":"article","og_title":"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia","og_description":"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.","og_url":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id","og_site_name":"OCS - Indonesia","article_modified_time":"2026-10-02T04:07:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id","url":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id","name":"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia - OCS - Indonesia","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id#primaryimage"},"thumbnailUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-scaled.jpg","datePublished":"2026-10-02T00:32:00+00:00","dateModified":"2026-10-02T04:07:27+00:00","description":"Simak bagaimana pendekatan Regenerative Facilities Management OCS Indonesia bantu meningkatkan ketangguhan di lingkungan data centre.","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id#primaryimage","url":"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-scaled.jpg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/id\/customer-stories\/dukungan-regenerative-facilities-management-untuk-infrastruktur-digital-masa-mendatang-di-indonesia\/?lang=id#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/id\/"},{"@type":"ListItem","position":2,"name":"Dukungan Regenerative Facilities Management untuk Infrastruktur Digital Masa Mendatang di Indonesia"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/id\/#website","url":"https:\/\/ocs.com\/id\/","name":"OCS - Indonesia","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories\/24395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories"}],"about":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/types\/customer-stories"}],"version-history":[{"count":5,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories\/24395\/revisions"}],"predecessor-version":[{"id":24400,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories\/24395\/revisions\/24400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media?parent=24395"}],"wp:term":[{"taxonomy":"contract-type","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/contract-type?post=24395"},{"taxonomy":"key-criteria","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/key-criteria?post=24395"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/location?post=24395"},{"taxonomy":"sector","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/sector?post=24395"},{"taxonomy":"service-type","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/service-type?post=24395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}