{"id":18,"date":"2026-08-07T06:11:01","date_gmt":"2026-08-07T06:11:01","guid":{"rendered":"https:\/\/it.csaiinstitute.com\/index.php\/harga\/"},"modified":"2026-08-07T06:11:01","modified_gmt":"2026-08-07T06:11:01","slug":"harga","status":"publish","type":"page","link":"https:\/\/it.csaiinstitute.com\/index.php\/harga\/","title":{"rendered":"Harga &#038; Paket"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18 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-a02cc16 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc16\" 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-a02cc17\" data-id=\"a02cc17\" 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-a02cc18 elementor-widget elementor-widget-html\" data-id=\"a02cc18\" 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-a02cc19 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc19\" 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-a02cc1a\" data-id=\"a02cc1a\" 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-a02cc1b elementor-widget elementor-widget-html\" data-id=\"a02cc1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.sh-hero-p {\n  padding: 220px 0 100px !important;\n  background: linear-gradient(145deg, #050D2E 0%, #4338CA 100%) !important;\n  position: relative;\n  overflow: visible !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  text-align: center;\n}\n.sh-hero-p::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.sh-hero-p .sh-c {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 24px;\n  position: relative;\n  z-index: 1;\n}\n.sh-hero-p__badge {\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-hero-p__badge-dot { width: 7px; height: 7px; background: #BAC8FF; border-radius: 50%; }\n.sh-hero-p__h1 {\n  font-size: clamp(32px, 5vw, 56px); font-weight: 800; line-height: 1.15;\n  letter-spacing: -.03em; color: #fff !important; margin: 0 auto 20px;\n  max-width: 820px;\n}\n.sh-hero-p__h1 span { color: #BAC8FF; }\n.sh-hero-p__desc {\n  font-size: 18px; color: rgba(255,255,255,.84); line-height: 1.7;\n  max-width: 620px; margin: 0 auto 40px;\n}\n.sh-hero-p__actions {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.sh-hero-p__btn {\n  display: inline-flex; align-items: center; padding: 15px 32px;\n  font-size: 15px; font-weight: 600; border-radius: 100px;\n  cursor: pointer; border: 1.5px solid transparent;\n  transition: all 0.3s;\n  font-family: inherit; text-decoration: none;\n}\n.sh-hero-p__btn--primary {\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%);\n  color: #fff; box-shadow: 0 4px 14px rgba(29,78,216,0.3);\n}\n.sh-hero-p__btn--primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(29,78,216,0.45);\n}\n.sh-hero-p__btn--secondary {\n  background: transparent;\n  border-color: rgba(255,255,255,0.3);\n  color: #fff;\n}\n.sh-hero-p__btn--secondary:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: #fff;\n}\n@media(max-width:768px) {\n  .sh-hero-p { padding: 160px 0 80px !important; }\n  .sh-hero-p__actions { flex-direction: column; }\n  .sh-hero-p__btn { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<section class=\"sh-hero-p\">\n  <div class=\"sh-c\">\n    <div class=\"sh-hero-p__badge\">\n      <span class=\"sh-hero-p__badge-dot\"><\/span>\n      Proteksi Finansial Rumah Sakit\n    <\/div>\n    <h1 class=\"sh-hero-p__h1\">\n      Model KSO: Nol CAPEX, <span>Risiko Terkelola<\/span>\n    <\/h1>\n    <p class=\"sh-hero-p__desc\">\n      Ubah investasi infrastruktur IT Rumah Sakit dari beban modal (CAPEX) menjadi biaya operasional (OPEX) yang terukur dan terprediksi secara cerdas.\n    <\/p>\n    <div class=\"sh-hero-p__actions\">\n      <a href=\"https:\/\/it.csaiinstitute.com\/index.php\/kontak\/\" class=\"sh-hero-p__btn sh-hero-p__btn--primary\">Jadwalkan Konsultasi<\/a>\n      <a href=\"#opsi\" class=\"sh-hero-p__btn sh-hero-p__btn--secondary\">Lihat Model KSO<\/a>\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-a02cc1c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc1c\" 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-a02cc1d\" data-id=\"a02cc1d\" 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-a02cc1e elementor-widget elementor-widget-html\" data-id=\"a02cc1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Section Wrapper *\/\n.sh-s02-p {\n  padding: 140px 0;\n  background: linear-gradient(160deg, #F8FAFC 0%, #EEF2FF 50%, #E0E7FF 100%) !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s02-p::before {\n  content: ''; position: absolute; top: -10%; right: -10%; width: 40vw; height: 40vw;\n  background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, transparent 70%);\n  pointer-events: none;\n}\n.sh-s02-p .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* Section Header *\/\n.sh-s02-p .sh-section-header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 80px;\n}\n.sh-s02-p .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-s02-p .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-s02-p .sh-section-desc {\n  font-size: 18px; color: #475569 !important; line-height: 1.7; margin: 0;\n}\n\n\/* NEW ASYMMETRIC LAYOUT STRUCTURE *\/\n\/* Instead of 3 flat side-by-side cards, we divide it into two zones:\n   1. Left zone (0.4 width): OTC & KSO App Only stacked vertically or compactly.\n   2. Right zone (0.6 width): Full KSO presented as a massive, ultra-premium featured showcase panel. *\/\n.sh-pricing-layout {\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 48px;\n  align-items: stretch;\n  margin-top: 64px;\n}\n\n\/* Standard Options Panel (Left) *\/\n.sh-standard-options {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  justify-content: space-between;\n}\n\n\/* Standard Option Card from scratch *\/\n.sh-card-standard {\n  background: rgba(255, 255, 255, 0.7);\n  border: 1px solid rgba(226, 232, 240, 0.8);\n  border-radius: 24px;\n  padding: 36px;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  display: flex;\n  gap: 24px;\n  align-items: flex-start;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.01);\n}\n.sh-card-standard:hover {\n  background: #ffffff;\n  border-color: #BFDBFE;\n  transform: translateX(4px);\n  box-shadow: 0 16px 32px rgba(29, 78, 216, 0.05);\n}\n\n.sh-standard-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  flex-shrink: 0;\n}\n.sh-standard-icon svg { width: 22px; height: 22px; }\n\n.sh-standard-content {\n  text-align: left;\n}\n.sh-standard-title {\n  font-size: 19px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0 0 10px;\n}\n.sh-standard-desc {\n  font-size: 14px;\n  color: #475569;\n  line-height: 1.6;\n  margin-bottom: 18px;\n}\n.sh-standard-tags {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.sh-standard-tag-item {\n  font-size: 11.5px;\n  font-weight: 700;\n  color: #334155;\n  background: rgba(226,232,240,0.5);\n  padding: 4px 10px;\n  border-radius: 6px;\n}\n\n\/* Feature Showcase Panel (Right - Recommended Option) *\/\n.sh-featured-panel {\n  background: #0F172A;\n  color: #ffffff;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 32px;\n  padding: 56px;\n  position: relative;\n  text-align: left;\n  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.sh-featured-panel::before {\n  content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%;\n  background: radial-gradient(circle at 100% 0%, rgba(29, 78, 216, 0.25) 0%, transparent 60%);\n  pointer-events: none;\n}\n.sh-featured-panel:hover {\n  transform: translateY(-4px);\n  border-color: rgba(99, 102, 241, 0.3);\n  box-shadow: 0 35px 60px -15px rgba(29, 78, 216, 0.2);\n}\n\n.sh-featured-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%);\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 6px 16px;\n  border-radius: 100px;\n  margin-bottom: 32px;\n  align-self: flex-start;\n  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.3);\n}\n\n.sh-featured-header-block {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 24px;\n}\n.sh-featured-icon {\n  width: 64px;\n  height: 64px;\n  background: rgba(255,255,255,0.06);\n  color: #BAC8FF;\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(255,255,255,0.1);\n}\n.sh-featured-icon svg { width: 30px; height: 30px; }\n\n.sh-featured-title {\n  font-size: 28px;\n  font-weight: 800;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n  margin-bottom: 12px;\n}\n.sh-featured-desc {\n  font-size: 16px;\n  color: #94A3B8;\n  line-height: 1.7;\n  margin-bottom: 40px;\n  max-width: 500px;\n}\n\n\/* Featured Benefits - Split in 2 columns *\/\n.sh-featured-grid-benefits {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n  padding-top: 36px;\n  margin-top: auto;\n}\n.sh-feat-benefit-item {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n.sh-feat-benefit-icon {\n  color: #10B981;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n.sh-feat-benefit-icon svg { width: 18px; height: 18px; }\n.sh-feat-benefit-text-block {\n  text-align: left;\n}\n.sh-feat-benefit-title {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 4px;\n}\n.sh-feat-benefit-desc {\n  font-size: 12.5px;\n  color: #94A3B8;\n  line-height: 1.5;\n}\n\n@media(max-width: 1024px) {\n  .sh-pricing-layout { grid-template-columns: 1fr; gap: 40px; }\n}\n@media(max-width: 640px) {\n  .sh-s02-p { padding: 80px 0; }\n  .sh-card-standard { flex-direction: column; gap: 16px; }\n  .sh-featured-panel { padding: 40px 24px; }\n  .sh-featured-grid-benefits { grid-template-columns: 1fr; gap: 20px; }\n}\n<\/style>\n\n<section class=\"sh-s02-p\" id=\"opsi\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">Pilihan Model Kemitraan<\/span>\n      <h2 class=\"sh-h2\">Tiga Opsi Model Bisnis Fleksibel<\/h2>\n      <p class=\"sh-section-desc\">Pilih opsi pengadaan sistem yang sesuai dengan alokasi anggaran dan proyeksi finansial tata kelola faskes Anda.<\/p>\n    <\/div>\n    \n    <div class=\"sh-pricing-layout\">\n      <!-- Standard Options stacked on the left -->\n      <div class=\"sh-standard-options\">\n        \n        <!-- OTC Option Card -->\n        <div class=\"sh-card-standard\">\n          <div class=\"sh-standard-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg>\n          <\/div>\n          <div class=\"sh-standard-content\">\n            <h3 class=\"sh-standard-title\">One-Time Charge (OTC) \/ Beli Putus<\/h3>\n            <p class=\"sh-standard-desc\">Pengadaan lisensi perangkat lunak mandiri untuk Rumah Sakit yang memiliki alokasi anggaran belanja modal (CAPEX) siap turun.<\/p>\n            <div class=\"sh-standard-tags\">\n              <span class=\"sh-standard-tag-item\">Lisensi Permanen<\/span>\n              <span class=\"sh-standard-tag-item\">On-Premise Server<\/span>\n              <span class=\"sh-standard-tag-item\">Anggaran CAPEX<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- KSO App Only Card -->\n        <div class=\"sh-card-standard\">\n          <div class=\"sh-standard-icon\">\n            <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>\n          <\/div>\n          <div class=\"sh-standard-content\">\n            <h3 class=\"sh-standard-title\">KSO Aplikasi Only<\/h3>\n            <p class=\"sh-standard-desc\">Berbagi risiko operasional (OPEX) dengan skema bagi hasil proporsional menggunakan infrastruktur server\/perangkat keras milik Rumah Sakit sendiri.<\/p>\n            <div class=\"sh-standard-tags\">\n              <span class=\"sh-standard-tag-item\">Beban OPEX RS<\/span>\n              <span class=\"sh-standard-tag-item\">Server Eksisting<\/span>\n              <span class=\"sh-standard-tag-item\">Bagi Hasil Fleksibel<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n      \n      <!-- Premium Showcase Panel (Full KSO) on the right -->\n      <div class=\"sh-featured-panel\">\n        <span class=\"sh-featured-badge\">\ud83c\udf1f Rekomendasi Utama<\/span>\n        \n        <div class=\"sh-featured-header-block\">\n          <div>\n            <h3 class=\"sh-featured-title\">Full KSO (Zero Initial Risk)<\/h3>\n            <p class=\"sh-featured-desc\">Model kerja sama operasional terpadu yang membebaskan Rumah Sakit dari beban risiko anggaran awal dengan penyediaan infrastruktur lengkap oleh Smarthub.<\/p>\n          <\/div>\n          <div class=\"sh-featured-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n        <\/div>\n        \n        <!-- Grid of Benefits -->\n        <div class=\"sh-featured-grid-benefits\">\n          \n          <div class=\"sh-feat-benefit-item\">\n            <span class=\"sh-feat-benefit-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div class=\"sh-feat-benefit-text-block\">\n              <h4 class=\"sh-feat-benefit-title\">Nol Beban CAPEX<\/h4>\n              <p class=\"sh-feat-benefit-desc\">100% bebas risiko pengadaan modal keras investasi di awal.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"sh-feat-benefit-item\">\n            <span class=\"sh-feat-benefit-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div class=\"sh-feat-benefit-text-block\">\n              <h4 class=\"sh-feat-benefit-title\">Hardware Disediakan<\/h4>\n              <p class=\"sh-feat-benefit-desc\">Hardware server, UPS stabil, dan penarikan FO ditanggung KSO.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"sh-feat-benefit-item\">\n            <span class=\"sh-feat-benefit-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div class=\"sh-feat-benefit-text-block\">\n              <h4 class=\"sh-feat-benefit-title\">Zero Depresiasi Aset<\/h4>\n              <p class=\"sh-feat-benefit-desc\">Rumah Sakit tidak terbebani biaya penyusutan nilai aset IT.<\/p>\n            <\/div>\n          <\/div>\n          \n          <div class=\"sh-feat-benefit-item\">\n            <span class=\"sh-feat-benefit-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/span>\n            <div class=\"sh-feat-benefit-text-block\">\n              <h4 class=\"sh-feat-benefit-title\">Pendampingan 24\/7<\/h4>\n              <p class=\"sh-feat-benefit-desc\">Termasuk tim teknis standby penuh di lapangan secara kontraktual.<\/p>\n            <\/div>\n          <\/div>\n          \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-a02cc1f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc1f\" 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-a02cc20\" data-id=\"a02cc20\" 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-a02cc21 elementor-widget elementor-widget-html\" data-id=\"a02cc21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s03-p {\n  padding: 120px 0;\n  background: #0F172A !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n.sh-s03-p .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n.sh-s03-p .sh-h2 { color: #ffffff !important; text-align: center; }\n.sh-s03-p .sh-section-desc { color: #94A3B8 !important; text-align: center; margin-bottom: 80px; }\n\n.sh-alt-row {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 64px;\n  align-items: center;\n  margin-bottom: 80px;\n}\n.sh-alt-row:last-child { margin-bottom: 0; }\n.sh-alt-text { text-align: left; }\n.sh-alt-title { font-size: 28px; font-weight: 800; color: #ffffff !important; margin: 0 0 20px; letter-spacing: -0.02em; }\n.sh-alt-desc { font-size: 16px; color: #94A3B8 !important; line-height: 1.7; margin: 0; }\n\n\/* Visual 1: Split Chart *\/\n.sh-split-chart {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 32px;\n  padding: 40px;\n  text-align: left;\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n}\n.sh-split-header { font-size: 14px; font-weight: 700; color: #BAC8FF; margin-bottom: 24px; text-transform: uppercase; }\n.sh-split-bar-container { display: flex; height: 32px; border-radius: 8px; overflow: hidden; margin-bottom: 20px; }\n.sh-split-bar-rs { background: #1D4ED8; width: 96.2%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 700; }\n.sh-split-bar-sh { background: #10B981; width: 3.8%; }\n.sh-split-legends { display: flex; justify-content: space-between; font-size: 12px; color: #94A3B8; }\n.sh-split-legend-item { display: flex; align-items: center; gap: 6px; }\n.sh-dot { width: 8px; height: 8px; border-radius: 50%; }\n\n\/* Visual 2: Leakage Reduction graph *\/\n.sh-graph-box {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 32px;\n  padding: 40px;\n  text-align: left;\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n}\n.sh-graph-header { font-size: 14px; font-weight: 700; color: #a7f3d0; margin-bottom: 24px; text-transform: uppercase; }\n.sh-graph-bars { display: flex; align-items: flex-end; gap: 20px; height: 120px; margin-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.1); }\n.sh-graph-col { flex: 1; display: flex; flex-direction: column; align-items: center; }\n.sh-graph-bar-i { width: 100%; border-radius: 6px 6px 0 0; }\n.sh-graph-lbl { font-size: 11px; color: #94A3B8; margin-top: 8px; }\n\n@media(max-width: 900px) {\n  .sh-alt-row { grid-template-columns: 1fr; gap: 40px; }\n  .sh-alt-row--reverse { display: flex; flex-direction: column-reverse; }\n  .sh-s03-p { padding: 80px 0; }\n}\n<\/style>\n\n<section class=\"sh-s03-p\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\" style=\"background:#ECFDF5; color:#059669; border-color:rgba(5,150,105,0.18);\">Revenue Sharing<\/span>\n      <h2 class=\"sh-h2\">Konsep KSO Revenue Sharing 3.8% \/ 2.9% (Pay-After-Verification)<\/h2>\n      <p class=\"sh-section-desc\">Mekanisme pembagian risiko finansial rasional yang dihitung murni dari hasil realisasi arus kas riil faskes.<\/p>\n    <\/div>\n    \n    <!-- Row 1: Text Left, Visual Right (Revenue Split Bar) -->\n    <div class=\"sh-alt-row\">\n      <div class=\"sh-alt-text\">\n        <h3 class=\"sh-alt-title\">Beban Berbasis Omzet Nyata<\/h3>\n        <p class=\"sh-alt-desc\">Skema bagi hasil KSO dihitung secara proporsional HANYA terhadap realisasi kas masuk Rumah Sakit yang telah sah tervalidasi, bukan dihitung dari target pendapatan nominal atau tagihan klaim BPJS Kesehatan yang masih tertunda (pending\/dispute).<\/p>\n      <\/div>\n      <div class=\"sh-split-chart\">\n        <div class=\"sh-split-header\">Proporsi Alokasi Realisasi Kas<\/div>\n        <div class=\"sh-split-bar-container\">\n          <div class=\"sh-split-bar-rs\">KAS RUMAH SAKIT (96.2%)<\/div>\n          <div class=\"sh-split-bar-sh\"><\/div>\n        <\/div>\n        <div class=\"sh-split-legends\">\n          <div class=\"sh-split-legend-item\"><span class=\"sh-dot\" style=\"background:#1D4ED8;\"><\/span> RSUD \/ RS Swasta (96.2%)<\/div>\n          <div class=\"sh-split-legend-item\"><span class=\"sh-dot\" style=\"background:#10B981;\"><\/span> Bagi Hasil KSO (3.8% \/ 2.9%)<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Row 2: Visual Left (Leakage Reduction Graph), Text Right -->\n    <div class=\"sh-alt-row sh-alt-row--reverse\">\n      <div class=\"sh-graph-box\">\n        <div class=\"sh-graph-header\">Dispute &amp; Kebocoran Finansial<\/div>\n        <div class=\"sh-graph-bars\">\n          <div class=\"sh-graph-col\">\n            <div class=\"sh-graph-bar-i\" style=\"height: 85%; background: #EF4444;\"><\/div>\n            <div class=\"sh-graph-lbl\">Sebelum<\/div>\n          <\/div>\n          <div class=\"sh-graph-col\">\n            <div class=\"sh-graph-bar-i\" style=\"height: 5%; background: #10B981;\"><\/div>\n            <div class=\"sh-graph-lbl\">Smarthub<\/div>\n          <\/div>\n        <\/div>\n        <div style=\"font-size:12px; color:#94A3B8; text-align:center;\">Dampak proteksi klaim casemix otomatis menurunkan tingkat dispute BPJS ke &lt; 1%<\/div>\n      <\/div>\n      <div class=\"sh-alt-text\">\n        <h3 class=\"sh-alt-title\">Self-Funding Mechanism<\/h3>\n        <p class=\"sh-alt-desc\">Nilai investasi operasional KSO ini dibiayai sepenuhnya dari hasil penghematan kebocoran kas (cash leakage). Penghentian kebocoran inventori farmasi dan proteksi klaim BPJS secara otomatis membiayai nilai KSO ini dalam waktu singkat.<\/p>\n      <\/div>\n    <\/div>\n    \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-a02cc22 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc22\" 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-a02cc23\" data-id=\"a02cc23\" 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-a02cc24 elementor-widget elementor-widget-html\" data-id=\"a02cc24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s04-p {\n  padding: 120px 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}\n.sh-s04-p .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n\n\/* Section Header Optimization *\/\n.sh-s04-p .sh-section-header {\n  max-width: 760px;\n  margin: 0 auto 56px;\n}\n.sh-s04-p .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-p .sh-h2 {\n  font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; color: #0F172A !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px;\n}\n.sh-s04-p .sh-section-desc {\n  font-size: 18px; color: #475569 !important; line-height: 1.7; margin: 0;\n}\n\n\/* Summary Statistics Cards *\/\n.sh-tco-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 56px;\n}\n.sh-tco-stat-card {\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 20px;\n  padding: 28px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n  text-align: center;\n  transition: transform 0.3s;\n}\n.sh-tco-stat-card:hover {\n  transform: translateY(-2px);\n}\n.sh-tco-stat-val {\n  font-size: 32px;\n  font-weight: 800;\n  color: #1D4ED8;\n  margin-bottom: 6px;\n  letter-spacing: -0.02em;\n}\n.sh-tco-stat-lbl {\n  font-size: 13.5px;\n  font-weight: 600;\n  color: #475569;\n}\n\n\/* TCO Table Structure *\/\n.sh-table-wrap {\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid #E2E8F0;\n  border-radius: 24px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n  background: #ffffff;\n  margin-bottom: 36px;\n}\n.sh-table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 800px;\n  text-align: left;\n}\n\n\/* Table Headers *\/\n.sh-table th {\n  background: #F8FAFC;\n  color: #0F172A;\n  font-weight: 700;\n  padding: 24px 32px;\n  border-bottom: 2px solid #E2E8F0;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.sh-table th.sh-col-highlight-h {\n  background: #EFF6FF;\n  border-bottom: 2px solid #BFDBFE;\n  color: #1D4ED8;\n}\n\n\/* Table Rows & Columns *\/\n.sh-table td {\n  padding: 22px 32px;\n  border-bottom: 1px solid #E2E8F0;\n  color: #475569;\n  font-size: 15px;\n  vertical-align: middle;\n  transition: background-color 0.2s;\n}\n.sh-table tr:hover td {\n  background-color: #F8FAFC;\n}\n.sh-table tr:last-child td {\n  border-bottom: none;\n}\n\n\/* Highlighted Column *\/\n.sh-table td.sh-col-highlight {\n  background: rgba(29, 78, 216, 0.015);\n  font-weight: 500;\n}\n.sh-table tr:hover td.sh-col-highlight {\n  background-color: rgba(29, 78, 216, 0.03);\n}\n\n\/* Redesigned Status Badges *\/\n.sh-badge-tco {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border-radius: 100px;\n  font-size: 12.5px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n}\n.sh-badge-tco--red {\n  background: #FEF2F2;\n  color: #DC2626;\n  border: 1px solid #FEE2E2;\n}\n.sh-badge-tco--green {\n  background: #ECFDF5;\n  color: #059669;\n  border: 1px solid #D1FAE5;\n}\n.sh-badge-tco svg {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 0;\n}\n\n\/* Info Box below table *\/\n.sh-tco-note {\n  background: rgba(29, 78, 216, 0.05);\n  border: 1px solid rgba(29, 78, 216, 0.12);\n  border-radius: 20px;\n  padding: 28px 36px;\n  font-size: 15px;\n  color: #1E40AF;\n  line-height: 1.6;\n  text-align: left;\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n.sh-tco-note-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  flex-shrink: 0;\n}\n.sh-tco-note-icon svg { width: 20px; height: 20px; }\n.sh-tco-note-text { margin: 0; }\n.sh-tco-note-text strong { color: #1E3A8A; }\n\n@media(max-width: 900px) {\n  .sh-tco-stats { grid-template-columns: 1fr; gap: 16px; }\n  .sh-s04-p { padding: 80px 0; }\n  .sh-tco-note { padding: 24px; flex-direction: column; gap: 14px; }\n  .sh-table td, .sh-table th { padding: 18px 20px; }\n}\n<\/style>\n\n<section class=\"sh-s04-p\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">TCO Analysis<\/span>\n      <h2 class=\"sh-h2\">Analisis Perbandingan Finansial<\/h2>\n      <p class=\"sh-section-desc\">Mengapa skema All-Inclusive Smarthub KSO \u00b153% lebih hemat dibandingkan vendor konvensional dengan tagihan terpisah.<\/p>\n    <\/div>\n    \n    <!-- Summary Stat Cards -->\n    <div class=\"sh-tco-stats\">\n      <div class=\"sh-tco-stat-card\">\n        <div class=\"sh-tco-stat-val\">\u00b153%<\/div>\n        <div class=\"sh-tco-stat-lbl\">TCO Lebih Efisien<\/div>\n      <\/div>\n      <div class=\"sh-tco-stat-card\">\n        <div class=\"sh-tco-stat-val\">Rp 1,1 M<\/div>\n        <div class=\"sh-tco-stat-lbl\">Included Investment Value<\/div>\n      <\/div>\n      <div class=\"sh-tco-stat-card\">\n        <div class=\"sh-tco-stat-val\">SLA P1<\/div>\n        <div class=\"sh-tco-stat-lbl\">Resolusi Gangguan &lt; 4 Jam<\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Table Wrapper -->\n    <div class=\"sh-table-wrap\">\n      <table class=\"sh-table\">\n        <thead>\n          <tr>\n            <th>Komponen Layanan<\/th>\n            <th>Vendor Konvensional<\/th>\n            <th class=\"sh-col-highlight-h\">Smarthub (Full KSO)<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><strong>Lisensi Aplikasi SIMRS &amp; RME<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Berbayar \/ Terpisah\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                INCLUDED (Rp 0)\n              <\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Migrasi Data Eksisting<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Rp 300 Juta (Ekstra)\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                INCLUDED (Rp 0)\n              <\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Kustomisasi &amp; Change Request<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Tagihan Terpisah\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                INCLUDED (Bebas Wajar)\n              <\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Pelatihan SDM Role-Based<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Tagihan Terpisah\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                INCLUDED (Rp 0)\n              <\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Infrastruktur Server, Network FO, UPS<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Beban Modal RS (CAPEX)\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Ditanggung KSO\n              <\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Dedicated Team &amp; SLA 24\/7<\/strong><\/td>\n            <td>\n              <span class=\"sh-badge-tco sh-badge-tco--red\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                Tambahan Biaya\n              <\/span>\n            <\/td>\n            <td class=\"sh-col-highlight\">\n              <span class=\"sh-badge-tco sh-badge-tco--green\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                INCLUDED (Premium)\n              <\/span>\n            <\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    \n    <!-- Info Box -->\n    <div class=\"sh-tco-note\">\n      <div class=\"sh-tco-note-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n      <\/div>\n      <div class=\"sh-tco-note-text\">\n        <strong>Included Investment Value:<\/strong> Smarthub memberikan nilai tambah investasi langsung sebesar \u00b1<strong>Rp 1,1 Miliar<\/strong> yang mencakup Akses Dashboard SmartBI, Standby Team Go-Live di lapangan, Pelatihan Role-based bersertifikat, Kustomisasi Minor, dan Migrasi Database tanpa Downtime operasional.\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-a02cc25 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc25\" 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-a02cc26\" data-id=\"a02cc26\" 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-a02cc27 elementor-widget elementor-widget-html\" data-id=\"a02cc27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s05-p {\n  padding: 120px 0;\n  background: #0B1120 !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n.sh-s05-p .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n.sh-s05-p .sh-h2 { color: #ffffff !important; text-align: center; }\n.sh-s05-p .sh-section-desc { color: #94A3B8 !important; text-align: center; margin-bottom: 80px; }\n\n.sh-alt-row-l {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 64px;\n  align-items: center;\n  margin-bottom: 80px;\n}\n.sh-alt-row-l:last-child { margin-bottom: 0; }\n.sh-alt-text-l { text-align: left; }\n.sh-alt-title-l { font-size: 28px; font-weight: 800; color: #ffffff !important; margin: 0 0 20px; letter-spacing: -0.02em; }\n.sh-alt-list-l {\n  list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;\n}\n.sh-alt-list-l li {\n  position: relative; padding-left: 28px; font-size: 15px; color: #94A3B8 !important; line-height: 1.6;\n}\n.sh-alt-list-l li::before {\n  content: \"\ud83d\udee1\ufe0f\"; position: absolute; left: 0; top: 2px;\n}\n.sh-alt-list-l li strong { color: #ffffff !important; }\n\n\/* Visual 1: Certificate Badge Style *\/\n.sh-cert-visual {\n  background: radial-gradient(circle at 10% 10%, rgba(29,78,216,0.15) 0%, transparent 60%), rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 32px;\n  padding: 40px;\n  text-align: left;\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n  position: relative;\n  overflow: hidden;\n}\n.sh-cert-seal {\n  position: absolute; right: 20px; top: 20px; font-size: 48px; opacity: 0.15; color: #fff;\n}\n.sh-cert-header { font-size: 11px; font-weight: 800; color: #BAC8FF; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; }\n.sh-cert-title { font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px; }\n.sh-cert-meta { font-size: 13px; color: #94A3B8; line-height: 1.5; }\n\n\/* Visual 2: E-Katalog Compliance Stamp Style *\/\n.sh-stamp-visual {\n  background: rgba(255, 255, 255, 0.02);\n  border: 2px dashed rgba(255, 255, 255, 0.12);\n  border-radius: 32px;\n  padding: 40px;\n  text-align: left;\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n}\n.sh-stamp-title { font-size: 18px; font-weight: 700; color: #a7f3d0; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\n.sh-stamp-desc { font-size: 13.5px; color: #94A3B8; line-height: 1.6; }\n\n.sh-legal-defense-box-l {\n  background: rgba(255, 255, 255, 0.05) !important;\n  border-radius: 24px;\n  padding: 40px;\n  color: #ffffff;\n  text-align: left;\n  border: 1px solid rgba(255, 255, 255, 0.1) !important;\n  margin-top: 80px;\n}\n.sh-legal-defense-title-l { font-size: 22px; font-weight: 800; color: #ffffff; margin: 0 0 12px; letter-spacing: -0.015em; }\n.sh-legal-defense-text-l { font-size: 15px; color: #94A3B8; line-height: 1.7; margin: 0; }\n.sh-legal-defense-text-l strong { color: #BAC8FF; }\n\n@media(max-width: 900px) {\n  .sh-alt-row-l { grid-template-columns: 1fr; gap: 40px; }\n  .sh-alt-row-l--reverse { display: flex; flex-direction: column-reverse; }\n  .sh-s05-p { padding: 80px 0; }\n}\n<\/style>\n\n<section class=\"sh-s05-p\" id=\"legal\">\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);\">Boardroom Defense<\/span>\n      <h2 class=\"sh-h2\">Fondasi Legal BLUD (Bebas Temuan Audit)<\/h2>\n      <p class=\"sh-section-desc\">Jaminan aspek hukum nasional dan daerah yang solid untuk meloloskan kemitraan strategis tanpa lelang konvensional.<\/p>\n    <\/div>\n    \n    <!-- Row 1: Text Left, Visual Right (Certificate layout) -->\n    <div class=\"sh-alt-row-l\">\n      <div class=\"sh-alt-text-l\">\n        <h3 class=\"sh-alt-title-l\">Regulasi Nasional<\/h3>\n        <ul class=\"sh-alt-list-l\">\n          <li><strong>UU No. 17 Tahun 2023 tentang Kesehatan:<\/strong> Landasan hukum kewajiban akselerasi digitalisasi operasional &amp; rekam medis elektronik faskes.<\/li>\n          <li><strong>PP No. 23\/2005 &amp; PP No. 74\/2012:<\/strong> Fleksibilitas tata kelola keuangan BLUD untuk mengikat kerja sama produktif dengan pihak ketiga.<\/li>\n          <li><strong>Permendagri No. 79\/2018 tentang BLUD:<\/strong> Pemenuhan hak faskes BLUD memperoleh pendapatan jasa operasional berbasis praktik bisnis sehat.<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"sh-cert-visual\">\n        <div class=\"sh-cert-seal\">\u2696\ufe0f<\/div>\n        <div class=\"sh-cert-header\">Official Credential<\/div>\n        <div class=\"sh-cert-title\">Nasional Kemenkes &amp; Kominfo<\/div>\n        <div class=\"sh-cert-meta\">Terdaftar PSE Kominfo RI, mematuhi Metadata SatuSehat Kemenkes, serta bersertifikasi HAKI Resmi.<\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Row 2: Visual Left (Stamp layout), Text Right -->\n    <div class=\"sh-alt-row-l sh-alt-row-l--reverse\">\n      <div class=\"sh-stamp-visual\">\n        <div class=\"sh-stamp-title\">\u2714\ufe0f e-Katalog LKPP Compatible<\/div>\n        <p class=\"sh-stamp-desc\">Diklasifikasikan sebagai Kontrak Operasional Jasa Layanan BLUD non-lelang fisik, sepenuhnya lolos pengadaan barang modal keras.<\/p>\n      <\/div>\n      <div class=\"sh-alt-text-l\">\n        <h3 class=\"sh-alt-title-l\">Regulasi Daerah<\/h3>\n        <ul class=\"sh-alt-list-l\">\n          <li><strong>Perwali Kota Depok No. 9 Tahun 2016:<\/strong> Pedoman teknis kerja sama BLUD RSUD untuk mengikat kontrak kemitraan operasional peningkatan layanan.<\/li>\n          <li><strong>Perwali Kota Depok No. 19 Tahun 2017:<\/strong> Memberikan pengecualian hukum atas mekanisme lelang umum barang modal keras demi kelangsungan operasional.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    \n    <!-- Summary Defense Box -->\n    <div class=\"sh-legal-defense-box-l\">\n      <h3 class=\"sh-legal-defense-title-l\">Kesimpulan Hukum Audit BPK<\/h3>\n      <p class=\"sh-legal-defense-text-l\">\n        KSO Smarthub dikonstruksikan murni sebagai <strong>\"Kontrak Operasional Jasa Peningkatan Layanan\"<\/strong>, sehingga tidak mengalihkan aset Rumah Sakit ke pihak swasta dan membebaskan RSUD dari batasan lelang barang modal keras konvensional. Hal ini menjamin program kemitraan <strong>100% bebas dari temuan pemeriksaan audit BPK\/BPKP<\/strong>.\n      <\/p>\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-a02cc28 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc28\" 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-a02cc29\" data-id=\"a02cc29\" 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-a02cc2a elementor-widget elementor-widget-html\" data-id=\"a02cc2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.sh-s06-p {\n  padding: 120px 0;\n  background: linear-gradient(160deg, #EEF2FF 0%, #E0E7FF 50%, #EFF6FF 100%) !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n.sh-s06-p .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; }\n\n\/* Section Header Optimization *\/\n.sh-s06-p .sh-section-header {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 64px;\n}\n.sh-s06-p .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-s06-p .sh-h2 {\n  font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; color: #0F172A !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 20px;\n}\n.sh-s06-p .sh-section-desc {\n  font-size: 18px; color: #475569 !important; line-height: 1.7; margin: 0;\n}\n\n\/* FAQ Layout Grid *\/\n.sh-faq-g {\n  display: grid;\n  grid-template-columns: 0.3fr 0.7fr;\n  gap: 64px;\n  margin-top: 56px;\n  align-items: start;\n}\n\n\/* Category Sidebar Navigation *\/\n.sh-faq-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  position: sticky;\n  top: 120px;\n  align-self: start;\n}\n.sh-faq-nav-btn {\n  text-align: left;\n  padding: 14px 20px;\n  background: transparent;\n  border: 1px solid transparent;\n  border-left: 3px solid #CBD5E1;\n  border-radius: 0 12px 12px 0;\n  font-size: 14.5px;\n  font-weight: 600;\n  color: #475569;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  font-family: inherit;\n  width: 100%;\n}\n.sh-faq-nav-btn:hover {\n  color: #1D4ED8;\n  background: rgba(29, 78, 216, 0.04);\n  border-left-color: #1D4ED8;\n}\n.sh-faq-nav-btn.active {\n  color: #1D4ED8;\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-left: 3.5px solid #1D4ED8;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(29,78,216,0.05);\n}\n\n\/* Accordion List *\/\n.sh-faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n\/* Accordion Premium Cards *\/\n.sh-faq-item {\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.sh-faq-item:hover {\n  transform: translateY(-2px);\n  border-color: #BFDBFE;\n  box-shadow: 0 12px 28px rgba(29,78,216,0.06);\n}\n.sh-faq-item.active {\n  border-color: #1D4ED8;\n  box-shadow: 0 16px 36px rgba(29,78,216,0.08);\n}\n\n\/* Accordion Trigger Button *\/\n.sh-faq-trigger {\n  width: 100%;\n  padding: 28px 36px;\n  background: transparent;\n  border: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 17px;\n  font-weight: 700;\n  color: #0F172A;\n  cursor: pointer;\n  font-family: inherit;\n  text-align: left;\n  outline: none;\n  gap: 24px;\n}\n.sh-faq-trigger svg {\n  width: 18px;\n  height: 18px;\n  color: #475569;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s;\n  flex-shrink: 0;\n}\n.sh-faq-item.active .sh-faq-trigger {\n  color: #1D4ED8;\n}\n.sh-faq-item.active .sh-faq-trigger svg {\n  transform: rotate(180deg);\n  color: #1D4ED8;\n}\n\n\/* Accordion Body & Smooth Transitions *\/\n.sh-faq-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.sh-faq-body {\n  padding: 0 36px 32px 36px;\n  font-size: 15px;\n  color: #475569;\n  line-height: 1.7;\n}\n\n@media(max-width: 900px) {\n  .sh-faq-g { grid-template-columns: 1fr; gap: 40px; }\n  .sh-faq-nav { display: none; }\n  .sh-s06-p { padding: 80px 0; }\n  .sh-faq-trigger { padding: 24px; font-size: 16px; }\n  .sh-faq-body { padding: 0 24px 24px 24px; }\n}\n<\/style>\n\n<section class=\"sh-s06-p\" id=\"faq\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\">\n      <span class=\"sh-eyebrow\">Pusat Bantuan &amp; Pengetahuan<\/span>\n      <h2 class=\"sh-h2\">Pertanyaan yang Sering Diajukan (FAQ)<\/h2>\n      <p class=\"sh-section-desc\">Pahami lebih dalam mengenai skema operasional, keandalan teknis, serta keunggulan model integrasi SmartHub SmartRS.<\/p>\n    <\/div>\n    \n    <div class=\"sh-faq-g\">\n      <ul class=\"sh-faq-nav\">\n        <li><button class=\"sh-faq-nav-btn active\" onclick=\"filterFaq('faq-umum')\">Umum<\/button><\/li>\n        <li><button class=\"sh-faq-nav-btn\" onclick=\"filterFaq('faq-simrs')\">Modul SIMRS &amp; RME<\/button><\/li>\n        <li><button class=\"sh-faq-nav-btn\" onclick=\"filterFaq('faq-integrasi')\">Integrasi<\/button><\/li>\n        <li><button class=\"sh-faq-nav-btn\" onclick=\"filterFaq('faq-teknis')\">Teknis &amp; Keamanan<\/button><\/li>\n        <li><button class=\"sh-faq-nav-btn\" onclick=\"filterFaq('faq-layanan')\">Implementasi &amp; Layanan<\/button><\/li>\n      <\/ul>\n      \n      <div class=\"sh-faq-list\">\n        <!-- FAQ items -->\n        <div class=\"sh-faq-item faq-group faq-umum active\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apa itu SmartHub SmartRS? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">SmartHub SmartRS adalah platform teknologi kesehatan terpadu berbasis cloud yang mencakup seluruh modul pelayanan klinis, registrasi, administrasi, farmasi, serta integrasi regulasi seperti SATUSEHAT dan BPJS V-Claim.<\/div><\/div>\n        <\/div>\n        <div class=\"sh-faq-item faq-group faq-umum\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apakah cocok untuk Klinik kecil? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Ya, kami menyediakan paket khusus \"SmartKlinik\" yang disesuaikan secara efisien untuk klinik pratama dan utama agar tetap dapat memenuhi kepatuhan RME &amp; SATUSEHAT dengan harga rasional.<\/div><\/div>\n        <\/div>\n        \n        <div class=\"sh-faq-item faq-group faq-simrs\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apakah mendukung antrean online? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Tentu, sistem kami memiliki modul Portal Pasien &amp; Antrean yang terintegrasi langsung dengan loket pendaftaran dan poli dokter untuk mengurangi kepadatan ruang tunggu.<\/div><\/div>\n        <\/div>\n        <div class=\"sh-faq-item faq-group faq-simrs\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Bagaimana modul jasa medis \/ remunerasi dikelola? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Sistem kami memiliki mesin kalkulasi remunerasi otomatis berbasis tindakan dokter dan perawat, sehingga pembagian jasa medis terhitung secara objektif dan instan.<\/div><\/div>\n        <\/div>\n        \n        <div class=\"sh-faq-item faq-group faq-integrasi\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apakah integrasi SATUSEHAT bersifat dua arah? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Ya, integrasi kami dengan platform SATUSEHAT Kementerian Kesehatan mendukung sinkronisasi dua arah secara real-time berdasarkan standar protokol HL7 FHIR yang legal.<\/div><\/div>\n        <\/div>\n        <div class=\"sh-faq-item faq-group faq-integrasi\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apakah Bridging BPJS V-Claim sudah disertakan? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Ya. Skema bridging V-Claim BPJS langsung tertanam untuk mengecek validitas kepesertaan aktif serta otomatis menerbitkan SEP tanpa perlu input berulang di portal BPJS terpisah.<\/div><\/div>\n        <\/div>\n        \n        <div class=\"sh-faq-item faq-group faq-teknis\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Di mana data kami disimpan? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Data disimpan di pusat data awan (cloud server) berkinerja tinggi yang tersertifikasi di Indonesia dengan jaminan kepemilikan data 100% milik Rumah Sakit Anda.<\/div><\/div>\n        <\/div>\n        <div class=\"sh-faq-item faq-group faq-teknis\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Bagaimana jika koneksi internet terputus (Offline mode)? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Kami menggunakan konfigurasi Dual ISP failover otomatis serta arsitektur penyimpanan lokal sementara sehingga sistem klinis dasar tetap dapat beroperasi tanpa data hilang.<\/div><\/div>\n        <\/div>\n        \n        <div class=\"sh-faq-item faq-group faq-layanan\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Berapa lama waktu instalasi? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Untuk klinik pratama berkisar 2-4 minggu. Sedangkan untuk Rumah Sakit Umum berskala besar memerlukan waktu 2-4 bulan untuk konfigurasi menyeluruh, migrasi, dan pelatihan Go-Live.<\/div><\/div>\n        <\/div>\n        <div class=\"sh-faq-item faq-group faq-layanan\" style=\"display:none;\">\n          <button class=\"sh-faq-trigger\" onclick=\"toggleFaq(event)\">Apakah pelatihan staf dilakukan di lokasi (On-site)? <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button>\n          <div class=\"sh-faq-content\"><div class=\"sh-faq-body\">Ya, kami mengirimkan tim pelatih on-site untuk menjalankan training terstruktur (Training-of-Trainers) serta pendampingan langsung selama hari-hari pertama fase Go-Live.<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction toggleFaq(e) {\n  var item = e.target.closest('.sh-faq-item');\n  var content = item.querySelector('.sh-faq-content');\n  var isActive = item.classList.contains('active');\n  \n  \/\/ Close all in active group first\n  var currentGroup = item.className.split(' ').find(c => c.startsWith('faq-'));\n  document.querySelectorAll('.' + currentGroup).forEach(function(i) {\n    i.classList.remove('active');\n    i.querySelector('.sh-faq-content').style.maxHeight = null;\n  });\n  \n  if (!isActive) {\n    item.classList.add('active');\n    content.style.maxHeight = content.scrollHeight + \"px\";\n  }\n}\n\nfunction filterFaq(groupClass) {\n  \/\/ Update nav button active class\n  document.querySelectorAll('.sh-faq-nav-btn').forEach(btn => {\n    btn.classList.remove('active');\n  });\n  event.target.classList.add('active');\n  \n  \/\/ Hide all items, then show current group\n  document.querySelectorAll('.faq-group').forEach(item => {\n    item.style.display = 'none';\n    item.classList.remove('active');\n    item.querySelector('.sh-faq-content').style.maxHeight = null;\n  });\n  \n  document.querySelectorAll('.' + groupClass).forEach((item, index) => {\n    item.style.display = 'block';\n    \/\/ Open the first item by default\n    if (index === 0) {\n      item.classList.add('active');\n      var content = item.querySelector('.sh-faq-content');\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n}\n\n\/\/ Open first FAQ on load\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  var first = document.querySelector('.faq-group.faq-umum.active');\n  if (first) {\n    var content = first.querySelector('.sh-faq-content');\n    content.style.maxHeight = content.scrollHeight + \"px\";\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-a02cc2b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc2b\" 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-a02cc2c\" data-id=\"a02cc2c\" 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-a02cc2d elementor-widget elementor-widget-html\" data-id=\"a02cc2d\" 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-a02cc2e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a02cc2e\" 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-a02cc2f\" data-id=\"a02cc2f\" 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-a02cc30 elementor-widget elementor-widget-html\" data-id=\"a02cc30\" 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-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/pages\/18","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=18"}],"version-history":[{"count":0,"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"wp:attachment":[{"href":"https:\/\/it.csaiinstitute.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}