{"id":1383,"date":"2023-10-03T13:44:07","date_gmt":"2023-10-03T10:44:07","guid":{"rendered":"https:\/\/masterbase.com\/es\/es\/es\/es\/es\/?page_id=1383"},"modified":"2026-08-06T02:04:26","modified_gmt":"2026-08-05T23:04:26","slug":"configware","status":"publish","type":"page","link":"https:\/\/masterbase.com\/id\/automation-studio-build\/configware\/","title":{"rendered":"Buat dengan Configware"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1383\" class=\"elementor elementor-1383\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dae84a e-flex e-con-boxed e-con e-parent\" data-id=\"5dae84a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92e44a5 elementor-widget elementor-widget-html\" data-id=\"92e44a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-bld-hero\">\r\n  <style>\r\n    .mb-bld-hero {\r\n      --mb-navy: #0b2e4f;\r\n      --mb-text: #31586d;\r\n      --mb-primary: #3c809a;\r\n      --mb-accent: #8ec1d2;\r\n\r\n      position: relative;\r\n      width: calc(100% - 42px);\r\n      margin: 6px auto;\r\n      padding: 38px 44px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(142, 193, 210, 0.35);\r\n      border-radius: 22px;\r\n      background:\r\n        radial-gradient(\r\n          circle at top right,\r\n          rgba(142, 193, 210, 0.32) 0,\r\n          rgba(142, 193, 210, 0.32) 22%,\r\n          transparent 22.5%\r\n        ),\r\n        radial-gradient(\r\n          circle at 88% 18%,\r\n          rgba(60, 128, 154, 0.1) 0,\r\n          rgba(60, 128, 154, 0.1) 16%,\r\n          transparent 16.5%\r\n        ),\r\n        linear-gradient(135deg, #f8fdff 0%, #ecf6fa 100%);\r\n      font-family: \"Noto Sans\", Arial, sans-serif;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-bld-hero *,\r\n    .mb-bld-hero *::before,\r\n    .mb-bld-hero *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-bld-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -130px;\r\n      right: -90px;\r\n      width: 430px;\r\n      height: 430px;\r\n      border-radius: 50%;\r\n      background: rgba(142, 193, 210, 0.18);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .mb-bld-hero__grid {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);\r\n      align-items: center;\r\n      gap: 48px;\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mb-bld-hero__content {\r\n      max-width: 620px;\r\n    }\r\n\r\n    .mb-bld-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin: 0 0 22px;\r\n      padding: 9px 16px;\r\n      border: 1px solid rgba(60, 128, 154, 0.18);\r\n      border-radius: 999px;\r\n      background: rgba(255, 255, 255, 0.72);\r\n      color: #2e7892;\r\n      font-size: 11px;\r\n      line-height: 1;\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .mb-bld-title {\r\n      margin: 0 0 12px;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(34px, 4vw, 52px);\r\n      line-height: 1.02;\r\n      letter-spacing: -0.045em;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .mb-bld-hero__lead {\r\n      max-width: 590px;\r\n      margin: 0 0 26px;\r\n      color: var(--mb-text);\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .mb-bld-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      min-width: 190px;\r\n      padding: 14px 20px;\r\n      border-radius: 10px;\r\n      background: linear-gradient(\r\n        135deg,\r\n        var(--mb-primary) 0%,\r\n        #4a93ae 100%\r\n      );\r\n      color: #fff;\r\n      text-decoration: none;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      box-shadow: 0 12px 24px rgba(53, 105, 131, 0.18);\r\n      transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n    }\r\n\r\n    .mb-bld-cta:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 16px 30px rgba(53, 105, 131, 0.24);\r\n    }\r\n\r\n    .mb-bld-hero__visual {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mb-bld-hero__visual::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 8% 4%;\r\n      z-index: 1;\r\n      border-radius: 30px;\r\n      background: radial-gradient(\r\n        circle at center,\r\n        rgba(255, 255, 255, 0.96) 0%,\r\n        rgba(255, 255, 255, 0.76) 55%,\r\n        rgba(255, 255, 255, 0) 100%\r\n      );\r\n      filter: blur(4px);\r\n    }\r\n\r\n    .mb-bld-hero__visual img {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      width: 100%;\r\n      max-width: 380px;\r\n      height: auto;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .mb-bld-hero {\r\n        width: calc(100% - 30px);\r\n        padding: 38px 28px;\r\n      }\r\n\r\n      .mb-bld-hero__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n      }\r\n\r\n      .mb-bld-hero__content {\r\n        max-width: 100%;\r\n      }\r\n\r\n      .mb-bld-hero__visual img {\r\n        max-width: 340px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .mb-bld-hero {\r\n        padding: 30px 20px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .mb-bld-title {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .mb-bld-hero__lead {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .mb-bld-cta {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-bld-hero__grid\">\r\n    <div class=\"mb-bld-hero__content\">\r\n      <p class=\"mb-bld-eyebrow\">\r\n        Ciptakan solusi dengan Configware\r\n      <\/p>\r\n\r\n      <h1 class=\"mb-bld-title\">\r\n        Configware\r\n      <\/h1>\r\n\r\n      <p class=\"mb-bld-hero__lead\">\r\n        Selamat datang di Configware. Otomatiskan proses dengan cara yang gesit dan fleksibel.\r\n      <\/p>\r\n\r\n     <a\r\n  class=\"mb-bld-cta\"\r\n  href=\"https:\/\/contactme.masterbase.com\/\"\r\n  target=\"_blank\"\r\n  rel=\"noopener noreferrer\"\r\n  style=\"color:#fff;\"\r\n>\r\n  Menghubungi seorang eksekutif\r\n  <span style=\"color:#fff;\">&gt;&gt;<\/span>\r\n<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"mb-bld-hero__visual\">\r\n      <img data-recalc-dims=\"1\" decoding=\"async\"\r\n        src=\"https:\/\/i0.wp.com\/masterbase.com\/es\/wp-content\/uploads\/2023\/12\/2estrategia.png?w=800&#038;ssl=1\"\r\n        alt=\"Configware\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfea7bb e-flex e-con-boxed e-con e-parent\" data-id=\"cfea7bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02c4065 elementor-widget elementor-widget-html\" data-id=\"02c4065\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-configware-block\">\r\n  <style>\r\n    .mb-configware-block {\r\n      --mb-blue-dark: #061b36;\r\n      --mb-blue: #007d99;\r\n      --mb-cyan: #35c8df;\r\n      --mb-soft: #eef8fb;\r\n      --mb-line: #d7edf3;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 80px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-blue-dark);\r\n    }\r\n\r\n    .mb-configware-wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 0.95fr 1.25fr;\r\n      gap: 72px;\r\n      align-items: center;\r\n    }\r\n\r\n    .mb-configware-kicker {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-bottom: 28px;\r\n      color: var(--mb-blue);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .mb-configware-kicker::before {\r\n      content: \"\";\r\n      width: 46px;\r\n      height: 3px;\r\n      background: var(--mb-blue);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .mb-configware-kicker::after {\r\n      content: \"\";\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--mb-blue);\r\n      border-radius: 50%;\r\n      margin-left: -7px;\r\n    }\r\n\r\n    .mb-configware-content h2 {\r\n      margin: 0;\r\n      color: var(--mb-blue-dark);\r\n      font-size: clamp(42px, 5vw, 68px);\r\n      line-height: 0.98;\r\n      letter-spacing: -0.05em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-lead {\r\n      margin: 26px 0 32px;\r\n      max-width: 520px;\r\n      color: var(--mb-blue);\r\n      font-size: 24px;\r\n      line-height: 1.32;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .mb-configware-divider {\r\n      width: 54px;\r\n      height: 3px;\r\n      background: var(--mb-blue);\r\n      border-radius: 999px;\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .mb-configware-copy {\r\n      max-width: 560px;\r\n    }\r\n\r\n    .mb-configware-copy p {\r\n      margin: 0 0 16px;\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n      color: var(--mb-blue-dark);\r\n    }\r\n\r\n    .mb-configware-copy strong {\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-icons {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n      margin-top: 44px;\r\n      max-width: 560px;\r\n    }\r\n\r\n    .mb-configware-icon-item {\r\n      padding: 0 18px;\r\n      text-align: center;\r\n      border-right: 1px solid var(--mb-line);\r\n    }\r\n\r\n    .mb-configware-icon-item:first-child {\r\n      padding-left: 0;\r\n    }\r\n\r\n    .mb-configware-icon-item:last-child {\r\n      border-right: 0;\r\n      padding-right: 0;\r\n    }\r\n\r\n    .mb-configware-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      margin: 0 auto 12px;\r\n      color: var(--mb-blue);\r\n    }\r\n\r\n    .mb-configware-icon svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      stroke: currentColor;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-configware-icon-item p {\r\n      margin: 0;\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 600;\r\n      color: var(--mb-blue-dark);\r\n    }\r\n\r\n    .mb-configware-visual {\r\n      position: relative;\r\n      min-height: 610px;\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 55% 42%, rgba(53, 200, 223, 0.34), transparent 34%),\r\n        linear-gradient(135deg, #f7fcfd 0%, #eaf7fb 48%, #ffffff 100%);\r\n      box-shadow: 0 28px 80px rgba(6, 27, 54, 0.08);\r\n    }\r\n\r\n    .mb-configware-visual::before,\r\n    .mb-configware-visual::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: auto;\r\n      border-radius: 999px;\r\n      background: rgba(53, 200, 223, 0.16);\r\n      filter: blur(1px);\r\n    }\r\n\r\n    .mb-configware-visual::before {\r\n      width: 520px;\r\n      height: 230px;\r\n      top: 105px;\r\n      left: 55px;\r\n      transform: rotate(-12deg);\r\n    }\r\n\r\n    .mb-configware-visual::after {\r\n      width: 560px;\r\n      height: 250px;\r\n      right: 15px;\r\n      bottom: 95px;\r\n      transform: rotate(18deg);\r\n    }\r\n\r\n    .mb-visual-stage {\r\n      position: absolute;\r\n      inset: 52px;\r\n      border-radius: 34px;\r\n      background: rgba(255, 255, 255, 0.34);\r\n      border: 1px solid rgba(53, 200, 223, 0.18);\r\n      transform: perspective(900px) rotateX(54deg) rotateZ(-35deg);\r\n      transform-origin: center;\r\n      box-shadow: 0 34px 70px rgba(0, 125, 153, 0.14);\r\n    }\r\n\r\n    .mb-visual-stage::before,\r\n    .mb-visual-stage::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 70px;\r\n      border: 2px solid rgba(255, 255, 255, 0.88);\r\n      border-radius: 28px;\r\n      box-shadow: 0 0 18px rgba(53, 200, 223, 0.55);\r\n    }\r\n\r\n    .mb-visual-stage::after {\r\n      inset: 138px;\r\n      border-color: rgba(53, 200, 223, 0.42);\r\n    }\r\n\r\n    .mb-core {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 48%;\r\n      width: 180px;\r\n      height: 132px;\r\n      transform: translate(-50%, -50%);\r\n      border-radius: 26px;\r\n      background: linear-gradient(145deg, #0b4267, #06213e);\r\n      box-shadow: 0 28px 54px rgba(6, 27, 54, 0.28), 0 0 28px rgba(53, 200, 223, 0.45);\r\n      z-index: 3;\r\n    }\r\n\r\n    .mb-core span {\r\n      position: absolute;\r\n      width: 16px;\r\n      height: 48px;\r\n      background: var(--mb-white);\r\n      border-radius: 999px;\r\n      top: 42px;\r\n      transform: rotate(13deg);\r\n    }\r\n\r\n    .mb-core span:nth-child(1) { left: 58px; }\r\n    .mb-core span:nth-child(2) { left: 82px; }\r\n    .mb-core span:nth-child(3) { left: 106px; }\r\n\r\n    .mb-node {\r\n      position: absolute;\r\n      width: 92px;\r\n      height: 70px;\r\n      border-radius: 18px;\r\n      background: var(--mb-white);\r\n      box-shadow: 0 18px 36px rgba(6, 27, 54, 0.14);\r\n      z-index: 4;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-blue);\r\n    }\r\n\r\n    .mb-node svg {\r\n      width: 38px;\r\n      height: 38px;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-node-1 { left: 190px; top: 185px; }\r\n    .mb-node-2 { right: 125px; top: 155px; }\r\n    .mb-node-3 { left: 250px; bottom: 125px; }\r\n    .mb-node-4 { right: 110px; bottom: 150px; }\r\n\r\n    .mb-flow {\r\n      position: absolute;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, rgba(53, 200, 223, 0.9), transparent);\r\n      box-shadow: 0 0 16px rgba(53, 200, 223, 0.9);\r\n      z-index: 2;\r\n      transform-origin: center;\r\n    }\r\n\r\n    .mb-flow-1 {\r\n      width: 330px;\r\n      left: 205px;\r\n      top: 312px;\r\n      transform: rotate(31deg);\r\n    }\r\n\r\n    .mb-flow-2 {\r\n      width: 360px;\r\n      right: 142px;\r\n      top: 312px;\r\n      transform: rotate(-24deg);\r\n    }\r\n\r\n    .mb-flow-3 {\r\n      width: 280px;\r\n      left: 300px;\r\n      bottom: 245px;\r\n      transform: rotate(-30deg);\r\n    }\r\n\r\n    .mb-flow-4 {\r\n      width: 300px;\r\n      right: 145px;\r\n      bottom: 238px;\r\n      transform: rotate(26deg);\r\n    }\r\n\r\n    .mb-dot-grid {\r\n      position: absolute;\r\n      width: 160px;\r\n      height: 130px;\r\n      right: 70px;\r\n      top: 74px;\r\n      background-image: radial-gradient(rgba(0, 125, 153, 0.18) 1.5px, transparent 1.5px);\r\n      background-size: 15px 15px;\r\n      z-index: 1;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .mb-configware-wrap {\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n      }\r\n\r\n      .mb-configware-visual {\r\n        min-height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-configware-block {\r\n        padding: 56px 18px;\r\n      }\r\n\r\n      .mb-configware-content h2 {\r\n        font-size: 40px;\r\n      }\r\n\r\n      .mb-configware-lead {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .mb-configware-icons {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px 0;\r\n      }\r\n\r\n      .mb-configware-icon-item:nth-child(2) {\r\n        border-right: 0;\r\n      }\r\n\r\n      .mb-configware-visual {\r\n        min-height: 420px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .mb-visual-stage {\r\n        inset: 34px;\r\n      }\r\n\r\n      .mb-core {\r\n        width: 130px;\r\n        height: 96px;\r\n      }\r\n\r\n      .mb-core span {\r\n        width: 11px;\r\n        height: 34px;\r\n        top: 31px;\r\n      }\r\n\r\n      .mb-core span:nth-child(1) { left: 43px; }\r\n      .mb-core span:nth-child(2) { left: 61px; }\r\n      .mb-core span:nth-child(3) { left: 79px; }\r\n\r\n      .mb-node {\r\n        width: 70px;\r\n        height: 54px;\r\n      }\r\n\r\n      .mb-node svg {\r\n        width: 30px;\r\n        height: 30px;\r\n      }\r\n\r\n      .mb-node-1 { left: 42px; top: 110px; }\r\n      .mb-node-2 { right: 36px; top: 105px; }\r\n      .mb-node-3 { left: 54px; bottom: 90px; }\r\n      .mb-node-4 { right: 36px; bottom: 94px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-configware-wrap\">\r\n    <div class=\"mb-configware-content\">\r\n      <p class=\"mb-configware-kicker\">Configware<\/p>\r\n\r\n      <h2>Ciptakan solusi dengan Configware<\/h2>\r\n\r\n      <p class=\"mb-configware-lead\">\r\n        Ciptakan solusi dengan cepat dan mudah tanpa harus menjadi ahli digital.\r\n      <\/p>\r\n\r\n      <div class=\"mb-configware-divider\"><\/div>\r\n\r\n      <div class=\"mb-configware-copy\">\r\n        <p>\r\n          Teknologi adalah senjata utama untuk mengatasi perubahan di pasar saat ini, tetapi bukan sembarang teknologi.\r\n        <\/p>\r\n        <p>\r\n          Anda membutuhkan teknologi yang fleksibel, mudah beradaptasi dan, yang terpenting, mudah diterapkan.\r\n        <\/p>\r\n        <p>\r\n          Di sinilah tempat di mana <strong>Configware<\/strong>Pendekatan baru ini mengubah cara perusahaan mengotomatisasi dan mengoptimalkan proses mereka.\r\n        <\/p>\r\n        <p>\r\n          Configware terdiri dari pengaturan proses otomatis dari kombinasi berbagai Alat dan Wizard yang telah ditentukan sebelumnya dan yang memungkinkan beberapa tujuan yang dapat disesuaikan sesuai dengan tujuan bisnis Anda.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mb-configware-icons\">\r\n        <div class=\"mb-configware-icon-item\">\r\n          <div class=\"mb-configware-icon\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M24 8v8\"><\/path>\r\n              <path d=\"M24 24l8 5\"><\/path>\r\n              <circle cx=\"24\" cy=\"24\" r=\"15\"><\/circle>\r\n              <path d=\"M6 24H2\"><\/path>\r\n              <path d=\"M9 13l-3-3\"><\/path>\r\n              <path d=\"M42 24h4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p>Penerapan yang cepat dan sederhana<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mb-configware-icon-item\">\r\n          <div class=\"mb-configware-icon\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M18 6h12v9h9v12h-9v15H18V27H9V15h9z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p>Fleksibel dan mudah beradaptasi<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mb-configware-icon-item\">\r\n          <div class=\"mb-configware-icon\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M24 5l16 7v11c0 10-6.7 16.8-16 20-9.3-3.2-16-10-16-20V12z\"><\/path>\r\n              <path d=\"M17 24l5 5 10-11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p>Keamanan dan kontrol<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mb-configware-icon-item\">\r\n          <div class=\"mb-configware-icon\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M8 38h8V26H8z\"><\/path>\r\n              <path d=\"M21 38h8V18h-8z\"><\/path>\r\n              <path d=\"M34 38h8V10h-8z\"><\/path>\r\n              <path d=\"M10 14l9-5 8 4 11-9\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <p>Terukur untuk bisnis Anda<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mb-configware-visual\" aria-hidden=\"true\">\r\n      <div class=\"mb-dot-grid\"><\/div>\r\n      <div class=\"mb-visual-stage\"><\/div>\r\n\r\n      <div class=\"mb-flow mb-flow-1\"><\/div>\r\n      <div class=\"mb-flow mb-flow-2\"><\/div>\r\n      <div class=\"mb-flow mb-flow-3\"><\/div>\r\n      <div class=\"mb-flow mb-flow-4\"><\/div>\r\n\r\n      <div class=\"mb-core\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mb-node mb-node-1\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <circle cx=\"24\" cy=\"24\" r=\"7\"><\/circle>\r\n          <path d=\"M24 5v6M24 37v6M5 24h6M37 24h6M10 10l5 5M33 33l5 5M38 10l-5 5M15 33l-5 5\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"mb-node mb-node-2\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <path d=\"M24 7v10\"><\/path>\r\n          <path d=\"M24 31v10\"><\/path>\r\n          <path d=\"M10 24h12\"><\/path>\r\n          <path d=\"M26 24h12\"><\/path>\r\n          <circle cx=\"24\" cy=\"24\" r=\"7\"><\/circle>\r\n          <circle cx=\"24\" cy=\"7\" r=\"3\"><\/circle>\r\n          <circle cx=\"24\" cy=\"41\" r=\"3\"><\/circle>\r\n          <circle cx=\"7\" cy=\"24\" r=\"3\"><\/circle>\r\n          <circle cx=\"41\" cy=\"24\" r=\"3\"><\/circle>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"mb-node mb-node-3\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <rect x=\"8\" y=\"10\" width=\"12\" height=\"12\"><\/rect>\r\n          <rect x=\"28\" y=\"10\" width=\"12\" height=\"12\"><\/rect>\r\n          <rect x=\"8\" y=\"28\" width=\"12\" height=\"12\"><\/rect>\r\n          <rect x=\"28\" y=\"28\" width=\"12\" height=\"12\"><\/rect>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"mb-node mb-node-4\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <path d=\"M12 15h24\"><\/path>\r\n          <path d=\"M12 24h24\"><\/path>\r\n          <path d=\"M12 33h24\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31330df e-flex e-con-boxed e-con e-parent\" data-id=\"31330df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec497a9 elementor-widget elementor-widget-html\" data-id=\"ec497a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-automatas-configware\">\r\n  <style>\r\n    .mb-automatas-configware {\r\n      --mb-navy: #08284a;\r\n      --mb-text: #182934;\r\n      --mb-teal: #3c809a;\r\n      --mb-cyan: #8ec1d2;\r\n      --mb-soft: #f0f8fa;\r\n      --mb-line: #daecf1;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 86px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n    }\r\n\r\n    .mb-automatas-configware__wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 0.92fr 1.08fr;\r\n      gap: 72px;\r\n      align-items: center;\r\n    }\r\n\r\n    .mb-automatas-configware__content h2 {\r\n      margin: 0;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(40px, 4.8vw, 58px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.045em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-automatas-configware__accent {\r\n      width: 74px;\r\n      height: 4px;\r\n      margin: 28px 0 38px;\r\n      background: var(--mb-teal);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .mb-automatas-configware__content p {\r\n      max-width: 570px;\r\n      margin: 0 0 22px;\r\n      color: var(--mb-text);\r\n      font-size: 18px;\r\n      line-height: 1.72;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .mb-automatas-configware__visual {\r\n      position: relative;\r\n      min-height: 560px;\r\n      border-radius: 64px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 50% 45%, rgba(142, 193, 210, 0.45), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #f0f8fa 45%, #ffffff 100%);\r\n      box-shadow: 0 24px 70px rgba(8, 40, 74, 0.08);\r\n    }\r\n\r\n    .mb-automatas-configware__visual::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 44px;\r\n      border-radius: 52px;\r\n      background:\r\n        linear-gradient(135deg, rgba(218, 236, 241, 0.58), rgba(255, 255, 255, 0.28)),\r\n        radial-gradient(circle at 30% 70%, rgba(142, 193, 210, 0.38), transparent 28%);\r\n      transform: rotate(-2deg);\r\n    }\r\n\r\n    .mb-automatas-configware__orbit {\r\n      position: absolute;\r\n      inset: 76px;\r\n      border: 2px solid rgba(142, 193, 210, 0.42);\r\n      border-radius: 45%;\r\n      transform: rotate(-18deg);\r\n    }\r\n\r\n    .mb-automatas-configware__orbit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 48px;\r\n      border: 1px solid rgba(60, 128, 154, 0.22);\r\n      border-radius: 45%;\r\n      transform: rotate(36deg);\r\n    }\r\n\r\n    .mb-automatas-configware__grid {\r\n      position: absolute;\r\n      left: 70px;\r\n      bottom: 90px;\r\n      width: 260px;\r\n      height: 160px;\r\n      background-image: radial-gradient(rgba(60, 128, 154, 0.22) 1.4px, transparent 1.4px);\r\n      background-size: 16px 16px;\r\n      opacity: 0.6;\r\n    }\r\n\r\n    .mb-automatas-configware__flow {\r\n      position: absolute;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, rgba(142, 193, 210, 0.95), transparent);\r\n      box-shadow: 0 0 16px rgba(142, 193, 210, 0.8);\r\n      transform-origin: center;\r\n    }\r\n\r\n    .mb-automatas-configware__flow--one {\r\n      width: 520px;\r\n      top: 285px;\r\n      left: 88px;\r\n      transform: rotate(-26deg);\r\n    }\r\n\r\n    .mb-automatas-configware__flow--two {\r\n      width: 480px;\r\n      top: 292px;\r\n      right: 64px;\r\n      transform: rotate(29deg);\r\n    }\r\n\r\n    .mb-automatas-configware__flow--three {\r\n      width: 430px;\r\n      bottom: 168px;\r\n      left: 142px;\r\n      transform: rotate(18deg);\r\n    }\r\n\r\n    .mb-automatas-configware__core-base {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 250px;\r\n      height: 170px;\r\n      transform: translate(-50%, -42%) rotateX(58deg) rotateZ(-35deg);\r\n      border-radius: 28px;\r\n      background: linear-gradient(145deg, rgba(142, 193, 210, 0.92), rgba(60, 128, 154, 0.72));\r\n      box-shadow: 0 38px 70px rgba(60, 128, 154, 0.22);\r\n    }\r\n\r\n    .mb-automatas-configware__core-card {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 42%;\r\n      width: 210px;\r\n      height: 136px;\r\n      transform: translate(-50%, -50%) rotateX(58deg) rotateZ(-35deg);\r\n      border-radius: 30px;\r\n      background: linear-gradient(145deg, #ffffff, #f0f8fa);\r\n      box-shadow: 0 22px 52px rgba(8, 40, 74, 0.14);\r\n    }\r\n\r\n    .mb-automatas-configware__mark {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 42%;\r\n      width: 76px;\r\n      height: 68px;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .mb-automatas-configware__mark span {\r\n      position: absolute;\r\n      bottom: 0;\r\n      width: 17px;\r\n      background: linear-gradient(180deg, var(--mb-cyan), var(--mb-teal));\r\n      border-radius: 999px;\r\n      transform: rotate(13deg);\r\n    }\r\n\r\n    .mb-automatas-configware__mark span:nth-child(1) {\r\n      left: 6px;\r\n      height: 40px;\r\n    }\r\n\r\n    .mb-automatas-configware__mark span:nth-child(2) {\r\n      left: 30px;\r\n      height: 54px;\r\n    }\r\n\r\n    .mb-automatas-configware__mark span:nth-child(3) {\r\n      left: 54px;\r\n      height: 68px;\r\n    }\r\n\r\n    .mb-automatas-configware__node {\r\n      position: absolute;\r\n      width: 108px;\r\n      height: 82px;\r\n      border-radius: 24px;\r\n      background: linear-gradient(145deg, #ffffff, #f0f8fa);\r\n      box-shadow: 0 20px 42px rgba(8, 40, 74, 0.11);\r\n    }\r\n\r\n    .mb-automatas-configware__node::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      width: 52px;\r\n      height: 52px;\r\n      transform: translate(-50%, -50%) rotateX(58deg) rotateZ(-35deg);\r\n      border-radius: 12px;\r\n      background: linear-gradient(145deg, var(--mb-cyan), var(--mb-teal));\r\n      box-shadow: 0 14px 28px rgba(60, 128, 154, 0.28);\r\n    }\r\n\r\n    .mb-automatas-configware__node--one {\r\n      left: 120px;\r\n      top: 170px;\r\n    }\r\n\r\n    .mb-automatas-configware__node--two {\r\n      right: 100px;\r\n      top: 150px;\r\n    }\r\n\r\n    .mb-automatas-configware__node--three {\r\n      left: 112px;\r\n      bottom: 125px;\r\n    }\r\n\r\n    .mb-automatas-configware__node--four {\r\n      right: 105px;\r\n      bottom: 118px;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .mb-automatas-configware__wrap {\r\n        grid-template-columns: 1fr;\r\n        gap: 54px;\r\n      }\r\n\r\n      .mb-automatas-configware__visual {\r\n        min-height: 500px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-automatas-configware {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-automatas-configware__content h2 {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .mb-automatas-configware__content p {\r\n        font-size: 16px;\r\n        line-height: 1.62;\r\n      }\r\n\r\n      .mb-automatas-configware__visual {\r\n        min-height: 390px;\r\n        border-radius: 34px;\r\n      }\r\n\r\n      .mb-automatas-configware__visual::before {\r\n        inset: 24px;\r\n        border-radius: 30px;\r\n      }\r\n\r\n      .mb-automatas-configware__node {\r\n        width: 76px;\r\n        height: 58px;\r\n      }\r\n\r\n      .mb-automatas-configware__node--one {\r\n        left: 34px;\r\n        top: 92px;\r\n      }\r\n\r\n      .mb-automatas-configware__node--two {\r\n        right: 32px;\r\n        top: 86px;\r\n      }\r\n\r\n      .mb-automatas-configware__node--three {\r\n        left: 34px;\r\n        bottom: 76px;\r\n      }\r\n\r\n      .mb-automatas-configware__node--four {\r\n        right: 32px;\r\n        bottom: 72px;\r\n      }\r\n\r\n      .mb-automatas-configware__core-base {\r\n        width: 180px;\r\n        height: 122px;\r\n      }\r\n\r\n      .mb-automatas-configware__core-card {\r\n        width: 150px;\r\n        height: 96px;\r\n      }\r\n\r\n      .mb-automatas-configware__mark {\r\n        width: 54px;\r\n        height: 48px;\r\n      }\r\n\r\n      .mb-automatas-configware__mark span {\r\n        width: 12px;\r\n      }\r\n\r\n      .mb-automatas-configware__mark span:nth-child(1) {\r\n        left: 4px;\r\n        height: 28px;\r\n      }\r\n\r\n      .mb-automatas-configware__mark span:nth-child(2) {\r\n        left: 21px;\r\n        height: 38px;\r\n      }\r\n\r\n      .mb-automatas-configware__mark span:nth-child(3) {\r\n        left: 38px;\r\n        height: 48px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-automatas-configware__wrap\">\r\n    <div class=\"mb-automatas-configware__content\">\r\n      <h2>Automata dan Configware:<br>Tim yang tak terhentikan<\/h2>\r\n\r\n      <div class=\"mb-automatas-configware__accent\"><\/div>\r\n\r\n      <p>\r\n        Dengan memasukkan Automatons ke dalam Configware, Anda akan dapat meningkatkan proses otomatis Anda karena mereka menjalankan tugas otomatis berdasarkan konfigurasi sebelumnya.\r\n      <\/p>\r\n\r\n      <p>\r\n        Mereka dapat melakukan hampir semua hal yang dapat dikonfigurasi untuk dilakukan: mulai dari tugas-tugas sederhana, seperti mengirim notifikasi, hingga proses yang lebih kompleks, seperti integrasi data real-time.\r\n      <\/p>\r\n\r\n      <p>\r\n        Yang terbaik dari semuanya, Automatons tidak memerlukan intervensi terus-menerus. Setelah dikonfigurasi melalui platform seperti MasterBase\u00ae, Automatons dapat bekerja secara mandiri dan efisien, menyesuaikan diri dengan perubahan proses seiring dengan perubahan kebutuhan bisnis.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mb-automatas-configware__visual\" aria-hidden=\"true\">\r\n      <div class=\"mb-automatas-configware__orbit\"><\/div>\r\n      <div class=\"mb-automatas-configware__grid\"><\/div>\r\n\r\n      <div class=\"mb-automatas-configware__flow mb-automatas-configware__flow--one\"><\/div>\r\n      <div class=\"mb-automatas-configware__flow mb-automatas-configware__flow--two\"><\/div>\r\n      <div class=\"mb-automatas-configware__flow mb-automatas-configware__flow--three\"><\/div>\r\n\r\n      <div class=\"mb-automatas-configware__core-base\"><\/div>\r\n      <div class=\"mb-automatas-configware__core-card\"><\/div>\r\n\r\n      <div class=\"mb-automatas-configware__mark\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mb-automatas-configware__node mb-automatas-configware__node--one\"><\/div>\r\n      <div class=\"mb-automatas-configware__node mb-automatas-configware__node--two\"><\/div>\r\n      <div class=\"mb-automatas-configware__node mb-automatas-configware__node--three\"><\/div>\r\n      <div class=\"mb-automatas-configware__node mb-automatas-configware__node--four\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbfc142 e-flex e-con-boxed e-con e-parent\" data-id=\"bbfc142\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a22e883 elementor-widget elementor-widget-html\" data-id=\"a22e883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-process-solutions\">\r\n  <style>\r\n    .mb-process-solutions {\r\n      --mb-navy: #08284a;\r\n      --mb-text: #182934;\r\n      --mb-teal: #3c809a;\r\n      --mb-cyan: #8ec1d2;\r\n      --mb-soft: #f0f8fa;\r\n      --mb-line: #daecf1;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 82px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-process-solutions__wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mb-process-solutions__header {\r\n      max-width: 820px;\r\n      margin: 0 auto 62px;\r\n      text-align: center;\r\n    }\r\n\r\n    .mb-process-solutions h2 {\r\n      margin: 0;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(38px, 4.8vw, 58px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-process-solutions__accent {\r\n      width: 76px;\r\n      height: 4px;\r\n      margin: 26px auto 22px;\r\n      background: linear-gradient(90deg, var(--mb-teal), var(--mb-cyan));\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .mb-process-solutions__lead {\r\n      margin: 0 auto;\r\n      max-width: 760px;\r\n      color: var(--mb-navy);\r\n      font-size: 22px;\r\n      line-height: 1.48;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .mb-process-solutions__flow {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 52px;\r\n      align-items: start;\r\n    }\r\n\r\n    .mb-process-solutions__line {\r\n      position: absolute;\r\n      left: 12%;\r\n      right: 12%;\r\n      top: 155px;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, rgba(60, 128, 154, 0.35), rgba(142, 193, 210, 0.75), rgba(60, 128, 154, 0.35), transparent);\r\n      box-shadow: 0 0 18px rgba(142, 193, 210, 0.55);\r\n      z-index: 0;\r\n    }\r\n\r\n    .mb-process-solutions__item {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .mb-process-solutions__visual {\r\n      position: relative;\r\n      height: 260px;\r\n      margin-bottom: 34px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mb-process-solutions__halo {\r\n      position: absolute;\r\n      width: 275px;\r\n      height: 190px;\r\n      border-radius: 48% 52% 46% 54%;\r\n      background:\r\n        radial-gradient(circle at 50% 50%, rgba(142, 193, 210, 0.28), transparent 56%),\r\n        linear-gradient(135deg, rgba(240, 248, 250, 0.96), rgba(218, 236, 241, 0.52));\r\n      border: 1px solid rgba(142, 193, 210, 0.32);\r\n      box-shadow: 0 24px 58px rgba(60, 128, 154, 0.12);\r\n    }\r\n\r\n    .mb-process-solutions__orbit {\r\n      position: absolute;\r\n      width: 225px;\r\n      height: 150px;\r\n      border: 1px solid rgba(60, 128, 154, 0.32);\r\n      border-radius: 50%;\r\n      transform: rotate(-22deg);\r\n    }\r\n\r\n    .mb-process-solutions__orb {\r\n      position: absolute;\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 50%;\r\n      background: var(--mb-cyan);\r\n      box-shadow: 0 0 16px rgba(142, 193, 210, 0.9);\r\n    }\r\n\r\n    .mb-process-solutions__orb--a { left: 22%; top: 47%; }\r\n    .mb-process-solutions__orb--b { right: 18%; top: 47%; }\r\n\r\n    .mb-process-solutions__platform {\r\n      position: absolute;\r\n      bottom: 42px;\r\n      width: 190px;\r\n      height: 108px;\r\n      border-radius: 26px;\r\n      background: linear-gradient(145deg, rgba(255,255,255,0.96), rgba(218,236,241,0.88));\r\n      box-shadow: 0 24px 46px rgba(60, 128, 154, 0.16);\r\n      transform: perspective(700px) rotateX(58deg) rotateZ(-35deg);\r\n    }\r\n\r\n    .mb-process-solutions__core {\r\n      position: relative;\r\n      width: 118px;\r\n      height: 118px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.94);\r\n      box-shadow: 0 24px 50px rgba(8, 40, 74, 0.10);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-teal);\r\n      z-index: 3;\r\n    }\r\n\r\n    .mb-process-solutions__core svg {\r\n      width: 54px;\r\n      height: 54px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.9;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-process-solutions__content {\r\n      padding-left: 28px;\r\n      border-left: 4px solid var(--mb-cyan);\r\n    }\r\n\r\n    .mb-process-solutions h3 {\r\n      margin: 0 0 18px;\r\n      color: var(--mb-navy);\r\n      font-size: 26px;\r\n      line-height: 1.15;\r\n      letter-spacing: -0.02em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-process-solutions__content p {\r\n      margin: 0;\r\n      color: var(--mb-text);\r\n      font-size: 16px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .mb-process-solutions__flow {\r\n        grid-template-columns: 1fr;\r\n        gap: 54px;\r\n      }\r\n\r\n      .mb-process-solutions__line {\r\n        display: none;\r\n      }\r\n\r\n      .mb-process-solutions__item {\r\n        display: grid;\r\n        grid-template-columns: 280px 1fr;\r\n        gap: 28px;\r\n        align-items: center;\r\n      }\r\n\r\n      .mb-process-solutions__visual {\r\n        margin-bottom: 0;\r\n        height: 240px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-process-solutions {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-process-solutions__header {\r\n        margin-bottom: 44px;\r\n        text-align: left;\r\n      }\r\n\r\n      .mb-process-solutions__accent {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mb-process-solutions__lead {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .mb-process-solutions__item {\r\n        display: block;\r\n      }\r\n\r\n      .mb-process-solutions__visual {\r\n        height: 220px;\r\n        margin-bottom: 26px;\r\n      }\r\n\r\n      .mb-process-solutions__halo {\r\n        width: 245px;\r\n        height: 170px;\r\n      }\r\n\r\n      .mb-process-solutions__content {\r\n        padding-left: 20px;\r\n      }\r\n\r\n      .mb-process-solutions h3 {\r\n        font-size: 23px;\r\n      }\r\n\r\n      .mb-process-solutions__content p {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-process-solutions__wrap\">\r\n    <div class=\"mb-process-solutions__header\">\r\n      <h2>Proses pembuatan solusi<\/h2>\r\n      <div class=\"mb-process-solutions__accent\"><\/div>\r\n      <p class=\"mb-process-solutions__lead\">\r\n        Pendekatan yang lincah dan fleksibel yang menggabungkan alat bantu intuitif, eksekusi otomatis, dan kontrol total untuk memberikan hasil yang berdampak tinggi.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mb-process-solutions__flow\">\r\n      <div class=\"mb-process-solutions__line\"><\/div>\r\n\r\n      <article class=\"mb-process-solutions__item\">\r\n        <div class=\"mb-process-solutions__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-process-solutions__halo\"><\/div>\r\n          <div class=\"mb-process-solutions__orbit\"><\/div>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--a\"><\/span>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--b\"><\/span>\r\n          <div class=\"mb-process-solutions__platform\"><\/div>\r\n          <div class=\"mb-process-solutions__core\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M24 5l15 8v17l-15 9-15-9V13z\"><\/path>\r\n              <path d=\"M9 13l15 9 15-9\"><\/path>\r\n              <path d=\"M24 22v17\"><\/path>\r\n              <path d=\"M15 28l-6 4\"><\/path>\r\n              <path d=\"M33 28l6 4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mb-process-solutions__content\">\r\n          <h3>Anda memiliki akses ke alat bantu dan wizard yang intuitif.<\/h3>\r\n          <p>\r\n            Kami memiliki berbagai macam alat dan wizard yang dirancang untuk memfasilitasi kombinasi dan konfigurasi proses apa pun, yang disesuaikan dengan kebutuhan spesifik organisasi Anda.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-process-solutions__item\">\r\n        <div class=\"mb-process-solutions__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-process-solutions__halo\"><\/div>\r\n          <div class=\"mb-process-solutions__orbit\"><\/div>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--a\"><\/span>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--b\"><\/span>\r\n          <div class=\"mb-process-solutions__platform\"><\/div>\r\n          <div class=\"mb-process-solutions__core\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M24 8v10\"><\/path>\r\n              <path d=\"M12 36h10V26H12z\"><\/path>\r\n              <path d=\"M26 36h10V26H26z\"><\/path>\r\n              <path d=\"M24 18l-7 8\"><\/path>\r\n              <path d=\"M24 18l7 8\"><\/path>\r\n              <circle cx=\"24\" cy=\"8\" r=\"4\"><\/circle>\r\n              <circle cx=\"14\" cy=\"20\" r=\"4\"><\/circle>\r\n              <circle cx=\"34\" cy=\"20\" r=\"4\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mb-process-solutions__content\">\r\n          <h3>Jalankan dengan Automata sesuai permintaan<\/h3>\r\n          <p>\r\n            Ribuan robot siap pakai tersedia, yang mampu menafsirkan proses yang dikonfigurasi dan menjalankannya secara lengkap dan efisien, menjamin hasil yang konsisten dan akurat.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-process-solutions__item\">\r\n        <div class=\"mb-process-solutions__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-process-solutions__halo\"><\/div>\r\n          <div class=\"mb-process-solutions__orbit\"><\/div>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--a\"><\/span>\r\n          <span class=\"mb-process-solutions__orb mb-process-solutions__orb--b\"><\/span>\r\n          <div class=\"mb-process-solutions__platform\"><\/div>\r\n          <div class=\"mb-process-solutions__core\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <rect x=\"9\" y=\"10\" width=\"30\" height=\"24\" rx=\"3\"><\/rect>\r\n              <path d=\"M9 17h30\"><\/path>\r\n              <path d=\"M15 29l6-6 6 4 7-9\"><\/path>\r\n              <path d=\"M15 38h18\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mb-process-solutions__content\">\r\n          <h3>Konfigurasi yang cepat, mudah dan fleksibel<\/h3>\r\n          <p>\r\n            Dengan menggunakan alat dan wizard yang tersedia, dan Automata untuk menjalankan proses Anda secara otomatis, Anda memastikan alur kerja yang terintegrasi dan dioptimalkan.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-936fd25 e-flex e-con-boxed e-con e-parent\" data-id=\"936fd25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e14e9d elementor-widget elementor-widget-html\" data-id=\"2e14e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-configware-benefits\">\r\n  <style>\r\n    .mb-configware-benefits {\r\n      --mb-navy: #08284a;\r\n      --mb-text: #182934;\r\n      --mb-teal: #3c809a;\r\n      --mb-cyan: #8ec1d2;\r\n      --mb-soft: #f0f8fa;\r\n      --mb-line: #daecf1;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 84px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-configware-benefits * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-configware-benefits__wrap {\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mb-configware-benefits__header {\r\n      text-align: center;\r\n      margin-bottom: 54px;\r\n    }\r\n\r\n    .mb-configware-benefits h2 {\r\n      margin: 0;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(36px, 4.2vw, 58px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-benefits__accent {\r\n      width: 92px;\r\n      height: 4px;\r\n      margin: 26px auto 0;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, var(--mb-teal), var(--mb-cyan), var(--mb-line));\r\n    }\r\n\r\n    .mb-configware-benefits__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 24px;\r\n    }\r\n\r\n    .mb-configware-benefits__card {\r\n      position: relative;\r\n      min-width: 0;\r\n      min-height: 350px;\r\n      display: grid;\r\n      grid-template-columns: 42% 58%;\r\n      gap: 22px;\r\n      padding: 34px 30px;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      border: 1px solid rgba(218, 236, 241, 0.95);\r\n      border-radius: 24px;\r\n      box-shadow: 0 18px 48px rgba(8, 40, 74, 0.08);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-configware-benefits__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: auto -80px -90px auto;\r\n      width: 220px;\r\n      height: 220px;\r\n      border-radius: 50%;\r\n      background: rgba(142, 193, 210, 0.13);\r\n    }\r\n\r\n    .mb-configware-benefits__visual {\r\n      position: relative;\r\n      min-height: 250px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mb-configware-benefits__halo {\r\n      position: absolute;\r\n      width: 160px;\r\n      height: 185px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(142, 193, 210, 0.36), rgba(240, 248, 250, 0.96) 62%);\r\n      border: 1px solid rgba(142, 193, 210, 0.28);\r\n      box-shadow: inset 0 0 34px rgba(255,255,255,0.9);\r\n    }\r\n\r\n    .mb-configware-benefits__icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 68px;\r\n      height: 68px;\r\n      border-radius: 18px;\r\n      background: var(--mb-white);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-teal);\r\n      box-shadow: 0 18px 34px rgba(8, 40, 74, 0.12);\r\n    }\r\n\r\n    .mb-configware-benefits__icon svg {\r\n      width: 38px;\r\n      height: 38px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.9;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-configware-benefits__content {\r\n      position: relative;\r\n      z-index: 2;\r\n      min-width: 0;\r\n    }\r\n\r\n    .mb-configware-benefits h3 {\r\n      margin: 0 0 14px;\r\n      color: var(--mb-navy);\r\n      font-size: 24px;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.025em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-benefits__mini-accent {\r\n      width: 38px;\r\n      height: 3px;\r\n      margin-bottom: 22px;\r\n      border-radius: 999px;\r\n      background: var(--mb-cyan);\r\n    }\r\n\r\n    .mb-configware-benefits p {\r\n      margin: 0 0 14px;\r\n      color: var(--mb-text);\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .mb-configware-benefits p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .mb-configware-benefits strong {\r\n      color: var(--mb-teal);\r\n      font-weight: 800;\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .mb-configware-benefits__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .mb-configware-benefits {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-configware-benefits__header {\r\n        text-align: left;\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      .mb-configware-benefits__accent {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mb-configware-benefits__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .mb-configware-benefits__card {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n        padding: 30px 24px;\r\n      }\r\n\r\n      .mb-configware-benefits__visual {\r\n        min-height: 190px;\r\n      }\r\n\r\n      .mb-configware-benefits h3 {\r\n        font-size: 22px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-configware-benefits__wrap\">\r\n    <div class=\"mb-configware-benefits__header\">\r\n      <h2>Beberapa manfaat dari Configware<\/h2>\r\n      <div class=\"mb-configware-benefits__accent\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mb-configware-benefits__grid\">\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><path d=\"M8 34c8-2 12-12 18-14 5-2 8 1 14-6\"><\/path><path d=\"M32 10h10v10\"><\/path><path d=\"M9 42c9-5 13-14 20-17\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Fleksibilitas yang belum pernah ada sebelumnya<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>Alat berdasarkan Configware dirancang sebagai <strong>bagian modular<\/strong> yang cocok satu sama lain.<\/p>\r\n          <p>Ini berarti Anda dapat <strong>menggabungkan mereka<\/strong> untuk mencapai tujuan bisnis apa pun.<\/p>\r\n          <p>Selain itu, jika proses Anda berubah, Anda dapat <strong>mengkonfigurasi ulang mereka<\/strong> dengan mudah untuk selalu memperbaruinya.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><path d=\"M12 38h6V18h-6z\"><\/path><path d=\"M22 38h6V24h-6z\"><\/path><path d=\"M32 38h6V30h-6z\"><\/path><path d=\"M24 6v12\"><\/path><path d=\"M18 13l6 6 6-6\"><\/path><path d=\"M31 15l-14 18\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Pengurangan biaya<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>Dengan menghapus tombol <strong>ketergantungan<\/strong> pengembang atau perusahaan eksternal, Anda dapat melakukan penyesuaian dan peningkatan secara internal.<\/p>\r\n          <p>Ini <strong>mengurangi biaya<\/strong> y <strong>menghilangkan penundaan<\/strong> yang terkait dengan kontrak layanan eksternal.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><path d=\"M24 5c6 5 9 11 9 19 0 7-4 12-9 16-5-4-9-9-9-16 0-8 3-14 9-19z\"><\/path><circle cx=\"24\" cy=\"21\" r=\"4\"><\/circle><path d=\"M15 34H9v8h30v-8h-6\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Implementasi yang cepat<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>Konfigurasi prosesnya adalah <strong>jauh lebih cepat<\/strong> daripada pengembangan dari awal.<\/p>\r\n          <p>Alih-alih berminggu-minggu, Anda bisa mendapatkan solusi yang siap dan berjalan dalam hitungan jam.<\/p>\r\n          <p>Hal ini memungkinkan <strong>membuat penyesuaian<\/strong> dan optimisasi dengan cara yang gesit.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><path d=\"M8 38h6v-8H8z\"><\/path><path d=\"M18 38h6V24h-6z\"><\/path><path d=\"M28 38h6V18h-6z\"><\/path><path d=\"M38 38h2V12h-2z\"><\/path><path d=\"M9 18c9 0 17-5 28-12\"><\/path><path d=\"M31 6h8v8\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Skalabilitas yang dioptimalkan<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>Dengan <strong>Configware<\/strong>perusahaan dapat <strong>meningkatkan atau menyesuaikan proses<\/strong> dengan cepat seiring perkembangan kebutuhan mereka.<\/p>\r\n          <p>Perubahan menjadi lebih cepat, lebih murah, dan lebih aman, sehingga memungkinkan untuk beradaptasi dengan alur kerja yang baru.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><circle cx=\"24\" cy=\"18\" r=\"7\"><\/circle><path d=\"M12 40c2-8 7-12 12-12s10 4 12 12\"><\/path><circle cx=\"10\" cy=\"24\" r=\"3\"><\/circle><circle cx=\"38\" cy=\"24\" r=\"3\"><\/circle><path d=\"M13 25l6-4\"><\/path><path d=\"M35 25l-6-4\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Aksesibilitas untuk semua<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>The <strong>Configware mendemokratisasi<\/strong> otomatisasi.<\/p>\r\n          <p>Siapa pun di tim Anda dapat mengatur dan mengelola proses, mendorong <strong>otonomi dan pemberdayaan<\/strong>.<\/p>\r\n          <p>Hal ini mempercepat implementasi solusi dan mendorong budaya inovasi.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-benefits__card\">\r\n        <div class=\"mb-configware-benefits__visual\" aria-hidden=\"true\">\r\n          <div class=\"mb-configware-benefits__halo\"><\/div>\r\n          <div class=\"mb-configware-benefits__icon\">\r\n            <svg viewbox=\"0 0 48 48\"><rect x=\"8\" y=\"9\" width=\"28\" height=\"26\" rx=\"3\"><\/rect><path d=\"M13 17h12\"><\/path><path d=\"M13 24h8\"><\/path><path d=\"M13 31h16\"><\/path><circle cx=\"32\" cy=\"32\" r=\"8\"><\/circle><path d=\"M38 38l5 5\"><\/path><path d=\"M28 32l3 3 6-7\"><\/path><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mb-configware-benefits__content\">\r\n          <h3>Peningkatan produktivitas<\/h3>\r\n          <div class=\"mb-configware-benefits__mini-accent\"><\/div>\r\n          <p>The <strong>automata<\/strong> dan alat Configware memungkinkan tim untuk fokus pada tugas-tugas yang memiliki nilai strategis yang lebih tinggi.<\/p>\r\n          <p>Hal ini membebaskan waktu yang berharga dan <strong>mengurangi kesalahan manusia<\/strong>, meningkatkan konsistensi dalam pelaksanaan proses.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c72e63 e-flex e-con-boxed e-con e-parent\" data-id=\"0c72e63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc2d51 elementor-widget elementor-widget-html\" data-id=\"2bc2d51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-evolution-flow\">\r\n  <style>\r\n    .mb-evolution-flow {\r\n      --mb-navy: #08284a;\r\n      --mb-text: #182934;\r\n      --mb-teal: #3c809a;\r\n      --mb-cyan: #8ec1d2;\r\n      --mb-soft: #f0f8fa;\r\n      --mb-line: #daecf1;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 82px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-evolution-flow * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-evolution-flow__wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n    }\r\n\r\n    .mb-evolution-flow__wrap::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -120px;\r\n      right: -120px;\r\n      bottom: 20px;\r\n      height: 220px;\r\n      background:\r\n        radial-gradient(circle at 10% 60%, rgba(142, 193, 210, 0.18), transparent 28%),\r\n        radial-gradient(circle at 90% 45%, rgba(60, 128, 154, 0.14), transparent 30%);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    .mb-evolution-flow__header {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 950px;\r\n      margin: 0 auto 68px;\r\n      text-align: center;\r\n    }\r\n\r\n    .mb-evolution-flow h2 {\r\n      margin: 0;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(38px, 4.8vw, 58px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-evolution-flow__accent {\r\n      width: 130px;\r\n      height: 4px;\r\n      margin: 28px auto 28px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, var(--mb-teal), var(--mb-cyan), transparent);\r\n    }\r\n\r\n    .mb-evolution-flow__lead {\r\n      margin: 0 auto;\r\n      max-width: 920px;\r\n      color: var(--mb-text);\r\n      font-size: 21px;\r\n      line-height: 1.55;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .mb-evolution-flow__stage {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: grid;\r\n      grid-template-columns: 1fr 90px 1fr 90px 1fr;\r\n      gap: 0;\r\n      align-items: center;\r\n    }\r\n\r\n    .mb-evolution-flow__card {\r\n      position: relative;\r\n      min-height: 230px;\r\n      padding: 34px 34px;\r\n      border-radius: 32px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 2px solid rgba(142, 193, 210, 0.75);\r\n      box-shadow: 0 22px 52px rgba(8, 40, 74, 0.08);\r\n      display: grid;\r\n      grid-template-columns: 112px 1fr;\r\n      gap: 28px;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-evolution-flow__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -70px auto auto -50px;\r\n      width: 220px;\r\n      height: 220px;\r\n      border-radius: 50%;\r\n      background: rgba(142, 193, 210, 0.12);\r\n    }\r\n\r\n    .mb-evolution-flow__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: -5px;\r\n      width: 14px;\r\n      height: 14px;\r\n      border-radius: 50%;\r\n      background: var(--mb-cyan);\r\n      box-shadow: 0 0 18px rgba(142, 193, 210, 0.8);\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .mb-evolution-flow__icon-wrap {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 108px;\r\n      height: 108px;\r\n      border-radius: 50%;\r\n      background: var(--mb-white);\r\n      border: 1px solid rgba(142, 193, 210, 0.38);\r\n      box-shadow: 0 18px 36px rgba(8, 40, 74, 0.10);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-teal);\r\n    }\r\n\r\n    .mb-evolution-flow__icon-wrap svg {\r\n      width: 58px;\r\n      height: 58px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.9;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-evolution-flow__content {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .mb-evolution-flow h3 {\r\n      margin: 0 0 16px;\r\n      color: var(--mb-navy);\r\n      font-size: 30px;\r\n      line-height: 1.08;\r\n      letter-spacing: -0.03em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-evolution-flow__mini-accent {\r\n      width: 42px;\r\n      height: 4px;\r\n      margin-bottom: 18px;\r\n      border-radius: 999px;\r\n      background: var(--mb-cyan);\r\n    }\r\n\r\n    .mb-evolution-flow__content p {\r\n      margin: 0;\r\n      color: var(--mb-text);\r\n      font-size: 17px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    .mb-evolution-flow__connector {\r\n      position: relative;\r\n      height: 100%;\r\n      min-height: 160px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mb-evolution-flow__connector::before {\r\n      content: \"\";\r\n      width: 74px;\r\n      height: 28px;\r\n      border-top: 8px solid var(--mb-cyan);\r\n      border-right: 8px solid var(--mb-cyan);\r\n      transform: rotate(45deg);\r\n      border-radius: 5px;\r\n      filter: drop-shadow(0 0 10px rgba(142, 193, 210, 0.65));\r\n    }\r\n\r\n    .mb-evolution-flow__connector::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 46px;\r\n      height: 5px;\r\n      background: linear-gradient(90deg, transparent, var(--mb-cyan));\r\n      border-radius: 999px;\r\n      left: 6px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .mb-evolution-flow__stage {\r\n        grid-template-columns: 1fr;\r\n        gap: 26px;\r\n      }\r\n\r\n      .mb-evolution-flow__connector {\r\n        min-height: 52px;\r\n      }\r\n\r\n      .mb-evolution-flow__connector::before {\r\n        transform: rotate(135deg);\r\n      }\r\n\r\n      .mb-evolution-flow__connector::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-evolution-flow {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-evolution-flow__header {\r\n        text-align: left;\r\n        margin-bottom: 42px;\r\n      }\r\n\r\n      .mb-evolution-flow__accent {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mb-evolution-flow__lead {\r\n        font-size: 17px;\r\n      }\r\n\r\n      .mb-evolution-flow__card {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n        padding: 30px 24px;\r\n        min-height: auto;\r\n      }\r\n\r\n      .mb-evolution-flow__icon-wrap {\r\n        width: 92px;\r\n        height: 92px;\r\n      }\r\n\r\n      .mb-evolution-flow h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .mb-evolution-flow__content p {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-evolution-flow__wrap\">\r\n    <div class=\"mb-evolution-flow__header\">\r\n      <h2>Mengotomatiskan proses dengan cara yang lincah dan fleksibel<\/h2>\r\n      <div class=\"mb-evolution-flow__accent\"><\/div>\r\n      <p class=\"mb-evolution-flow__lead\">\r\n        Di MasterBase\u00ae kami telah meninggalkan Era Perangkat Keras, yang berfokus pada fungsionalitas spesifik, dan Era Perangkat Lunak, yang menekankan pada pengkodean fungsionalitas yang dikemas. Selama beberapa tahun, kami telah menempa metodologi kami sendiri berdasarkan Configware.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mb-evolution-flow__stage\">\r\n      <article class=\"mb-evolution-flow__card\">\r\n        <div class=\"mb-evolution-flow__icon-wrap\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <rect x=\"10\" y=\"10\" width=\"28\" height=\"8\" rx=\"2\"><\/rect>\r\n            <rect x=\"10\" y=\"21\" width=\"28\" height=\"8\" rx=\"2\"><\/rect>\r\n            <rect x=\"10\" y=\"32\" width=\"28\" height=\"8\" rx=\"2\"><\/rect>\r\n            <path d=\"M16 14h.1M16 25h.1M16 36h.1\"><\/path>\r\n            <path d=\"M20 44h8\"><\/path>\r\n            <path d=\"M24 40v4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"mb-evolution-flow__content\">\r\n          <h3>Perangkat keras<\/h3>\r\n          <div class=\"mb-evolution-flow__mini-accent\"><\/div>\r\n          <p>Kumpulan komponen fisik peralatan<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"mb-evolution-flow__connector\" aria-hidden=\"true\"><\/div>\r\n\r\n      <article class=\"mb-evolution-flow__card\">\r\n        <div class=\"mb-evolution-flow__icon-wrap\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"3\"><\/rect>\r\n            <path d=\"M8 17h32\"><\/path>\r\n            <path d=\"M18 29l-5-5 5-5\"><\/path>\r\n            <path d=\"M30 19l5 5-5 5\"><\/path>\r\n            <path d=\"M26 18l-4 12\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"mb-evolution-flow__content\">\r\n          <h3>Perangkat lunak<\/h3>\r\n          <div class=\"mb-evolution-flow__mini-accent\"><\/div>\r\n          <p>Perangkat lunak, aplikasi, dan aturan<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"mb-evolution-flow__connector\" aria-hidden=\"true\"><\/div>\r\n\r\n      <article class=\"mb-evolution-flow__card\">\r\n        <div class=\"mb-evolution-flow__icon-wrap\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 48 48\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"6\"><\/circle>\r\n            <path d=\"M24 5v6\"><\/path>\r\n            <path d=\"M24 37v6\"><\/path>\r\n            <path d=\"M5 24h6\"><\/path>\r\n            <path d=\"M37 24h6\"><\/path>\r\n            <path d=\"M10 10l4 4\"><\/path>\r\n            <path d=\"M34 34l4 4\"><\/path>\r\n            <path d=\"M38 10l-4 4\"><\/path>\r\n            <path d=\"M14 34l-4 4\"><\/path>\r\n            <circle cx=\"37\" cy=\"15\" r=\"2\"><\/circle>\r\n            <circle cx=\"11\" cy=\"30\" r=\"2\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"mb-evolution-flow__content\">\r\n          <h3>Configware<\/h3>\r\n          <div class=\"mb-evolution-flow__mini-accent\"><\/div>\r\n          <p>Solusi yang dikonfigurasi untuk kebutuhan tertentu<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24c325e e-flex e-con-boxed e-con e-parent\" data-id=\"24c325e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa70473 elementor-widget elementor-widget-html\" data-id=\"aa70473\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-configware-era\">\r\n  <style>\r\n    .mb-configware-era {\r\n      --mb-navy: #08284a;\r\n      --mb-text: #182934;\r\n      --mb-teal: #3c809a;\r\n      --mb-cyan: #8ec1d2;\r\n      --mb-soft: #f0f8fa;\r\n      --mb-line: #daecf1;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 84px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-configware-era * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-configware-era__wrap {\r\n      max-width: 1220px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n    }\r\n\r\n    .mb-configware-era__header {\r\n      max-width: 960px;\r\n      margin: 0 auto 54px;\r\n      text-align: center;\r\n    }\r\n\r\n    .mb-configware-era h2 {\r\n      margin: 0;\r\n      color: var(--mb-navy);\r\n      font-size: clamp(38px, 5vw, 58px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-era__accent {\r\n      width: 96px;\r\n      height: 4px;\r\n      margin: 26px auto 24px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, var(--mb-teal), var(--mb-cyan));\r\n    }\r\n\r\n    .mb-configware-era__lead {\r\n      margin: 0;\r\n      color: var(--mb-text);\r\n      font-size: 21px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .mb-configware-era__loop {\r\n      position: relative;\r\n      height: 300px;\r\n      margin: 0 auto 48px;\r\n      max-width: 920px;\r\n    }\r\n\r\n    .mb-configware-era__loop-line {\r\n      position: absolute;\r\n      inset: 20px 0;\r\n      border: 16px solid rgba(142, 193, 210, 0.9);\r\n      border-radius: 50%;\r\n      filter: drop-shadow(0 14px 30px rgba(60, 128, 154, 0.18));\r\n    }\r\n\r\n    .mb-configware-era__loop-line::before,\r\n    .mb-configware-era__loop-line::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -16px;\r\n      width: 33.33%;\r\n      height: calc(100% + 32px);\r\n      border: 16px solid transparent;\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .mb-configware-era__loop-line::before {\r\n      left: -16px;\r\n      border-color: #35bfb8 transparent #35bfb8 #35bfb8;\r\n    }\r\n\r\n    .mb-configware-era__loop-line::after {\r\n      right: -16px;\r\n      border-color: #7d67bd #7d67bd #7d67bd transparent;\r\n    }\r\n\r\n    .mb-configware-era__loop-center {\r\n      position: absolute;\r\n      inset: 20px 30.5%;\r\n      border-top: 16px solid var(--mb-cyan);\r\n      border-bottom: 16px solid var(--mb-cyan);\r\n      transform: skewX(-34deg);\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .mb-configware-era__loop-item {\r\n      position: absolute;\r\n      top: 54px;\r\n      width: 220px;\r\n      height: 190px;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.88);\r\n      border: 1px solid rgba(218,236,241,0.9);\r\n      box-shadow: 0 18px 44px rgba(8,40,74,0.08);\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-navy);\r\n      text-align: center;\r\n      z-index: 3;\r\n    }\r\n\r\n    .mb-configware-era__loop-item--data { left: 0; }\r\n    .mb-configware-era__loop-item--process { left: 50%; transform: translateX(-50%); }\r\n    .mb-configware-era__loop-item--interface { right: 0; }\r\n\r\n    .mb-configware-era__loop-item svg {\r\n      width: 58px;\r\n      height: 58px;\r\n      margin-bottom: 18px;\r\n      stroke: var(--mb-teal);\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-configware-era__loop-item p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      letter-spacing: 0.02em;\r\n      text-transform: uppercase;\r\n      color: var(--mb-navy);\r\n    }\r\n\r\n    .mb-configware-era__cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .mb-configware-era__card {\r\n      position: relative;\r\n      padding: 30px 28px 34px;\r\n      min-height: 360px;\r\n      border-radius: 22px;\r\n      background: rgba(255,255,255,0.92);\r\n      border: 1px solid rgba(218,236,241,0.95);\r\n      box-shadow: 0 18px 46px rgba(8,40,74,0.08);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .mb-configware-era__card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 110px;\r\n      height: 5px;\r\n      border-radius: 999px;\r\n      background: var(--card-accent, var(--mb-cyan));\r\n    }\r\n\r\n    .mb-configware-era__card-head {\r\n      display: grid;\r\n      grid-template-columns: 94px 1fr;\r\n      gap: 22px;\r\n      align-items: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .mb-configware-era__card-icon {\r\n      width: 94px;\r\n      height: 94px;\r\n      border-radius: 50%;\r\n      background: var(--mb-white);\r\n      border: 1px solid rgba(142,193,210,0.32);\r\n      box-shadow: 0 16px 34px rgba(8,40,74,0.09);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--card-accent, var(--mb-teal));\r\n    }\r\n\r\n    .mb-configware-era__card-icon svg {\r\n      width: 52px;\r\n      height: 52px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-configware-era h3 {\r\n      margin: 0;\r\n      color: var(--card-accent, var(--mb-teal));\r\n      font-size: 27px;\r\n      line-height: 1.08;\r\n      letter-spacing: -0.03em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-configware-era__intro {\r\n      margin: 0 0 18px;\r\n      color: var(--mb-text);\r\n      font-size: 16px;\r\n      line-height: 1.48;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .mb-configware-era__list {\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .mb-configware-era__list li {\r\n      position: relative;\r\n      margin: 0 0 14px;\r\n      padding-left: 22px;\r\n      color: var(--mb-text);\r\n      font-size: 15px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    .mb-configware-era__list li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0.65em;\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--card-accent, var(--mb-cyan));\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .mb-configware-era__loop {\r\n        height: auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n        max-width: 520px;\r\n      }\r\n\r\n      .mb-configware-era__loop-line,\r\n      .mb-configware-era__loop-center {\r\n        display: none;\r\n      }\r\n\r\n      .mb-configware-era__loop-item {\r\n        position: relative;\r\n        top: auto;\r\n        left: auto;\r\n        right: auto;\r\n        width: 100%;\r\n        height: auto;\r\n        min-height: 150px;\r\n        border-radius: 28px;\r\n        transform: none;\r\n      }\r\n\r\n      .mb-configware-era__cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-configware-era {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-configware-era__header {\r\n        text-align: left;\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      .mb-configware-era__accent {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mb-configware-era__lead {\r\n        font-size: 17px;\r\n      }\r\n\r\n      .mb-configware-era__card {\r\n        padding: 28px 22px 30px;\r\n      }\r\n\r\n      .mb-configware-era__card-head {\r\n        grid-template-columns: 76px 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .mb-configware-era__card-icon {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .mb-configware-era h3 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-configware-era__wrap\">\r\n    <div class=\"mb-configware-era__header\">\r\n      <h2>Munculnya era baru Configware<\/h2>\r\n      <div class=\"mb-configware-era__accent\"><\/div>\r\n      <p class=\"mb-configware-era__lead\">\r\n        Ini terdiri dari menciptakan solusi dengan mengonfigurasi proses, basis data, dan antarmuka yang disesuaikan tanpa memerlukan pengembang perangkat lunak.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mb-configware-era__loop\" aria-hidden=\"true\">\r\n      <div class=\"mb-configware-era__loop-line\"><\/div>\r\n      <div class=\"mb-configware-era__loop-center\"><\/div>\r\n\r\n      <div class=\"mb-configware-era__loop-item mb-configware-era__loop-item--data\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <ellipse cx=\"20\" cy=\"10\" rx=\"12\" ry=\"5\"><\/ellipse>\r\n          <path d=\"M8 10v20c0 3 5 5 12 5s12-2 12-5V10\"><\/path>\r\n          <path d=\"M8 20c0 3 5 5 12 5s12-2 12-5\"><\/path>\r\n          <circle cx=\"34\" cy=\"34\" r=\"6\"><\/circle>\r\n          <path d=\"M39 39l5 5\"><\/path>\r\n        <\/svg>\r\n        <p>Basis data<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mb-configware-era__loop-item mb-configware-era__loop-item--process\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <circle cx=\"19\" cy=\"27\" r=\"6\"><\/circle>\r\n          <circle cx=\"32\" cy=\"17\" r=\"5\"><\/circle>\r\n          <path d=\"M19 7v6M19 41v-6M5 27h8M25 27h8\"><\/path>\r\n          <path d=\"M32 5v5M32 24v5M21 17h6M37 17h6\"><\/path>\r\n          <path d=\"M9 36c6 6 15 7 23 1\"><\/path>\r\n        <\/svg>\r\n        <p>Proses<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mb-configware-era__loop-item mb-configware-era__loop-item--interface\">\r\n        <svg viewbox=\"0 0 48 48\">\r\n          <rect x=\"8\" y=\"9\" width=\"32\" height=\"28\" rx=\"3\"><\/rect>\r\n          <path d=\"M8 16h32\"><\/path>\r\n          <path d=\"M14 22h8M14 28h14M14 34h6\"><\/path>\r\n          <path d=\"M30 22h6M30 28h6M26 34h10\"><\/path>\r\n        <\/svg>\r\n        <p>Antarmuka<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mb-configware-era__cards\">\r\n      <article class=\"mb-configware-era__card\" style=\"--card-accent:#35bfb8;\">\r\n        <div class=\"mb-configware-era__card-head\">\r\n          <div class=\"mb-configware-era__card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <ellipse cx=\"20\" cy=\"10\" rx=\"12\" ry=\"5\"><\/ellipse>\r\n              <path d=\"M8 10v20c0 3 5 5 12 5s12-2 12-5V10\"><\/path>\r\n              <path d=\"M8 20c0 3 5 5 12 5s12-2 12-5\"><\/path>\r\n              <circle cx=\"34\" cy=\"34\" r=\"6\"><\/circle>\r\n              <path d=\"M39 39l5 5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Basis data<\/h3>\r\n        <\/div>\r\n        <p class=\"mb-configware-era__intro\">Bekerja berdasarkan data yang tersedia<\/p>\r\n        <ul class=\"mb-configware-era__list\">\r\n          <li>Konfigurasikan data Anda dan visualisasikan.<\/li>\r\n          <li>Menentukan formulir untuk entri data dan pengambilan data.<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-era__card\" style=\"--card-accent:#3c809a;\">\r\n        <div class=\"mb-configware-era__card-head\">\r\n          <div class=\"mb-configware-era__card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <circle cx=\"19\" cy=\"27\" r=\"6\"><\/circle>\r\n              <circle cx=\"32\" cy=\"17\" r=\"5\"><\/circle>\r\n              <path d=\"M19 7v6M19 41v-6M5 27h8M25 27h8\"><\/path>\r\n              <path d=\"M32 5v5M32 24v5M21 17h6M37 17h6\"><\/path>\r\n              <path d=\"M9 36c6 6 15 7 23 1\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Proses<\/h3>\r\n        <\/div>\r\n        <p class=\"mb-configware-era__intro\">\r\n          Setiap proses terstruktur dalam langkah-langkah dan tugas-tugas menggunakan alat yang tersedia, yang diartikulasikan dengan yang lain, berkat fleksibilitas yang disediakan oleh Configware.\r\n        <\/p>\r\n        <ul class=\"mb-configware-era__list\">\r\n          <li>Konfigurasikan proses Anda dengan mengakses data Anda.<\/li>\r\n          <li>Gunakan semua alat yang disediakan atau sambungkan ke layanan web eksternal.<\/li>\r\n          <li>Mengubah atau menghasilkan data, dokumen, gambar, grafik, dll.<\/li>\r\n          <li>Membuat kiriman dan menangkap informasi.<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"mb-configware-era__card\" style=\"--card-accent:#7d67bd;\">\r\n        <div class=\"mb-configware-era__card-head\">\r\n          <div class=\"mb-configware-era__card-icon\" aria-hidden=\"true\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <rect x=\"8\" y=\"9\" width=\"32\" height=\"28\" rx=\"3\"><\/rect>\r\n              <path d=\"M8 16h32\"><\/path>\r\n              <path d=\"M14 22h8M14 28h14M14 34h6\"><\/path>\r\n              <path d=\"M30 22h6M30 28h6M26 34h10\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Antarmuka<\/h3>\r\n        <\/div>\r\n        <p class=\"mb-configware-era__intro\">\r\n          Kami telah membantu lingkungan kerja yang membuatnya sangat mudah untuk membuat tampilan antarmuka dan mengonfigurasi proses yang terlibat dalam solusi, tanpa perlu bekerja secara langsung dengan kode.\r\n        <\/p>\r\n        <ul class=\"mb-configware-era__list\">\r\n          <li>Tentukan antarmuka untuk akses ke data Anda.<\/li>\r\n          <li>Tabel untuk mencari, menyortir, memfilter.<\/li>\r\n          <li>Formulir untuk menampilkan, memasukkan, atau mengedit data.<\/li>\r\n          <li>Smartview untuk yang lainnya.<\/li>\r\n        <\/ul>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deee00f e-flex e-con-boxed e-con e-parent\" data-id=\"deee00f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec206c3 elementor-widget elementor-widget-html\" data-id=\"ec206c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mb-blog-configware\">\r\n  <style>\r\n    .mb-blog-configware {\r\n      --mb-bg: #f1f7fe;\r\n      --mb-soft: #deecfc;\r\n      --mb-soft-2: #c2dcfa;\r\n      --mb-cyan: #98c5f6;\r\n      --mb-blue: #6aa9f1;\r\n      --mb-blue-2: #4889ea;\r\n      --mb-cta: #28458d;\r\n      --mb-text: #1b2850;\r\n      --mb-white: #ffffff;\r\n\r\n      width: 100%;\r\n      background: transparent;\r\n      padding: 80px 24px;\r\n      box-sizing: border-box;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--mb-text);\r\n    }\r\n\r\n    .mb-blog-configware * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mb-blog-configware__wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mb-blog-configware__header {\r\n      text-align: center;\r\n      margin-bottom: 46px;\r\n    }\r\n\r\n    .mb-blog-configware h2 {\r\n      margin: 0;\r\n      color: var(--mb-cta);\r\n      font-size: clamp(36px, 5vw, 56px);\r\n      line-height: 1.08;\r\n      letter-spacing: -0.04em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-blog-configware__title-accent {\r\n      width: 96px;\r\n      height: 4px;\r\n      margin: 26px auto 0;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, var(--mb-blue-2), var(--mb-cyan), var(--mb-soft));\r\n    }\r\n\r\n    .mb-blog-configware__panel {\r\n      position: relative;\r\n      min-height: 520px;\r\n      padding: 72px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 82% 42%, rgba(106, 169, 241, 0.24), transparent 34%),\r\n        linear-gradient(135deg, #ffffff 0%, #f1f7fe 52%, #deecfc 100%);\r\n      border: 1px solid rgba(194, 220, 250, 0.9);\r\n      box-shadow: 0 24px 70px rgba(40, 69, 141, 0.12);\r\n      display: grid;\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n      gap: 54px;\r\n      align-items: center;\r\n    }\r\n\r\n    .mb-blog-configware__content {\r\n      position: relative;\r\n      z-index: 3;\r\n      max-width: 560px;\r\n    }\r\n\r\n    .mb-blog-configware__eyebrow {\r\n      width: 68px;\r\n      height: 4px;\r\n      margin: 0 0 28px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, var(--mb-cta), var(--mb-blue));\r\n    }\r\n\r\n    .mb-blog-configware h3 {\r\n      margin: 0;\r\n      color: var(--mb-cta);\r\n      font-size: clamp(30px, 3.6vw, 44px);\r\n      line-height: 1.1;\r\n      letter-spacing: -0.035em;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .mb-blog-configware__copy {\r\n      margin: 28px 0 34px;\r\n      color: var(--mb-text);\r\n      font-size: 18px;\r\n      line-height: 1.65;\r\n      max-width: 520px;\r\n    }\r\n\r\n    .mb-blog-configware__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      min-height: 54px;\r\n      padding: 0 28px;\r\n      border: 2px solid var(--mb-cta);\r\n      border-radius: 14px;\r\n      color: var(--mb-cta);\r\n      background: rgba(255, 255, 255, 0.72);\r\n      text-decoration: none;\r\n      font-size: 17px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .mb-blog-configware__cta:hover {\r\n      transform: translateY(-2px);\r\n      background: var(--mb-white);\r\n      box-shadow: 0 14px 30px rgba(40, 69, 141, 0.16);\r\n    }\r\n\r\n    .mb-blog-configware__visual {\r\n      position: relative;\r\n      min-height: 390px;\r\n      z-index: 2;\r\n    }\r\n\r\n    .mb-blog-configware__orbital {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 50%;\r\n      width: 390px;\r\n      height: 390px;\r\n      transform: translateY(-50%);\r\n      border-radius: 50%;\r\n      background:\r\n        radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 34%, rgba(222, 236, 252, 0.58) 35% 58%, transparent 59%);\r\n      box-shadow: 0 26px 60px rgba(40, 69, 141, 0.12);\r\n    }\r\n\r\n    .mb-blog-configware__orbital::before,\r\n    .mb-blog-configware__orbital::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 28px;\r\n      border-radius: 50%;\r\n      border: 2px dashed rgba(72, 137, 234, 0.45);\r\n    }\r\n\r\n    .mb-blog-configware__orbital::after {\r\n      inset: 72px;\r\n      border-style: solid;\r\n      border-color: rgba(106, 169, 241, 0.42);\r\n    }\r\n\r\n    .mb-blog-configware__ring {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      border: 14px solid transparent;\r\n      inset: 66px;\r\n      border-top-color: var(--mb-blue-2);\r\n      border-right-color: var(--mb-cyan);\r\n      transform: rotate(24deg);\r\n      filter: drop-shadow(0 0 14px rgba(72, 137, 234, 0.28));\r\n    }\r\n\r\n    .mb-blog-configware__ring--secondary {\r\n      inset: 106px;\r\n      border-width: 10px;\r\n      border-top-color: transparent;\r\n      border-right-color: var(--mb-cta);\r\n      border-bottom-color: var(--mb-blue);\r\n      opacity: 0.82;\r\n      transform: rotate(-34deg);\r\n    }\r\n\r\n    .mb-blog-configware__center {\r\n      position: absolute;\r\n      inset: 120px;\r\n      border-radius: 50%;\r\n      background: var(--mb-white);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-cta);\r\n      box-shadow: 0 18px 44px rgba(40, 69, 141, 0.12);\r\n    }\r\n\r\n    .mb-blog-configware__center svg,\r\n    .mb-blog-configware__node svg {\r\n      width: 64px;\r\n      height: 64px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.9;\r\n      fill: none;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .mb-blog-configware__node {\r\n      position: absolute;\r\n      width: 96px;\r\n      height: 96px;\r\n      border-radius: 50%;\r\n      background: var(--mb-white);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--mb-cta);\r\n      box-shadow: 0 16px 36px rgba(40, 69, 141, 0.14);\r\n    }\r\n\r\n    .mb-blog-configware__node svg {\r\n      width: 44px;\r\n      height: 44px;\r\n    }\r\n\r\n    .mb-blog-configware__node--top {\r\n      right: 42px;\r\n      top: 20px;\r\n    }\r\n\r\n    .mb-blog-configware__node--left {\r\n      left: 26px;\r\n      bottom: 74px;\r\n    }\r\n\r\n    .mb-blog-configware__node--right {\r\n      right: 12px;\r\n      bottom: 74px;\r\n    }\r\n\r\n    .mb-blog-configware__dot {\r\n      position: absolute;\r\n      width: 14px;\r\n      height: 14px;\r\n      border-radius: 50%;\r\n      background: var(--mb-blue-2);\r\n      box-shadow: 0 0 16px rgba(72, 137, 234, 0.75);\r\n    }\r\n\r\n    .mb-blog-configware__dot--one { left: 48px; top: 132px; }\r\n    .mb-blog-configware__dot--two { right: 80px; top: 170px; }\r\n    .mb-blog-configware__dot--three { left: 178px; bottom: 24px; }\r\n\r\n    .mb-blog-configware__wave {\r\n      position: absolute;\r\n      left: -8%;\r\n      right: -8%;\r\n      bottom: -60px;\r\n      height: 220px;\r\n      background:\r\n        repeating-linear-gradient(\r\n          -10deg,\r\n          rgba(106, 169, 241, 0.13) 0,\r\n          rgba(106, 169, 241, 0.13) 1px,\r\n          transparent 1px,\r\n          transparent 9px\r\n        );\r\n      transform: rotate(-5deg);\r\n      opacity: 0.7;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .mb-blog-configware__dots {\r\n      position: absolute;\r\n      left: 42px;\r\n      top: 38px;\r\n      width: 150px;\r\n      height: 120px;\r\n      background-image: radial-gradient(rgba(72, 137, 234, 0.18) 2px, transparent 2px);\r\n      background-size: 18px 18px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .mb-blog-configware__panel {\r\n        grid-template-columns: 1fr;\r\n        padding: 54px;\r\n      }\r\n\r\n      .mb-blog-configware__visual {\r\n        min-height: 360px;\r\n      }\r\n\r\n      .mb-blog-configware__orbital {\r\n        left: 50%;\r\n        right: auto;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .mb-blog-configware {\r\n        padding: 58px 18px;\r\n      }\r\n\r\n      .mb-blog-configware__header {\r\n        text-align: left;\r\n      }\r\n\r\n      .mb-blog-configware__title-accent {\r\n        margin-left: 0;\r\n      }\r\n\r\n      .mb-blog-configware__panel {\r\n        padding: 36px 24px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .mb-blog-configware__copy {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .mb-blog-configware__visual {\r\n        min-height: 300px;\r\n      }\r\n\r\n      .mb-blog-configware__orbital {\r\n        width: 300px;\r\n        height: 300px;\r\n      }\r\n\r\n      .mb-blog-configware__center {\r\n        inset: 92px;\r\n      }\r\n\r\n      .mb-blog-configware__node {\r\n        width: 76px;\r\n        height: 76px;\r\n      }\r\n\r\n      .mb-blog-configware__node--top {\r\n        right: 18px;\r\n        top: 12px;\r\n      }\r\n\r\n      .mb-blog-configware__node--left {\r\n        left: 8px;\r\n        bottom: 54px;\r\n      }\r\n\r\n      .mb-blog-configware__node--right {\r\n        right: 2px;\r\n        bottom: 54px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"mb-blog-configware__wrap\">\r\n    <div class=\"mb-blog-configware__header\">\r\n      <h2>Pelajari lebih lanjut tentang Configware di blog kami<\/h2>\r\n      <div class=\"mb-blog-configware__title-accent\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mb-blog-configware__panel\">\r\n      <div class=\"mb-blog-configware__dots\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"mb-blog-configware__wave\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"mb-blog-configware__content\">\r\n        <div class=\"mb-blog-configware__eyebrow\"><\/div>\r\n\r\n        <h3>Era baru otomatisasi. Temukan kekuatan Configware dalam bisnis Anda.<\/h3>\r\n\r\n        <p class=\"mb-blog-configware__copy\">\r\n          Teknologi adalah senjata utama untuk menghadapi perubahan, tetapi bukan sembarang teknologi. Anda membutuhkan alat yang fleksibel, mudah beradaptasi dan, yang terpenting, mudah diterapkan.\r\n        <\/p>\r\n\r\n        <a class=\"mb-blog-configware__cta\" href=\"https:\/\/masterbase.com\/id\/era-baru-otomatisasi-temukan-kekuatan-configware-dalam-bisnis-anda\/masterbase\/\">\r\n          Baca lebih lanjut\r\n          <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"mb-blog-configware__visual\" aria-hidden=\"true\">\r\n        <div class=\"mb-blog-configware__orbital\">\r\n          <div class=\"mb-blog-configware__ring\"><\/div>\r\n          <div class=\"mb-blog-configware__ring mb-blog-configware__ring--secondary\"><\/div>\r\n\r\n          <span class=\"mb-blog-configware__dot mb-blog-configware__dot--one\"><\/span>\r\n          <span class=\"mb-blog-configware__dot mb-blog-configware__dot--two\"><\/span>\r\n          <span class=\"mb-blog-configware__dot mb-blog-configware__dot--three\"><\/span>\r\n\r\n          <div class=\"mb-blog-configware__center\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M17 39h14\"><\/path>\r\n              <path d=\"M18 34h12\"><\/path>\r\n              <path d=\"M19 29h10\"><\/path>\r\n              <path d=\"M18 29c-5-3-8-8-8-14a14 14 0 0 1 28 0c0 6-3 11-8 14\"><\/path>\r\n              <path d=\"M22 29V18c0-2-3-2-3 0s3 3 5 3 5-1 5-3-3-2-3 0v11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"mb-blog-configware__node mb-blog-configware__node--top\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <circle cx=\"18\" cy=\"18\" r=\"6\"><\/circle>\r\n              <circle cx=\"31\" cy=\"30\" r=\"5\"><\/circle>\r\n              <path d=\"M18 5v5M18 26v5M5 18h5M26 18h5\"><\/path>\r\n              <path d=\"M31 19v4M31 37v4M20 30h4M38 30h4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"mb-blog-configware__node mb-blog-configware__node--left\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <path d=\"M24 6l14 8-14 8-14-8z\"><\/path>\r\n              <path d=\"M10 24l14 8 14-8\"><\/path>\r\n              <path d=\"M10 34l14 8 14-8\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"mb-blog-configware__node mb-blog-configware__node--right\">\r\n            <svg viewbox=\"0 0 48 48\">\r\n              <circle cx=\"24\" cy=\"24\" r=\"17\"><\/circle>\r\n              <path d=\"M16 24l6 6 11-13\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Crea soluciones con Configware Configware Bienvenido a Configware. Automatiza procesos en forma \u00e1gil y flexible. Contacta a un ejecutivo &gt;&gt; Configware Crea soluciones con Configware Crea soluciones de forma r\u00e1pida y simple sin necesidad de ser un experto digital La tecnolog\u00eda es el arma principal para afrontar los cambios que se producen hoy en los [&hellip;]<\/p>\n","protected":false},"author":239642484,"featured_media":0,"parent":8577,"menu_order":320,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-1383","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Crea con Configware - MasterBase\u00ae<\/title>\n<meta name=\"description\" content=\"Crea soluciones con Configware Bienvenido al Configware.Automatiza procesos en forma \u00e1gil y flexible\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/masterbase.com\/id\/pembuatan-automation-studio\/configware\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea con Configware - MasterBase\u00ae\" \/>\n<meta property=\"og:description\" content=\"Crea soluciones con Configware Bienvenido al Configware.Automatiza procesos en forma \u00e1gil y flexible\" \/>\n<meta property=\"og:url\" content=\"https:\/\/masterbase.com\/id\/pembuatan-automation-studio\/configware\/\" \/>\n<meta property=\"og:site_name\" content=\"MasterBase\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T23:04:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/automation-studio-build\\\/configware\\\/\",\"url\":\"https:\\\/\\\/masterbase.com\\\/automation-studio-build\\\/configware\\\/\",\"name\":\"Crea con Configware - MasterBase\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#website\"},\"datePublished\":\"2023-10-03T10:44:07+00:00\",\"dateModified\":\"2026-08-05T23:04:26+00:00\",\"description\":\"Crea soluciones con Configware Bienvenido al Configware.Automatiza procesos en forma \u00e1gil y flexible\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/automation-studio-build\\\/configware\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/masterbase.com\\\/automation-studio-build\\\/configware\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/automation-studio-build\\\/configware\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/masterbase.com\\\/ru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automation Studio Build\",\"item\":\"https:\\\/\\\/masterbase.com\\\/el\\\/%ce%b4%ce%b7%ce%bc%ce%b9%ce%bf%cf%85%cf%81%ce%b3%ce%af%ce%b1-%cf%83%cf%84%ce%bf-automation-studio\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crea con Configware\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/masterbase.com\\\/es\\\/\",\"name\":\"MasterBase\u00ae\",\"description\":\"Automatas that work for you\",\"publisher\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/masterbase.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#organization\",\"name\":\"MasterBase\u00ae\",\"url\":\"https:\\\/\\\/masterbase.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/masterbase.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1\",\"width\":1476,\"height\":972,\"caption\":\"MasterBase\u00ae\"},\"image\":{\"@id\":\"https:\\\/\\\/masterbase.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diciptakan dengan Configware - MasterBase\u00ae.","description":"Ciptakan solusi dengan Configware Selamat datang di Configware. Mengotomatiskan proses dengan cara yang gesit dan fleksibel.","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:\/\/masterbase.com\/id\/pembuatan-automation-studio\/configware\/","og_locale":"id_ID","og_type":"article","og_title":"Crea con Configware - MasterBase\u00ae","og_description":"Crea soluciones con Configware Bienvenido al Configware.Automatiza procesos en forma \u00e1gil y flexible","og_url":"https:\/\/masterbase.com\/id\/pembuatan-automation-studio\/configware\/","og_site_name":"MasterBase\u00ae","article_modified_time":"2026-08-05T23:04:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/masterbase.com\/automation-studio-build\/configware\/","url":"https:\/\/masterbase.com\/automation-studio-build\/configware\/","name":"Diciptakan dengan Configware - MasterBase\u00ae.","isPartOf":{"@id":"https:\/\/masterbase.com\/es\/#website"},"datePublished":"2023-10-03T10:44:07+00:00","dateModified":"2026-08-05T23:04:26+00:00","description":"Ciptakan solusi dengan Configware Selamat datang di Configware. Mengotomatiskan proses dengan cara yang gesit dan fleksibel.","breadcrumb":{"@id":"https:\/\/masterbase.com\/automation-studio-build\/configware\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/masterbase.com\/automation-studio-build\/configware\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/masterbase.com\/automation-studio-build\/configware\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/masterbase.com\/ru\/"},{"@type":"ListItem","position":2,"name":"Automation Studio Build","item":"https:\/\/masterbase.com\/el\/%ce%b4%ce%b7%ce%bc%ce%b9%ce%bf%cf%85%cf%81%ce%b3%ce%af%ce%b1-%cf%83%cf%84%ce%bf-automation-studio\/"},{"@type":"ListItem","position":3,"name":"Crea con Configware"}]},{"@type":"WebSite","@id":"https:\/\/masterbase.com\/es\/#website","url":"https:\/\/masterbase.com\/es\/","name":"MasterBase\u00ae","description":"Automata yang bekerja untuk Anda","publisher":{"@id":"https:\/\/masterbase.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/masterbase.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/masterbase.com\/es\/#organization","name":"MasterBase\u00ae","url":"https:\/\/masterbase.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/masterbase.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2023\/09\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1","contentUrl":"https:\/\/i0.wp.com\/masterbase.com\/wp-content\/uploads\/2023\/09\/Logo_negro_sinslogan.png?fit=1476%2C972&ssl=1","width":1476,"height":972,"caption":"MasterBase\u00ae"},"image":{"@id":"https:\/\/masterbase.com\/es\/#\/schema\/logo\/image\/"}}]}},"jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/Pf6Ilf-mj","_links":{"self":[{"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/pages\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/users\/239642484"}],"replies":[{"embeddable":true,"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":100,"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"predecessor-version":[{"id":35967,"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/pages\/1383\/revisions\/35967"}],"up":[{"embeddable":true,"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/pages\/8577"}],"wp:attachment":[{"href":"https:\/\/masterbase.com\/id\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}