{"id":295,"date":"2026-08-19T06:48:18","date_gmt":"2026-08-19T06:48:18","guid":{"rendered":"https:\/\/smarthubtech.co.id\/?page_id=295"},"modified":"2026-08-19T10:22:06","modified_gmt":"2026-08-19T10:22:06","slug":"trainingrs","status":"publish","type":"page","link":"https:\/\/smarthubtech.co.id\/index\/trainingrs\/","title":{"rendered":"TrainingRS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n TRAININGRS \u2014 Navbar & Hero Section<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n \r\n <style>\r\n :root {\r\n --primary-blue: #0f4c81;\r\n --deep-blue: #0a2540;\r\n --light-blue-bg: #f4f8fc;\r\n --surface-white: #ffffff;\r\n --accent-gold: #fcc321;\r\n --accent-green: #288636;\r\n --brand-blue: #2563eb;\r\n --text-dark: #1e293b;\r\n --text-muted: #64748b;\r\n --border-color: #e2e8f0;\r\n --radius-sm: 8px;\r\n --radius-full: 9999px;\r\n --shadow-lg: 0 20px 35px -10px rgba(15, 76, 129, 0.18);\r\n --transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n * { \r\n box-sizing: border-box; \r\n margin: 0; \r\n padding: 0; \r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n }\r\n \r\n body { \r\n background-color: var(--light-blue-bg); \r\n color: var(--text-dark); \r\n line-height: 1.6; \r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n \r\n .container { \r\n width: 100%; \r\n max-width: 1280px; \r\n margin: 0 auto; \r\n padding: 0 20px; \r\n }\r\n \r\n .btn { \r\n display: inline-flex; \r\n align-items: center; \r\n justify-content: center; \r\n gap: 8px; \r\n padding: 12px 24px; \r\n border-radius: var(--radius-sm); \r\n font-size: 0.95rem; \r\n font-weight: 700; \r\n text-decoration: none; \r\n transition: var(--transition); \r\n cursor: pointer; \r\n border: none; \r\n }\r\n .btn-primary { \r\n background: var(--primary-blue); \r\n color: #fff; \r\n box-shadow: 0 4px 14px rgba(15, 76, 129, 0.3); \r\n }\r\n .btn-primary:hover { \r\n background: var(--deep-blue); \r\n transform: translateY(-2px); \r\n }\r\n .btn-outline { \r\n border: 2px solid var(--primary-blue); \r\n color: var(--primary-blue); \r\n background: transparent; \r\n }\r\n .btn-outline:hover { \r\n background: rgba(15, 76, 129, 0.06); \r\n }\r\n\r\n \/* 1. NAVBAR FIXED RESPONSIVE DENGAN UKURAN LOGO BESAR *\/\r\n nav { \r\n position: fixed; \r\n top: 0; \r\n left: 0; \r\n right: 0;\r\n width: 100%; \r\n z-index: 1000; \r\n background: rgba(255, 255, 255, 0.98); \r\n backdrop-filter: blur(12px); \r\n -webkit-backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border-color); \r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n }\r\n \r\n .nav-content { \r\n display: flex; \r\n justify-content: space-between; \r\n align-items: center; \r\n height: 90px; \r\n }\r\n \r\n .brand-logo { \r\n display: inline-flex; \r\n align-items: center; \r\n text-decoration: none;\r\n height: 100%;\r\n }\r\n \r\n \/* Ukuran logo diperbesar *\/\r\n .brand-logo-img { \r\n height: 90px !important; \r\n max-height: 100px !important;\r\n width: auto !important; \r\n object-fit: contain; \r\n display: block; \r\n }\r\n\r\n .nav-menu { \r\n display: flex; \r\n list-style: none; \r\n gap: 28px; \r\n align-items: center; \r\n }\r\n .nav-link { \r\n text-decoration: none; \r\n color: var(--text-dark); \r\n font-weight: 600; \r\n font-size: 0.95rem; \r\n transition: var(--transition); \r\n }\r\n .nav-link:hover { \r\n color: var(--primary-blue); \r\n }\r\n\r\n \/* 2. SECTION HERO *\/\r\n .hero { \r\n background: radial-gradient(circle at 85% 15%, #e1edf7 0%, var(--light-blue-bg) 65%); \r\n padding: 135px 0 40px; \r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n \r\n .hero-grid { \r\n display: grid !important; \r\n grid-template-columns: 1.05fr 0.95fr !important; \r\n gap: 36px !important; \r\n align-items: center !important; \r\n }\r\n \r\n .badge-pill { \r\n display: inline-flex; \r\n align-items: center; \r\n gap: 6px; \r\n padding: 6px 14px; \r\n background: rgba(40, 134, 54, 0.1); \r\n color: var(--accent-green); \r\n border-radius: var(--radius-full); \r\n font-size: 0.82rem; \r\n font-weight: 700; \r\n text-transform: uppercase; \r\n margin-bottom: 14px; \r\n border: 1px solid rgba(40, 134, 54, 0.2); \r\n max-width: 100%;\r\n }\r\n\r\n .hero-text h1 { \r\n font-size: clamp(1.65rem, 3.8vw, 2.25rem); \r\n font-weight: 800; \r\n color: var(--deep-blue); \r\n line-height: 1.25; \r\n margin-bottom: 14px; \r\n letter-spacing: -0.02em; \r\n word-break: break-word;\r\n }\r\n .hero-text h1 span { \r\n color: var(--brand-blue); \r\n }\r\n .hero-text p { \r\n font-size: clamp(0.9rem, 2vw, 1rem); \r\n color: var(--text-muted); \r\n margin-bottom: 24px; \r\n line-height: 1.6; \r\n }\r\n .hero-cta-group { \r\n display: flex; \r\n flex-wrap: wrap; \r\n gap: 12px; \r\n margin-bottom: 0; \r\n }\r\n\r\n \/* 3. VISUAL KANAN MELINGKAR RADIAL MASK *\/\r\n .hero-visual-stage {\r\n position: relative;\r\n width: 100%;\r\n min-height: 390px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-visual-stage::before {\r\n content: '';\r\n position: absolute;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.18) 0%, rgba(40, 134, 54, 0.10) 45%, transparent 70%);\r\n filter: blur(35px);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n .orbit-ring {\r\n position: absolute;\r\n width: 360px;\r\n height: 360px;\r\n border-radius: 50%;\r\n border: 1.5px dashed rgba(37, 99, 235, 0.25);\r\n z-index: 2;\r\n pointer-events: none;\r\n animation: rotateOrbit 40s linear infinite;\r\n }\r\n\r\n @keyframes rotateOrbit {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .circular-photo-container {\r\n position: relative;\r\n width: 320px;\r\n height: 320px;\r\n border-radius: 50%;\r\n z-index: 3;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 50%, rgba(0,0,0,0.35) 75%, rgba(0,0,0,0) 100%);\r\n mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 50%, rgba(0,0,0,0.35) 75%, rgba(0,0,0,0) 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .circular-photo-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.1);\r\n transition: var(--transition);\r\n }\r\n\r\n .hero-visual-stage:hover .circular-photo-container img {\r\n transform: scale(1.15);\r\n }\r\n\r\n \/* FLOATING NODE BADGES *\/\r\n .mod-node-badge {\r\n position: absolute;\r\n background: rgba(10, 37, 64, 0.90);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1.5px solid rgba(255, 255, 255, 0.22);\r\n color: #ffffff;\r\n padding: 6px 12px;\r\n border-radius: 50px;\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n box-shadow: 0 8px 24px rgba(10, 37, 64, 0.28);\r\n z-index: 10;\r\n transition: var(--transition);\r\n cursor: default;\r\n white-space: nowrap;\r\n }\r\n\r\n .mod-node-badge i { font-size: 12px; }\r\n\r\n .mod-node-badge:hover {\r\n transform: translateY(-2px) scale(1.04);\r\n background: #0f4c81;\r\n }\r\n\r\n .node-simrs { top: 4%; left: 8%; }\r\n .node-bpjs { top: 20%; right: -6%; }\r\n .node-satu { bottom: 18%; right: -4%; }\r\n .node-farm { bottom: 4%; left: 10%; }\r\n .node-kars { top: 50%; left: -8%; }\r\n\r\n \/* 4. STATS BAR 5 KOLOM (DENGAN 3 WARNA ICON) *\/\r\n .stats-bar-card {\r\n background: var(--surface-white);\r\n border: 1px solid var(--border-color);\r\n border-radius: 16px;\r\n padding: 16px 24px;\r\n margin-top: 24px;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04);\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n\r\n .stat-col {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n border-right: 1px solid #f1f5f9;\r\n padding-right: 10px;\r\n }\r\n\r\n .stat-col:last-child {\r\n border-right: none;\r\n padding-right: 0;\r\n }\r\n\r\n .stat-icon-wrapper {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Icon 1: Green (#288636) *\/\r\n .stat-col:nth-child(1) .stat-icon-wrapper { \r\n background: rgba(40, 134, 54, 0.12); \r\n color: #288636; \r\n }\r\n \/* Icon 2: Blue (#2563EB) *\/\r\n .stat-col:nth-child(2) .stat-icon-wrapper { \r\n background: rgba(37, 99, 235, 0.12); \r\n color: #2563EB; \r\n }\r\n \/* Icon 3: Gold (#FCC321) *\/\r\n .stat-col:nth-child(3) .stat-icon-wrapper { \r\n background: rgba(252, 195, 33, 0.16); \r\n color: #FCC321; \r\n }\r\n \/* Icon 4: Blue (#2563EB) *\/\r\n .stat-col:nth-child(4) .stat-icon-wrapper { \r\n background: rgba(37, 99, 235, 0.12); \r\n color: #2563EB; \r\n }\r\n \/* Icon 5: Green (#288636) *\/\r\n .stat-col:nth-child(5) .stat-icon-wrapper { \r\n background: rgba(40, 134, 54, 0.12); \r\n color: #288636; \r\n }\r\n\r\n .stat-content h4 {\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--deep-blue);\r\n line-height: 1.2;\r\n }\r\n\r\n .stat-content p {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n font-weight: 600;\r\n margin-top: 2px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* RESPONSIVE BREAKPOINTS *\/\r\n @media (max-width: 1024px) {\r\n .stats-bar-card { \r\n grid-template-columns: repeat(3, 1fr); \r\n }\r\n .stat-col:nth-child(3) { \r\n border-right: none; \r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-content { \r\n height: 70px; \r\n }\r\n .brand-logo-img { \r\n height: 70px !important; \r\n max-height: 70px !important;\r\n }\r\n .nav-menu { \r\n display: none; \r\n }\r\n .nav-btn { \r\n padding: 8px 14px; \r\n font-size: 0.82rem; \r\n }\r\n\r\n .hero { \r\n padding: 95px 0 30px; \r\n }\r\n .hero-grid { \r\n grid-template-columns: 1fr !important; \r\n gap: 28px !important; \r\n }\r\n\r\n .hero-cta-group .btn { \r\n width: 100%; \r\n }\r\n\r\n .hero-visual-stage { \r\n min-height: auto; \r\n margin-top: 10px;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n .hero-visual-stage::before { \r\n width: 280px; \r\n height: 280px; \r\n }\r\n .orbit-ring { \r\n display: none; \r\n }\r\n .circular-photo-container { \r\n width: 240px; \r\n height: 240px; \r\n }\r\n\r\n .mod-node-badge { \r\n position: static; \r\n transform: none !important; \r\n font-size: 9.5px; \r\n padding: 6px 12px;\r\n }\r\n .hero-nodes-mobile-wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n }\r\n\r\n .stats-bar-card { \r\n grid-template-columns: 1fr 1fr; \r\n padding: 14px; \r\n margin-top: 20px; \r\n }\r\n .stat-col:nth-child(2) { \r\n border-right: none; \r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .stats-bar-card { \r\n grid-template-columns: 1fr; \r\n }\r\n .stat-col { \r\n border-right: none; \r\n border-bottom: 1px solid #f1f5f9; \r\n padding-bottom: 10px; \r\n }\r\n .stat-col:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- NAVBAR GLOBAL -->\r\n <nav>\r\n <div class=\"container nav-content\">\r\n <a href=\"https:\/\/smarthubtech.co.id\/\" class=\"brand-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/media__1786339968685.png\" alt=\"Logo SmartRS\" class=\"brand-logo-img\" \/>\r\n <\/a>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#dampak\" class=\"nav-link\">Dampak<\/a><\/li>\r\n <li><a href=\"#masalah\" class=\"nav-link\">Tantangan<\/a><\/li>\r\n <li><a href=\"#perbandingan\" class=\"nav-link\">Perbandingan<\/a><\/li>\r\n <li><a href=\"#trainer\" class=\"nav-link\">Trainer<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\r\n <li><a href=\"#testimoni\" class=\"nav-link\">Testimoni<\/a><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/smarthubtech.co.id\/kontak\/\" class=\"btn btn-primary nav-btn\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Jadwalkan Training\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- SECTION HERO -->\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n \r\n <!-- SISI KIRI: Teks & CTA -->\r\n <div class=\"hero-text\">\r\n <span class=\"badge-pill\"><i class=\"fas fa-shield-alt\"><\/i> Sertifikasi & Akselerasi Nakes Terpadu<\/span>\r\n <h1>Bimbing Staf & Manajemen RS Menguasai <span>SIMRS, RME, & Klaim BPJS<\/span> Tanpa Bikin Pusing<\/h1>\r\n <p>Bukan sekadar training teori software biasa. Kami mendampingi dokter, perawat, rekam medis, hingga direksi agar sistem rumah sakit dipakai 100%, klaim BPJS lancar tanpa pending, dan patuh regulasi SATUSEHAT Kemenkes.<\/p>\r\n \r\n <div class=\"hero-cta-group\">\r\n <a href=\"https:\/\/smarthubtech.co.id\/kontak\/\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Konsultasi Pelatihan RS\r\n <\/a>\r\n <a href=\"https:\/\/smarthubtech.co.id\/\" class=\"btn btn-outline\">\r\n <i class=\"fas fa-book-open\"><\/i> Panduan & Materi Lengkap\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SISI KANAN: Visual Foto Melingkar + Node Icons Responsif -->\r\n <div class=\"hero-visual-stage\">\r\n <div class=\"orbit-ring\"><\/div>\r\n\r\n <div class=\"circular-photo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-19-2026-04_53_40-PM.png\" alt=\"Training Digitalisasi Medis RS\" \/>\r\n <\/div>\r\n\r\n <!-- Wrapper badge mobile -->\r\n <div class=\"hero-nodes-mobile-wrap\">\r\n <div class=\"mod-node-badge node-simrs\">\r\n <i class=\"fa-solid fa-laptop-medical\" style=\"color: #288636;\"><\/i> SIMRS & RME SOAP\r\n <\/div>\r\n <div class=\"mod-node-badge node-bpjs\">\r\n <i class=\"fa-solid fa-file-invoice-dollar\" style=\"color: #2563EB;\"><\/i> KODING ICD-10 BPJS\r\n <\/div>\r\n <div class=\"mod-node-badge node-satu\">\r\n <i class=\"fa-solid fa-shield-halved\" style=\"color: #FCC321;\"><\/i> SATUSEHAT COMPLIANT\r\n <\/div>\r\n <div class=\"mod-node-badge node-farm\">\r\n <i class=\"fa-solid fa-prescription-bottle-medical\" style=\"color: #288636;\"><\/i> TATA KELOLA FARMASI\r\n <\/div>\r\n <div class=\"mod-node-badge node-kars\">\r\n <i class=\"fa-solid fa-award\" style=\"color: #2563EB;\"><\/i> AKREDITASI PARIPURNA\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- BAR STATISTIK 5 KOLOM -->\r\n <div class=\"stats-bar-card\">\r\n <!-- 1. Tahun Pengalaman (#288636) -->\r\n <div class=\"stat-col\">\r\n <div class=\"stat-icon-wrapper\">\r\n <i class=\"fa-solid fa-award\"><\/i>\r\n <\/div>\r\n <div class=\"stat-content\">\r\n <h4><span class=\"counter\" data-target=\"20\">0<\/span>+<\/h4>\r\n <p>Tahun Pengalaman di Industri Kesehatan<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. Revenue Leakage (#2563EB) -->\r\n <div class=\"stat-col\">\r\n <div class=\"stat-icon-wrapper\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"stat-content\">\r\n <h4>Rp <span class=\"counter\" data-target=\"2\">0<\/span>+ Triliun<\/h4>\r\n <p>Revenue Leakage Diselamatkan<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. Transaksi Diproses (#FCC321) -->\r\n <div class=\"stat-col\">\r\n <div class=\"stat-icon-wrapper\">\r\n <i class=\"fa-solid fa-database\"><\/i>\r\n <\/div>\r\n <div class=\"stat-content\">\r\n <h4><span class=\"counter\" data-target=\"200\">0<\/span>+ Juta<\/h4>\r\n <p>Transaksi Diproses Setiap Tahun<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4. Rumah Sakit & Institusi (#2563EB) -->\r\n <div class=\"stat-col\">\r\n <div class=\"stat-icon-wrapper\">\r\n <i class=\"fa-solid fa-hospital-user\"><\/i>\r\n <\/div>\r\n <div class=\"stat-content\">\r\n <h4><span class=\"counter\" data-target=\"100\">0<\/span>+<\/h4>\r\n <p>Rumah Sakit & Institusi di Indonesia<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5. Enterprise Support 24\/7 (#288636) -->\r\n <div class=\"stat-col\">\r\n <div class=\"stat-icon-wrapper\">\r\n <i class=\"fa-solid fa-headset\"><\/i>\r\n <\/div>\r\n <div class=\"stat-content\">\r\n <h4>24\/7<\/h4>\r\n <p>Enterprise Support SLA Guaranteed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCRIPT ANIMASI COUNTER -->\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const counters = document.querySelectorAll(\".counter\");\r\n const speed = 150; \r\n counters.forEach(counter => {\r\n const targetText = counter.getAttribute(\"data-target\").replace(\/[^0-9]\/g, '');\r\n const target = parseInt(targetText);\r\n let current = 0;\r\n const updateCount = () => {\r\n const increment = target \/ speed;\r\n if (current < target) {\r\n current += increment;\r\n counter.innerText = Math.ceil(current);\r\n setTimeout(updateCount, 25);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-233c00b e-con-full e-flex e-con e-parent\" data-id=\"233c00b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888865f elementor-widget elementor-widget-html\" data-id=\"888865f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n :root {\n --primary-blue: #0f4c81;\n --deep-blue: #0a2540;\n --light-blue-bg: #f4f8fc;\n --surface-white: #ffffff;\n --accent-green: #288636;\n --text-muted: #64748b;\n --border-color: #e2e8f0;\n --radius-md: 16px;\n --radius-full: 9999px;\n --shadow-sm: 0 4px 12px rgba(10, 37, 64, 0.04);\n }\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', sans-serif; }\n body { background-color: var(--light-blue-bg); }\n .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n \n .badge-pill {\n display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px;\n background: rgba(15, 76, 129, 0.08); color: var(--primary-blue);\n border-radius: var(--radius-full); font-size: 0.85rem; font-weight: 700;\n text-transform: uppercase; margin-bottom: 12px; border: 1px solid rgba(15, 76, 129, 0.14);\n }\n\n .marquee-section {\n background: var(--surface-white);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n padding: 60px 0;\n overflow: hidden;\n }\n .marquee-header { text-align: center; max-width: 760px; margin: 0 auto 36px; }\n .marquee-wrapper { width: 100%; overflow: hidden; position: relative; }\n .marquee-wrapper::before, .marquee-wrapper::after {\n content: ''; position: absolute; top: 0; bottom: 0; width: 90px; z-index: 2; pointer-events: none;\n }\n .marquee-wrapper::before { left: 0; background: linear-gradient(to right, var(--surface-white), transparent); }\n .marquee-wrapper::after { right: 0; background: linear-gradient(to left, var(--surface-white), transparent); }\n \n .marquee-track {\n display: flex; gap: 22px; width: max-content; animation: scrollLeft 28s linear infinite;\n }\n .marquee-track:hover { animation-play-state: paused; }\n @keyframes scrollLeft {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n .stat-card {\n background: var(--light-blue-bg); border-radius: var(--radius-md);\n padding: 22px 32px; min-width: 290px; border: 1px solid var(--border-color);\n box-shadow: var(--shadow-sm); text-align: center;\n }\n .stat-value {\n font-size: 2.1rem; font-weight: 800; color: var(--primary-blue);\n margin-bottom: 4px; display: flex; justify-content: center; align-items: center; gap: 2px;\n }\n .stat-label { color: var(--text-muted); font-size: 0.88rem; font-weight: 600; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"marquee-section\" id=\"dampak\">\n <div class=\"container\">\n <div class=\"marquee-header\">\n <span class=\"badge-pill\"><i class=\"fa-solid fa-chart-line\" style=\"color: var(--accent-green);\"><\/i> Efisiensi & Kinerja Terbukti<\/span>\n <h3 style=\"font-size: 1.8rem; color: var(--deep-blue); font-weight: 800;\">Dampak Terukur Solusi Digital<\/h3>\n <\/div>\n <\/div>\n <div class=\"marquee-wrapper\">\n <div class=\"marquee-track\">\n <!-- SET 1 -->\n <div class=\"stat-card\">\n <div class=\"stat-value\">\u00b1<span class=\"counter\" data-target=\"53\">0<\/span>%<\/div>\n <div class=\"stat-label\">TCO Lebih Efisien<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">Rp <span class=\"counter\" data-target=\"1.1\" data-float=\"true\">0<\/span> M<\/div>\n <div class=\"stat-label\">Included Investment Value<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">SLA P1<\/div>\n <div class=\"stat-label\">Resolusi Gangguan < 4 Jam<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">< <span class=\"counter\" data-target=\"5\">0<\/span> Detik<\/div>\n <div class=\"stat-label\">Proses Admisi Pasien<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\"><span class=\"counter\" data-target=\"100\">0<\/span>%<\/div>\n <div class=\"stat-label\">Lolos Klaim BPJS<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\"><span class=\"counter\" data-target=\"0\">0<\/span>%<\/div>\n <div class=\"stat-label\">Beban Bebas Kertas<\/div>\n <\/div>\n <!-- SET 2 -->\n <div class=\"stat-card\">\n <div class=\"stat-value\">\u00b1<span class=\"counter\" data-target=\"53\">0<\/span>%<\/div>\n <div class=\"stat-label\">TCO Lebih Efisien<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">Rp <span class=\"counter\" data-target=\"1.1\" data-float=\"true\">0<\/span> M<\/div>\n <div class=\"stat-label\">Included Investment Value<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">SLA P1<\/div>\n <div class=\"stat-label\">Resolusi Gangguan < 4 Jam<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\">< <span class=\"counter\" data-target=\"5\">0<\/span> Detik<\/div>\n <div class=\"stat-label\">Proses Admisi Pasien<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\"><span class=\"counter\" data-target=\"100\">0<\/span>%<\/div>\n <div class=\"stat-label\">Lolos Klaim BPJS<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value\"><span class=\"counter\" data-target=\"0\">0<\/span>%<\/div>\n <div class=\"stat-label\">Beban Bebas Kertas<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", () => {\n const counters = document.querySelectorAll(\".counter\");\n const speed = 50;\n counters.forEach(counter => {\n const target = parseFloat(counter.getAttribute(\"data-target\"));\n const isFloat = counter.getAttribute(\"data-float\") === \"true\";\n let current = 0;\n const increment = target \/ speed;\n const updateCount = () => {\n current += increment;\n if (current < target) {\n counter.innerText = isFloat ? current.toFixed(1).replace('.', ',') : Math.ceil(current);\n setTimeout(updateCount, 25);\n } else {\n counter.innerText = isFloat ? target.toFixed(1).replace('.', ',') : target;\n }\n };\n updateCount();\n });\n });\n <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e703850 e-con-full e-flex e-con e-parent\" data-id=\"e703850\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87cd09a elementor-widget elementor-widget-gallery\" data-id=\"87cd09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"columns":6,"columns_mobile":3,"gap_mobile":{"unit":"px","size":1,"sizes":[]},"lazyload":"yes","gallery_layout":"grid","columns_tablet":2,"gap":{"unit":"px","size":10,"sizes":[]},"gap_tablet":{"unit":"px","size":10,"sizes":[]},"link_to":"file","aspect_ratio":"3:2","overlay_background":"yes","content_hover_animation":"fade-in"}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.33.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"WhatsApp Image 2026-07-24 at 14.10.33\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzIyLCJ1cmwiOiJodHRwczpcL1wvc21hcnRodWJ0ZWNoLmNvLmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wOFwvV2hhdHNBcHAtSW1hZ2UtMjAyNi0wNy0yNC1hdC0xNC4xMC4zMy5qcGVnIiwic2xpZGVzaG93IjoiODdjZDA5YSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.33.jpeg\" data-width=\"1280\" data-height=\"720\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.34.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"WhatsApp Image 2026-07-24 at 14.10.34\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzIxLCJ1cmwiOiJodHRwczpcL1wvc21hcnRodWJ0ZWNoLmNvLmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wOFwvV2hhdHNBcHAtSW1hZ2UtMjAyNi0wNy0yNC1hdC0xNC4xMC4zNC5qcGVnIiwic2xpZGVzaG93IjoiODdjZDA5YSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.34.jpeg\" data-width=\"1280\" data-height=\"720\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.04.21-1.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"WhatsApp Image 2026-07-24 at 14.04.21 (1)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzIwLCJ1cmwiOiJodHRwczpcL1wvc21hcnRodWJ0ZWNoLmNvLmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wOFwvV2hhdHNBcHAtSW1hZ2UtMjAyNi0wNy0yNC1hdC0xNC4wNC4yMS0xLmpwZWciLCJzbGlkZXNob3ciOiI4N2NkMDlhIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.04.21-1.jpeg\" data-width=\"1280\" data-height=\"960\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.32-1.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"WhatsApp Image 2026-07-24 at 14.10.32\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzE4LCJ1cmwiOiJodHRwczpcL1wvc21hcnRodWJ0ZWNoLmNvLmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wOFwvV2hhdHNBcHAtSW1hZ2UtMjAyNi0wNy0yNC1hdC0xNC4xMC4zMi0xLmpwZWciLCJzbGlkZXNob3ciOiI4N2NkMDlhIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.32-1.jpeg\" data-width=\"1600\" data-height=\"1200\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/pabibkesehatan-1.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"pabibkesehatan\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzE3LCJ1cmwiOiJodHRwczpcL1wvc21hcnRodWJ0ZWNoLmNvLmlkXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wOFwvcGFiaWJrZXNlaGF0YW4tMS5qcGVnIiwic2xpZGVzaG93IjoiODdjZDA5YSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/pabibkesehatan-1.jpeg\" data-width=\"1600\" data-height=\"1200\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/IMG-20260626-WA0074-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"87cd09a\" data-elementor-lightbox-title=\"IMG-20260626-WA0074\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTQsInVybCI6Imh0dHBzOlwvXC9zbWFydGh1YnRlY2guY28uaWRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA4XC9JTUctMjAyNjA2MjYtV0EwMDc0LXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiI4N2NkMDlhIn0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/IMG-20260626-WA0074-scaled.jpg\" data-width=\"1920\" data-height=\"2560\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d86f69 e-con-full e-flex e-con e-parent\" data-id=\"1d86f69\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-833f129 elementor-widget elementor-widget-html\" data-id=\"833f129\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n :root {\r\n --primary-blue: #0f4c81;\r\n --primary-red: #dc2626;\r\n --deep-blue: #0a2540;\r\n --surface-white: #ffffff;\r\n --surface-card: #ffffff;\r\n --text-dark: #1e293b;\r\n --text-muted: #64748b;\r\n --border-red: #fecaca;\r\n --radius-lg: 24px;\r\n --radius-full: 9999px;\r\n --shadow-aesthetic: 0 20px 40px -15px rgba(220, 38, 38, 0.05);\r\n --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', sans-serif; }\r\n \r\n body { background-color: #ffffff; color: var(--text-dark); line-height: 1.6; }\r\n \r\n .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n \r\n \/* Background Section #EFF4F8 *\/\r\n .section { \r\n padding: 95px 0; \r\n position: relative; \r\n overflow: hidden; \r\n background-color: #EFF4F8 !important; \r\n }\r\n\r\n .section-title-wrapper { text-align: center; max-width: 720px; margin: 0 auto 60px; position: relative; z-index: 1; }\r\n \r\n \/* BADGE PILL TETAP BIRU (TIDAK IKUT MERAH) *\/\r\n .badge-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 18px;\r\n background: rgba(15, 76, 129, 0.08) !important;\r\n color: var(--primary-blue) !important;\r\n border-radius: var(--radius-full);\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(15, 76, 129, 0.2) !important;\r\n }\r\n \r\n .section-title { font-size: 2.35rem; font-weight: 800; color: var(--deep-blue); line-height: 1.25; margin-bottom: 16px; letter-spacing: -0.02em; }\r\n .section-desc { font-size: 1.08rem; color: var(--text-muted); line-height: 1.7; }\r\n\r\n \/* ==================== AESTHETIC RED CARD GRID ==================== *\/\r\n .pain-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .pain-card {\r\n background: var(--surface-card);\r\n border-radius: var(--radius-lg);\r\n padding: 38px 32px;\r\n border: 1px solid var(--border-red);\r\n box-shadow: var(--shadow-aesthetic);\r\n transition: var(--transition-smooth);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .pain-card:hover {\r\n transform: translateY(-8px);\r\n background: var(--surface-white);\r\n box-shadow: 0 30px 60px -20px rgba(220, 38, 38, 0.12);\r\n border-color: rgba(220, 38, 38, 0.4);\r\n }\r\n \r\n .pain-card::after {\r\n content: attr(data-number);\r\n position: absolute;\r\n top: 24px;\r\n right: 28px;\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: rgba(220, 38, 38, 0.06);\r\n pointer-events: none;\r\n transition: var(--transition-smooth);\r\n }\r\n .pain-card:hover::after {\r\n color: rgba(220, 38, 38, 0.12);\r\n transform: scale(1.08);\r\n }\r\n\r\n .pain-icon-box {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(220, 38, 38, 0.08);\r\n color: var(--primary-red);\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.45rem;\r\n margin-bottom: 24px;\r\n transition: var(--transition-smooth);\r\n }\r\n .pain-card:hover .pain-icon-box {\r\n background: var(--primary-red);\r\n color: #fff;\r\n transform: scale(1.05) rotate(-4deg);\r\n }\r\n\r\n .pain-card h3 {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: var(--deep-blue);\r\n margin-bottom: 14px;\r\n line-height: 1.35;\r\n }\r\n .pain-card p {\r\n font-size: 0.95rem;\r\n color: var(--text-muted);\r\n line-height: 1.7;\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .pain-grid { grid-template-columns: 1fr; gap: 20px; }\r\n .section-title { font-size: 2rem; }\r\n }\r\n <\/style>\r\n\r\n<!-- SECTION 3: TANTANGAN NYATA DI RUMAH SAKIT -->\r\n<section class=\"section\" id=\"masalah\">\r\n <div class=\"container\">\r\n <div class=\"section-title-wrapper\">\r\n <div class=\"badge-pill\">\r\n <i class=\"fa-solid fa-triangle-exclamation\"><\/i> Realita Operasional RS\r\n <\/div>\r\n <h2 class=\"section-title\">Mengapa Banyak Rumah Sakit Gagal Mengoptimalkan Sistem Digital?<\/h2>\r\n <p class=\"section-desc\">Peralatan canggih dan software mahal sering kali mangkrak atau justru menambah beban kerja staf jika tidak disertai pendampingan yang tepat.<\/p>\r\n <\/div>\r\n \r\n <div class=\"pain-grid\">\r\n <!-- Card 1 -->\r\n <div class=\"pain-card\" data-number=\"01\">\r\n <div class=\"pain-icon-box\">\r\n <i class=\"fa-solid fa-file-invoice-dollar\"><\/i>\r\n <\/div>\r\n <h3>Klaim BPJS Sering Pending \/ Dispute<\/h3>\r\n <p>Kesalahan pengkodean ICD-10, ketidaksesuaian lembar kerja klinis, dan ketidaklengkapan resume medis membuat arus kas rumah sakit terganggu akibat klaim tertahan.<\/p>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"pain-card\" data-number=\"02\">\r\n <div class=\"pain-icon-box\">\r\n <i class=\"fa-solid fa-user-doctor\"><\/i>\r\n <\/div>\r\n <h3>Tenaga Medis Burnout & Menolak Sistem<\/h3>\r\n <p>Dokter dan perawat merasa terbebani dengan entri data ganda (manual dan elektronik) karena kurangnya pelatihan alur kerja yang efisien dan ergonomis.<\/p>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"pain-card\" data-number=\"03\">\r\n <div class=\"pain-icon-box\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <h3>Risiko Audit Regulasi & SATUSEHAT<\/h3>\r\n <p>Kegagalan integrasi data rekam medis elektronik dengan platform SATUSEHAT Kemenkes berisiko pada sanksi administratif dan akreditasi rumah sakit.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb68a41 e-con-full e-flex e-con e-parent\" data-id=\"bb68a41\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4192e9d elementor-widget elementor-widget-html\" data-id=\"4192e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Variabel Warna Dasar *\/\r\n :root {\r\n --surface-white: #ffffff;\r\n --deep-blue: #0b1c3d;\r\n --primary-blue: #0f4c85;\r\n --light-blue-bg: #f0f4f8;\r\n --border-color: #cbd5e1;\r\n --text-muted: #64748b;\r\n --accent-gold: #f59e0b;\r\n --accent-green: #10b981;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n margin: 0;\r\n background-color: var(--surface-white);\r\n overflow-x: hidden;\r\n }\r\n\r\n .section {\r\n padding: 60px 16px;\r\n }\r\n\r\n .container {\r\n max-width: 1140px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n .section-title-wrapper {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .badge-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--light-blue-bg);\r\n padding: 6px 14px;\r\n border-radius: 9999px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 12px;\r\n border: 1px solid var(--border-color);\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(1.5rem, 5vw, 2.1rem);\r\n color: var(--deep-blue);\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n line-height: 1.25;\r\n word-break: break-word;\r\n }\r\n\r\n .section-desc {\r\n color: var(--text-muted);\r\n font-size: 0.95rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Tombol Switcher Interaktif Mobile-Friendly *\/\r\n .comparison-switcher {\r\n display: inline-flex;\r\n background: #e2e8f0;\r\n padding: 4px;\r\n border-radius: 9999px;\r\n border: 1px solid var(--border-color);\r\n margin-top: 20px;\r\n gap: 4px;\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.04);\r\n max-width: 100%;\r\n }\r\n \r\n .switch-btn {\r\n background: transparent;\r\n border: none;\r\n padding: 8px 16px;\r\n font-size: 0.82rem;\r\n font-weight: 700;\r\n color: var(--text-muted);\r\n border-radius: 9999px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n white-space: nowrap;\r\n }\r\n \r\n .switch-btn:hover {\r\n color: var(--deep-blue);\r\n }\r\n \r\n .switch-btn.active {\r\n background: var(--primary-blue);\r\n color: #fff;\r\n box-shadow: 0 4px 12px rgba(15, 76, 129, 0.3);\r\n }\r\n\r\n \/* Container & Box Perbandingan *\/\r\n .comparison-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n align-items: stretch;\r\n justify-content: center;\r\n position: relative;\r\n margin-top: 25px;\r\n width: 100%;\r\n }\r\n \r\n .comp-box {\r\n flex: 1 1 100%;\r\n max-width: 520px;\r\n border-radius: 20px;\r\n padding: 24px 20px;\r\n position: relative;\r\n transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\r\n width: 100%;\r\n }\r\n\r\n \/* Efek Spotlight Desktop *\/\r\n @media (min-width: 769px) {\r\n .comp-box {\r\n flex: 1 1 420px;\r\n padding: 36px 30px;\r\n }\r\n \r\n .comparison-wrapper.focus-conventional .comp-box-right {\r\n opacity: 0.35;\r\n transform: scale(0.96);\r\n filter: blur(1.5px);\r\n }\r\n \r\n .comparison-wrapper.focus-trainingrs .comp-box-left {\r\n opacity: 0.35;\r\n transform: scale(0.96);\r\n filter: blur(1.5px);\r\n }\r\n\r\n .comparison-wrapper.focus-conventional .comp-box-left,\r\n .comparison-wrapper.focus-trainingrs .comp-box-right {\r\n opacity: 1;\r\n transform: scale(1.02);\r\n filter: blur(0);\r\n box-shadow: 0 22px 45px rgba(15, 76, 129, 0.25);\r\n }\r\n }\r\n\r\n .comp-box-left {\r\n background: #e9eef5;\r\n border: 1px solid rgba(15, 76, 129, 0.1);\r\n }\r\n \r\n .comp-box-left h3 {\r\n color: var(--deep-blue);\r\n font-size: 1.2rem;\r\n margin-top: 0;\r\n margin-bottom: 18px;\r\n font-weight: 700;\r\n }\r\n \r\n .comp-box-right {\r\n background: linear-gradient(145deg, var(--deep-blue) 0%, var(--primary-blue) 100%);\r\n color: #fff;\r\n box-shadow: 0 18px 40px rgba(10, 37, 64, 0.22);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .comp-box-right h3 {\r\n color: #fff;\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 0;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .comp-sparkle { \r\n color: var(--accent-gold); \r\n font-size: 1.1rem; \r\n animation: spinSlow 4s linear infinite; \r\n }\r\n\r\n @keyframes spinSlow {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .comp-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 12px 14px;\r\n border-radius: 12px;\r\n margin-bottom: 10px;\r\n transition: transform 0.2s ease, background 0.2s ease;\r\n }\r\n\r\n .comp-box-left .comp-item { background: rgba(255, 255, 255, 0.7); }\r\n .comp-box-right .comp-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); }\r\n\r\n .comp-icon {\r\n font-size: 1.05rem;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n }\r\n .comp-box-left .comp-icon { color: #94a3b8; }\r\n .comp-box-right .comp-icon { color: var(--accent-green); }\r\n \r\n .comp-item h4 {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n margin: 0 0 3px 0;\r\n }\r\n .comp-item p {\r\n font-size: 0.8rem;\r\n opacity: 0.88;\r\n margin: 0;\r\n line-height: 1.45;\r\n }\r\n\r\n \/* Badge VS *\/\r\n .vs-badge {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #fff;\r\n color: var(--primary-blue);\r\n border: 3px solid var(--light-blue-bg);\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.12);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 0.9rem;\r\n z-index: 3;\r\n animation: pulseVs 2s infinite;\r\n }\r\n\r\n @keyframes pulseVs {\r\n 0% { box-shadow: 0 0 0 0 rgba(15, 76, 129, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(15, 76, 129, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(15, 76, 129, 0); }\r\n }\r\n\r\n .vs-lightning { color: var(--accent-gold); margin-right: 2px; }\r\n\r\n \/* Penyesuaian Khusus Mobile (< 768px) *\/\r\n @media(max-width: 768px) {\r\n .section {\r\n padding: 40px 14px;\r\n }\r\n \r\n .comparison-switcher {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .switch-btn {\r\n flex: 1;\r\n padding: 8px 6px;\r\n font-size: 0.75rem;\r\n text-align: center;\r\n }\r\n\r\n .vs-badge {\r\n display: none; \/* Sembunyikan badge melayang agar tidak menumpuk di mobile *\/\r\n }\r\n\r\n \/* Di mobile, sembunyikan kotak yang tidak aktif saat switch dipilih *\/\r\n .comparison-wrapper.focus-conventional .comp-box-right {\r\n display: none;\r\n }\r\n .comparison-wrapper.focus-trainingrs .comp-box-left {\r\n display: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- ==================== SECTION 4: COMPARISON \/ VERSUS ==================== -->\r\n<section class=\"section\" id=\"perbandingan\">\r\n <div class=\"container\">\r\n <div class=\"section-title-wrapper\">\r\n <span class=\"badge-pill\"><i class=\"fa-solid fa-bolt\" style=\"color: var(--accent-gold);\"><\/i> Kenapa Memilih Kami<\/span>\r\n <h2 class=\"section-title\">Perbandingan Pendekatan: Konvensional vs TrainingRS<\/h2>\r\n <p class=\"section-desc\">Transformasi proses manual berbiaya tinggi menjadi sistem yang cepat, terukur, dan terjangkau.<\/p>\r\n \r\n <!-- Tombol Switcher Interaktif -->\r\n <div class=\"comparison-switcher\">\r\n <button class=\"switch-btn active\" onclick=\"switchComparisonMode('all', this)\">Semua<\/button>\r\n <button class=\"switch-btn\" onclick=\"switchComparisonMode('conventional', this)\">Konvensional<\/button>\r\n <button class=\"switch-btn\" onclick=\"switchComparisonMode('trainingrs', this)\">TrainingRS<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"comparison-wrapper\" id=\"comparisonContainer\">\r\n <!-- Sisi Kiri: Konvensional -->\r\n <div class=\"comp-box comp-box-left\">\r\n <h3>Pengelolaan Konvensional \/ Biasa<\/h3>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-server comp-icon\"><\/i>\r\n <div>\r\n <h4>Investasi Infrastruktur Tinggi<\/h4>\r\n <p>Perlu pengadaan server, backup mandiri, dan lisensi software terpisah yang memakan biaya besar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-money-bill-wave comp-icon\"><\/i>\r\n <div>\r\n <h4>Biaya Maintenance & IT Support Mahal<\/h4>\r\n <p>Membutuhkan tim IT khusus internal untuk pemeliharaan rutin dan penanganan insiden.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-clock-rotate-left comp-icon\"><\/i>\r\n <div>\r\n <h4>Proses Admisi & Klaim Lebih Lambat<\/h4>\r\n <p>Pencatatan manual dan berkas fisik memperbesar risiko human error serta reject klaim BPJS.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-file-shield comp-icon\"><\/i>\r\n <div>\r\n <h4>Kepatuhan Regulasi Berubah-ubah<\/h4>\r\n <p>Perlu penyesuaian sistem manual sendiri setiap kali ada update regulasi Kemenkes \/ BPJS.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- VS Center Badge -->\r\n <div class=\"vs-badge\">\r\n <i class=\"fa-solid fa-bolt vs-lightning\"><\/i> VS\r\n <\/div>\r\n \r\n <!-- Sisi Kanan: TrainingRS -->\r\n <div class=\"comp-box comp-box-right\">\r\n <h3>\r\n Solusi TrainingRS & SmartHub\r\n <i class=\"fa-solid fa-sparkles comp-sparkle\"><\/i>\r\n <\/h3>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-shield-halved comp-icon\"><\/i>\r\n <div>\r\n <h4>Infrastruktur Cloud Siap Pakai & Aman<\/h4>\r\n <p>Arsitektur modern terintegrasi tanpa perlu belanja perangkat server mahal di awal.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-hand-holding-dollar comp-icon\"><\/i>\r\n <div>\r\n <h4>TCO Efisien & SLA Pasti (< 4 Jam)<\/h4>\r\n <p>Hemat biaya operasional hingga \u00b153% didukung penanganan kendala teknis cepat dari tim ahli.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-bolt-lightning comp-icon\"><\/i>\r\n <div>\r\n <h4>Admisi < 5 Detik & Klaim BPJS Akurat<\/h4>\r\n <p>Otomatisasi bridging SatuSehat & BPJS secara instan, minimalkan retur dan antrean panjang.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"comp-item\">\r\n <i class=\"fa-solid fa-cubes-stacked comp-icon\"><\/i>\r\n <div>\r\n <h4>Ekosistem Lengkap & Modul Terupdate<\/h4>\r\n <p>Fitur selalu terbarukan otomatis sesuai standar regulasi layanan kesehatan nasional terkini.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function switchComparisonMode(mode, element) {\r\n document.querySelectorAll(\".switch-btn\").forEach(btn => btn.classList.remove(\"active\"));\r\n element.classList.add(\"active\");\r\n\r\n const container = document.getElementById(\"comparisonContainer\");\r\n container.classList.remove(\"focus-conventional\", \"focus-trainingrs\");\r\n\r\n if (mode === 'conventional') {\r\n container.classList.add(\"focus-conventional\");\r\n } else if (mode === 'trainingrs') {\r\n container.classList.add(\"focus-trainingrs\");\r\n }\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8f1c37 e-con-full e-flex e-con e-parent\" data-id=\"a8f1c37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7fb89 elementor-widget elementor-widget-html\" data-id=\"5e7fb89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n :root {\n --deep-navy: #07162c;\n --card-bg: #0b2246;\n --accent-gold: #f59e0b;\n --accent-green: #10b981;\n --text-white: #ffffff;\n --text-muted: #94a3b8;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n background-color: var(--deep-navy);\n }\n\n .section-coach {\n padding: 90px 20px;\n background: var(--deep-navy);\n color: var(--text-white);\n }\n\n .container {\n max-width: 1140px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 50px;\n }\n\n \/* Kotak Sisi Kiri (Foto Diperbesar & Lebih Estetik) *\/\n .coach-card-box {\n flex: 1 1 360px;\n max-width: 420px;\n background: linear-gradient(145deg, #0d2854 0%, #081a38 100%);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(15, 76, 129, 0.2);\n transition: transform 0.3s ease;\n }\n\n .coach-card-box:hover {\n transform: translateY(-5px);\n }\n\n \/* Styling Gambar Besar & Estetik *\/\n .coach-img-wrapper {\n width: 100%;\n height: 340px; \/* Foto dibuat tinggi dan besar *\/\n margin: 0 auto 22px auto;\n border-radius: 20px;\n background: var(--accent-gold);\n overflow: hidden;\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);\n border: 2px solid rgba(255, 255, 255, 0.15);\n }\n\n .coach-img-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top; \/* Fokus ke bagian atas (wajah) *\/\n transition: transform 0.5s ease;\n }\n\n .coach-card-box:hover .coach-img-wrapper img {\n transform: scale(1.03); \/* Efek zoom halus saat di-hover *\/\n }\n\n .coach-name {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--text-white);\n margin-bottom: 8px;\n }\n\n .coach-title {\n font-size: 0.8rem;\n font-weight: 800;\n letter-spacing: 0.8px;\n color: var(--accent-gold);\n text-transform: uppercase;\n margin: 0;\n }\n\n \/* Sisi Kanan (Teks & Badge Pencapaian) *\/\n .coach-content {\n flex: 1 1 540px;\n }\n\n .badge-pill-sub {\n display: inline-block;\n background: rgba(255, 255, 255, 0.06);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 6px 16px;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.8px;\n color: #93c5fd;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .coach-heading {\n font-size: 2.2rem;\n font-weight: 800;\n line-height: 1.25;\n color: var(--text-white);\n margin-bottom: 16px;\n }\n\n .coach-desc {\n font-size: 0.95rem;\n line-height: 1.65;\n color: var(--text-muted);\n margin-bottom: 25px;\n }\n\n \/* Badge Keunggulan di Bawah Teks *\/\n .achievements-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .achievement-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.08);\n padding: 9px 16px;\n border-radius: 9999px;\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--text-white);\n }\n\n .achievement-badge i {\n color: var(--accent-green);\n font-size: 0.9rem;\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"section-coach\" id=\"trainer\">\n <div class=\"container\">\n \n <!-- Sisi Kiri: Foto Besar & Estetik -->\n <div class=\"coach-card-box\">\n <div class=\"coach-img-wrapper\">\n <!-- Ganti link gambar di bawah dengan foto asli Anda -->\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/PABIBFORMAL.jpeg\" alt=\"Coach Husaini\">\n <\/div>\n <div class=\"coach-name\">Coach Husaini & Tim Ahli<\/div>\n <p class=\"coach-title\">Lead Hospital Transformation Coach<\/p>\n <\/div>\n\n <!-- Sisi Kanan: Konten Teks & Keunggulan -->\n <div class=\"coach-content\">\n <span class=\"badge-pill-sub\">Pendekatan Humanis & Komunikatif<\/span>\n <h2 class=\"coach-heading\">Mengubah Kerumitan Jadi Kebiasaan Kerja yang Menyenangkan<\/h2>\n <p class=\"coach-desc\">\n Dengan latar belakang mendalam di bidang implementasi Healthcare IT, tata kelola manajemen rumah sakit, dan pelatihan komunikasi korporat, kami membimbing seluruh jajaran RS agar transisi digital berjalan mulus tanpa resistensi internal.\n <\/p>\n\n <!-- Daftar Keunggulan -->\n <div class=\"achievements-grid\">\n <div class=\"achievement-badge\">\n <i class=\"fa-solid fa-check\"><\/i> 10.000+ Alumni Nakes\n <\/div>\n <div class=\"achievement-badge\">\n <i class=\"fa-solid fa-check\"><\/i> 20+ Tahun Pengalaman RS\n <\/div>\n <div class=\"achievement-badge\">\n <i class=\"fa-solid fa-check\"><\/i> Terdaftar PSE Kominfo & HAKI\n <\/div>\n <div class=\"achievement-badge\">\n <i class=\"fa-solid fa-check\"><\/i> Mitra Resmi e-Katalog LKPP\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a4614 e-con-full e-flex e-con e-parent\" data-id=\"83a4614\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-555fa92 elementor-widget elementor-widget-html\" data-id=\"555fa92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Styling Khusus FAQ agar Terisolasi dan Tidak Mengganggu Section Lain *\/\r\n .section-faq-custom {\r\n padding: 80px 20px;\r\n background-color: #F0F4F8 !important;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .section-faq-custom .faq-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-faq-custom .faq-title-wrapper {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-faq-custom .faq-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #ffffff;\r\n padding: 6px 16px;\r\n border-radius: 9999px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: #0f4c85;\r\n margin-bottom: 14px;\r\n border: 1px solid #cbd5e1;\r\n box-shadow: 0 4px 12px rgba(15, 76, 129, 0.06);\r\n }\r\n\r\n .section-faq-custom .faq-main-title {\r\n font-size: 2.2rem;\r\n color: #0b1c3d;\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-faq-custom .faq-main-desc {\r\n color: #64748b;\r\n font-size: 1rem;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n }\r\n\r\n .section-faq-custom .faq-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .section-faq-custom .faq-item {\r\n background: #ffffff;\r\n border: 1px solid rgba(15, 76, 129, 0.1);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(15, 76, 129, 0.04);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .section-faq-custom .faq-item:hover {\r\n box-shadow: 0 8px 25px rgba(15, 76, 129, 0.08);\r\n }\r\n\r\n .section-faq-custom .faq-question {\r\n width: 100%;\r\n background: none;\r\n border: none;\r\n padding: 22px 24px;\r\n text-align: left;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n color: #0b1c3d;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n gap: 16px;\r\n }\r\n\r\n .section-faq-custom .faq-icon-wrap {\r\n width: 32px;\r\n height: 32px;\r\n background: #f1f5f9;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: transform 0.3s ease, background 0.3s ease;\r\n }\r\n\r\n .section-faq-custom .faq-icon-wrap i {\r\n font-size: 0.85rem;\r\n color: #0f4c85;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .section-faq-custom .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s ease;\r\n padding: 0 24px;\r\n color: #64748b;\r\n font-size: 0.93rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .section-faq-custom .faq-item.active .faq-answer {\r\n max-height: 250px;\r\n padding: 0 24px 22px 24px;\r\n }\r\n\r\n .section-faq-custom .faq-item.active .faq-icon-wrap {\r\n background: #0f4c85;\r\n }\r\n\r\n .section-faq-custom .faq-item.active .faq-icon-wrap i {\r\n color: #ffffff;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .section-faq-custom .faq-item.active .faq-question {\r\n color: #0f4c85;\r\n }\r\n<\/style>\r\n\r\n<!-- HTML FAQ Lengkap 4 Item -->\r\n<section class=\"section-faq-custom\" id=\"faq\">\r\n <div class=\"faq-container\">\r\n <div class=\"faq-title-wrapper\">\r\n <span class=\"faq-badge\"><i class=\"fa-solid fa-circle-question\" style=\"color: #f59e0b;\"><\/i> Pertanyaan Umum<\/span>\r\n <h2 class=\"faq-main-title\">Hal yang Sering Ditanyakan<\/h2>\r\n <p class=\"faq-main-desc\">Temukan jawaban cepat seputar sistem, implementasi, dan layanan konsultasi kami.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-wrapper\">\r\n <!-- Item 1 -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleCustomFaq(this)\">\r\n <span>Berapa lama proses implementasi sistem di Rumah Sakit?<\/span>\r\n <div class=\"faq-icon-wrap\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n Proses implementasi standar biasanya memakan waktu bervariasi antara 2 hingga 4 minggu, tergantung pada skala fasilitas kesehatan serta kesiapan infrastruktur data yang ada. Tim kami akan mendampingi penuh dari awal hingga sistem berjalan mulus.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleCustomFaq(this)\">\r\n <span>Apakah sistem sudah terintegrasi dengan SatuSehat dan BPJS?<\/span>\r\n <div class=\"faq-icon-wrap\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n Ya, seluruh modul kami telah dirancang dengan sistem bridging otomatis yang terstandarisasi penuh untuk integrasi SatuSehat Kemenkes serta klaim VClaim BPJS secara akurat dan real-time.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleCustomFaq(this)\">\r\n <span>Bagaimana dengan pelatihan bagi tenaga medis (nakes) dan staf?<\/span>\r\n <div class=\"faq-icon-wrap\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n Kami menerapkan pendekatan humanis dan komunikatif dipimpin langsung oleh Coach Husaini & Tim Ahli. Pelatihan dirancang interaktif agar seluruh staf dan nakes dapat menguasai sistem dengan cepat tanpa resistensi kerja.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleCustomFaq(this)\">\r\n <span>Bagaimana bentuk dukungan teknis jika terjadi kendala?<\/span>\r\n <div class=\"faq-icon-wrap\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n Kami menyediakan layanan SLA (Service Level Agreement) cepat dengan respon kurang dari 4 jam, didukung oleh tim IT support berpengalaman yang siaga membantu via remote maupun kunjungan langsung.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function toggleCustomFaq(button) {\r\n const currentItem = button.parentElement;\r\n document.querySelectorAll('.section-faq-custom .faq-item').forEach(item => {\r\n if (item !== currentItem) item.classList.remove('active');\r\n });\r\n currentItem.classList.toggle('active');\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9a0151 e-con-full e-flex e-con e-parent\" data-id=\"f9a0151\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af98133 elementor-widget elementor-widget-html\" data-id=\"af98133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styling Khusus Testimonial agar Terisolasi dan Estetik -->\r\n<style>\r\n .section-testimonial-custom {\r\n padding: 85px 0 95px;\r\n background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);\r\n border-top: 1px solid #e2e8f0;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .section-testimonial-custom .section-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 45px;\r\n }\r\n\r\n .section-testimonial-custom .badge-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 18px;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n background: #eff6ff;\r\n color: #1e40af;\r\n border: 1px solid #bfdbfe;\r\n }\r\n\r\n .section-testimonial-custom .section-header h2 {\r\n font-size: 2.35rem;\r\n font-weight: 800;\r\n color: #0f2744;\r\n line-height: 1.25;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .section-testimonial-custom .section-header p {\r\n color: #64748b;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-slider-wrapper {\r\n position: relative;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-track {\r\n display: flex;\r\n gap: 24px;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n padding: 10px 4px 30px 4px;\r\n scrollbar-width: thin;\r\n scrollbar-color: #bfdbfe transparent;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-track::-webkit-scrollbar {\r\n height: 6px;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-track::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n border-radius: 10px;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-track::-webkit-scrollbar-thumb {\r\n background: #bfdbfe;\r\n border-radius: 10px;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-card {\r\n flex: 0 0 350px;\r\n scroll-snap-align: start;\r\n background: #ffffff;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 18px;\r\n box-shadow: 0 4px 16px rgba(15, 39, 68, 0.03);\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n\r\n .section-testimonial-custom .testimonial-card:hover {\r\n transform: translateY(-6px);\r\n border-color: #bfdbfe;\r\n box-shadow: 0 12px 30px rgba(30, 58, 138, 0.08);\r\n }\r\n\r\n .section-testimonial-custom .card-img-wrapper {\r\n width: 100%;\r\n height: 180px;\r\n background: #f1f5f9;\r\n overflow: hidden;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .section-testimonial-custom .card-img-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .section-testimonial-custom .testimonial-card:hover .card-img-wrapper img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .section-testimonial-custom .card-content {\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .section-testimonial-custom .card-identity h4 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #0f2744;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .section-testimonial-custom .card-identity span {\r\n font-size: 0.82rem;\r\n color: #64748b;\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-testimonial-custom .card-rating {\r\n color: #FCC321;\r\n font-size: 0.85rem;\r\n margin-bottom: 14px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .section-testimonial-custom .card-text {\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n font-style: italic;\r\n }\r\n\r\n .section-testimonial-custom .slider-nav-btns {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 25px;\r\n }\r\n\r\n .section-testimonial-custom .nav-btn {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n border: 1.5px solid #bfdbfe;\r\n color: #1e3a8a;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 8px rgba(30, 58, 138, 0.05);\r\n }\r\n\r\n .section-testimonial-custom .nav-btn:hover {\r\n background: #1e3a8a;\r\n color: #ffffff;\r\n border-color: #1e3a8a;\r\n transform: scale(1.05);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section-testimonial-custom .testimonial-card {\r\n flex: 0 0 300px;\r\n }\r\n .section-testimonial-custom .section-header h2 {\r\n font-size: 1.95rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- HTML Section Testimoni -->\r\n<section class=\"section-testimonial-custom\" id=\"testimoni\">\r\n <div class=\"testimonial-container\">\r\n \r\n <div class=\"section-header\">\r\n <span class=\"badge-pill\">TESTIMONI PESERTA TRAINING<\/span>\r\n <h2>Apa Kata Mereka yang Sudah Mengikuti Sesi Training Kami?<\/h2>\r\n <p>Ulasan nyata dari berbagai faskes mengenai kualitas materi, simulasi praktik, dan kemudahan penerapan hasil training di lapangan.<\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-slider-wrapper\">\r\n <div class=\"testimonial-track\" id=\"testimonialTrack\">\r\n \r\n <!-- Testimoni 1 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.32-1.jpeg\" alt=\"Training SIMRS & RME\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-identity\">\r\n <h4>Peserta Training SIMRS & RME<\/h4>\r\n <span>Manajemen RS Swasta<\/span>\r\n <\/div>\r\n <div class=\"card-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"card-text\">\"Materi trainingnya sangat aplikatif dan mudah dipahami. Alur penginputan Rekam Medis Elektronik yang dulunya membingungkan jadi terasa jauh lebih simpel dan cepat dikuasai tim.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimoni 2 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/pabibkesehatan-1.jpeg\" alt=\"Pelatihan Faskes\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-identity\">\r\n <h4>Perwakilan Tim Medis & Administrasi<\/h4>\r\n <span>RSUD Kabupaten<\/span>\r\n <\/div>\r\n <div class=\"card-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"card-text\">\"Penjelasan dari trainer sangat interaktif dan langsung memberikan solusi atas kendala operasional harian di faskes kami. Sangat direkomendasikan untuk seluruh staf rumah sakit!\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimoni 3 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.04.21-1.jpeg\" alt=\"Training Klaim BPJS\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-identity\">\r\n <h4>Tim Casemix & Klaim<\/h4>\r\n <span>Klinik & Rumah Sakit Partner<\/span>\r\n <\/div>\r\n <div class=\"card-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"card-text\">\"Sesi training strategi klaim BPJS membuka banyak trik baru untuk meminimalisir dispute. Penyelarasan koding ICD-10 jadi jauh lebih rapi dan terarah setelah ikut program ini.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimoni 4 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.33.jpeg\" alt=\"Training AI Kesehatan\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-identity\">\r\n <h4>Divisi IT & Digitalisasi Faskes<\/h4>\r\n <span>Fasilitas Kesehatan Modern<\/span>\r\n <\/div>\r\n <div class=\"card-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"card-text\">\"Topik training AI untuk efisiensi administrasi rumah sakit benar-benar *mind-blowing*. Sangat memperkaya wawasan tim IT kami dalam mengoptimalkan layanan digital.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Testimoni 5 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"card-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-24-at-14.10.34.jpeg\" alt=\"Workshop Manajemen RS\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-identity\">\r\n <h4>Peserta Workshop Tata Kelola<\/h4>\r\n <span>Manajemen Rumah Sakit<\/span>\r\n <\/div>\r\n <div class=\"card-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <\/div>\r\n <p class=\"card-text\">\"Penyampaian materinya terstruktur rapi, studinya nyata, dan sangat membantu akselerasi kepatuhan regulasi SATUSEHAT di tempat kami. Pelatihan terbaik yang pernah kami ikuti.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Tombol Navigasi Geser -->\r\n <div class=\"slider-nav-btns\">\r\n <button class=\"nav-btn\" id=\"slideLeftCustom\" aria-label=\"Geser Kiri\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n <button class=\"nav-btn\" id=\"slideRightCustom\" aria-label=\"Geser Kanan\">\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Script JavaScript Interaktif Terisolasi -->\r\n<script>\r\n const trackCustom = document.getElementById('testimonialTrack');\r\n const btnLeftCustom = document.getElementById('slideLeftCustom');\r\n const btnRightCustom = document.getElementById('slideRightCustom');\r\n\r\n btnLeftCustom.addEventListener('click', () => {\r\n trackCustom.scrollBy({ left: -370, behavior: 'smooth' });\r\n });\r\n\r\n btnRightCustom.addEventListener('click', () => {\r\n trackCustom.scrollBy({ left: 370, behavior: 'smooth' });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64b6860 e-con-full e-flex e-con e-parent\" data-id=\"64b6860\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac5b99 elementor-widget elementor-widget-html\" data-id=\"1ac5b99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA SECTION (WIDE & ENGAGING) -->\r\n<style>\r\n .cta-section-wide {\r\n padding: 100px 20px;\r\n background: radial-gradient(circle at 50% 50%, #e2e8f0 0%, #f4f8fc 80%);\r\n }\r\n\r\n .cta-wrapper-wide {\r\n max-width: 1140px; \/* Melebar ke samping *\/\r\n margin: 0 auto;\r\n background: linear-gradient(135deg, #07162c 0%, #0a2540 100%);\r\n border-radius: 36px; \/* Lebih lonjong\/tidak kaku *\/\r\n padding: 50px 70px;\r\n color: #fff;\r\n box-shadow: 0 25px 60px rgba(10, 37, 64, 0.35);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(252, 195, 33, 0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Efek cahaya aksen di pojok *\/\r\n .cta-wrapper-wide::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, #fcc321, transparent);\r\n }\r\n\r\n .cta-content-left {\r\n flex: 1 1 600px;\r\n }\r\n\r\n .cta-badge-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(252, 195, 33, 0.1);\r\n color: #fcc321;\r\n padding: 6px 16px;\r\n border-radius: 9999px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(252, 195, 33, 0.25);\r\n }\r\n\r\n .cta-wrapper-wide h2 {\r\n font-size: 2.1rem;\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n letter-spacing: -0.02em;\r\n line-height: 1.25;\r\n }\r\n\r\n .cta-wrapper-wide h2 span {\r\n color: #fcc321;\r\n }\r\n\r\n .cta-wrapper-wide p {\r\n font-size: 1rem;\r\n color: #94a3b8;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n .cta-action-right {\r\n flex: 0 0 auto;\r\n }\r\n\r\n .cta-btn-gold {\r\n background: #fcc321;\r\n color: #0a2540;\r\n font-weight: 800;\r\n padding: 16px 32px;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 20px rgba(252, 195, 33, 0.3);\r\n transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .cta-btn-gold:hover {\r\n background: #e6b01b;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(252, 195, 33, 0.4);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .cta-wrapper-wide {\r\n padding: 40px 30px;\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .cta-action-right {\r\n width: 100%;\r\n }\r\n .cta-btn-gold {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .cta-wrapper-wide h2 {\r\n font-size: 1.7rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cta-section-wide\">\r\n <div class=\"cta-wrapper-wide\">\r\n <div class=\"cta-content-left\">\r\n <div class=\"cta-badge-pill\">\r\n <i class=\"fas fa-fire\"><\/i> Jangan Tunggu Lama\r\n <\/div>\r\n <h2>Rumah Sakit Lain Sudah Efisien, <span>Kapan Giliran Anda?<\/span><\/h2>\r\n <p>Amankan operasional dan kepatuhan SATUSEHAT faskes Anda sekarang juga bersama mentor berpengalaman.<\/p>\r\n <\/div>\r\n <div class=\"cta-action-right\">\r\n <a href=\"https:\/\/smarthubtech.co.id\/kontak\/\" class=\"cta-btn-gold\">\r\n <i class=\"fas fa-headset\"><\/i> Klaim Konsultasi Gratis\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6241ca e-con-full e-flex e-con e-parent\" data-id=\"f6241ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-615f8b1 elementor-widget elementor-widget-html\" data-id=\"615f8b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Styling Khusus Footer agar Estetik dan Terisolasi *\/\r\n .footer-custom {\r\n background-color: #0b1c3d !important;\r\n color: #ffffff;\r\n padding: 70px 20px 30px 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .footer-custom .footer-container {\r\n max-width: 1140px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1.2fr;\r\n gap: 40px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .footer-custom .footer-col h3 {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n margin-bottom: 16px;\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .footer-custom .footer-col h4 {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n color: #ffffff;\r\n position: relative;\r\n padding-bottom: 8px;\r\n }\r\n\r\n .footer-custom .footer-col h4::after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 30px;\r\n height: 2px;\r\n background-color: #f59e0b;\r\n }\r\n\r\n .footer-custom .footer-col p {\r\n color: #94a3b8;\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .footer-custom .footer-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .footer-custom .footer-links li a {\r\n color: #94a3b8;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: color 0.2s ease, transform 0.2s ease;\r\n display: inline-block;\r\n }\r\n\r\n .footer-custom .footer-links li a:hover {\r\n color: #ffffff;\r\n transform: translateX(4px);\r\n }\r\n\r\n .footer-custom .footer-contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .footer-custom .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n color: #94a3b8;\r\n font-size: 0.9rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .footer-custom .contact-item i {\r\n color: #f59e0b;\r\n margin-top: 4px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .footer-custom .footer-socials {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 15px;\r\n }\r\n\r\n .footer-custom .social-btn {\r\n width: 38px;\r\n height: 38px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-custom .social-btn:hover {\r\n background: #0f4c85;\r\n border-color: #0f4c85;\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Garis Bawah & Copyright *\/\r\n .footer-custom .footer-bottom {\r\n max-width: 1140px;\r\n margin: 0 auto;\r\n padding-top: 25px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #64748b;\r\n font-size: 0.85rem;\r\n gap: 15px;\r\n }\r\n\r\n .footer-custom .footer-bottom-links {\r\n display: flex;\r\n gap: 20px;\r\n }\r\n\r\n .footer-custom .footer-bottom-links a {\r\n color: #64748b;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .footer-custom .footer-bottom-links a:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* Responsive untuk layar kecil *\/\r\n @media (max-width: 900px) {\r\n .footer-custom .footer-container {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .footer-custom .footer-container {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n .footer-custom .footer-bottom {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- HTML Footer -->\r\n<footer class=\"footer-custom\">\r\n <div class=\"footer-container\">\r\n \r\n <!-- Kolom 1: Tentang \/ Brand -->\r\n <div class=\"footer-col\">\r\n <h3><i class=\"fa-solid fa-hospital\" style=\"color: #f59e0b;\"><\/i> TrainingRS<\/h3>\r\n <p>\r\n Solusi transformasi digital rumah sakit terpadu, didukung manajemen sistem modern, bridging BPJS & SatuSehat, serta pelatihan humanis oleh Coach Husaini & Tim Ahli.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kolom 2: Menu Cepat -->\r\n <div class=\"footer-col\">\r\n <h4>Menu Utama<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#beranda\">Beranda<\/a><\/li>\r\n <li><a href=\"#fitur\">Fitur Sistem<\/a><\/li>\r\n <li><a href=\"#perbandingan\">Perbandingan<\/a><\/li>\r\n <li><a href=\"#coach\">Tentang Coach<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 3: Layanan \/ Modul -->\r\n <div class=\"footer-col\">\r\n <h4>Solusi & Modul<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#\">Bridging BPJS VClaim<\/a><\/li>\r\n <li><a href=\"#\">Integrasi SatuSehat<\/a><\/li>\r\n <li><a href=\"#\">Smart SIMRS Cloud<\/a><\/li>\r\n <li><a href=\"#\">Pelatihan Nakes<\/a><\/li>\r\n <li><a href=\"#\">Konsultasi IT RS<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Kolom 4: Kontak Kami -->\r\n <div class=\"footer-col\">\r\n <h4>Hubungi Kami<\/h4>\r\n <div class=\"footer-contact-info\">\r\n <div class=\"contact-item\">\r\n <i class=\"fa-solid fa-location-dot\"><\/i>\r\n <span>Gedung SmartHub Lt. 3, Jl. HR Rasuna Said, Jakarta Selatan<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <span>halo@trainingrs.id<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <span>+62 811-2233-4455<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Bagian Bawah Copyright -->\r\n <div class=\"footer-bottom\">\r\n <div>© 2026 TrainingRS & SmartHub. All rights reserved. Terdaftar PSE & LKPP.<\/div>\r\n <div class=\"footer-bottom-links\">\r\n <a href=\"#\">Kebijakan Privasi<\/a>\r\n <a href=\"#\">Syarat & Ketentuan<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cced66e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"cced66e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Section Simulasi & Workshop<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n <style>\r\n :root {\r\n --deep-blue: #0a2540;\r\n --light-blue-bg: #f4f8fc;\r\n --surface-white: #ffffff;\r\n --accent-gold: #fcc321;\r\n --accent-green: #288636;\r\n --text-dark: #1e293b;\r\n --text-muted: #64748b;\r\n --border-color: #e2e8f0;\r\n --radius-md: 16px;\r\n --radius-full: 9999px;\r\n --shadow-card: 0 10px 25px -5px rgba(10, 37, 64, 0.07);\r\n }\r\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Plus Jakarta Sans', sans-serif; }\r\n body { background-color: var(--light-blue-bg); color: var(--text-dark); line-height: 1.6; }\r\n .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }\r\n .section { padding: 85px 0; }\r\n .section-title-wrapper { text-align: center; max-width: 760px; margin: 0 auto 50px; }\r\n \r\n .badge-pill {\r\n display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px;\r\n background: rgba(15, 76, 129, 0.08); color: #0f4c81; border-radius: var(--radius-full);\r\n font-size: 0.85rem; font-weight: 700; text-transform: uppercase; margin-bottom: 12px;\r\n border: 1px solid rgba(15, 76, 129, 0.14);\r\n }\r\n .section-title { font-size: 2.25rem; font-weight: 800; color: var(--deep-blue); line-height: 1.28; margin-bottom: 14px; }\r\n .section-desc { font-size: 1.05rem; color: var(--text-muted); }\r\n\r\n .bento-gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: repeat(2, 220px);\r\n gap: 20px;\r\n }\r\n .bento-item {\r\n position: relative; border-radius: var(--radius-md); overflow: hidden;\r\n box-shadow: var(--shadow-card); border: 1px solid var(--border-color);\r\n }\r\n .bento-item.span-2-col { grid-column: span 2; }\r\n .bento-img {\r\n width: 100%; height: 100%; object-fit: cover; display: block;\r\n transition: transform 0.4s ease; background-color: #cbd5e1;\r\n }\r\n .bento-item:hover .bento-img { transform: scale(1.04); }\r\n .bento-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(10, 37, 64, 0.88) 100%);\r\n padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff;\r\n }\r\n .bento-overlay .tag {\r\n font-size: 0.75rem; font-weight: 700; color: var(--accent-gold);\r\n text-transform: uppercase; margin-bottom: 4px;\r\n }\r\n .bento-overlay h4 { font-size: 1.1rem; font-weight: 700; line-height: 1.3; }\r\n\r\n @media (max-width: 992px) {\r\n .bento-gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }\r\n .bento-item.span-2-col { grid-column: span 1; }\r\n }\r\n @media (max-width: 640px) {\r\n .bento-gallery-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"section\" id=\"dokumentasi\">\r\n <div class=\"container\">\r\n <div class=\"section-title-wrapper\">\r\n <span class=\"badge-pill\"><i class=\"fa-solid fa-camera\" style=\"color: var(--accent-green);\"><\/i> Pelatihan<\/span>\r\n <h2 class=\"section-title\">Simulasi & Workshop<\/h2>\r\n <p class=\"section-desc\">Suasana pelatihan klinis, pendampingan ruangan, dan manajemen perubahan di rumah sakit.<\/p>\r\n <\/div>\r\n <div class=\"bento-gallery-grid\">\r\n <div class=\"bento-item span-2-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516549655169-df83a0774514?auto=format&fit=crop&w=1000&q=80\" alt=\"Simulasi Dokter Rawat Jalan\" class=\"bento-img\" \/>\r\n <div class=\"bento-overlay\">\r\n <span class=\"tag\">Simulasi Live Poli<\/span>\r\n <h4>Pelatihan Pengisian SOAP & e-Resep Dokter Spesialis<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bento-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576765608535-5f04d1e3f289?auto=format&fit=crop&w=600&q=80\" alt=\"Pelatihan Perawat\" class=\"bento-img\" \/>\r\n <div class=\"bento-overlay\">\r\n <span class=\"tag\">Rawat Inap & Keperawatan<\/span>\r\n <h4>Standarisasi Asuhan CPPT Multi-Profesi<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bento-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584515979956-d9f6e5d09982?auto=format&fit=crop&w=600&q=80\" alt=\"Apotek Farmasi\" class=\"bento-img\" \/>\r\n <div class=\"bento-overlay\">\r\n <span class=\"tag\">Farmasi & Logistik<\/span>\r\n <h4>Manajemen FEFO & Stok Opname Tanpa Tutup<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bento-item span-2-col\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1000&q=80\" alt=\"Workshop Direksi\" class=\"bento-img\" \/>\r\n <div class=\"bento-overlay\">\r\n <span class=\"tag\">Direksi & Manajemen<\/span>\r\n <h4>Executive Dashboard (SmartBI) & Evaluasi Arus Kas<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TRAININGRS \u2014 Navbar & Hero Section Dampak Tantangan Perbandingan Trainer FAQ Testimoni Jadwalkan Training Sertifikasi & Akselerasi Nakes Terpadu Bimbing Staf & Manajemen RS Menguasai SIMRS, RME, & Klaim BPJS Tanpa Bikin Pusing Bukan sekadar training teori software biasa. Kami mendampingi dokter, perawat, rekam medis, hingga direksi agar sistem rumah sakit dipakai 100%, klaim BPJS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/295","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=295"}],"version-history":[{"count":32,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/295\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/media?parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}