{"id":17,"date":"2026-08-07T06:04:31","date_gmt":"2026-08-07T06:04:31","guid":{"rendered":"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/"},"modified":"2026-08-07T06:04:31","modified_gmt":"2026-08-07T06:04:31","slug":"solusi","status":"publish","type":"page","link":"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/","title":{"rendered":"Solusi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb35 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb35\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb36\" data-id=\"5fcbb36\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb37 elementor-widget elementor-widget-html\" data-id=\"5fcbb37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* GLOBAL OVERFLOW & ACCESSIBILITY FIX *\/\nhtml, body {\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow-x: hidden !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background-color: #0F172A; \/* Match primary background to avoid white flashes *\/\n  scroll-behavior: smooth;\n}\n\n\/* Fix Elementor sections container margins & paddings *\/\n.elementor-section, .elementor-container, .elementor-column-wrap, .elementor-widget-wrap {\n  max-width: 100% !important;\n  box-sizing: border-box !important;\n}\n\n\/* Ensure absolute-positioned elements do not trigger horizontal scrolling *\/\n.sh-hero, .sh-s02-bento, .sh-s03-comp, .sh-s05, .sh-s06, .sh-s07, .sh-footer,\n.sh-hero-c, .sh-s02-cred, .sh-s03-port, .sh-s04-cont,\n.sh-s01-sol, .sh-s02-sol, .sh-s03-sol, .sh-s04-sol,\n.sh-s01-p, .sh-s02-p, .sh-s03-p, .sh-s04-p, .sh-s05-p, .sh-s06-p {\n  overflow: hidden !important; \/* Forces clip on absolute decorations *\/\n}\n\n\/* Eliminate empty gaps between HTML sections *\/\nsection, footer, header {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n<\/style>\n<style>\n\/* PREMIUM ENTERPRISE GLASS-DECK NAVIGATION BAR *\/\n.sh-navbar-wrapper {\n  position: fixed;\n  top: 24px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 92%;\n  max-width: 1200px;\n  z-index: 99999;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sh-navbar-container {\n  background: rgba(255, 255, 255, 0.85);\n  border: 1px solid rgba(226, 232, 240, 0.8);\n  border-radius: 100px;\n  padding: 14px 36px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.01);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* Scroll Active state *\/\n.sh-navbar-wrapper.scrolled {\n  top: 12px;\n  width: 96%;\n}\n.sh-navbar-wrapper.scrolled .sh-navbar-container {\n  background: rgba(255, 255, 255, 0.92);\n  padding: 10px 28px;\n  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.01);\n  border-color: rgba(226, 232, 240, 0.9);\n}\n\n\/* Logo Alignment *\/\n.sh-navbar-logo-link {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  text-decoration: none;\n  transition: opacity 0.3s;\n  outline: none;\n}\n.sh-navbar-logo-link:hover { opacity: 0.85; }\n.sh-navbar-logo-icon {\n  background: #1D4ED8;\n  color: #ffffff;\n  width: 36px;\n  height: 36px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 10px rgba(29, 78, 216, 0.25);\n}\n.sh-navbar-logo-text {\n  font-size: 18px;\n  font-weight: 800;\n  color: #0F172A;\n  letter-spacing: -0.02em;\n}\n.sh-navbar-logo-text span {\n  color: #1D4ED8;\n}\n\n\/* Menu items *\/\n.sh-navbar-menu {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.sh-navbar-menu-item {\n  position: relative;\n}\n.sh-navbar-link {\n  font-size: 14.5px;\n  font-weight: 600;\n  color: #475569;\n  text-decoration: none;\n  transition: color 0.3s;\n  padding: 8px 0;\n  display: block;\n  outline: none;\n}\n.sh-navbar-link:hover {\n  color: #1D4ED8;\n}\n\n\/* Dropdown styling *\/\n.sh-navbar-dropdown {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%) translateY(10px);\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 20px;\n  padding: 16px;\n  min-width: 240px;\n  box-shadow: 0 20px 48px rgba(0,0,0,0.08);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.3s;\n}\n.sh-navbar-menu-item:hover .sh-navbar-dropdown {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translateX(-50%) translateY(0);\n}\n.sh-navbar-dropdown-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: #475569;\n  text-decoration: none;\n  padding: 10px 14px;\n  border-radius: 10px;\n  display: block;\n  transition: all 0.25s;\n  text-align: left;\n}\n.sh-navbar-dropdown-link:hover {\n  background: #EFF6FF;\n  color: #1D4ED8;\n}\n\n\/* Active indicator line *\/\n.sh-navbar-link::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2.5px;\n  background: #1D4ED8;\n  border-radius: 100px;\n  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.sh-navbar-link:hover::after,\n.sh-navbar-menu-item.active .sh-navbar-link::after {\n  width: 100%;\n}\n.sh-navbar-menu-item.active .sh-navbar-link {\n  color: #1D4ED8;\n}\n\n\/* CTA Call out *\/\n.sh-navbar-cta {\n  text-decoration: none;\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%);\n  color: #ffffff !important;\n  font-size: 13.5px;\n  font-weight: 700;\n  padding: 10px 24px;\n  border-radius: 100px;\n  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.2);\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  outline: none;\n}\n.sh-navbar-cta:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 8px 20px rgba(29, 78, 216, 0.35);\n}\n\n\/* Hamburger Trigger *\/\n.sh-hamburger {\n  display: none;\n  background: transparent;\n  border: none;\n  width: 36px;\n  height: 36px;\n  cursor: pointer;\n  outline: none;\n}\n.sh-hamburger-box { width: 24px; height: 18px; display: block; position: relative; }\n.sh-hamburger-inner,\n.sh-hamburger-inner::before,\n.sh-hamburger-inner::after {\n  width: 24px; height: 2px; background-color: #475569; position: absolute; border-radius: 4px; transition: transform 0.15s ease, background-color 0.15s ease;\n}\n.sh-hamburger-inner { top: 50%; transform: translateY(-50%); }\n.sh-hamburger-inner::before { content: \"\"; top: -6px; }\n.sh-hamburger-inner::after { content: \"\"; bottom: -6px; }\n\n.sh-hamburger.active .sh-hamburger-inner { background-color: transparent; }\n.sh-hamburger.active .sh-hamburger-inner::before { transform: translateY(6px) rotate(45deg); }\n.sh-hamburger.active .sh-hamburger-inner::after { transform: translateY(-6px) rotate(-45deg); }\n\n\/* MOBILE SIDE DRAWER *\/\n.sh-mobile-drawer {\n  position: fixed;\n  top: 0; right: -100%;\n  width: 80%;\n  max-width: 320px;\n  height: 100vh;\n  background: #ffffff;\n  border-left: 1px solid #E2E8F0;\n  z-index: 99998;\n  padding: 120px 32px 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  box-shadow: -20px 0 50px rgba(0,0,0,0.05);\n  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.sh-mobile-drawer.active {\n  right: 0;\n}\n.sh-mobile-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 24px; text-align: left; }\n.sh-mobile-link { font-size: 18px; font-weight: 700; color: #0F172A; text-decoration: none; display: block; }\n.sh-mobile-link:hover { color: #1D4ED8; }\n\n@media(max-width: 900px) {\n  .sh-navbar-menu, .sh-navbar-cta { display: none; }\n  .sh-hamburger { display: block; }\n}\n<\/style>\n\n<div class=\"sh-navbar-wrapper\" id=\"navbarWrapper\">\n  <div class=\"sh-navbar-container\">\n    <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/index\/\" class=\"sh-navbar-logo-link\">\n      <div class=\"sh-navbar-logo-icon\">S<\/div>\n      <div class=\"sh-navbar-logo-text\">SmartHub <span>SmartRS<\/span><\/div>\n    <\/a>\n    \n    <ul class=\"sh-navbar-menu\">\n      <li class=\"sh-navbar-menu-item\" id=\"nav-index\"><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/index\/\" class=\"sh-navbar-link\">Beranda<\/a><\/li>\n      <li class=\"sh-navbar-menu-item\" id=\"nav-solusi\">\n        <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/\" class=\"sh-navbar-link\">Solusi<\/a>\n        <div class=\"sh-navbar-dropdown\">\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#modul\" class=\"sh-navbar-dropdown-link\">smartRS Modul Utama<\/a>\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#penunjang\" class=\"sh-navbar-dropdown-link\">Integrasi Penunjang<\/a>\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#tata-kelola\" class=\"sh-navbar-dropdown-link\">Arsitektur &amp; Tata Kelola<\/a>\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#sla\" class=\"sh-navbar-dropdown-link\">Garansi SLA<\/a>\n        <\/div>\n      <\/li>\n      <li class=\"sh-navbar-menu-item\" id=\"nav-harga\"><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/\" class=\"sh-navbar-link\">Harga &amp; Paket<\/a><\/li>\n    <\/ul>\n    \n    <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-navbar-cta\">Jadwalkan Konsultasi<\/a>\n    \n    <button class=\"sh-hamburger\" id=\"hamburgerBtn\" onclick=\"toggleMobileMenu()\" aria-label=\"Menu Utama\">\n      <span class=\"sh-hamburger-box\">\n        <span class=\"sh-hamburger-inner\"><\/span>\n      <\/span>\n    <\/button>\n  <\/div>\n<\/div>\n\n<div class=\"sh-mobile-drawer\" id=\"mobileDrawer\">\n  <ul class=\"sh-mobile-list\">\n    <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/index\/\" class=\"sh-mobile-link\">Beranda<\/a><\/li>\n    <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/\" class=\"sh-mobile-link\">Solusi<\/a><\/li>\n    <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/\" class=\"sh-mobile-link\">Harga &amp; Paket<\/a><\/li>\n    <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-mobile-link\">Kontak<\/a><\/li>\n  <\/ul>\n  \n  <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-navbar-cta\" style=\"display:block; text-align:center;\">Jadwalkan Konsultasi<\/a>\n<\/div>\n\n<script>\n\/\/ Sticky scroll event\nwindow.addEventListener('scroll', function() {\n  var wrapper = document.getElementById('navbarWrapper');\n  if (window.scrollY > 50) {\n    wrapper.classList.add('scrolled');\n  } else {\n    wrapper.classList.remove('scrolled');\n  }\n});\n\n\/\/ Mobile menu toggle logic\nfunction toggleMobileMenu() {\n  var btn = document.getElementById('hamburgerBtn');\n  var drawer = document.getElementById('mobileDrawer');\n  btn.classList.toggle('active');\n  drawer.classList.toggle('active');\n}\n\n\/\/ Automatically detect active page based on current URL path\n(function() {\n  var path = window.location.pathname;\n  document.querySelectorAll('.sh-navbar-menu-item').forEach(item => {\n    item.classList.remove('active');\n  });\n  if (path.indexOf('solusi') !== -1) {\n    document.getElementById('nav-solusi').classList.add('active');\n  } else if (path.indexOf('harga') !== -1) {\n    document.getElementById('nav-harga').classList.add('active');\n  } else if (path.indexOf('kontak') !== -1) {\n    \/\/ handled gracefully\n  } else {\n    var home = document.getElementById('nav-index');\n    if (home) home.classList.add('active');\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb38 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb38\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb39\" data-id=\"5fcbb39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb3a elementor-widget elementor-widget-html\" data-id=\"5fcbb3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* PREMIUM ENTERPRISE SAAS MODULE SHOWCASE GRID *\/\n.sh-grid-modules {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n  margin-top: 20px;\n}\n\n\/* Premium Card Construction from scratch *\/\n.sh-mod-card {\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 28px;\n  padding: 44px 36px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.02);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Soft Decorative Background Gradients on Cards *\/\n.sh-mod-card::before {\n  content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px;\n  background: radial-gradient(circle at 100% 0%, rgba(29, 78, 216, 0.03) 0%, transparent 70%);\n  pointer-events: none;\n  transition: all 0.4s;\n}\n\n\/* Hover State *\/\n.sh-mod-card:hover {\n  transform: translateY(-6px);\n  border-color: #BFDBFE;\n  box-shadow: 0 24px 48px -8px rgba(29, 78, 216, 0.08);\n}\n.sh-mod-card:hover::before {\n  background: radial-gradient(circle at 100% 0%, rgba(29, 78, 216, 0.08) 0%, transparent 70%);\n}\n\n\/* Larger, Visually Appealing Icons *\/\n.sh-mod-icon {\n  width: 56px;\n  height: 56px;\n  background: #EFF6FF;\n  color: #1D4ED8;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 28px;\n  transition: all 0.3s;\n  border: 1px solid rgba(29,78,216,0.05);\n}\n.sh-mod-icon svg { width: 26px; height: 26px; }\n.sh-mod-card:hover .sh-mod-icon {\n  background: #1D4ED8;\n  color: #ffffff;\n  transform: scale(1.05);\n}\n\n\/* Typography hierarchy *\/\n.sh-mod-title {\n  font-size: 21px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0 0 16px;\n  letter-spacing: -0.015em;\n  line-height: 1.3;\n}\n\n\/* Benefit List Style with Features highlight *\/\n.sh-mod-desc-list {\n  font-size: 14px;\n  color: #475569;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.sh-mod-desc-list li {\n  position: relative;\n  padding-left: 24px;\n}\n.sh-mod-desc-list li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 4px;\n  width: 14px;\n  height: 14px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n\n@media(max-width: 1100px) {\n  .sh-grid-modules { grid-template-columns: repeat(2, 1fr); gap: 24px; }\n}\n@media(max-width: 640px) {\n  .sh-grid-modules { grid-template-columns: 1fr; gap: 20px; }\n  .sh-mod-card { padding: 36px 28px; }\n}\n<\/style>\n<style>\n.sh-s01-sol {\n  padding: 220px 0 120px !important;\n  background: linear-gradient(145deg, #050D2E 0%, #0B2167 30%, #1D4ED8 70%, #4338CA 100%) !important;\n  position: relative;\n  overflow: hidden !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  text-align: center;\n}\n.sh-s01-sol::before {\n  content: ''; position: absolute; inset: 0;\n  background: radial-gradient(circle at 50% 50%, rgba(99,102,241,.25) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\/* Grid Pattern Accents *\/\n.sh-s01-sol::after {\n  content: ''; position: absolute; inset: 0;\n  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n.sh-s01-sol .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }\n\n.sh-s01-sol .sh-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,0.22);\n  border-radius: 100px; padding: 6px 16px;\n  font-size: 13px; font-weight: 600; color: #fff; margin: 0 auto 24px;\n  backdrop-filter: blur(8px);\n}\n.sh-s01-sol .sh-h2 {\n  font-size: clamp(32px, 4vw, 48px); font-weight: 800; color: #fff !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px;\n}\n.sh-s01-sol .sh-section-desc {\n  font-size: 18px; color: rgba(255,255,255,0.84) !important; line-height: 1.7;\n  max-width: 800px; margin: 0 auto 64px;\n}\n\n\/* PREMIUM INTERACTIVE SYSTEM ARCHITECTURE PRESENTATION *\/\n.sh-arch-presenter {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 36px;\n  padding: 64px 48px;\n  max-width: 1000px;\n  margin: 0 auto 80px;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.25), inset 0 0 30px rgba(99,102,241,0.15);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Modern Diagram Grid *\/\n.sh-dia-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  gap: 60px;\n}\n\n\/* Node Styling *\/\n.sh-dia-node {\n  background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.03) 100%);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 20px;\n  padding: 16px 28px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n  transition: all 0.3s;\n  z-index: 5;\n}\n.sh-dia-node:hover {\n  border-color: #BAC8FF;\n  transform: translateY(-2px);\n  box-shadow: 0 15px 30px rgba(99,102,241,0.3);\n}\n.sh-dia-node--root {\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%);\n  border-color: rgba(255,255,255,0.2);\n}\n.sh-dia-node-icon {\n  width: 36px;\n  height: 36px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n}\n.sh-dia-node-icon svg { width: 18px; height: 18px; }\n.sh-dia-node-text {\n  text-align: left;\n}\n.sh-dia-node-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: #ffffff;\n  margin: 0;\n}\n.sh-dia-node-sub {\n  font-size: 11px;\n  color: #BAC8FF;\n  margin: 2px 0 0 0;\n  font-weight: 500;\n}\n\n\/* Mid Tier Column Grid *\/\n.sh-dia-row-mid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px;\n  width: 100%;\n}\n.sh-dia-row-mid .sh-dia-node {\n  justify-content: center;\n}\n\n\/* SVG Connection Lines overlay *\/\n.sh-dia-svg-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1;\n}\n.sh-dia-line {\n  stroke: rgba(255,255,255,0.15);\n  stroke-width: 2px;\n  fill: none;\n}\n.sh-dia-line-active {\n  stroke: #6366F1;\n  stroke-width: 2.5px;\n  fill: none;\n  stroke-dasharray: 12 12;\n  animation: lineFlow 35s linear infinite;\n}\n\n@keyframes lineFlow {\n  from { stroke-dashoffset: 1000; }\n  to { stroke-dashoffset: 0; }\n}\n\n\/* Modules Grid *\/\n.sh-grid-modules {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n.sh-mod-card {\n  background: #ffffff;\n  border-radius: 24px;\n  border: 1px solid #E2E8F0;\n  padding: 36px 28px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n}\n.sh-mod-card:hover {\n  transform: translateY(-4px);\n  border-color: #BFDBFE;\n  box-shadow: 0 20px 48px -12px rgba(29, 78, 216, 0.12);\n}\n.sh-mod-icon {\n  width: 48px;\n  height: 48px;\n  background: #EFF6FF;\n  color: #1D4ED8;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n.sh-mod-icon svg { width: 24px; height: 24px; }\n.sh-mod-title { font-size: 19px; font-weight: 700; color: #0F172A; margin: 0 0 12px; letter-spacing: -0.015em; }\n.sh-mod-desc-list {\n  font-size: 13.5px;\n  color: #475569;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.sh-mod-desc-list li {\n  position: relative;\n  padding-left: 18px;\n}\n.sh-mod-desc-list li::before {\n  content: \"\u2022\";\n  position: absolute;\n  left: 0;\n  color: #1D4ED8;\n  font-weight: bold;\n}\n\n@media(max-width: 1024px) {\n  .sh-grid-modules { grid-template-columns: repeat(2, 1fr); }\n  .sh-dia-row-mid { gap: 20px; }\n}\n@media(max-width: 768px) {\n  .sh-grid-modules { grid-template-columns: 1fr; }\n  .sh-arch-presenter { padding: 40px 20px; }\n  .sh-dia-row-mid { grid-template-columns: 1fr; gap: 30px; }\n  .sh-dia-svg-overlay { display: none; } \/* Hide lines on mobile stack *\/\n}\n<\/style>\n\n<section class=\"sh-s01-sol\" id=\"modul\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">Arsitektur Fungsional<\/span>\n      <h2 class=\"sh-h2\">Arsitektur Jaringan Saraf Digital (SmartRS v.5)<\/h2>\n      <p class=\"sh-section-desc\">Satu kesatuan OS terpadu yang membebaskan faskes dari sistem silo terpisah-pisah, menghubungkan visi tata kelola eksekutif dengan eksekusi klinis operasional secara presisi.<\/p>\n    <\/div>\n    \n    <!-- Premium Glass-Style Architecture Presenter -->\n    <div class=\"sh-arch-presenter\">\n      \n      <!-- Connection Lines Overlay (rendered as SVG curves between nodes) -->\n      <svg class=\"sh-dia-svg-overlay\" viewBox=\"0 0 900 380\" preserveAspectRatio=\"none\">\n        <!-- Root node to mid tier -->\n        <path d=\"M 450,55 L 150,185\" class=\"sh-dia-line\" \/>\n        <path d=\"M 450,55 L 150,185\" class=\"sh-dia-line-active\" \/>\n        \n        <path d=\"M 450,55 L 450,185\" class=\"sh-dia-line\" \/>\n        <path d=\"M 450,55 L 450,185\" class=\"sh-dia-line-active\" \/>\n        \n        <path d=\"M 450,55 L 750,185\" class=\"sh-dia-line\" \/>\n        <path d=\"M 450,55 L 750,185\" class=\"sh-dia-line-active\" \/>\n        \n        <!-- Mid tier to Bottom tier -->\n        <path d=\"M 150,225 L 450,325\" class=\"sh-dia-line\" \/>\n        <path d=\"M 150,225 L 450,325\" class=\"sh-dia-line-active\" \/>\n        \n        <path d=\"M 450,225 L 450,325\" class=\"sh-dia-line\" \/>\n        <path d=\"M 450,225 L 450,325\" class=\"sh-dia-line-active\" \/>\n        \n        <path d=\"M 750,225 L 450,325\" class=\"sh-dia-line\" \/>\n        <path d=\"M 750,225 L 450,325\" class=\"sh-dia-line-active\" \/>\n      <\/svg>\n      \n      <div class=\"sh-dia-container\">\n        \n        <!-- Top Tier (Root Node) -->\n        <div class=\"sh-dia-node sh-dia-node--root\" style=\"transform: translate(0, 0);\">\n          <div class=\"sh-dia-node-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div class=\"sh-dia-node-text\">\n            <h4 class=\"sh-dia-node-title\">SmartRS (Unified OS)<\/h4>\n            <p class=\"sh-dia-node-sub\">25+ Modul Terintegrasi<\/p>\n          <\/div>\n        <\/div>\n        \n        <!-- Middle Tier (3 Columns) -->\n        <div class=\"sh-dia-row-mid\">\n          \n          <!-- Node 1 -->\n          <div class=\"sh-dia-node\">\n            <div class=\"sh-dia-node-icon\" style=\"background:rgba(29,78,216,0.15); color:#93C5FD;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"sh-dia-node-text\">\n              <h4 class=\"sh-dia-node-title\">smartRegon<\/h4>\n              <p class=\"sh-dia-node-sub\">Pendaftaran &amp; APM<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Node 2 -->\n          <div class=\"sh-dia-node\">\n            <div class=\"sh-dia-node-icon\" style=\"background:rgba(16,185,129,0.15); color:#34D399;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n            <\/div>\n            <div class=\"sh-dia-node-text\">\n              <h4 class=\"sh-dia-node-title\">smartRME<\/h4>\n              <p class=\"sh-dia-node-sub\">Rekam Medis (PMK 24)<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- Node 3 -->\n          <div class=\"sh-dia-node\">\n            <div class=\"sh-dia-node-icon\" style=\"background:rgba(245,158,11,0.15); color:#FBBF24;\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n            <\/div>\n            <div class=\"sh-dia-node-text\">\n              <h4 class=\"sh-dia-node-title\">smartCasemix<\/h4>\n              <p class=\"sh-dia-node-sub\">INA-CBG &amp; E-Klaim<\/p>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n        \n        <!-- Bottom Tier -->\n        <div class=\"sh-dia-node\">\n          <div class=\"sh-dia-node-icon\" style=\"background:rgba(139,92,246,0.15); color:#C084FC;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n          <\/div>\n          <div class=\"sh-dia-node-text\">\n            <h4 class=\"sh-dia-node-title\">smartBI<\/h4>\n            <p class=\"sh-dia-node-sub\">Tableau &amp; SIRS Dashboard<\/p>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n      \n    <\/div>\n\n    <!-- Modules Grid Details -->\n    <div class=\"sh-grid-modules\">\n      <!-- smartRegon -->\n      <div class=\"sh-mod-card\">\n        <div class=\"sh-mod-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"16\" y1=\"11\" x2=\"22\" y2=\"11\"\/><\/svg><\/div>\n        <h3 class=\"sh-mod-title\">smartRegon (Registrasi)<\/h3>\n        <ul class=\"sh-mod-desc-list\">\n          <li>Mendukung pendaftaran lewat berbagai kanal (online, anjungan mandiri\/kiosk APM, cetak eSEP otomatis).<\/li>\n          <li>Validasi kepesertaan BPJS real-time via Web Service &amp; integrasi Mobile JKN V.2.<\/li>\n          <li>Memangkas total waktu admisi pasien menjadi &lt; 5 detik.<\/li>\n        <\/ul>\n      <\/div>\n      \n      <!-- smartRME -->\n      <div class=\"sh-mod-card\">\n        <div class=\"sh-mod-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n        <h3 class=\"sh-mod-title\">smartRME (Rekam Medis)<\/h3>\n        <ul class=\"sh-mod-desc-list\">\n          <li>Kepatuhan PMK 24\/2022 &amp; SatuSehat dengan format data HL7 FHIR instan.<\/li>\n          <li>Kaidah klinis terstruktur (SOAP) dengan CPPT &amp; Clinical Pathway terintegrasi.<\/li>\n          <li>Peringatan keselamatan pasien: deteksi alergi obat &amp; skor EWS otomatis.<\/li>\n          <li>E-Prescribing &amp; order pemeriksaan penunjang terintegrasi apotek\/lab.<\/li>\n        <\/ul>\n      <\/div>\n      \n      <!-- smartCasemix -->\n      <div class=\"sh-mod-card\">\n        <div class=\"sh-mod-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg><\/div>\n        <h3 class=\"sh-mod-title\">smartCasemix (Klaim)<\/h3>\n        <ul class=\"sh-mod-desc-list\">\n          <li>Translasi data rekam medis menjadi klaim elektronik INA-CBGs tanpa salin-rekat manual (Single Entry).<\/li>\n          <li>Sistem Peringatan Dini (Alert Coding) koding ICD-10\/ICD-9-CM untuk meminimalkan dispute BPJS.<\/li>\n        <\/ul>\n      <\/div>\n      \n      <!-- smartBI -->\n      <div class=\"sh-mod-card\">\n        <div class=\"sh-mod-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\n        <h3 class=\"sh-mod-title\">smartBI (Dashboard BI)<\/h3>\n        <ul class=\"sh-mod-desc-list\">\n          <li>Pemantauan real-time KPI RS harian: BOR, ALOS, TOI, BTO, NDR, dan GDR.<\/li>\n          <li>Penarikan dan ekspor otomatis untuk Laporan RL1 hingga RL5 ke SIRS Online Kemenkes.<\/li>\n          <li>Kendali Mutu Kendali Biaya (KMKB) untuk membandingkan Nilai Klaim vs Billing Riil.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb3f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb3f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb40\" data-id=\"5fcbb40\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb41 elementor-widget elementor-widget-html\" data-id=\"5fcbb41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s02-sol {\n  padding: 120px 0;\n  background: #ffffff;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s02-sol, .sh-s02-sol * {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n.sh-s02-sol .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* Connected Process \/ Workflow Container *\/\n.sh-grid-support {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 48px;\n  margin-top: 80px;\n  position: relative;\n}\n\n\/* Connection Lines overlay between steps (desktop only) *\/\n.sh-grid-support::before {\n  content: '';\n  position: absolute;\n  top: 76px;\n  left: 10%;\n  right: 10%;\n  height: 2px;\n  background: repeating-linear-gradient(90deg, #E2E8F0, #E2E8F0 10px, transparent 10px, transparent 20px);\n  z-index: 1;\n}\n\n\/* Premium Process Steps *\/\n.sh-supp-card {\n  background: #ffffff;\n  border: 1.5px solid #E2E8F0;\n  border-radius: 28px;\n  padding: 48px 36px;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  text-align: left;\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n}\n.sh-supp-card:hover {\n  transform: translateY(-8px);\n  border-color: #1D4ED8;\n  box-shadow: 0 20px 48px -10px rgba(29, 78, 216, 0.12);\n}\n\n\/* Process Step Number Badge *\/\n.sh-step-num {\n  position: absolute;\n  top: -20px;\n  left: 36px;\n  background: #1D4ED8;\n  color: #ffffff;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 800;\n  box-shadow: 0 4px 10px rgba(29,78,216,0.3);\n  border: 4px solid #ffffff;\n}\n\n\/* Larger premium Icon Box *\/\n.sh-supp-icon-box {\n  width: 64px;\n  height: 64px;\n  background: #F8FAFC;\n  color: #1D4ED8;\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 28px;\n  transition: all 0.3s;\n  border: 1px solid #E2E8F0;\n}\n.sh-supp-icon-box svg { width: 28px; height: 28px; }\n.sh-supp-card:hover .sh-supp-icon-box {\n  background: #1D4ED8;\n  color: #ffffff;\n  border-color: #1D4ED8;\n}\n\n.sh-supp-title {\n  font-size: 22px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0 0 16px;\n  letter-spacing: -0.02em;\n}\n.sh-supp-desc {\n  font-size: 15px;\n  color: #475569;\n  line-height: 1.7;\n  margin: 0;\n}\n\n@media(max-width: 900px) {\n  .sh-grid-support { grid-template-columns: 1fr; gap: 60px; }\n  .sh-grid-support::before { display: none; } \/* Hide lines on mobile *\/\n  .sh-supp-card { padding: 40px 28px; }\n  .sh-s02-sol { padding: 80px 0; }\n}\n<\/style>\n\n<section class=\"sh-s02-sol\" id=\"penunjang\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\" style=\"background:#EFF6FF; color:#1D4ED8; border-color:rgba(29,78,216,0.18);\">Integrasi Penunjang<\/span>\n      <h2 class=\"sh-h2\">Penunjang, Logistik, &amp; Keuangan Terpadu<\/h2>\n      <p class=\"sh-section-desc\">Mengkoneksikan pilar pendukung operasional untuk mengeliminasi input ganda serta kebocoran logistik farmasi faskes.<\/p>\n    <\/div>\n    \n    <!-- Connected Process Layout -->\n    <div class=\"sh-grid-support\">\n      \n      <!-- Step 1 -->\n      <div class=\"sh-supp-card\">\n        <span class=\"sh-step-num\">01<\/span>\n        <div class=\"sh-supp-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-supp-title\">Bridging LIS &amp; RIS\/PACS<\/h3>\n        <p class=\"sh-supp-desc\">Integrasi langsung data parameter alat laboratorium dan gambar visual radiologi ke modul RME pasien untuk mempercepat diagnosis dokter secara instan.<\/p>\n      <\/div>\n      \n      <!-- Step 2 -->\n      <div class=\"sh-supp-card\">\n        <span class=\"sh-step-num\">02<\/span>\n        <div class=\"sh-supp-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-supp-title\">Intelijen Rantai Pasok<\/h3>\n        <p class=\"sh-supp-desc\">Pelacakan obat berbasis FEFO (First Expired, First Out), batch tracking, Auto-PO belanja prediktif, serta stok opname apotek tanpa downtime layanan.<\/p>\n      <\/div>\n      \n      <!-- Step 3 -->\n      <div class=\"sh-supp-card\">\n        <span class=\"sh-step-num\">03<\/span>\n        <div class=\"sh-supp-icon-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-supp-title\">Otomatisasi Akuntansi<\/h3>\n        <p class=\"sh-supp-desc\">Auto-billing tindakan medis langsung ke jurnal umum, pembukuan COA terpadu, serta perhitungan distribusi Jasa Pelayanan (JP\/Fee Dokter) secara transparan.<\/p>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb42 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb42\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb43\" data-id=\"5fcbb43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb44 elementor-widget elementor-widget-html\" data-id=\"5fcbb44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s03-sol {\n  padding: 140px 0;\n  background: #0F172A !important; \/* Premium Dark Navy Slate *\/\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s03-sol, .sh-s03-sol * {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\/* Glowing decorative background bubbles *\/\n.sh-s03-sol::before {\n  content: ''; position: absolute; top: -20%; left: -10%; width: 50vw; height: 50vw;\n  background: radial-gradient(circle, rgba(99,102,241,0.12) 0%, transparent 70%);\n  pointer-events: none; z-index: 1;\n}\n.sh-s03-sol::after {\n  content: ''; position: absolute; bottom: -20%; right: -10%; width: 45vw; height: 45vw;\n  background: radial-gradient(circle, rgba(29,78,216,0.15) 0%, transparent 70%);\n  pointer-events: none; z-index: 1;\n}\n.sh-s03-sol .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* Section Header on Dark Theme *\/\n.sh-s03-sol .sh-section-header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 80px;\n}\n.sh-s03-sol .sh-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 100px; padding: 6px 18px;\n  font-size: 12px; font-weight: 700; color: #BAC8FF;\n  text-transform: uppercase; letter-spacing: .08em; margin-bottom: 20px;\n}\n.sh-s03-sol .sh-h2 {\n  font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: #ffffff !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px;\n}\n.sh-s03-sol .sh-section-desc {\n  font-size: 18px; color: #94A3B8 !important; line-height: 1.7; margin: 0;\n}\n\n\/* 70% DIFFERENT LAYOUT: TABS \/ INTERACTIVE CONTROL DECK *\/\n.sh-control-deck {\n  display: grid;\n  grid-template-columns: 0.35fr 0.65fr;\n  gap: 48px;\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 40px;\n  padding: 48px;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  text-align: left;\n}\n\n\/* Control Buttons list on the left *\/\n.sh-deck-triggers {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.sh-deck-btn {\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 20px;\n  padding: 32px 28px;\n  text-align: left;\n  cursor: pointer;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  font-family: inherit;\n}\n.sh-deck-btn:hover {\n  background: rgba(255,255,255,0.02);\n  border-color: rgba(255,255,255,0.05);\n}\n.sh-deck-btn.active {\n  background: rgba(255,255,255,0.05);\n  border-color: rgba(255,255,255,0.1);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n}\n\n.sh-deck-btn-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 12px;\n}\n.sh-deck-btn-icon {\n  width: 40px;\n  height: 40px;\n  background: rgba(255,255,255,0.05);\n  color: #BAC8FF;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s;\n}\n.sh-deck-btn-icon svg { width: 20px; height: 20px; }\n.sh-deck-btn.active .sh-deck-btn-icon {\n  background: #1D4ED8;\n  color: #ffffff;\n}\n.sh-deck-btn-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #94A3B8;\n  margin: 0;\n  transition: color 0.3s;\n}\n.sh-deck-btn.active .sh-deck-btn-title {\n  color: #ffffff;\n}\n.sh-deck-btn-summary {\n  font-size: 13.5px;\n  color: #64748B;\n  line-height: 1.5;\n  margin: 0;\n}\n.sh-deck-btn.active .sh-deck-btn-summary {\n  color: #94A3B8;\n}\n\n\/* Right Content Display Box *\/\n.sh-deck-display {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 28px;\n  padding: 48px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n  overflow: hidden;\n}\n.sh-deck-display::before {\n  content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%;\n  background: radial-gradient(circle at 100% 0%, rgba(99, 102, 241, 0.05) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n.sh-deck-content-pane {\n  display: none;\n  animation: fadeIn 0.5s ease forwards;\n}\n.sh-deck-content-pane.active {\n  display: block;\n}\n\n.sh-deck-display-title {\n  font-size: 26px;\n  font-weight: 800;\n  color: #ffffff;\n  margin-bottom: 20px;\n  letter-spacing: -0.015em;\n}\n.sh-deck-display-desc {\n  font-size: 16px;\n  color: #94A3B8;\n  line-height: 1.7;\n  margin-bottom: 40px;\n}\n\n\/* High-tech visualization widget *\/\n.sh-deck-visual-widget {\n  background: rgba(0, 0, 0, 0.2);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 20px;\n  padding: 24px 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.sh-widget-status {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.sh-widget-pulse {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #10B981;\n  box-shadow: 0 0 10px #10B981;\n  animation: pulsePulse 1.5s infinite;\n}\n.sh-widget-label {\n  font-size: 13px;\n  font-weight: 700;\n  color: #94A3B8;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.sh-widget-value {\n  font-size: 14px;\n  font-weight: 700;\n  color: #ffffff;\n  background: rgba(29, 78, 216, 0.2);\n  border: 1px solid rgba(29, 78, 216, 0.3);\n  padding: 4px 12px;\n  border-radius: 6px;\n}\n\n@keyframes pulsePulse {\n  0% { transform: scale(1); opacity: 1; }\n  50% { transform: scale(1.25); opacity: 0.5; }\n  100% { transform: scale(1); opacity: 1; }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media(max-width: 900px) {\n  .sh-control-deck { grid-template-columns: 1fr; padding: 24px; gap: 32px; }\n  .sh-s03-sol { padding: 80px 0; }\n  .sh-deck-display { padding: 32px 20px; }\n  .sh-deck-btn { padding: 24px; }\n}\n<\/style>\n\n<section class=\"sh-s03-sol\" id=\"tata-kelola\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">Arsitektur &amp; Tata Kelola<\/span>\n      <h2 class=\"sh-h2\">Infrastruktur Enterprise &amp; Model Ambidextrous<\/h2>\n      <p class=\"sh-section-desc\">Keandalan arsitektur teknologi berskala besar untuk memastikan stabilitas operasional klinis mutlak tanpa risiko crash.<\/p>\n    <\/div>\n    \n    <!-- 70% DIFFERENT: PREMIUM INTERACTIVE CONTROL DECK -->\n    <div class=\"sh-control-deck\">\n      \n      <!-- Interactive Navigation (Left) -->\n      <div class=\"sh-deck-triggers\">\n        \n        <!-- Tab Button 1 -->\n        <button class=\"sh-deck-btn active\" onclick=\"switchDeckTab(event, 'deck-infra')\">\n          <div class=\"sh-deck-btn-header\">\n            <div class=\"sh-deck-btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\n            <\/div>\n            <h3 class=\"sh-deck-btn-title\">Distributed Architecture<\/h3>\n          <\/div>\n          <p class=\"sh-deck-btn-summary\">Kecepatan akses bebas bottleneck melalui database terdistribusi.<\/p>\n        <\/button>\n        \n        <!-- Tab Button 2 -->\n        <button class=\"sh-deck-btn\" onclick=\"switchDeckTab(event, 'deck-ambidextrous')\">\n          <div class=\"sh-deck-btn-header\">\n            <div class=\"sh-deck-btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n            <\/div>\n            <h3 class=\"sh-deck-btn-title\">Ambidextrous Model<\/h3>\n          <\/div>\n          <p class=\"sh-deck-btn-summary\">Stabilitas operasional inti dipadu kustomisasi tangkas regulasi.<\/p>\n        <\/button>\n        \n      <\/div>\n      \n      <!-- Interactive Display Box (Right) -->\n      <div class=\"sh-deck-display\">\n        \n        <!-- Pane 1: Distributed Architecture -->\n        <div id=\"deck-infra\" class=\"sh-deck-content-pane active\">\n          <h3 class=\"sh-deck-display-title\">Distributed Database Architecture<\/h3>\n          <p class=\"sh-deck-display-desc\">Pemisahan database klinis berat (RME DB) dengan database transaksional (SIMRS DB) melalui mesin sinkronisasi API SYNCHRO untuk menjamin kecepatan akses optimal bebas bottleneck beban tinggi.<\/p>\n          \n          <div class=\"sh-deck-visual-widget\">\n            <div class=\"sh-widget-status\">\n              <span class=\"sh-widget-pulse\"><\/span>\n              <span class=\"sh-widget-label\">SYNCHRO Pipeline<\/span>\n            <\/div>\n            <span class=\"sh-widget-value\">Latency &lt; 50ms<\/span>\n          <\/div>\n        <\/div>\n        \n        <!-- Pane 2: Ambidextrous Model -->\n        <div id=\"deck-ambidextrous\" class=\"sh-deck-content-pane\">\n          <h3 class=\"sh-deck-display-title\">Model Ambidextrous Hospital<\/h3>\n          <p class=\"sh-deck-display-desc\">Smarthub membagi tim operasional menjadi dua lapisan secara cerdas: Exploit Layer (80% menjaga stabilitas &amp; pendampingan harian) dan Explore Layer (20% menghadirkan kustomisasi &amp; pembaruan regulasi baru) secara simultan tanpa mengganggu layanan klinis yang berjalan.<\/p>\n          \n          <div class=\"sh-deck-visual-widget\">\n            <div class=\"sh-widget-status\">\n              <span class=\"sh-widget-pulse\" style=\"background:#8B5CF6; box-shadow:0 0 10px #8B5CF6;\"><\/span>\n              <span class=\"sh-widget-label\">Operation Model<\/span>\n            <\/div>\n            <span class=\"sh-widget-value\">80% Exploit \/ 20% Explore<\/span>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction switchDeckTab(e, paneId) {\n  \/\/ Update button active states\n  document.querySelectorAll('.sh-deck-btn').forEach(btn => {\n    btn.classList.remove('active');\n  });\n  e.currentTarget.classList.add('active');\n  \n  \/\/ Update display pane states\n  document.querySelectorAll('.sh-deck-content-pane').forEach(pane => {\n    pane.classList.remove('active');\n  });\n  document.getElementById(paneId).classList.add('active');\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb45 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb45\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb46\" data-id=\"5fcbb46\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb47 elementor-widget elementor-widget-html\" data-id=\"5fcbb47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s04-sol {\n  padding: 140px 0;\n  background: linear-gradient(160deg, #EEF2FF 0%, #E0E7FF 50%, #EFF6FF 100%) !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s04-sol, .sh-s04-sol * {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n.sh-s04-sol .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* SLA SECTION HEADER *\/\n.sh-s04-sol .sh-section-header {\n  max-width: 760px;\n  margin: 0 auto 80px;\n}\n.sh-s04-sol .sh-eyebrow {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: #EFF6FF; border: 1px solid rgba(29,78,216,0.18); border-radius: 100px;\n  padding: 6px 18px; font-size: 12px; font-weight: 700; color: #1D4ED8;\n  text-transform: uppercase; letter-spacing: .08em; margin-bottom: 20px;\n}\n.sh-s04-sol .sh-h2 {\n  font-size: clamp(32px, 4vw, 46px); font-weight: 800; color: #0F172A !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px;\n}\n.sh-s04-sol .sh-section-desc {\n  font-size: 18px; color: #475569 !important; line-height: 1.7; margin: 0;\n}\n\n\/* 70% DIFFERENT: CONNECTED SERVICE LEVEL AGREEMENT JOURNEY *\/\n.sh-sla-journey {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  gap: 32px;\n  margin-top: 64px;\n}\n\n\/* Priority Card with hierarchical sizes from P1 to P4 *\/\n.sh-sla-card-row {\n  display: grid;\n  grid-template-columns: 0.22fr 0.28fr 0.5fr;\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 28px;\n  padding: 36px 48px;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow: hidden;\n}\n\n\/* Connective lines between rows (Desktop only) *\/\n.sh-sla-card-row::after {\n  content: '';\n  position: absolute;\n  bottom: -32px;\n  left: 50%;\n  width: 2px;\n  height: 32px;\n  background: #E2E8F0;\n  z-index: 1;\n  display: none; \/* Controlled via flex flow *\/\n}\n\n\/* P1 Ultimate Highlight Theme *\/\n.sh-sla-card-row--p1 {\n  border: 2px solid #DC2626;\n  background: linear-gradient(90deg, #FFF5F5 0%, #ffffff 50%);\n  box-shadow: 0 20px 48px rgba(220, 38, 38, 0.08);\n  transform: scale(1.02);\n}\n.sh-sla-card-row--p1:hover {\n  transform: scale(1.03) translateY(-2px);\n  border-color: #B91C1C;\n  box-shadow: 0 24px 60px rgba(220, 38, 38, 0.15);\n}\n\n\/* Non-P1 Hovers *\/\n.sh-sla-card-row:not(--p1):hover {\n  transform: translateY(-4px);\n  border-color: #BFDBFE;\n  box-shadow: 0 20px 40px rgba(29, 78, 216, 0.08);\n}\n\n\/* Column 1: Priority Indicator Badge *\/\n.sh-sla-badge-col {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.sh-sla-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n.sh-sla-dot--p1 { background: #DC2626; box-shadow: 0 0 10px #DC2626; animation: blinkP1 1.5s infinite; }\n.sh-sla-dot--p2 { background: #D97706; }\n.sh-sla-dot--p3 { background: #2563EB; }\n.sh-sla-dot--p4 { background: #64748B; }\n\n.sh-sla-level-lbl {\n  font-size: 15px;\n  font-weight: 800;\n  color: #0F172A;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n@keyframes blinkP1 {\n  0% { opacity: 1; }\n  50% { opacity: 0.4; }\n  100% { opacity: 1; }\n}\n\n\/* Column 2: Primary Visual Response Time *\/\n.sh-sla-time-col {\n  border-left: 1px solid #E2E8F0;\n  padding-left: 36px;\n}\n.sh-sla-card-row--p1 .sh-sla-time-col {\n  border-left-color: #FCA5A5;\n}\n.sh-sla-time-val {\n  font-size: 28px;\n  font-weight: 800;\n  color: #0F172A;\n  letter-spacing: -0.02em;\n}\n.sh-sla-card-row--p1 .sh-sla-time-val {\n  color: #DC2626;\n}\n.sh-sla-time-lbl {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: #64748B;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-top: 4px;\n}\n\n\/* Column 3: Title & Description content block *\/\n.sh-sla-content-col {\n  border-left: 1px solid #E2E8F0;\n  padding-left: 36px;\n}\n.sh-sla-card-row--p1 .sh-sla-content-col {\n  border-left-color: #FCA5A5;\n}\n.sh-sla-card-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0 0 8px 0;\n}\n.sh-sla-card-desc {\n  font-size: 14.5px;\n  color: #475569;\n  line-height: 1.6;\n  margin: 0;\n}\n\n@media(max-width: 900px) {\n  .sh-sla-card-row {\n    grid-template-columns: 1fr;\n    gap: 24px;\n    padding: 32px;\n  }\n  .sh-sla-time-col, .sh-sla-content-col {\n    border-left: none;\n    padding-left: 0;\n    border-top: 1px solid #E2E8F0;\n    padding-top: 20px;\n  }\n  .sh-sla-card-row--p1 {\n    transform: none;\n  }\n  .sh-sla-card-row--p1:hover {\n    transform: translateY(-2px);\n  }\n}\n<\/style>\n\n<section class=\"sh-s04-sol\" id=\"sla\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">Komitmen SLA<\/span>\n      <h2 class=\"sh-h2\">Garansi SLA Triage 24\/7 (Respon Terukur)<\/h2>\n      <p class=\"sh-section-desc\">Eskalasi penyelesaian kendala operasional klinis secara kontraktual yang terjamin kepastian durasi resolusinya.<\/p>\n    <\/div>\n    \n    <!-- 70% DIFFERENT: CONNECTED SERVICE LEVEL AGREEMENT JOURNEY -->\n    <div class=\"sh-sla-journey\">\n      \n      <!-- P1: Absolute Priority (Glowing Highlighted Block) -->\n      <div class=\"sh-sla-card-row sh-sla-card-row--p1\">\n        <div class=\"sh-sla-badge-col\">\n          <span class=\"sh-sla-dot sh-sla-dot--p1\"><\/span>\n          <span class=\"sh-sla-level-lbl\" style=\"color: #DC2626;\">P1 Kritis<\/span>\n        <\/div>\n        <div class=\"sh-sla-time-col\">\n          <div class=\"sh-sla-time-val\">&lt; 4 Jam<\/div>\n          <div class=\"sh-sla-time-lbl\">SLA RESOLUSI<\/div>\n        <\/div>\n        <div class=\"sh-sla-content-col\">\n          <h4 class=\"sh-sla-card-title\">Resolusi Pelayanan Utama<\/h4>\n          <p class=\"sh-sla-card-desc\">Gangguan pelayanan utama (pendaftaran mati, RME putus, atau bridging BPJS bermasalah). Penanganan darurat instan langsung oleh Senior Architect.<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- P2: Strategic Support -->\n      <div class=\"sh-sla-card-row\">\n        <div class=\"sh-sla-badge-col\">\n          <span class=\"sh-sla-dot sh-sla-dot--p2\"><\/span>\n          <span class=\"sh-sla-level-lbl\">P2 Strategis<\/span>\n        <\/div>\n        <div class=\"sh-sla-time-col\">\n          <div class=\"sh-sla-time-val\">3 Hari<\/div>\n          <div class=\"sh-sla-time-lbl\">SLA RESOLUSI<\/div>\n        <\/div>\n        <div class=\"sh-sla-content-col\">\n          <h4 class=\"sh-sla-card-title\">Penyesuaian Workflow &amp; Master Data<\/h4>\n          <p class=\"sh-sla-card-desc\">Penyesuaian workflow rumah sakit, perubahan minor master data tarif, atau pembaruan kepatuhan regulasi minor via siklus sprint berkala.<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- P3: Daily Operations -->\n      <div class=\"sh-sla-card-row\">\n        <div class=\"sh-sla-badge-col\">\n          <span class=\"sh-sla-dot sh-sla-dot--p3\"><\/span>\n          <span class=\"sh-sla-level-lbl\">P3 Operasional<\/span>\n        <\/div>\n        <div class=\"sh-sla-time-col\">\n          <div class=\"sh-sla-time-val\">Harian<\/div>\n          <div class=\"sh-sla-time-lbl\">SLA RESOLUSI<\/div>\n        <\/div>\n        <div class=\"sh-sla-content-col\">\n          <h4 class=\"sh-sla-card-title\">Tugas &amp; Asistensi Harian<\/h4>\n          <p class=\"sh-sla-card-desc\">Asistensi operasional reguler untuk pendelegasian tugas harian staf rekam medis, perubahan data personal, atau panduan penggunaan.<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- P4: Optimization -->\n      <div class=\"sh-sla-card-row\" style=\"opacity: 0.85;\">\n        <div class=\"sh-sla-badge-col\">\n          <span class=\"sh-sla-dot sh-sla-dot--p4\"><\/span>\n          <span class=\"sh-sla-level-lbl\" style=\"color: #64748B;\">P4 Eliminasi<\/span>\n        <\/div>\n        <div class=\"sh-sla-time-col\">\n          <div class=\"sh-sla-time-val\">Eliminasi<\/div>\n          <div class=\"sh-sla-time-lbl\">SLA RESOLUSI<\/div>\n        <\/div>\n        <div class=\"sh-sla-content-col\">\n          <h4 class=\"sh-sla-card-title\">Permintaan Non-Esensial \/ Kosmetik<\/h4>\n          <p class=\"sh-sla-card-desc\">Pemilahan cerdas untuk menyortir permintaan kosmetik non-esensial demi menjaga performa optimal core system.<\/p>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb48 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb49\" data-id=\"5fcbb49\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb4a elementor-widget elementor-widget-html\" data-id=\"5fcbb4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s07{padding:0 0 120px;background:linear-gradient(160deg,#DBEAFE 0%,#C7D2FE 45%,#A5B4FC 100%);font-family:'Inter',sans-serif;}\n.sh-s07 .sh-c{max-width:1280px;margin:0 auto;padding:0 24px;}\n.sh-cta-box{\n  background:linear-gradient(140deg,#050D2E 0%,#0B2167 35%,#1D4ED8 70%,#4338CA 100%);\n  border-radius:32px;padding:72px 64px;\n  box-shadow:0 25px 50px -12px rgba(11,33,103,.55);\n  display:grid;grid-template-columns:1.3fr 0.7fr;gap:64px;align-items:center;\n  position:relative;overflow:hidden;\n}\n.sh-cta-box::after{content:'';position:absolute;right:-80px;bottom:-80px;width:350px;height:350px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 80px rgba(255,255,255,.03),0 0 0 160px rgba(255,255,255,.015);pointer-events:none;}\n.sh-cta-box__title{font-size:clamp(26px,3vw,40px);font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.15;margin:0 0 20px;}\n.sh-cta-box__desc{font-size:17px;color:rgba(255,255,255,.88);line-height:1.7;margin:0 0 28px;}\n.sh-cklist{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0 0 40px;}\n.sh-cklist li{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:500;color:#fff;}\n.sh-cklist li svg{width:18px;height:18px;color:#34D399;flex-shrink:0;margin-top:2px;}\n.sh-cta-btns{display:flex;gap:14px;flex-wrap:wrap;}\n.sh-cta-btn{display:inline-flex;align-items:center;padding:15px 34px;font-size:15px;font-weight:600;border-radius:100px;cursor:pointer;border:1.5px solid transparent;transition:all .3s;font-family:'Inter',sans-serif;text-decoration:none;}\n.sh-cta-btn--w{background:#fff;color:#1D4ED8;box-shadow:0 4px 12px rgba(0,0,0,.12);}\n.sh-cta-btn--w:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);}\n.sh-cta-btn--o{background:transparent;border-color:rgba(255,255,255,.30);color:#fff;}\n.sh-cta-btn--o:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.6);}\n.sh-cta-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}\n.sh-cta-circles{position:relative;width:220px;height:220px;}\n.sh-cta-circles div{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);}\n.sh-cta-circles div:nth-child(2){inset:28px;border-color:rgba(255,255,255,.06);}\n.sh-cta-circles div:nth-child(3){inset:56px;border-color:rgba(255,255,255,.04);}\n.sh-cta-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.15);}\n.sh-cta-icon svg{width:100px;height:100px;}\n@media(max-width:900px){.sh-cta-box{grid-template-columns:1fr;padding:48px 32px;}.sh-cta-visual{display:none;}}\n@media(max-width:540px){.sh-cta-btns{flex-direction:column;}.sh-cta-btn{justify-content:center;}}\n<\/style>\n<section class=\"sh-s07\" id=\"demo\">\n  <div class=\"sh-c\">\n    <div class=\"sh-cta-box\">\n      <div>\n        <h2 class=\"sh-cta-box__title\">Inisiasi Transformasi Digital Fasilitas Kesehatan Anda Sekarang<\/h2>\n        <p class=\"sh-cta-box__desc\">Bergabunglah dalam ekosistem fasilitas kesehatan modern yang telah beralih menuju otomatisasi operasional dan keunggulan pelayanan klinis berstandar global.<\/p>\n        <ul class=\"sh-cklist\">\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Konsultasi awal &amp; audit kebutuhan sistem (Gratis)<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Protokol migrasi data historis dengan enkripsi penuh<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Asistensi teknis dan pendampingan di lapangan hingga fase Go-Live<\/li>\n        <\/ul>\n        <div class=\"sh-cta-btns\">\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-cta-btn sh-cta-btn--w\">Jadwalkan Demo<\/a>\n          <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-cta-btn sh-cta-btn--o\">Hubungi Tim Kami<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"sh-cta-visual\">\n        <div class=\"sh-cta-circles\">\n          <div><\/div><div><\/div><div><\/div>\n          <div class=\"sh-cta-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fcbb4b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fcbb4b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcbb4c\" data-id=\"5fcbb4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fcbb4d elementor-widget elementor-widget-html\" data-id=\"5fcbb4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* PREMIUM ENTERPRISE SAAS FOOTER *\/\n.sh-footer {\n  background: #090D1A !important;\n  color: #94A3B8;\n  padding: 100px 0 48px;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  position: relative;\n  overflow: hidden;\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\n}\n.sh-footer, .sh-footer * {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n\n\/* Background glowing accents *\/\n.sh-footer::before {\n  content: ''; position: absolute; bottom: 0; right: 0; width: 40vw; height: 40vw;\n  background: radial-gradient(circle at 100% 100%, rgba(29, 78, 216, 0.1) 0%, transparent 60%);\n  pointer-events: none; z-index: 1;\n}\n.sh-footer .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* 80% DIFFERENT STRUCTURAL GRID Layout *\/\n.sh-footer-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr;\n  gap: 64px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  padding-bottom: 64px;\n  margin-bottom: 40px;\n  text-align: left;\n}\n\n\/* Col 1: Brand & Contact Info *\/\n.sh-foot-brand-col { display: flex; flex-direction: column; gap: 24px; }\n.sh-foot-logo {\n  display: flex; align-items: center; gap: 10px; text-decoration: none;\n}\n.sh-foot-logo-icon {\n  background: #1D4ED8; color: #ffffff; width: 32px; height: 32px;\n  border-radius: 8px; display: flex; align-items: center; justify-content: center;\n  font-weight: 800; font-size: 16px;\n}\n.sh-foot-logo-text { font-size: 18px; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; }\n.sh-foot-logo-text span { color: #BAC8FF; }\n\n.sh-foot-desc { font-size: 14px; color: #64748B; line-height: 1.6; margin: 0; }\n\n.sh-foot-contact-details { display: flex; flex-direction: column; gap: 16px; }\n.sh-foot-contact-i { display: flex; gap: 12px; align-items: flex-start; }\n.sh-foot-contact-icon { color: #BAC8FF; flex-shrink: 0; margin-top: 2px; }\n.sh-foot-contact-icon svg { width: 16px; height: 16px; }\n.sh-foot-contact-text { font-size: 13.5px; color: #94A3B8; line-height: 1.5; margin: 0; }\n.sh-foot-contact-text a { color: #BAC8FF; text-decoration: none; transition: color 0.3s; }\n.sh-foot-contact-text a:hover { color: #ffffff; }\n\n\/* Col 2 & 3: Structured Navigation Lists *\/\n.sh-foot-nav-col { display: flex; flex-direction: column; gap: 24px; }\n.sh-foot-nav-title {\n  font-size: 12px; font-weight: 800; color: #ffffff;\n  text-transform: uppercase; letter-spacing: 0.1em; margin: 0;\n}\n.sh-foot-nav-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }\n.sh-foot-nav-link {\n  font-size: 14.5px; color: #64748B; text-decoration: none; transition: all 0.3s;\n  display: inline-block; position: relative; padding: 2px 0;\n}\n.sh-foot-nav-link:hover { color: #ffffff; transform: translateX(2px); }\n\n\/* Col 4: Premium Newsletter CTA Box *\/\n.sh-foot-newsletter-col {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 24px;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.sh-news-title { font-size: 16px; font-weight: 800; color: #ffffff; margin: 0; }\n.sh-news-desc { font-size: 13.5px; color: #64748B; line-height: 1.5; margin: 0; }\n.sh-news-form { display: flex; gap: 8px; width: 100%; }\n.sh-news-input {\n  flex-grow: 1;\n  background: rgba(0,0,0,0.25);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 100px;\n  padding: 10px 18px;\n  color: #ffffff;\n  font-size: 13.5px;\n  font-family: inherit;\n  transition: all 0.3s;\n  outline: none;\n}\n.sh-news-input:focus { border-color: #1D4ED8; }\n.sh-news-btn {\n  background: #1D4ED8;\n  color: #ffffff;\n  border: none;\n  border-radius: 100px;\n  padding: 10px 20px;\n  font-size: 13px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.sh-news-btn:hover { background: #1E40AF; transform: translateY(-1px); }\n\n\/* Bottom bar & social media *\/\n.sh-foot-bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 24px;\n  text-align: left;\n}\n.sh-foot-copyright { font-size: 13.5px; color: #64748B; margin: 0; }\n\n.sh-foot-socials { display: flex; gap: 16px; }\n.sh-foot-social-link {\n  width: 36px; height: 36px; background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08); border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  color: #94A3B8; transition: all 0.3s;\n}\n.sh-foot-social-link:hover {\n  background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; transform: translateY(-2px);\n}\n.sh-foot-social-link svg { width: 16px; height: 16px; }\n\n@media(max-width: 1024px) {\n  .sh-footer-grid { grid-template-columns: 1fr 1fr; gap: 48px; }\n}\n@media(max-width: 640px) {\n  .sh-footer-grid { grid-template-columns: 1fr; gap: 40px; }\n  .sh-foot-bottom { flex-direction: column; align-items: flex-start; }\n  .sh-footer { padding: 80px 0 40px; }\n}\n<\/style>\n\n<footer class=\"sh-footer\">\n  <div class=\"sh-c\">\n    <div class=\"sh-footer-grid\">\n      <!-- Col 1 -->\n      <div class=\"sh-foot-brand-col\">\n        <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/index\/\" class=\"sh-foot-logo\">\n          <div class=\"sh-foot-logo-icon\">S<\/div>\n          <div class=\"sh-foot-logo-text\">SmartHub <span>SmartRS<\/span><\/div>\n        <\/a>\n        <p class=\"sh-foot-desc\">Mitra transformasi ekosistem kesehatan terpadu dan terpercaya di Indonesia, menghadirkan kestabilan operasional klinis dan kepatuhan hukum mutlak.<\/p>\n        <div class=\"sh-foot-contact-details\">\n          <div class=\"sh-foot-contact-i\">\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span>\n            <p class=\"sh-foot-contact-text\">Wisma DKA\/DNA, Jl. Terusan Kuningan No. 16, Kuningan Barat, Mampang Prapatan, Jakarta Selatan 12710<\/p>\n          <\/div>\n          <div class=\"sh-foot-contact-i\">\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/span>\n            <p class=\"sh-foot-contact-text\">M. <a href=\"tel:087700300600\">0877 0030 0600<\/a> | T. <a href=\"tel:02152962504\">(021) 529 62504<\/a><\/p>\n          <\/div>\n          <div class=\"sh-foot-contact-i\">\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/span>\n            <p class=\"sh-foot-contact-text\"><a href=\"mailto:info@smarthub.co.id\">info@smarthub.co.id<\/a><\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Col 2 -->\n      <div class=\"sh-foot-nav-col\">\n        <h4 class=\"sh-foot-nav-title\">Navigasi Halaman<\/h4>\n        <ul class=\"sh-foot-nav-list\">\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/index\/\" class=\"sh-foot-nav-link\">Beranda<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/\" class=\"sh-foot-nav-link\">Kapabilitas Solusi<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/\" class=\"sh-foot-nav-link\">Harga &amp; Paket KSO<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-foot-nav-link\">Hubungi Kami<\/a><\/li>\n        <\/ul>\n      <\/div>\n      \n      <!-- Col 3 -->\n      <div class=\"sh-foot-nav-col\">\n        <h4 class=\"sh-foot-nav-title\">Modul &amp; Solusi<\/h4>\n        <ul class=\"sh-foot-nav-list\">\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRegon (Pendaftaran)<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRME (Rekam Medis)<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartCasemix (E-Klaim)<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartBI (Dashboard BI)<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/#opsi\" class=\"sh-foot-nav-link\">Kemitraan KSO RS<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/#legal\" class=\"sh-foot-nav-link\">Kepatuhan Hukum BLUD<\/a><\/li>\n          <li><a href=\"https:\/\/it.csaiinstitute.com\/index.php\/harga\/#faq\" class=\"sh-foot-nav-link\">Pertanyaan Umum (FAQ)<\/a><\/li>\n        <\/ul>\n      <\/div>\n      \n      <!-- Col 4 -->\n      <div class=\"sh-foot-newsletter-col\">\n        <h4 class=\"sh-news-title\">Berlangganan Newsletter<\/h4>\n        <p class=\"sh-news-desc\">Dapatkan rilis pembaruan regulasi Kemenkes SATUSEHAT &amp; tips kendali mutu kendali biaya langsung ke email Anda.<\/p>\n        <form class=\"sh-news-form\" onsubmit=\"event.preventDefault(); alert('Terima kasih telah berlangganan!');\">\n          <input type=\"email\" class=\"sh-news-input\" placeholder=\"Alamat email Anda\" required aria-label=\"Alamat Email\">\n          <button type=\"submit\" class=\"sh-news-btn\">Subskribe<\/button>\n        <\/form>\n      <\/div>\n    <\/div>\n    \n    <div class=\"sh-foot-bottom\">\n      <p class=\"sh-foot-copyright\">&copy; 2026 PT SmartHub Technologies. All rights reserved. Est. Mei 2002.<\/p>\n      <div class=\"sh-foot-socials\">\n        <a href=\"https:\/\/www.facebook.com\/\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/a>\n        <a href=\"https:\/\/www.instagram.com\/\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/a>\n        <a href=\"https:\/\/twitter.com\/\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Twitter\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"\/><\/svg><\/a>\n        <a href=\"https:\/\/www.linkedin.com\/\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}