{"id":16,"date":"2026-08-07T06:00:11","date_gmt":"2026-08-07T06:00:11","guid":{"rendered":"https:\/\/smarthubtech.co.id\/index.php\/kontak\/"},"modified":"2026-08-07T06:00:11","modified_gmt":"2026-08-07T06:00:11","slug":"kontak","status":"publish","type":"page","link":"https:\/\/smarthubtech.co.id\/index\/kontak\/","title":{"rendered":"Kontak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16 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-81cdb1b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb1b\" 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-81cdb1c\" data-id=\"81cdb1c\" 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-81cdb1d elementor-widget elementor-widget-html\" data-id=\"81cdb1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n\/* NAVBAR MOBILE FIX *\/\n@media (max-width: 900px) {\n  .sh-nav-bar {\n    width: 100% !important;\n    max-width: 100vw !important;\n    padding: 0 16px !important;\n    border-radius: 0 !important;\n    border-left: none !important;\n    border-right: none !important;\n  }\n  .sh-nav-wrapper {\n    padding: 0 !important;\n    top: 0 !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n  }\n}\n\n.sh-logo-img { height: 52px !important; width: auto !important; max-width: 140px !important; max-height: 52px !important; object-fit: contain !important; display: block !important; }\n.sh-logo-text { display: inline !important; }\n<\/style><style>\n\n\/* PREMIUM ENTERPRISE NAV DECK *\/\n:root {\n  --nav-bg: rgba(9, 13, 26, 0.75);\n  --nav-border: rgba(255, 255, 255, 0.08);\n  --nav-text: #94A3B8;\n  --nav-hover: #38BDF8;\n  --nav-active: #ffffff;\n}\n\n.sh-nav-wrapper {\n  position: fixed;\n  top: 20px;\n  left: 0;\n  right: 0;\n  z-index: 9999;\n  display: flex;\n  justify-content: center;\n  padding: 0 20px;\n  font-family: 'Inter', sans-serif;\n  pointer-events: none;\n}\n\n.sh-nav-bar {\n  width: 100%;\n  max-width: 1200px;\n  height: 72px;\n  background: var(--nav-bg);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--nav-border);\n  border-radius: 100px;\n  padding: 0 32px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);\n  pointer-events: auto;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.sh-nav-bar.scrolled {\n  max-width: 100%;\n  border-radius: 0;\n  top: 0;\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\n}\n\n.sh-logo {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n}\n\n.sh-logo-icon {\n  width: 38px;\n  height: 38px;\n  background: linear-gradient(135deg, #1D4ED8, #6366F1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 20px;\n  color: #ffffff;\n}\n\n.sh-logo-text {\n  font-size: 20px;\n  font-weight: 700;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n}\n\n.sh-logo-text span {\n  color: #93C5FD;\n}\n\n.sh-nav-links {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.sh-nav-item {\n  position: relative;\n}\n\n.sh-nav-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--nav-text);\n  text-decoration: none;\n  transition: color 0.25s;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.sh-nav-link:hover {\n  color: var(--nav-hover);\n}\n\n.sh-nav-link.active {\n  color: var(--nav-active);\n}\n\n.sh-nav-link.active::after {\n  content: '';\n  position: absolute;\n  bottom: -6px;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, #38BDF8, #818CF8);\n  border-radius: 100px;\n}\n\n.sh-dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #0B0F19; border: 1px solid var(--nav-border); border-radius: 16px; padding: 12px; width: 220px; display: none; opacity: 0; box-shadow: 0 20px 40px rgba(0,0,0,0.6); z-index: 10001; margin-top: 8px; }\n\n\/* dropdown controlled by JS *\/\n\n.sh-dropdown-link {\n  display: block;\n  padding: 10px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--nav-text);\n  text-decoration: none;\n  border-radius: 8px;\n  transition: all 0.2s;\n}\n\n.sh-dropdown-link:hover {\n  background: rgba(255, 255, 255, 0.04);\n  color: #ffffff;\n  padding-left: 18px;\n}\n\n.sh-nav-toggle {\n  display: none;\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  cursor: pointer;\n  padding: 4px;\n}\n\n.sh-nav-toggle svg {\n  width: 24px;\n  height: 24px;\n}\n\n.sh-nav-drawer {\n  position: fixed;\n  top: 0;\n  right: -100%;\n  width: 300px;\n  height: 100vh;\n  background: #090D1A;\n  border-left: 1px solid var(--nav-border);\n  z-index: 10000;\n  padding: 40px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.8);\n  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  pointer-events: auto;\n}\n\n.sh-nav-drawer.open {\n  right: 0;\n}\n\n.sh-drawer-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sh-drawer-close {\n  background: transparent;\n  border: none;\n  color: #ffffff;\n  cursor: pointer;\n}\n\n.sh-drawer-close svg {\n  width: 24px;\n  height: 24px;\n}\n\n.sh-drawer-links {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sh-drawer-link {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--nav-text);\n  text-decoration: none;\n  display: block;\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.03);\n}\n\n.sh-drawer-link:hover, .sh-drawer-link.active {\n  color: #ffffff;\n}\n\n.sh-nav-cta {\n  background: linear-gradient(135deg, #1D4ED8, #6366F1);\n  color: #ffffff !important;\n  padding: 10px 24px;\n  border-radius: 100px;\n  transition: all 0.3s !important;\n}\n\n.sh-nav-cta:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 15px rgba(29, 78, 216, 0.4);\n}\n\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n\n<div class=\"sh-nav-wrapper\">\n  <nav class=\"sh-nav-bar\" id=\"navbar\">\n    <a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-logo\">\n      <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsmart-removebg-preview.png\" alt=\"SmartRS\" class=\"sh-logo-img\" \/>\n      <span class=\"sh-logo-text\">SmartHub <span>SmartRS<\/span><\/span>\n    <\/a>\n    \n    <ul class=\"sh-nav-links\">\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-nav-link\">Beranda<\/a><\/li>\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/services\/\" class=\"sh-nav-link\">Services<\/a><\/li>\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-nav-link\">Solusi <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/a>\n        <div class=\"sh-dropdown\">\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#penunjang\" class=\"sh-dropdown-link\">Modul Penunjang Medis<\/a>\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#tata-kelola\" class=\"sh-dropdown-link\">Modul Tata Kelola<\/a>\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#sla\" class=\"sh-dropdown-link\">Komitmen SLA<\/a>\n        <\/div>\n      <\/li>\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-nav-link\">Harga<\/a><\/li>\n      \n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/client\/\" class=\"sh-nav-link\">Klien<\/a><\/li>\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/kontak\/\" class=\"sh-nav-link sh-nav-cta\">Jadwalkan Demo<\/a><\/li>\n    <\/ul>\n    \n    <button class=\"sh-nav-toggle\" id=\"navToggle\" aria-label=\"Menu\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n    <\/button>\n  <\/nav>\n<\/div>\n\n<!-- Mobile Drawer -->\n<div class=\"sh-nav-drawer\" id=\"navDrawer\">\n  <div class=\"sh-drawer-header\">\n    <div class=\"sh-logo\">\n      <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsmart-removebg-preview.png\" alt=\"SmartRS\" class=\"sh-logo-img\" \/>\n      <span class=\"sh-logo-text\">SmartHub<\/span>\n    <\/div>\n    <button class=\"sh-drawer-close\" id=\"drawerClose\" aria-label=\"Close\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n  <\/div>\n  <ul class=\"sh-drawer-links\">\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-drawer-link\">Beranda<\/a><\/li>\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/services\/\" class=\"sh-drawer-link\">Services<\/a><\/li>\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-drawer-link\">Solusi<\/a><\/li>\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-drawer-link\">Harga<\/a><\/li>\n    \n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/client\/\" class=\"sh-drawer-link\">Klien<\/a><\/li>\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/kontak\/\" class=\"sh-drawer-link\" style=\"color:#38BDF8;\">Jadwalkan Demo<\/a><\/li>\n  <\/ul>\n<\/div>\n\n<script>\n(function() {\n  var navbar = document.getElementById(\"navbar\");\n  var navToggle = document.getElementById(\"navToggle\");\n  var navDrawer = document.getElementById(\"navDrawer\");\n  var drawerClose = document.getElementById(\"drawerClose\");\n\n  \/\/ Scroll handler\n  window.addEventListener(\"scroll\", function() {\n    if (window.scrollY > 40) {\n      navbar.classList.add(\"scrolled\");\n    } else {\n      navbar.classList.remove(\"scrolled\");\n    }\n  });\n\n  \/\/ Mobile drawer\n  if (navToggle && navDrawer && drawerClose) {\n    navToggle.addEventListener(\"click\", function() { navDrawer.classList.add(\"open\"); });\n    drawerClose.addEventListener(\"click\", function() { navDrawer.classList.remove(\"open\"); });\n  }\n\n  \/\/ Active link\n  var currentUrl = window.location.href;\n  var links = document.querySelectorAll(\".sh-nav-link, .sh-dropdown-link, .sh-drawer-link\");\n  links.forEach(function(link) {\n    if (currentUrl.indexOf(link.getAttribute(\"href\")) !== -1) {\n      link.classList.add(\"active\");\n    }\n  });\n\n  \/\/ JS-based dropdown with delay - prevents flicker\n  var dropdownItems = document.querySelectorAll(\".sh-nav-item\");\n  dropdownItems.forEach(function(item) {\n    var dropdown = item.querySelector(\".sh-dropdown\");\n    if (!dropdown) return;\n    var hideTimer = null;\n\n    function showDropdown() {\n      if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; }\n      dropdown.style.display = \"block\";\n      dropdown.style.opacity = \"1\";\n      dropdown.style.transform = \"translateX(-50%) translateY(0px)\";\n    }\n\n    function hideDropdown() {\n      hideTimer = setTimeout(function() {\n        dropdown.style.display = \"none\";\n        dropdown.style.opacity = \"0\";\n      }, 200);\n    }\n\n    item.addEventListener(\"mouseenter\", showDropdown);\n    item.addEventListener(\"mouseleave\", hideDropdown);\n    dropdown.addEventListener(\"mouseenter\", showDropdown);\n    dropdown.addEventListener(\"mouseleave\", hideDropdown);\n  });\n})();\n<\/script>\n\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-81cdb1e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb1e\" 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-81cdb1f\" data-id=\"81cdb1f\" 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-81cdb20 elementor-widget elementor-widget-html\" data-id=\"81cdb20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.sh-hero-c {\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}\n\/* Glowing background graphics and network grid overlay *\/\n.sh-hero-c::before {\n  content: ''; position: absolute; inset: 0;\n  background: radial-gradient(circle at 80% 20%, rgba(99,102,241,0.25) 0%, transparent 60%);\n  pointer-events: none; z-index: 0;\n}\n.sh-hero-c::after {\n  content: ''; position: absolute; inset: 0;\n  background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n  background-size: 50px 50px;\n  pointer-events: none; z-index: 0;\n}\n.sh-hero-c .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* 2-Column Grid *\/\n.sh-hero-grid-c {\n  display: flex; flex-direction: column; gap: 24px;\n  gap: 64px;\n  align-items: center;\n}\n\n\/* Left Column: Heading and Badges *\/\n.sh-hero-content-c {\n  text-align: left;\n}\n.sh-hero-c .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-bottom: 28px;\n  backdrop-filter: blur(8px);\n}\n.sh-hero-c .sh-h2 {\n  font-size: clamp(32px, 4.5vw, 52px); font-weight: 800; color: #fff !important;\n  letter-spacing: -.03em; line-height: 1.15; margin: 0 0 24px;\n}\n.sh-hero-c .sh-section-desc {\n  font-size: 18px; color: rgba(255,255,255,0.84) !important; line-height: 1.7;\n  margin-bottom: 40px;\n}\n\n\/* Quick Contact Trust Badges *\/\n.sh-contact-badges-row {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n.sh-contact-badge-i {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 100px;\n  padding: 8px 18px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #ffffff;\n  backdrop-filter: blur(8px);\n}\n.sh-contact-badge-i span {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n}\n\n\/* Right Column: Abstract Enterprise Trust Indicator Panel *\/\n.sh-hero-visual-c {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 32px;\n  padding: 48px;\n  box-shadow: 0 30px 60px rgba(0,0,0,0.2), inset 0 0 30px rgba(99,102,241,0.15);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  text-align: left;\n  position: relative;\n  overflow: hidden;\n  animation: floatIllustration 6s ease-in-out infinite;\n}\n.sh-visual-header-c {\n  font-size: 13px;\n  font-weight: 800;\n  color: #BAC8FF;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 24px;\n}\n.sh-visual-stat-row {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  padding: 16px 0;\n}\n.sh-visual-stat-row:last-child { border-bottom: none; }\n.sh-visual-stat-lbl { font-size: 14.5px; color: #94A3B8; }\n.sh-visual-stat-val { font-size: 15px; font-weight: 700; color: #ffffff; }\n\n@keyframes floatIllustration {\n  0% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n  100% { transform: translateY(0px); }\n}\n\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n\n<section class=\"sh-hero-c\">\n  <div class=\"sh-c\">\n    <div class=\"sh-hero-grid-c\">\n      \n      <!-- Left Column -->\n      <div class=\"sh-hero-content-c\">\n        <span class=\"sh-eyebrow\">Hubungi Kami<\/span>\n        <h1 class=\"sh-h2\">Kredibilitas Teruji, Kemitraan Terpercaya<\/h1>\n        <p class=\"sh-section-desc\">Hubungi tim pakar Smarthub untuk konsultasi KSO, live demo teknis, serta audit kesiapan digitalisasi faskes Anda tanpa komitmen anggaran belanja modal awal.<\/p>\n        \n        <div class=\"sh-contact-badges-row\">\n          <div class=\"sh-contact-badge-i\">\n            <span style=\"background: #10B981;\"><\/span> Konsultasi KSO\n          <\/div>\n          <div class=\"sh-contact-badge-i\">\n            <span style=\"background: #1D4ED8;\"><\/span> Technical Support\n          <\/div>\n          <div class=\"sh-contact-badge-i\">\n            <span style=\"background: #8B5CF6;\"><\/span> Strategic Partnership\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Right Column -->\n      <div class=\"sh-hero-visual-c\">\n        <div class=\"sh-visual-header-c\">\ud83d\udccb Support Dashboard Info<\/div>\n        \n        <div class=\"sh-visual-stat-row\">\n          <span class=\"sh-visual-stat-lbl\">Tingkat SLA Terjamin<\/span>\n          <span class=\"sh-visual-stat-val\" style=\"color:#10B981;\">99.9% Cloud Uptime<\/span>\n        <\/div>\n        \n        <div class=\"sh-visual-stat-row\">\n          <span class=\"sh-visual-stat-lbl\">Resolusi Gangguan P1<\/span>\n          <span class=\"sh-visual-stat-val\">&lt; 4 Jam Kontraktual<\/span>\n        <\/div>\n        \n        <div class=\"sh-visual-stat-row\">\n          <span class=\"sh-visual-stat-lbl\">Kemitraan Hukum BLUD<\/span>\n          <span class=\"sh-visual-stat-val\" style=\"color:#BAC8FF;\">Bebas Temuan Audit BPK<\/span>\n        <\/div>\n        \n        <div class=\"sh-visual-stat-row\">\n          <span class=\"sh-visual-stat-lbl\">Penyedia e-Katalog LKPP<\/span>\n          <span class=\"sh-visual-stat-val\">Terverifikasi Resmi<\/span>\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-81cdb21 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb21\" 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-81cdb22\" data-id=\"81cdb22\" 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-81cdb23 elementor-widget elementor-widget-html\" data-id=\"81cdb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.sh-s02-cred {\n  padding: 80px 0;\n  background: #F8FAFC;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s02-cred .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* Large Visual Trust Numbers Row (Statistics) *\/\n.sh-cred-stats-row {\n  display: flex; flex-direction: column; gap: 24px;\n  gap: 32px;\n  margin-bottom: 80px;\n  border-bottom: 1px solid #E2E8F0;\n  padding-bottom: 64px;\n}\n.sh-cred-stat-item {\n  text-align: center;\n}\n.sh-cred-stat-val {\n  font-size: clamp(36px, 5vw, 56px);\n  font-weight: 800;\n  color: #1D4ED8;\n  letter-spacing: -0.03em;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n.sh-cred-stat-lbl {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #475569;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* Premium Trust Cards Grid *\/\n.sh-grid-cred {\n  display: flex; flex-direction: column; gap: 24px;\n  gap: 32px;\n}\n.sh-cred-card {\n  background: #ffffff;\n  border: 1px solid #E2E8F0;\n  border-radius: 28px;\n  padding: 44px 32px;\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  text-align: left;\n  position: relative;\n  overflow: hidden;\n}\n.sh-cred-card::before {\n  content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 80px;\n  background: radial-gradient(circle at 100% 0%, rgba(29, 78, 216, 0.02) 0%, transparent 70%);\n  pointer-events: none;\n}\n.sh-cred-card:hover {\n  transform: translateY(-6px);\n  border-color: #BFDBFE;\n  box-shadow: 0 24px 48px -12px rgba(29, 78, 216, 0.1);\n}\n\n\/* Larger premium Icon Box *\/\n.sh-cred-icon {\n  width: 60px;\n  height: 60px;\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-cred-icon svg { width: 26px; height: 26px; }\n.sh-cred-card:hover .sh-cred-icon {\n  background: #1D4ED8;\n  color: #ffffff;\n  transform: scale(1.05);\n}\n\n\/* Premium Badges for Certifications *\/\n.sh-cred-cert-badge {\n  display: inline-flex;\n  background: #ECFDF5;\n  color: #059669;\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 4px 10px;\n  border-radius: 6px;\n  margin-bottom: 16px;\n}\n\n.sh-cred-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0 0 14px;\n  letter-spacing: -0.015em;\n  line-height: 1.3;\n}\n.sh-cred-desc {\n  font-size: 14px;\n  color: #475569;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n\n<section class=\"sh-s02-cred\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\" style=\"text-align:center; max-width:760px; margin: 0 auto 64px;\">\n      <span class=\"sh-eyebrow\" style=\"background:#EFF6FF; color:#1D4ED8; border-color:rgba(29,78,216,0.18);\">Legalitas Mutlak<\/span>\n      <h2 class=\"sh-h2\" style=\"font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; color: #0F172A !important; text-align: center; margin-bottom: 20px;\">Kredibilitas Perusahaan &amp; Legalitas Mutlak<\/h2>\n      <p class=\"sh-section-desc\" style=\"font-size: 18px; color: #475569 !important; text-align: center; line-height: 1.7;\">Bukti legitimasi hukum resmi untuk menjamin kepatuhan audit dan keamanan program pengadaan faskes Anda.<\/p>\n    <\/div>\n    \n    <!-- Large Trust Statistics Row (Visual Separator) -->\n    <div class=\"sh-cred-stats-row\">\n      <div class=\"sh-cred-stat-item\">\n        <div class=\"sh-cred-stat-val\">20+ Tahun<\/div>\n        <div class=\"sh-cred-stat-lbl\">Healthcare IT Focus<\/div>\n      <\/div>\n      <div class=\"sh-cred-stat-item\">\n        <div class=\"sh-cred-stat-val\">100%<\/div>\n        <div class=\"sh-cred-stat-lbl\">National Compliance<\/div>\n      <\/div>\n      <div class=\"sh-cred-stat-item\">\n        <div class=\"sh-cred-stat-val\">LKPP<\/div>\n        <div class=\"sh-cred-stat-lbl\">e-Katalog Provider<\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Premium Trust Cards Grid -->\n    <div class=\"sh-grid-cred\">\n      \n      <!-- Card 1 -->\n      <div class=\"sh-cred-card\">\n        <div class=\"sh-cred-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-cred-title\">Pengalaman 2 Dekade<\/h3>\n        <p class=\"sh-cred-desc\">Berdiri sejak Mei 2002 dengan fokus eksklusif 100% pada pengembangan sistem informasi Healthcare IT di Indonesia.<\/p>\n      <\/div>\n      \n      <!-- Card 2 -->\n      <div class=\"sh-cred-card\">\n        <span class=\"sh-cred-cert-badge\">Tersertifikasi<\/span>\n        <div class=\"sh-cred-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-cred-title\">TD PSE Kominfo Domestik<\/h3>\n        <p class=\"sh-cred-desc\">Terdaftar resmi sebagai Penyelenggara Sistem Elektronik Domestik Terenkripsi (PB-UMKU: 91202088625260010001).<\/p>\n      <\/div>\n      \n      <!-- Card 3 -->\n      <div class=\"sh-cred-card\">\n        <span class=\"sh-cred-cert-badge\">Resmi<\/span>\n        <div class=\"sh-cred-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-cred-title\">Sertifikasi HAKI Kemenkumham<\/h3>\n        <p class=\"sh-cred-desc\">Memiliki Hak Kekayaan Intelektual resmi atas seluruh arsitektur kode program, basis data, dan aplikasi SmartRS.<\/p>\n      <\/div>\n      \n      <!-- Card 4 -->\n      <div class=\"sh-cred-card\">\n        <span class=\"sh-cred-cert-badge\" style=\"background:#EFF6FF; color:#1D4ED8;\">LKPP<\/span>\n        <div class=\"sh-cred-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n        <\/div>\n        <h3 class=\"sh-cred-title\">Mitra Resmi LKPP<\/h3>\n        <p class=\"sh-cred-desc\">Kualifikasi pengadaan nasional terverifikasi secara penuh sebagai mitra penyedia resmi di platform e-Katalog LKPP.<\/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-81cdb24 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb24\" 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-81cdb25\" data-id=\"81cdb25\" 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-81cdb26 elementor-widget elementor-widget-html\" data-id=\"81cdb26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n.sh-s03-port {\n  padding: 80px 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-s03-port .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* 70% DIFFERENT: PREMIUM CATEGORIZED CLIENT GALLERY *\/\n.sh-port-deck {\n  display: flex; flex-direction: column; gap: 24px; \/* Asymmetric split layout *\/\n  gap: 48px;\n  margin-top: 64px;\n  align-items: stretch;\n}\n\n\/* Premium Showcase Box *\/\n.sh-port-box {\n  background: #ffffff;\n  border: 1.5px solid #E2E8F0;\n  border-radius: 32px;\n  padding: 56px;\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  text-align: left;\n  display: flex;\n  flex-direction: column;\n}\n.sh-port-box:hover {\n  transform: translateY(-4px);\n  border-color: #BFDBFE;\n  box-shadow: 0 30px 60px -15px rgba(29, 78, 216, 0.08);\n}\n\n\/* Secondary Showcase Box in Asymmetric Grid *\/\n.sh-port-box--secondary {\n  background: linear-gradient(180deg, #ffffff 0%, #F5F8FF 100%);\n  border: 1.5px solid #BFDBFE;\n}\n\n.sh-port-box-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 32px;\n  border-bottom: 1px solid #E2E8F0;\n  padding-bottom: 20px;\n}\n.sh-port-box--secondary .sh-port-box-header {\n  border-bottom-color: #DBEAFE;\n}\n.sh-port-icon {\n  width: 44px;\n  height: 44px;\n  background: #EFF6FF;\n  color: #1D4ED8;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sh-port-box--secondary .sh-port-icon {\n  background: #DBEAFE;\n}\n.sh-port-icon svg { width: 20px; height: 20px; }\n\n.sh-port-box-title {\n  font-size: 22px;\n  font-weight: 800;\n  color: #0F172A;\n  margin: 0;\n  letter-spacing: -0.02em;\n}\n\n\/* Modern Pill Tag Grid *\/\n.sh-port-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.sh-port-tag {\n  background: #F8FAFC;\n  color: #475569;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 10px 20px;\n  border-radius: 100px;\n  border: 1px solid #E2E8F0;\n  transition: all 0.3s;\n  cursor: default;\n}\n.sh-port-box--secondary .sh-port-tag {\n  background: #ffffff;\n  border-color: #E2E8F0;\n}\n.sh-port-tag:hover {\n  background: #1D4ED8;\n  color: #ffffff;\n  border-color: #1D4ED8;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.15);\n}\n\n\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n\n<section class=\"sh-s03-port\">\n  <div class=\"sh-c\">\n    <div class=\"sh-section-header\" style=\"text-align:center; max-width:760px; margin: 0 auto 64px;\">\n      <span class=\"sh-eyebrow\" style=\"background:#EFF6FF; color:#1D4ED8; border-color:rgba(29,78,216,0.18);\">Installed Base<\/span>\n      <h2 class=\"sh-h2\" style=\"font-size: clamp(28px, 3.5vw, 44px); font-weight: 800; color: #0F172A !important; text-align: center; margin-bottom: 20px;\">Track Record &amp; Klien Utama<\/h2>\n      <p class=\"sh-section-desc\" style=\"font-size: 18px; color: #475569 !important; text-align: center; line-height: 1.7;\">Telah dipercaya oleh berbagai Rumah Sakit Tipe A, RSUD Regional, Rumah Sakit BUMN, serta Instansi Pemerintah Indonesia.<\/p>\n    <\/div>\n    \n    <div class=\"sh-port-deck\">\n      <!-- Fasilitas Kesehatan (Featured Large Panel) -->\n      <div class=\"sh-port-box\">\n        <div class=\"sh-port-box-header\">\n          <div class=\"sh-port-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n          <\/div>\n          <h3 class=\"sh-port-box-title\">Rumah Sakit &amp; Fasilitas Kesehatan<\/h3>\n        <\/div>\n        <div class=\"sh-port-tags\">\n          <span class=\"sh-port-tag\">RSUD ASA Kota Depok<\/span>\n          <span class=\"sh-port-tag\">RSUD Dr. Soetomo Surabaya<\/span>\n          <span class=\"sh-port-tag\">RSAB Harapan Kita<\/span>\n          <span class=\"sh-port-tag\">RSUD Cileungsi<\/span>\n          <span class=\"sh-port-tag\">RS LNG Badak<\/span>\n          <span class=\"sh-port-tag\">RSKO Jakarta<\/span>\n          <span class=\"sh-port-tag\">RSUD Koja<\/span>\n          <span class=\"sh-port-tag\">RS Bhayangkara Brimob<\/span>\n          <span class=\"sh-port-tag\">RS JIH \/ Al Fauzan<\/span>\n          <span class=\"sh-port-tag\">RSUD Balaraja<\/span>\n          <span class=\"sh-port-tag\">RSUD Padangsidimpuan<\/span>\n          <span class=\"sh-port-tag\">RSUD Batang<\/span>\n          <span class=\"sh-port-tag\">RSUD Muara Enim<\/span>\n          <span class=\"sh-port-tag\">RS Yadika<\/span>\n        <\/div>\n      <\/div>\n      \n      <!-- Instansi Pemerintah\/Korporasi (Secondary Panel) -->\n      <div class=\"sh-port-box sh-port-box--secondary\">\n        <div class=\"sh-port-box-header\">\n          <div class=\"sh-port-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n          <\/div>\n          <h3 class=\"sh-port-box-title\">Instansi Pemerintah &amp; BUMN<\/h3>\n        <\/div>\n        <div class=\"sh-port-tags\">\n          <span class=\"sh-port-tag\">Korlantas Polri<\/span>\n          <span class=\"sh-port-tag\">Ditjen Imigrasi (Kemenkumham)<\/span>\n          <span class=\"sh-port-tag\">Kemnaker RI<\/span>\n          <span class=\"sh-port-tag\">Pemprov DKI Jakarta<\/span>\n          <span class=\"sh-port-tag\">Pertamina Cirebon<\/span>\n          <span class=\"sh-port-tag\">Dinas Dukcapil Mojokerto<\/span>\n          <span class=\"sh-port-tag\">Dinas Dukcapil Manado<\/span>\n          <span class=\"sh-port-tag\">Dinas Dukcapil Lombok Tengah<\/span>\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-81cdb27 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb27\" 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-81cdb28\" data-id=\"81cdb28\" 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-81cdb29 elementor-widget elementor-widget-html\" data-id=\"81cdb29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\n\/* PREMIUM CONTACT FORM CARD REDESIGN *\/\n.sh-form-card {\n  background: rgba(255, 255, 255, 0.03) !important;\n  border: 1px solid rgba(255, 255, 255, 0.08) !important;\n  border-radius: 32px;\n  padding: 56px;\n  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(99,102,241,0.05);\n  text-align: left;\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n.sh-form-title {\n  font-size: 26px;\n  font-weight: 800;\n  color: #ffffff;\n  margin-bottom: 8px;\n  letter-spacing: -0.015em;\n}\n.sh-form-subtitle {\n  font-size: 14.5px;\n  color: #94A3B8;\n  margin-bottom: 40px;\n  line-height: 1.5;\n}\n\n\/* Spacious Input Groups *\/\n.sh-form-group {\n  position: relative;\n  margin-bottom: 32px; \/* Increased spacing *\/\n}\n\n\/* Premium Floating Input Field *\/\n.sh-form-input {\n  width: 100%;\n  background: rgba(0, 0, 0, 0.25) !important;\n  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;\n  border-radius: 14px;\n  padding: 18px 20px;\n  color: #ffffff;\n  font-size: 15px;\n  font-family: inherit;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: none;\n}\n\n\/* Focus Animations *\/\n.sh-form-input:focus {\n  outline: none;\n  border-color: #6366F1 !important;\n  background: rgba(0, 0, 0, 0.35) !important;\n  box-shadow: 0 0 16px rgba(99, 102, 241, 0.2) !important;\n}\n\n\/* Label styling *\/\n.sh-form-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  color: #BAC8FF;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n\/* Helper Text *\/\n.sh-helper-text {\n  display: block;\n  font-size: 12px;\n  color: #64748B;\n  margin-top: 6px;\n  font-weight: 500;\n}\n\n\/* Checkbox Section *\/\n.sh-service-options {\n  display: flex;\n  flex-direction: column;\n  gap: 16px; \/* Increased spacing *\/\n  margin-top: 12px;\n}\n.sh-checkbox-container {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  cursor: pointer;\n  user-select: none;\n  font-size: 14.5px;\n  color: #94A3B8;\n  line-height: 1.5;\n  transition: color 0.2s;\n}\n.sh-checkbox-container input {\n  margin-top: 3px;\n  width: 18px; \/* Slightly larger *\/\n  height: 18px;\n  cursor: pointer;\n  accent-color: #6366F1;\n  flex-shrink: 0;\n}\n.sh-checkbox-container:hover {\n  color: #ffffff;\n}\n\n\/* Ultra Prominent Submit Button *\/\n.sh-submit-btn {\n  width: 100%;\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%) !important;\n  color: #ffffff;\n  border: none;\n  border-radius: 100px;\n  padding: 18px 36px;\n  font-size: 15.5px;\n  font-weight: 800;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: 0 4px 20px rgba(29, 78, 216, 0.35);\n  font-family: inherit;\n  margin-top: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.sh-submit-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 30px rgba(29, 78, 216, 0.5);\n  filter: brightness(1.05);\n}\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n<style>\n\n.sh-s04-cont {\n  padding: 80px 0;\n  background: #0F172A !important;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  color: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n.sh-s04-cont, .sh-s04-cont * {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n}\n.sh-s04-cont::before {\n  content: ''; position: absolute; top: -10%; right: -10%; width: 40vw; height: 40vw;\n  background: radial-gradient(circle, rgba(99,102,241,0.1) 0%, transparent 70%);\n  pointer-events: none; z-index: 1;\n}\n.sh-s04-cont .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\n\n\/* 2-Column Split Layout *\/\n.sh-cont-split {\n  display: flex; flex-direction: column; gap: 24px;\n  gap: 64px;\n  align-items: stretch;\n}\n\n\/* Left Column: Premium Company Info & Map Card *\/\n.sh-cont-info-box {\n  text-align: left;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.sh-entity-name {\n  font-size: 32px;\n  font-weight: 800;\n  color: #ffffff;\n  margin-bottom: 24px;\n  letter-spacing: -0.02em;\n}\n.sh-info-list {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  list-style: none;\n  padding: 0;\n  margin: 0 0 36px 0;\n}\n.sh-info-item {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n.sh-info-icon {\n  width: 44px;\n  height: 44px;\n  background: rgba(255, 255, 255, 0.04);\n  color: #BAC8FF;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  transition: all 0.3s;\n}\n.sh-info-icon svg { width: 20px; height: 20px; }\n.sh-info-item:hover .sh-info-icon {\n  background: #1D4ED8;\n  color: #ffffff;\n  border-color: #1D4ED8;\n}\n.sh-info-content-p {\n  font-size: 14.5px;\n  color: #94A3B8;\n  line-height: 1.6;\n  margin: 0;\n}\n.sh-info-content-p strong {\n  color: #ffffff;\n}\n\n\/* Embedded location map placeholder illustration *\/\n.sh-map-placeholder {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 24px;\n  padding: 32px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  margin-top: auto;\n}\n.sh-map-icon-box {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: rgba(16, 185, 129, 0.15);\n  color: #10B981;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.sh-map-icon-box svg { width: 22px; height: 22px; }\n.sh-map-text-block { text-align: left; }\n.sh-map-title { font-size: 14.5px; font-weight: 700; color: #ffffff; margin: 0 0 4px 0; }\n.sh-map-desc { font-size: 12.5px; color: #94A3B8; margin: 0; }\n\n\/* Right Column: Premium Form Card *\/\n.sh-form-card {\n  background: rgba(255, 255, 255, 0.02);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 32px;\n  padding: 48px;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n  text-align: left;\n}\n.sh-form-title { font-size: 24px; font-weight: 800; color: #ffffff; margin-bottom: 8px; letter-spacing: -0.015em; }\n.sh-form-subtitle { font-size: 14.5px; color: #94A3B8; margin-bottom: 32px; }\n\n.sh-form-group { margin-bottom: 24px; }\n.sh-form-label { display: block; font-size: 13px; font-weight: 700; color: #ffffff; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.05em; }\n.sh-form-input {\n  width: 100%;\n  background: rgba(0,0,0,0.2);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 12px;\n  padding: 14px 18px;\n  color: #ffffff;\n  font-size: 15px;\n  font-family: inherit;\n  transition: all 0.3s;\n}\n.sh-form-input:focus {\n  outline: none;\n  border-color: #1D4ED8;\n  background: rgba(0,0,0,0.3);\n  box-shadow: 0 0 10px rgba(29, 78, 216, 0.2);\n}\n\n.sh-service-options {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 8px;\n}\n.sh-checkbox-container {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  cursor: pointer;\n  user-select: none;\n  font-size: 14.5px;\n  color: #94A3B8;\n  line-height: 1.5;\n}\n.sh-checkbox-container input {\n  margin-top: 4px;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  accent-color: #1D4ED8;\n}\n.sh-checkbox-container:hover {\n  color: #ffffff;\n}\n\n.sh-submit-btn {\n  width: 100%;\n  background: linear-gradient(135deg, #1D4ED8 0%, #6366F1 100%);\n  color: #ffffff;\n  border: none;\n  border-radius: 100px;\n  padding: 16px 32px;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s;\n  box-shadow: 0 4px 14px rgba(29,78,216,0.3);\n  font-family: inherit;\n  margin-top: 12px;\n}\n.sh-submit-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(29,78,216,0.45);\n}\n\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\n\n<\/style>\n\n<section class=\"sh-s04-cont\">\n  <div class=\"sh-c\">\n    <div class=\"sh-cont-split\">\n      \n      <!-- Left Column -->\n      <div class=\"sh-cont-info-box\">\n        <div>\n          <span class=\"sh-eyebrow\" style=\"background:rgba(255,255,255,0.06); color:#BAC8FF; border-color:rgba(255,255,255,0.1); margin-bottom:20px;\">Informasi Kantor<\/span>\n          <h2 class=\"sh-h2\">Hubungi Tim Pakar Kami<\/h2>\n          <p class=\"sh-section-desc\">PT SmartHub Technologies selalu siap melayani konsultasi legalitas, kerja sama finansial, dan audit sistem rumah sakit.<\/p>\n          \n          <div class=\"sh-entity-name\">PT SmartHub Technologies<\/div>\n          \n          <ul class=\"sh-info-list\">\n            <li class=\"sh-info-item\">\n              <div class=\"sh-info-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><\/div>\n              <p class=\"sh-info-content-p\"><strong>Alamat Kantor Pusat:<\/strong><br>Wisma DKA\/DNA, Jl. Terusan Kuningan No. 16, Kuningan Barat, Mampang Prapatan, Jakarta Selatan 12710<\/p>\n            <\/li>\n            <li class=\"sh-info-item\">\n              <div class=\"sh-info-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n              <p class=\"sh-info-content-p\"><strong>PIC Transaksi &amp; Pengadaan:<\/strong><br>Wifiksana Suhendra<\/p>\n            <\/li>\n            <li class=\"sh-info-item\">\n              <div class=\"sh-info-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><\/div>\n              <p class=\"sh-info-content-p\"><strong>Telepon \/ WhatsApp:<\/strong><br>M. 0877 0030 0600 | T. (021) 529 62504<\/p>\n            <\/li>\n            <li class=\"sh-info-item\">\n              <div class=\"sh-info-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><\/div>\n              <p class=\"sh-info-content-p\"><strong>Email Resmi:<\/strong><br>info@smarthub.co.id | info@smarthubtech.co.id<\/p>\n            <\/li>\n            <li class=\"sh-info-item\">\n              <div class=\"sh-info-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n              <p class=\"sh-info-content-p\"><strong>Website Resmi:<\/strong><br>www.smarthub.co.id | www.smarthubtech.co.id<\/p>\n            <\/li>\n          <\/ul>\n        <\/div>\n        \n        <!-- Embedded Location Map Illustration -->\n        <div class=\"sh-map-placeholder\">\n          <div class=\"sh-map-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"\/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"18\"\/><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"21\"\/><\/svg>\n          <\/div>\n          <div class=\"sh-map-text-block\">\n            <h4 class=\"sh-map-title\">Kuningan Barat, Jakarta Selatan<\/h4>\n            <p class=\"sh-map-desc\">Wisma DKA\/DNA \u2014 Pusat Operasional Utama Healthcare IT Indonesia<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Right Column: Interactive Form -->\n      <div class=\"sh-form-card\">\n        <h3 class=\"sh-form-title\">Jadwalkan Technical Blueprint Diagnosis<\/h3>\n        <p class=\"sh-form-subtitle\">Kirim pesan kepada kami untuk permohonan audit faskes tanpa beban finansial.<\/p>\n        \n        <form action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('Permohonan berhasil dikirim! Tim pakar kami akan menghubungi Anda segera.');\">\n          <div class=\"sh-form-group\">\n            <label class=\"sh-form-label\">Nama Lengkap Anda<\/label>\n            <input type=\"text\" class=\"sh-form-input\" placeholder=\"Masukkan nama lengkap\" required><span class=\"sh-helper-text\">Gunakan nama lengkap beserta gelar resmi Anda<\/span>\n          <\/div>\n          \n          <div class=\"sh-form-group\">\n            <label class=\"sh-form-label\">Nama Rumah Sakit \/ Instansi<\/label>\n            <input type=\"text\" class=\"sh-form-input\" placeholder=\"Masukkan nama Rumah Sakit\" required><span class=\"sh-helper-text\">Contoh: RSUD ASA Kota Depok \/ RS Swasta Medika<\/span>\n          <\/div>\n          \n          <div class=\"sh-form-group\">\n            <label class=\"sh-form-label\">Email Kerja \/ WhatsApp<\/label>\n            <input type=\"text\" class=\"sh-form-input\" placeholder=\"Masukkan alamat email atau nomor WhatsApp\" required>\n          <\/div>\n          \n          <div class=\"sh-form-group\">\n            <label class=\"sh-form-label\">Pilihan Layanan KSO &amp; Assessment<\/label>\n            <div class=\"sh-service-options\">\n              <label class=\"sh-checkbox-container\">\n                <input type=\"checkbox\" name=\"services[]\" value=\"demo\" checked>\n                Request Live Technical Demo &amp; Navigasi Fungsional Sistem v.5\n              <\/label>\n              <label class=\"sh-checkbox-container\">\n                <input type=\"checkbox\" name=\"services[]\" value=\"assessment\">\n                Permohonan Assessment &amp; Audit Infrastruktur IT Eksisting (Tanpa Komitmen Finansial)\n              <\/label>\n              <label class=\"sh-checkbox-container\">\n                <input type=\"checkbox\" name=\"services[]\" value=\"kso\">\n                Diskusi Blueprint KSO &amp; Simulasi Profil BPJS RS\n              <\/label>\n            <\/div>\n          <\/div>\n          \n          <button type=\"submit\" class=\"sh-submit-btn\">Kirim Permohonan Demo<\/button>\n        <\/form>\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-81cdb2a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81cdb2a\" 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-81cdb2b\" data-id=\"81cdb2b\" 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-81cdb2c elementor-widget elementor-widget-html\" data-id=\"81cdb2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\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: flex; flex-direction: column; gap: 24px;\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\n\n\n@media(min-width: 768px) {\n  \/* Restore typical grids *\/\n  .sh-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; }\n  .sh-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }\n  .sh-grid-4 { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }\n  \n  \/* Restore padding *\/\n  .sh-hero-section { padding: 160px 0 100px !important; }\n  .sh-content-section { padding: 120px 0 !important; }\n}\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:\/\/smarthubtech.co.id\/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:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-foot-nav-link\">Beranda<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-foot-nav-link\">Kapabilitas Solusi<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-foot-nav-link\">Harga &amp; Paket KSO<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/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:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRegon (Pendaftaran)<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRME (Rekam Medis)<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartCasemix (E-Klaim)<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartBI (Dashboard BI)<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/#opsi\" class=\"sh-foot-nav-link\">Kemitraan KSO RS<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/#legal\" class=\"sh-foot-nav-link\">Kepatuhan Hukum BLUD<\/a><\/li>\n          <li><a href=\"https:\/\/smarthubtech.co.id\/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:\/\/web.facebook.com\/profile.php?id=61592632570712\" 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\/smarthub.tech\" 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:\/\/www.tiktok.com\/@smart.hub.tech?is_from_webapp=1&sender_device=pc\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg><\/a><\/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":"<p>S SmartHub SmartRS Beranda Services Solusi Modul Penunjang Medis Modul Tata Kelola Komitmen SLA Harga Klien Jadwalkan Demo S SmartHub Beranda Services Solusi Harga Klien Jadwalkan Demo Hubungi Kami Kredibilitas Teruji, Kemitraan Terpercaya Hubungi tim pakar Smarthub untuk konsultasi KSO, live demo teknis, serta audit kesiapan digitalisasi faskes Anda tanpa komitmen anggaran belanja modal awal. [&hellip;]<\/p>\n","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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":0,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}