{"id":24349,"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=24349"},"modified":"2026-10-02T10:07:05","modified_gmt":"2026-10-02T03:07:05","slug":"regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure","status":"publish","type":"customer-stories","link":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/","title":{"rendered":"Regenerative Facilities Management for Indonesia&#8217;s Next-Generation Digital Infrastructure"},"content":{"rendered":"\n            <section id=\"block_acf-block-6abf1fd671ba3\"  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\">Building resilience beyond traditional facilities management<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Indonesia&#8217;s digital economy is scaling quickly, and hyperscale data centres now sit at the centre of enterprise growth, cloud adoption, and digital transformation. In these environments, availability, environmental control, safety, access, and maintenance discipline connect directly to customer uptime and business continuity.<\/p>\n<p>A leading Indonesian hyperscale data centre operator partnered with OCS Indonesia to strengthen operational resilience and establish an integrated operating model across mission-critical facilities and the wider building environment. The model combines Facilities Management Agent (FMA) governance with Building Management (BM) services.<\/p>\n<p>The campus spans approximately 65,000 square metres and is designed to support up to 75 MW of IT capacity. The partnership was built around a shared objective of creating a resilient, transparent, and continuously improving operating environment that protects critical operations while strengthening service accountability, asset stewardship, workforce capability, and resource efficiency.<\/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-6abf1fd6734f4\"  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>Operational Requirements<\/h2>\n<p>As a newly operational hyperscale data centre, the customer needed a partner able to govern critical facility activities, coordinate specialist maintenance suppliers, manage building services, and provide clear evidence of performance through structured reporting and service-level controls.<\/p>\n<p>The operating model also needed to support rapid growth and stringent uptime expectations while maintaining disciplined procedures, safe working practices, and consistent service standards across critical and non-critical areas.<\/p>\n<p>For a hyperscale facility, operational continuity depends on the effectiveness of the complete facilities ecosystem supporting it, not on equipment reliability alone.<\/p>\n<p><strong>Key requirements included:<\/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            Mobilising a fully operational facilities management model within an aggressive implementation timeline        <\/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            Establishing FMA governance for day-to-day critical facility monitoring and operational coordination        <\/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            Governing preventive maintenance performed by specialist suppliers through controlled planning, access, documentation, supervision, and completion tracking        <\/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            Integrating cleaning, gardening, facade cleaning, building maintenance technicians, and security through one BM governance structure        <\/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            Protecting availability and environmental conditions in mission-critical areas        <\/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            Standardising MOP, SOP, EOP, SLA\/SLG, reporting, escalation, and compliance controls        <\/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            Providing transparent visibility of performance, exceptions, operational risk, and resource efficiency        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6abf1fd677d9f\"  class=\"block_best_pillars max-w-8xl mx-auto py-6 md:py-[72px] px-4 md:px-[88px] w-full  \"  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                                The OCS Regenerative FM Approach                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                The operating model connects people, process, specialist supplier, performance data, and governance around the outcomes that matter most to the customer, from uptime and resilience to safety, transparency, and continuous improvement. The aim goes beyond preserving the facility. Operational information and service performance are used to make the operating environment more controlled and more capable over time.                            <\/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                                    Rapid and structured mobilisation                                <\/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 as the critical facilities governance layer                                <\/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                                    Controlled maintenance and supplier governance                                <\/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                                    Integrated building management                                <\/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                                    Operational procedures and control                                <\/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                                    Performance governance through SLA and 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                                    Data-led continuous improvement                                <\/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\">Rapid and structured mobilisation<\/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>The operating model was mobilised within a one-month implementation period, aligning workforce, procedures, reporting, governance routines, and operational responsibilities while maintaining continuity of critical support.<\/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\">Rapid and structured mobilisation<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>The operating model was mobilised within a one-month implementation period, aligning workforce, procedures, reporting, governance routines, and operational responsibilities while maintaining continuity of critical support.<\/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 as the critical facilities governance layer<\/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>The FMA team provides day-to-day oversight of critical systems, monitoring operational parameters, identifying abnormalities, managing operating documentation, coordinating incidents, and governing preventive maintenance delivered by specialist suppliers. Routine monitoring covers critical cooling, electrical, power backup, control, and fire-suppression systems, including CRAC, FCU\/VRV, cooling towers, pumps, chillers, transformers, UPS, switchgear, generators, DCMS\/BMS, and related infrastructure.<\/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 as the critical facilities governance layer<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>The FMA team provides day-to-day oversight of critical systems, monitoring operational parameters, identifying abnormalities, managing operating documentation, coordinating incidents, and governing preventive maintenance delivered by specialist suppliers. Routine monitoring covers critical cooling, electrical, power backup, control, and fire-suppression systems, including CRAC, FCU\/VRV, cooling towers, pumps, chillers, transformers, UPS, switchgear, generators, DCMS\/BMS, and related infrastructure.<\/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\">Controlled maintenance and supplier governance<\/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 governs the maintenance process rather than acting as the sole specialist executor. The team validates schedules, coordinates access, confirms required MOP\/SOP\/EOP documentation, tracks execution, reviews completion evidence, records constraints, and escalates deviations to the customer and responsible supplier.<\/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\">Controlled maintenance and supplier governance<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>OCS Indonesia governs the maintenance process rather than acting as the sole specialist executor. The team validates schedules, coordinates access, confirms required MOP\/SOP\/EOP documentation, tracks execution, reviews completion evidence, records constraints, and escalates deviations to the customer and responsible supplier.<\/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\">Integrated building management<\/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 is managed as a coordinated support environment around the critical facility, covering cleaning, gardening, facade cleaning, building maintenance technicians, and security. Common controls for competence, access, service execution, patrol, incident response, and reporting reduce siloed working.<\/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\">Integrated building management<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>BM is managed as a coordinated support environment around the critical facility, covering cleaning, gardening, facade cleaning, building maintenance technicians, and security. Common controls for competence, access, service execution, patrol, incident response, and reporting reduce siloed working.<\/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\">Operational procedures and control<\/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>Formal MOP, SOP, and EOP governance strengthens control of planned, corrective, and emergency activities. The reporting records approved procedures covering cooling, UPS, generator, transformer, and emergency scenarios.<\/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\">Operational procedures and control<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Formal MOP, SOP, and EOP governance strengthens control of planned, corrective, and emergency activities. The reporting records approved procedures covering cooling, UPS, generator, transformer, and emergency scenarios.<\/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\">Performance governance through SLA and 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>FMA performance is measured through workforce coverage, document delivery, availability and uptime, environmental compliance, preventive maintenance, resolution and restore time, and resource efficiency. BM uses weighted SLG categories covering workforce, access, service handling, patrol, response, and reporting.<\/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\">Performance governance through SLA and SLG<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>FMA performance is measured through workforce coverage, document delivery, availability and uptime, environmental compliance, preventive maintenance, resolution and restore time, and resource efficiency. BM uses weighted SLG categories covering workforce, access, service handling, patrol, response, and reporting.<\/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\">Data-led continuous improvement<\/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>Daily and monthly reporting converts field activity into management information. The operating loop follows a clear sequence, establishing a baseline, monitoring actual performance, identifying deviations, coordinating corrective action, verifying completion, analysing the cause, and feeding lessons into the next plan.<\/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\">Data-led continuous improvement<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p>Daily and monthly reporting converts field activity into management information. The operating loop follows a clear sequence, establishing a baseline, monitoring actual performance, identifying deviations, coordinating corrective action, verifying completion, analysing the cause, and feeding lessons into the next plan.<\/p>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/section>\n\n\n\n\n\n            <section id=\"block_acf-block-6abf1fd6782a1\"  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\">Operational Evidence from the Reporting Framework<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>The operational reports show how the governance model translates into measurable performance. The figures below represent specific reporting periods and are evidence of the management framework, not guarantees of future results.<\/p>\n<h4><strong>FMA performance evidence<\/strong><\/h4>\n<ul>\n<li>Overall FMA SLA score of 99.93% against a 98% target in the July reporting period<\/li>\n<li>99% workforce-hour achievement, with 3,432 actual hours against 3,456 planned hours while maintaining shift coverage<\/li>\n<li>100% monitored system availability, with no power breakdown or downtime recorded for the Data Hall scope<\/li>\n<li>Temperature and humidity within the defined SLA limits across the monitored Data Hall areas<\/li>\n<li>Preventive maintenance completion of 97.57%, with remaining gaps transparently attributed to project and access restrictions<\/li>\n<li>100% compliance with the reported restore-time target, while PUE and WUE were monitored at 1.85 and 3.69 L\/kWh respectively<\/li>\n<\/ul>\n<h4><strong>Building management performance evidence<\/strong><\/h4>\n<p>In the latest SLA\/SLG sample, the core BM lines relevant to this case study recorded security at 99.994%, housekeeping and landscaping at 100%, and building technical at 100%. The BM reporting also makes exceptions visible. Periodic cleaning delays and outside-schedule activities were linked to project-area and access dependencies, followed by root-cause explanation and rescheduling. The samples also show building technical moving from 90% in June to 100% in August, showing how gaps can be identified, managed, and improved through the operating cycle.<\/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-6abf1fd6785f9\"  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                                Business Outcomes                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                The integrated FMA and BM model creates value by protecting critical operations, improving service control, and generating information that supports better management decisions.                            <\/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                                    Operational resilience                                <\/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                                    Maintenance and asset governance                                <\/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                                    Greater transparency and accountability                                <\/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                                    Integrated building environment                                <\/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                                    Resource and sustainability visibility                                <\/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\">Operational resilience<\/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>A dedicated FMA governance layer maintains continuous oversight of critical facility conditions and coordinates specialist intervention when required<\/li>\n<li>Daily monitoring supports earlier identification of abnormalities, while formal MOP\/SOP\/EOP controls strengthen planned and emergency work discipline<\/li>\n<li>Incident and restore-time measurement reinforces response ownership and escalation accountability<\/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\">Operational resilience<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>A dedicated FMA governance layer maintains continuous oversight of critical facility conditions and coordinates specialist intervention when required<\/li>\n<li>Daily monitoring supports earlier identification of abnormalities, while formal MOP\/SOP\/EOP controls strengthen planned and emergency work discipline<\/li>\n<li>Incident and restore-time measurement reinforces response ownership and escalation accountability<\/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\">Maintenance and asset governance<\/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>Preventive maintenance is managed through a controlled plan-versus-actual process rather than treated as isolated supplier activity<\/li>\n<li>Access restrictions, project dependencies, findings, and corrective tickets are made visible and assigned clear ownership<\/li>\n<li>Trend monitoring of critical parameters supports more informed maintenance and asset decisions<\/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\">Maintenance and asset governance<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Preventive maintenance is managed through a controlled plan-versus-actual process rather than treated as isolated supplier activity<\/li>\n<li>Access restrictions, project dependencies, findings, and corrective tickets are made visible and assigned clear ownership<\/li>\n<li>Trend monitoring of critical parameters supports more informed maintenance and asset decisions<\/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\">Greater transparency and accountability<\/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>SLA and SLG frameworks translate operational activity into measurable service performance<\/li>\n<li>Monthly reporting provides an audit trail for manpower, maintenance, incidents, environmental conditions, service delivery, and exceptions<\/li>\n<li>Root-cause analysis and action tracking support structured governance between OCS Indonesia, the customer, and specialist suppliers<\/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\">Greater transparency and accountability<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>SLA and SLG frameworks translate operational activity into measurable service performance<\/li>\n<li>Monthly reporting provides an audit trail for manpower, maintenance, incidents, environmental conditions, service delivery, and exceptions<\/li>\n<li>Root-cause analysis and action tracking support structured governance between OCS Indonesia, the customer, and specialist suppliers<\/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\">Integrated building environment<\/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>Cleaning, gardening, facade cleaning, building maintenance technicians, and security operate under common governance rather than separate service silos<\/li>\n<li>BM supports the critical environment by controlling cleanliness, access, minor building defects, external-area condition, and response readiness<\/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\">Integrated building environment<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>Cleaning, gardening, facade cleaning, building maintenance technicians, and security operate under common governance rather than separate service silos<\/li>\n<li>BM supports the critical environment by controlling cleanliness, access, minor building defects, external-area condition, and response readiness<\/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\">Resource and sustainability visibility<\/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>PUE and WUE monitoring links facility operations with resource-performance visibility<\/li>\n<li>Operational analysis makes the impact of maintenance, testing, project activity, and system behaviour more visible<\/li>\n<li>Maintenance governance supports longer-term asset stewardship through better visibility of condition, completion, constraints, and recurring issues<\/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\">Resource and sustainability visibility<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <ul>\n<li>PUE and WUE monitoring links facility operations with resource-performance visibility<\/li>\n<li>Operational analysis makes the impact of maintenance, testing, project activity, and system behaviour more visible<\/li>\n<li>Maintenance governance supports longer-term asset stewardship through better visibility of condition, completion, constraints, and recurring issues<\/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-6abf1fd6788bc\"  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\">Regenerative FM Impact<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Traditional facilities management focuses on preserving assets and completing tasks. Regenerative Facilities Management goes further, using operational evidence to improve the resilience, capability, efficiency, and transparency of the operating ecosystem over time.<\/p>\n<p>For this hyperscale data centre operator, the model connects FMA governance, specialist maintenance suppliers, building management, workforce capability, service-level measurement, and operational data into one continuous improvement system:<\/p>\n<ul>\n<li><strong>Baseline. <\/strong>Define operating conditions, maintenance schedules, SLA\/SLG targets, responsibilities, and procedures<\/li>\n<li><strong>Observe. <\/strong>Monitor assets, environmental conditions, service delivery, incidents, constraints, and resource performance<\/li>\n<li><strong>Identify.<\/strong> Make deviations and risks visible through findings, tickets, SLA gaps, maintenance exceptions, and trends<\/li>\n<li><strong>Intervene.<\/strong> Coordinate the correct OCS team, customer stakeholder, or specialist suppliers to resolve the issue safely and in a controlled manner<\/li>\n<li><strong>Verify and improve.<\/strong> Confirm completion, analyse the cause, strengthen controls or capability, and establish a stronger baseline for the next cycle<\/li>\n<\/ul>\n<p>This shifts facilities management from a reactive support function toward an operating system that protects uptime, increases management confidence, and continuously strengthens the environment supporting the customer&#8217;s digital infrastructure.<\/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-6abf1fd678ae6\"  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-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1024x597.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Data-Centres-2-1024x597.jpg\" alt=\"A brightly lit data center corridor with rows of server racks on both sides, featuring blinking lights and cables, extending into the distance with a reflective, polished floor.\" 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\">Why It Matters<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Hyperscale data centres need an operating model that can coordinate critical systems, specialist suppliers, building services, procedures, service-level performance, and improvement actions around a single objective, protecting the customer&#8217;s critical business environment. Through its Regenerative Facilities Management approach, OCS Indonesia brings FMA governance and integrated building management together in one transparent, continuously improving facilities ecosystem, so availability is protected, operational risk stays controlled, assets are cared for over the long term, and management decisions are grounded in real operational data.<\/p>\n<p>&nbsp;<\/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":[470],"sector":[497],"service-type":[],"class_list":["post-24349","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>Regenerative Facilities Management for Indonesia&#039;s Next-Generation Digital Infrastructure - OCS - Indonesia<\/title>\n<meta name=\"description\" content=\"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale 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\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Regenerative Facilities Management for Indonesia&#039;s Next-Generation Digital Infrastructure\" \/>\n<meta property=\"og:description\" content=\"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale data centre.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Indonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T03:07:05+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=\"8 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\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/\",\"name\":\"Regenerative Facilities Management for Indonesia's Next-Generation Digital Infrastructure - OCS - Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/#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-02T03:07:05+00:00\",\"description\":\"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale data centre.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/customer-stories\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/#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\\\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Regenerative Facilities Management for Indonesia&#8217;s Next-Generation Digital Infrastructure\"}]},{\"@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":"Regenerative Facilities Management for Indonesia's Next-Generation Digital Infrastructure - OCS - Indonesia","description":"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale 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\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/","og_locale":"en_US","og_type":"article","og_title":"Regenerative Facilities Management for Indonesia's Next-Generation Digital Infrastructure","og_description":"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale data centre.","og_url":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/","og_site_name":"OCS - Indonesia","article_modified_time":"2026-10-02T03:07:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/","url":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/","name":"Regenerative Facilities Management for Indonesia's Next-Generation Digital Infrastructure - OCS - Indonesia","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/#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-02T03:07:05+00:00","description":"Read how OCS Indonesia Regenerative facilities management approach help build greater resilience for a hyperscale data centre.","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/id\/customer-stories\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/#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\/regenerative-facilities-management-for-indonesias-next-generation-digital-infrastructure\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/id\/"},{"@type":"ListItem","position":2,"name":"Regenerative Facilities Management for Indonesia&#8217;s Next-Generation Digital Infrastructure"}]},{"@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\/24349","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":25,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories\/24349\/revisions"}],"predecessor-version":[{"id":24392,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/customer-stories\/24349\/revisions\/24392"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media?parent=24349"}],"wp:term":[{"taxonomy":"contract-type","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/contract-type?post=24349"},{"taxonomy":"key-criteria","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/key-criteria?post=24349"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/location?post=24349"},{"taxonomy":"sector","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/sector?post=24349"},{"taxonomy":"service-type","embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/service-type?post=24349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}