{"id":10,"date":"2026-07-08T08:14:21","date_gmt":"2026-07-08T08:14:21","guid":{"rendered":"https:\/\/hsiempowering.com\/?page_id=10"},"modified":"2026-07-09T09:47:42","modified_gmt":"2026-07-09T02:47:42","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/hsiempowering.com\/","title":{"rendered":"HASANAH SINERGI INSPIRASI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-774a02e e-con e-atomic-element e-flexbox-base e-2bd5575 \" data-id=\"774a02e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"774a02e\">\n    \t\t<div class=\"elementor-element elementor-element-075c76d elementor-widget elementor-widget-html\" data-id=\"075c76d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: STYLE GLOBAL + FONT (WAJIB DITEMPEL PALING ATAS, SATU KALI SAJA)\n  Cara pakai: \n  1. Di Elementor, tambahkan widget \"HTML\" sebagai widget PALING ATAS di halaman (sebelum navbar).\n  2. Tempel SELURUH isi file ini ke situ.\n  3. CSS ini berlaku untuk seluruh halaman (tidak perlu diulang di widget lain).\n-->\n\n<!-- Google Fonts: Cinzel (display, matches logo's classic serif) + Jost (clean geometric body) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700&family=Jost:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* ==========================================================\n     DESIGN TOKENS \u2014 edit colors\/fonts here to restyle the whole site\n     ========================================================== *\/\n  :root{\n    --bg:            #0A0D14;   \/* near-black navy, matches logo background *\/\n    --bg-panel:      #11151F;   \/* card \/ section panel *\/\n    --bg-panel-alt:  #161B27;   \/* alternate panel, slightly lighter *\/\n    --line:          rgba(212,175,55,.22);\n    --line-strong:   rgba(212,175,55,.45);\n\n    --gold-deep:     #8A6A1D;\n    --gold:          #D4AF37;\n    --gold-light:    #F1D68C;\n    --gold-grad:     linear-gradient(120deg, var(--gold-deep) 0%, var(--gold) 45%, var(--gold-light) 75%, var(--gold) 100%);\n\n    --text:          #EDEAE0;\n    --text-dim:      #C7C2B2;\n    --muted:         #8A90A2;\n\n    --radius:        14px;\n    --maxw:          1180px;\n\n    --display: \"Cinzel\", \"Times New Roman\", serif;\n    --body:    \"Jost\", \"Segoe UI\", sans-serif;\n  }\n\n  *{box-sizing:border-box; margin:0; padding:0;}\n  html{scroll-behavior:smooth;}\n  body{\n    background:var(--bg);\n    color:var(--text);\n    font-family:var(--body);\n    font-weight:300;\n    line-height:1.65;\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n  img{max-width:100%; display:block;}\n  a{color:inherit; text-decoration:none;}\n  ul{list-style:none;}\n  section{position:relative;}\n\n  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}\n  .eyebrow{\n    font-family:var(--body); font-weight:600; letter-spacing:.28em; text-transform:uppercase;\n    font-size:.72rem; color:var(--gold-light); display:inline-block; margin-bottom:14px;\n  }\n  h1,h2,h3,h4{font-family:var(--display); font-weight:600; letter-spacing:.02em; color:var(--text);}\n  .gold-text{\n    background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;\n  }\n  .lead{color:var(--text-dim); font-weight:300;}\n  .muted{color:var(--muted);}\n\n  h2.section-title{font-size:clamp(1.7rem, 3.2vw, 2.5rem); line-height:1.2; margin-bottom:16px;}\n  p.section-sub{max-width:640px; color:var(--text-dim); font-size:1rem; margin-bottom:8px;}\n\n  .section-head{margin-bottom:48px;}\n  .section-head.center{text-align:center; margin-left:auto; margin-right:auto;}\n  .section-head.center p.section-sub{margin-left:auto; margin-right:auto;}\n\n  \/* ---------- ascending-path divider (signature element, echoes the logo's bar+arrow mark) ---------- *\/\n  .path-divider{width:100%; height:46px; margin:0 auto;}\n  .path-divider svg{width:100%; height:100%; display:block;}\n\n  \/* ---------- buttons ---------- *\/\n  .btn{\n    display:inline-flex; align-items:center; gap:10px;\n    padding:14px 28px; border-radius:999px; font-family:var(--body); font-weight:600; font-size:.92rem;\n    letter-spacing:.03em; cursor:pointer; border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, background .25s ease;\n    white-space:nowrap;\n  }\n  .btn-primary{background:var(--gold-grad); color:#1a1408; box-shadow:0 8px 24px -8px rgba(212,175,55,.55);}\n  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 30px -8px rgba(212,175,55,.7);}\n  .btn-outline{border-color:var(--line-strong); color:var(--gold-light); background:transparent;}\n  .btn-outline:hover{background:rgba(212,175,55,.08); border-color:var(--gold);}\n  .btn-sm{padding:10px 20px; font-size:.82rem;}\n\n  \/* ==========================================================\n     NAV\n     ========================================================== *\/\n  header.site-nav{\n    position:sticky; top:0; z-index:100;\n    background:rgba(10,13,20,.86); backdrop-filter:blur(10px);\n    border-bottom:1px solid var(--line);\n  }\n  .nav-inner{\n    display:flex; align-items:center; justify-content:space-between;\n    padding:14px 24px; max-width:var(--maxw); margin:0 auto;\n  }\n  .brand{display:flex; align-items:center; gap:12px;}\n  .brand img{height:42px; width:auto;}\n  .brand span{font-family:var(--display); font-size:1.05rem; letter-spacing:.06em; color:var(--gold-light);}\n\n  nav.links{display:flex; align-items:center; gap:34px;}\n  nav.links a{font-size:.86rem; font-weight:500; color:var(--text-dim); letter-spacing:.02em; transition:color .2s;}\n  nav.links a:hover{color:var(--gold-light);}\n  .nav-cta{display:flex; align-items:center; gap:18px;}\n\n  .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:6px;}\n  .burger span{width:24px; height:2px; background:var(--gold-light); display:block;}\n\n  #mobile-panel{\n    display:none; flex-direction:column; gap:2px; background:var(--bg-panel);\n    border-top:1px solid var(--line); padding:10px 24px 20px;\n  }\n  #mobile-panel a{padding:12px 0; font-size:.95rem; color:var(--text-dim); border-bottom:1px solid rgba(255,255,255,.04);}\n  #nav-toggle{display:none;}\n  #nav-toggle:checked ~ #mobile-panel{display:flex;}\n\n  @media (max-width:900px){\n    nav.links{display:none;}\n    .nav-cta .btn{display:none;}\n    .burger{display:flex;}\n  }\n\n  \/* ==========================================================\n     HERO\n     ========================================================== *\/\n  .hero{\n    padding:96px 24px 90px; position:relative; overflow:hidden;\n    background:\n      radial-gradient(ellipse 60% 50% at 80% 0%, rgba(212,175,55,.10), transparent 60%),\n      radial-gradient(ellipse 50% 40% at 10% 100%, rgba(212,175,55,.06), transparent 60%),\n      var(--bg);\n  }\n  .hero-inner{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center;}\n  .hero h1{font-size:clamp(2.1rem, 4.6vw, 3.5rem); line-height:1.15; margin-bottom:22px;}\n  .hero p.lead{font-size:1.08rem; max-width:520px; margin-bottom:34px;}\n  .hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}\n\n  .hero-graphic{position:relative; height:340px;}\n  \/* ascending bars + arrow motif, matching brand mark, built purely in CSS\/SVG *\/\n  .hero-graphic svg{width:100%; height:100%;}\n\n  .hero-stats{display:flex; gap:32px; margin-top:46px; flex-wrap:wrap;}\n  .hero-stats div{border-left:2px solid var(--gold); padding-left:14px;}\n  .hero-stats b{display:block; font-family:var(--display); font-size:1.5rem; color:var(--gold-light);}\n  .hero-stats span{font-size:.78rem; color:var(--muted); letter-spacing:.03em;}\n\n  @media (max-width:900px){\n    .hero-inner{grid-template-columns:1fr; gap:36px;}\n    .hero-graphic{height:220px; order:-1;}\n  }\n\n  \/* ==========================================================\n     PROGRAM GRID (overview cards)\n     ========================================================== *\/\n  .programs{padding:100px 24px; background:var(--bg);}\n  .program-grid{\n    display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;\n  }\n  .program-card{\n    background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius);\n    padding:32px 28px; transition:border-color .25s, transform .25s;\n    display:flex; flex-direction:column; gap:14px;\n  }\n  .program-card:hover{border-color:var(--line-strong); transform:translateY(-4px);}\n  .program-icon{width:46px; height:46px; border-radius:10px; background:rgba(212,175,55,.1); display:flex; align-items:center; justify-content:center;}\n  .program-icon svg{width:24px; height:24px; stroke:var(--gold-light);}\n  .program-card h3{font-size:1.12rem; color:var(--text);}\n  .program-card p{font-size:.9rem; color:var(--muted); flex:1;}\n  .program-card a.card-link{font-size:.82rem; font-weight:600; color:var(--gold-light); display:inline-flex; align-items:center; gap:6px;}\n  .program-card .badge{\n    align-self:flex-start; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase;\n    background:rgba(212,175,55,.14); color:var(--gold-light); padding:4px 10px; border-radius:999px; font-weight:600;\n  }\n\n  @media (max-width:900px){ .program-grid{grid-template-columns:1fr 1fr;} }\n  @media (max-width:600px){ .program-grid{grid-template-columns:1fr;} }\n\n  \/* ==========================================================\n     ALT PANEL SECTION WRAPPER\n     ========================================================== *\/\n  .panel-section{background:var(--bg-panel); padding:100px 24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n\n  \/* ---------- BNSP level cards ---------- *\/\n  .level-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:56px;}\n  .level-card{\n    position:relative; background:var(--bg-panel-alt); border:1px solid var(--line); border-radius:var(--radius);\n    padding:30px 22px; text-align:left;\n  }\n  .level-card .lvl-num{font-family:var(--display); font-size:2.1rem; color:var(--gold); line-height:1;}\n  .level-card h4{font-size:1rem; margin:10px 0 8px;}\n  .level-card p{font-size:.85rem; color:var(--muted);}\n  .level-card .tag{\n    position:absolute; top:20px; right:20px; font-size:.62rem; letter-spacing:.06em; text-transform:uppercase;\n    color:var(--gold-light); font-weight:700;\n  }\n  .level-card.featured{border-color:var(--gold);}\n\n  @media (max-width:900px){ .level-grid{grid-template-columns:1fr 1fr;} }\n  @media (max-width:560px){ .level-grid{grid-template-columns:1fr;} }\n\n  \/* ---------- process roadmap (real sequence -> numbered is justified) ---------- *\/\n  .roadmap{display:flex; gap:0; overflow-x:auto; padding-bottom:12px;}\n  .roadmap-step{\n    flex:1 1 0; min-width:150px; text-align:center; padding:0 12px; position:relative;\n  }\n  .roadmap-step:not(:last-child)::after{\n    content:\"\"; position:absolute; top:22px; right:-6px; width:calc(100% - 20px); height:1px; background:var(--line-strong);\n  }\n  .roadmap-step .step-dot{\n    width:44px; height:44px; margin:0 auto 14px; border-radius:50%; background:var(--gold-grad);\n    display:flex; align-items:center; justify-content:center; font-family:var(--display); color:#1a1408; font-weight:700; position:relative; z-index:2;\n  }\n  .roadmap-step span{font-size:.8rem; color:var(--text-dim); display:block; max-width:130px; margin:0 auto;}\n\n  .bonus-box{\n    margin-top:50px; border:1px dashed var(--gold); border-radius:var(--radius); padding:26px 30px;\n    background:rgba(212,175,55,.05); display:flex; align-items:center; gap:20px; flex-wrap:wrap;\n  }\n  .bonus-box h4{color:var(--gold-light); font-size:1rem; margin-bottom:6px;}\n  .bonus-box p{font-size:.88rem; color:var(--text-dim); margin:0;}\n\n  \/* ---------- pricing tier cards (OpenClaw workshop) ---------- *\/\n  .tier-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}\n  .tier-card{\n    background:var(--bg-panel-alt); border:1px solid var(--line); border-radius:var(--radius); padding:34px;\n    display:flex; flex-direction:column;\n  }\n  .tier-card.highlight{border-color:var(--gold); position:relative;}\n  .tier-card.highlight::before{\n    content:\"Paling Hemat\"; position:absolute; top:-13px; left:30px; background:var(--gold-grad); color:#1a1408;\n    font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:5px 14px; border-radius:999px;\n  }\n  .tier-card h4{font-size:1.2rem; margin-bottom:4px;}\n  .tier-card .price{font-family:var(--display); font-size:2rem; color:var(--gold-light); margin:14px 0 4px;}\n  .tier-card .price small{font-family:var(--body); font-size:.7rem; color:var(--muted); display:block; margin-top:4px;}\n  .tier-card ul{margin:20px 0; display:flex; flex-direction:column; gap:10px;}\n  .tier-card ul li{font-size:.86rem; color:var(--text-dim); padding-left:22px; position:relative;}\n  .tier-card ul li::before{content:\"\u2713\"; position:absolute; left:0; color:var(--gold); font-weight:700;}\n  .tier-card .sched{font-size:.76rem; color:var(--muted); margin-bottom:18px;}\n\n  @media (max-width:800px){ .tier-grid{grid-template-columns:1fr;} }\n\n  \/* ==========================================================\n     SIMPLE PROGRAM STRIP (NLP \/ Digital Marketing \/ Insan Baru)\n     ========================================================== *\/\n  .strip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\n  .strip-card{\n    background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px;\n  }\n  .strip-card h4{font-size:1.05rem; margin-bottom:12px; color:var(--gold-light);}\n  .strip-card ul li{font-size:.87rem; color:var(--text-dim); padding:5px 0 5px 18px; position:relative;}\n  .strip-card ul li::before{content:\"\u2013\"; position:absolute; left:0; color:var(--gold);}\n  .strip-card p{font-size:.87rem; color:var(--muted); margin-top:10px;}\n\n  @media (max-width:900px){ .strip-grid{grid-template-columns:1fr 1fr;} }\n  @media (max-width:600px){ .strip-grid{grid-template-columns:1fr;} }\n\n  \/* ==========================================================\n     BRAIN PROFILING (feature section, distinct treatment)\n     ========================================================== *\/\n  .brain-section{padding:100px 24px; background:var(--bg); position:relative;}\n  .brain-inner{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center;}\n  .brain-visual{position:relative; height:380px;}\n  .brain-visual svg{width:100%; height:100%;}\n  .brain-copy h2{font-size:clamp(1.7rem,3vw,2.3rem); margin-bottom:18px;}\n  .brain-copy p.lead{margin-bottom:26px;}\n\n  .brain-audience{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:30px 0 34px;}\n  .audience-chip{\n    background:var(--bg-panel); border:1px solid var(--line); border-radius:12px; padding:18px 16px; text-align:center;\n  }\n  .audience-chip svg{width:26px; height:26px; stroke:var(--gold-light); margin:0 auto 10px;}\n  .audience-chip span{font-size:.82rem; color:var(--text-dim); display:block; font-weight:500;}\n\n  .brain-process{display:flex; gap:22px; flex-wrap:wrap; margin-bottom:30px;}\n  .brain-process div{flex:1; min-width:150px;}\n  .brain-process b{font-family:var(--display); color:var(--gold); font-size:1.3rem; display:block; margin-bottom:6px;}\n  .brain-process p{font-size:.84rem; color:var(--muted);}\n\n  @media (max-width:900px){\n    .brain-inner{grid-template-columns:1fr;}\n    .brain-visual{height:260px; order:-1;}\n    .brain-audience{grid-template-columns:1fr 1fr;}\n  }\n\n  \/* ==========================================================\n     TEAM\n     ========================================================== *\/\n  .team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}\n  .team-card{\n    background:var(--bg-panel-alt); border:1px solid var(--line); border-radius:var(--radius); padding:32px 26px; text-align:center;\n  }\n  .avatar-ring{\n    width:84px; height:84px; border-radius:50%; margin:0 auto 18px; background:var(--gold-grad);\n    display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:1.6rem; color:#1a1408;\n  }\n  .team-card h4{font-size:1.05rem; margin-bottom:4px;}\n  .team-card .role{font-size:.78rem; color:var(--gold-light); margin-bottom:14px; display:block; font-weight:600;}\n  .team-card p.bio{font-size:.82rem; color:var(--muted); margin-bottom:16px; text-align:left;}\n  .team-card ul{text-align:left; display:flex; flex-direction:column; gap:6px;}\n  .team-card ul li{font-size:.78rem; color:var(--text-dim); padding-left:16px; position:relative;}\n  .team-card ul li::before{content:\"\u2022\"; position:absolute; left:0; color:var(--gold);}\n\n  @media (max-width:900px){ .team-grid{grid-template-columns:1fr;} }\n\n  \/* ==========================================================\n     TRUST \/ PAYMENT SECURITY\n     ========================================================== *\/\n  .trust-box{\n    max-width:var(--maxw); margin:0 auto; background:var(--bg-panel);\n    border:1px solid var(--line-strong); border-radius:var(--radius); padding:40px; display:grid; grid-template-columns:.5fr 1fr; gap:36px; align-items:center;\n  }\n  .trust-box svg{width:56px; height:56px; stroke:var(--gold-light); margin:0 auto;}\n  .trust-box h3{font-size:1.15rem; margin-bottom:12px;}\n  .trust-box ul li{font-size:.86rem; color:var(--text-dim); padding:5px 0 5px 20px; position:relative;}\n  .trust-box ul li::before{content:\"\u2713\"; position:absolute; left:0; color:var(--gold); font-weight:700;}\n  @media (max-width:800px){ .trust-box{grid-template-columns:1fr; text-align:center;} .trust-box ul{text-align:left;} }\n\n  \/* ==========================================================\n     CONTACT\n     ========================================================== *\/\n  .contact-section{padding:100px 24px; background:var(--bg-panel); border-top:1px solid var(--line);}\n  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; max-width:var(--maxw); margin:0 auto;}\n  .contact-info div{display:flex; gap:16px; margin-bottom:26px;}\n  .contact-info svg{width:22px; height:22px; stroke:var(--gold-light); flex-shrink:0; margin-top:2px;}\n  .contact-info b{display:block; color:var(--text); font-size:.92rem; margin-bottom:3px;}\n  .contact-info span{font-size:.86rem; color:var(--muted);}\n  .social-row{display:flex; gap:14px; margin-top:20px;}\n  .social-row a{\n    width:40px; height:40px; border-radius:50%; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center;\n    font-size:.78rem; color:var(--gold-light); transition:background .2s;\n  }\n  .social-row a:hover{background:rgba(212,175,55,.1);}\n\n  .cta-panel{\n    background:var(--bg-panel-alt); border:1px solid var(--line); border-radius:var(--radius); padding:40px; text-align:center;\n    display:flex; flex-direction:column; align-items:center; justify-content:center;\n  }\n  .cta-panel h3{font-size:1.3rem; margin-bottom:12px;}\n  .cta-panel p{font-size:.9rem; color:var(--muted); margin-bottom:26px;}\n\n  @media (max-width:800px){ .contact-grid{grid-template-columns:1fr;} }\n\n  \/* ==========================================================\n     FOOTER\n     ========================================================== *\/\n  footer{padding:36px 24px; text-align:center; border-top:1px solid var(--line); background:var(--bg);}\n  footer p{font-size:.78rem; color:var(--muted);}\n\n  \/* ---------- floating WhatsApp button ---------- *\/\n  .wa-float{\n    position:fixed; bottom:24px; right:24px; z-index:200; width:58px; height:58px; border-radius:50%;\n    background:var(--gold-grad); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px -6px rgba(212,175,55,.6);\n  }\n  .wa-float svg{width:28px; height:28px;}\n\n  \/* generic reveal-safe fallback: reduced motion *\/\n  @media (prefers-reduced-motion: reduce){ *{scroll-behavior:auto !important; transition:none !important;} }\n<\/style>\n<!--\n  BAGIAN: NAV \/ HEADER\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<header class=\"site-nav\">\n  <div class=\"nav-inner\">\n    <a href=\"#top\" class=\"brand\">\n      <img decoding=\"async\" src=\"https:\/\/hsiempowering.com\/wp-content\/uploads\/2026\/07\/Logo-HSIE.png\" alt=\"HSI Empowering logo\">\n    <\/a>\n    <nav class=\"links\">\n      <a href=\"#tentang\">Tentang<\/a>\n      <a href=\"#program\">Program<\/a>\n      <a href=\"#brain-profiling\">Brain Profiling<\/a>\n      <a href=\"#tim\">Tim<\/a>\n      <a href=\"#kontak\">Kontak<\/a>\n    <\/nav>\n    <div class=\"nav-cta\">\n      <a class=\"btn btn-primary btn-sm\" href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\">Hubungi Kami<\/a>\n      <label for=\"nav-toggle\" class=\"burger\"><span><\/span><span><\/span><span><\/span><\/label>\n    <\/div>\n  <\/div>\n  <input type=\"checkbox\" id=\"nav-toggle\">\n  <div id=\"mobile-panel\">\n    <a href=\"#tentang\">Tentang<\/a>\n    <a href=\"#program\">Program<\/a>\n    <a href=\"#brain-profiling\">Brain Profiling<\/a>\n    <a href=\"#tim\">Tim<\/a>\n    <a href=\"#kontak\">Kontak<\/a>\n    <a href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--gold-light); font-weight:600;\">Hubungi via WhatsApp \u2192<\/a>\n  <\/div>\n<\/header>\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-631c01b e-con e-atomic-element e-flexbox-base e-896bad2 \" data-id=\"631c01b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"631c01b\">\n    \t\t<div class=\"elementor-element elementor-element-03d31b5 elementor-widget elementor-widget-html\" data-id=\"03d31b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: HERO\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"hero\" id=\"top\">\n  <div class=\"hero-inner wrap\" style=\"padding:0;\">\n    <div>\n      <span class=\"eyebrow\">PT. Hasanah Sinergi Inspirasi<\/span>\n      <h1>Empowering <span class=\"gold-text\">People, Talent<\/span><br>& Organizations<\/h1>\n      <p class=\"lead\">Lembaga pelatihan dan konsultansi resmi bersertifikat BNSP \u2014 membangun trainer profesional, tim yang melek AI, dan individu yang mengenali potensi terbaiknya lewat Brain Profiling & NLP.<\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"#program\" class=\"btn btn-primary\">Lihat Semua Program<\/a>\n        <a href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Konsultasi Gratis<\/a>\n      <\/div>\n      <div class=\"hero-stats\">\n        <div><b>Naik Kelas<\/b><span>Trainer bersertifikat resmi BNSP<\/span><\/div>\n        <div><b>Kerja Lebih Ringan<\/b><span>Dibantu tim AI yang bekerja 24 jam nonstop<\/span><\/div>\n        <div><b>Kenali Potensi<\/b><span>Petakan pola pikir lewat Brain Profiling & NLP<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-graphic\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 400 340\" fill=\"none\">\n        <defs>\n          <linearGradient id=\"barGrad\" x1=\"0\" y1=\"1\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stop-color=\"#8A6A1D\"\/>\n            <stop offset=\"55%\" stop-color=\"#D4AF37\"\/>\n            <stop offset=\"100%\" stop-color=\"#F1D68C\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <rect x=\"40\"  y=\"220\" width=\"34\" height=\"90\" rx=\"4\" fill=\"url(#barGrad)\" opacity=\"0.85\"\/>\n        <rect x=\"100\" y=\"170\" width=\"34\" height=\"140\" rx=\"4\" fill=\"url(#barGrad)\" opacity=\"0.9\"\/>\n        <rect x=\"160\" y=\"120\" width=\"34\" height=\"190\" rx=\"4\" fill=\"url(#barGrad)\"\/>\n        <rect x=\"220\" y=\"70\"  width=\"34\" height=\"240\" rx=\"4\" fill=\"url(#barGrad)\"\/>\n        <path d=\"M260 150 L340 70 M340 70 L300 74 M340 70 L336 110\" stroke=\"url(#barGrad)\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <path d=\"M20 320 Q200 300 380 320\" stroke=\"url(#barGrad)\" stroke-width=\"3\" fill=\"none\" opacity=\"0.5\"\/>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79c2049 elementor-widget elementor-widget-html\" data-id=\"79c2049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: TENTANG (ABOUT)\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"programs\" id=\"tentang\" style=\"padding-top:70px; padding-bottom:70px;\">\n  <div class=\"wrap\">\n    <div class=\"section-head center\">\n      <span class=\"eyebrow\">Tentang Kami<\/span>\n      <h2 class=\"section-title\">Mitra Transformasi Talenta & Organisasi<\/h2>\n      <p class=\"section-sub\">HSI Empowering adalah unit pelatihan dan sertifikasi resmi di bawah PT. Hasanah Sinergi Inspirasi, berbasis di Surakarta, Jawa Tengah. Kami mendampingi individu, trainer, dan perusahaan membangun kompetensi yang diakui secara nasional \u2014 mulai dari sertifikasi BNSP, adopsi AI untuk produktivitas, hingga pengembangan diri berbasis neuroscience.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d2717e7 e-con e-atomic-element e-flexbox-base e-36aac22 \" data-id=\"d2717e7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d2717e7\">\n    \t\t<div class=\"elementor-element elementor-element-493bd4f elementor-widget elementor-widget-html\" data-id=\"493bd4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: PROGRAM OVERVIEW GRID\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"programs\" id=\"program\" style=\"padding-top:20px;\">\n  <div class=\"wrap\">\n    <div class=\"section-head center\">\n      <span class=\"eyebrow\">Program Kami<\/span>\n      <h2 class=\"section-title\">Enam Jalur Pengembangan, Satu Tujuan: <span class=\"gold-text\">Naik Level<\/span><\/h2>\n      <p class=\"section-sub\">Pilih jalur yang paling sesuai dengan kebutuhan karier, tim, atau organisasi Anda.<\/p>\n    <\/div>\n\n    <div class=\"program-grid\">\n      <!-- Card 1: BNSP -->\n      <div class=\"program-card\">\n        <span class=\"badge\">Sertifikasi Resmi<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 2l3 6 7 1-5 5 1.5 7L12 18l-6.5 3L7 14 2 9l7-1z\"\/><\/svg><\/div>\n        <h3>Sertifikasi Trainer BNSP<\/h3>\n        <p>Training of Trainer Level 3\u20136 berbasis SKKNI, dari Asisten Trainer hingga Master Trainer nasional.<\/p>\n        <a class=\"card-link\" href=\"#bnsp\">Pelajari jenjangnya \u2192<\/a>\n      <\/div>\n      <!-- Card 2: OpenClaw -->\n      <div class=\"program-card\">\n        <span class=\"badge\">AI Automation<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"3\"\/><path d=\"M9 9h.01M15 9h.01M8 15c1 1.2 2.4 1.8 4 1.8s3-.6 4-1.8\"\/><\/svg><\/div>\n        <h3>AI Automation<\/h3>\n        <p>Cara bikin \"karyawan AI\" cerdas untuk tim digital marketing \u2014 dibantu AI Assistant & OpenClaw.<\/p>\n        <a class=\"card-link\" href=\"#openclaw\">Lihat Kelas Basic & Intermediate \u2192<\/a>\n      <\/div>\n      <!-- Card 3: NLP -->\n      <div class=\"program-card\">\n        <span class=\"badge\">Pengembangan Diri<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 2a5 5 0 015 5c0 2-1 3-1 5v2a4 4 0 01-8 0v-2c0-2-1-3-1-5a5 5 0 015-5z\"\/><path d=\"M9 21h6\"\/><\/svg><\/div>\n        <h3>NLP Training<\/h3>\n        <p>Practitioner, Master, Trainer \u2014 termasuk jalur khusus untuk tenaga medis dan pemimpin organisasi.<\/p>\n        <a class=\"card-link\" href=\"#nlp-dm-insan\">Lihat kurikulum \u2192<\/a>\n      <\/div>\n      <!-- Card 4: Digital Marketing -->\n      <div class=\"program-card\">\n        <span class=\"badge\">Skill Praktis<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M3 11l18-7-7 18-2-8-9-3z\"\/><\/svg><\/div>\n        <h3>Digital Marketing<\/h3>\n        <p>Strategi pemasaran digital praktis untuk solopreneur maupun tim internal perusahaan.<\/p>\n        <a class=\"card-link\" href=\"#nlp-dm-insan\">Lihat kurikulum \u2192<\/a>\n      <\/div>\n      <!-- Card 5: Insan Baru -->\n      <div class=\"program-card\">\n        <span class=\"badge\">Spiritual & Emosional<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/div>\n        <h3>Insan Baru<\/h3>\n        <p>Transformasi diri yang memadukan spiritualitas Islam, NLP, dan neuroscience.<\/p>\n        <a class=\"card-link\" href=\"#nlp-dm-insan\">Lihat kurikulum \u2192<\/a>\n      <\/div>\n      <!-- Card 6: Brain Profiling -->\n      <div class=\"program-card\">\n        <span class=\"badge\">Baru<\/span>\n        <div class=\"program-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M9 3a4 4 0 00-4 4v1a3 3 0 00-1 5.8 3 3 0 003 3.2h1v3h6v-3h1a3 3 0 003-3.2A3 3 0 0017 8V7a4 4 0 00-4-4\"\/><\/svg><\/div>\n        <h3>Brain Profiling<\/h3>\n        <p>Asesmen pemetaan potensi otak untuk mengenali gaya berpikir, belajar, dan kepemimpinan.<\/p>\n        <a class=\"card-link\" href=\"#brain-profiling\">Kenali potensi Anda \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c2005 elementor-widget elementor-widget-html\" data-id=\"37c2005\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: BNSP DETAIL\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"panel-section\" id=\"bnsp\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">Pusat Pelatihan Resmi BNSP<\/span>\n      <h2 class=\"section-title\">Bangun Kredibilitas Sebagai Trainer Profesional<\/h2>\n      <p class=\"section-sub\">Program Training of Trainer berbasis SKKNI, didampingi Master Trainer, Professional Coach bersertifikat internasional, dan Assessor resmi BNSP \u2014 lengkap dengan praktik, simulasi, dan coaching hingga siap uji kompetensi.<\/p>\n    <\/div>\n\n    <div class=\"level-grid\">\n      <div class=\"level-card\">\n        <span class=\"lvl-num\">03<\/span>\n        <h4>Asisten Trainer<\/h4>\n        <p>Cocok untuk pemula dan calon trainer yang ingin memulai karier sebagai trainer berbasis kompetensi BNSP.<\/p>\n      <\/div>\n      <div class=\"level-card featured\">\n        <span class=\"tag\">Terlaris<\/span>\n        <span class=\"lvl-num\">04<\/span>\n        <h4>Trainer \/ Instruktur BNSP<\/h4>\n        <p>Program paling diminati untuk menjadi trainer profesional resmi \u2014 legal mengajar, kredibel, dan paling dibutuhkan lembaga pelatihan.<\/p>\n      <\/div>\n      <div class=\"level-card\">\n        <span class=\"lvl-num\">05<\/span>\n        <h4>Senior Trainer<\/h4>\n        <p>Untuk trainer berpengalaman yang ingin naik peran sebagai pembina dan pengembang trainer.<\/p>\n      <\/div>\n      <div class=\"level-card featured\">\n        <span class=\"tag\">Premium<\/span>\n        <span class=\"lvl-num\">06<\/span>\n        <h4>Master Trainer BNSP<\/h4>\n        <p>Jenjang tertinggi trainer \u2014 cocok untuk konsultan, trainer senior, dan owner lembaga pelatihan.<\/p>\n      <\/div>\n    <\/div>\n\n    <h3 style=\"font-size:1.05rem; margin-bottom:24px; color:var(--gold-light);\">Alur Menjadi Trainer Bersertifikat<\/h3>\n    <div class=\"roadmap\">\n      <div class=\"roadmap-step\"><div class=\"step-dot\">1<\/div><span>Pendaftaran<\/span><\/div>\n      <div class=\"roadmap-step\"><div class=\"step-dot\">2<\/div><span>Pelatihan Intensif<\/span><\/div>\n      <div class=\"roadmap-step\"><div class=\"step-dot\">3<\/div><span>Simulasi Uji \/ Tugas<\/span><\/div>\n      <div class=\"roadmap-step\"><div class=\"step-dot\">4<\/div><span>Asesmen BNSP<\/span><\/div>\n      <div class=\"roadmap-step\"><div class=\"step-dot\">5<\/div><span>Sertifikat Terbit<\/span><\/div>\n      <div class=\"roadmap-step\"><div class=\"step-dot\">6<\/div><span>Coaching Lanjutan<\/span><\/div>\n    <\/div>\n\n    <div class=\"bonus-box\">\n      <div style=\"flex:1; min-width:220px;\">\n        <h4>Bonus Khusus Peserta<\/h4>\n        <p>2x Sesi Coaching Eksklusif \u2014 agar Anda bukan hanya lulus, tetapi benar-benar siap tampil sebagai trainer profesional.<\/p>\n      <\/div>\n      <a href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary btn-sm\">Tanya Jadwal Terdekat<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d8f66e8 e-con e-atomic-element e-flexbox-base e-bfc928e \" data-id=\"d8f66e8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d8f66e8\">\n    \t\t<div class=\"elementor-element elementor-element-dfafff2 elementor-widget elementor-widget-html\" data-id=\"dfafff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: AI AUTOMATION \/ OPENCLAW WORKSHOP\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"programs\" id=\"openclaw\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">AI Automation<\/span>\n      <h2 class=\"section-title\">Cara Bikin Karyawan AI Cerdas untuk Tim Digital Marketing<\/h2>\n      <p class=\"section-sub\">Workshop praktis untuk digital marketer solopreneur yang ingin kerja sendiri rasa punya tim, dengan bantuan AI Assistant & OpenClaw.<\/p>\n    <\/div>\n\n    <div class=\"tier-grid\">\n      <div class=\"tier-card\">\n        <h4>Kelas Basic<\/h4>\n        <div class=\"sched\">Live kelas bersama para praktisi \u00b7 via Zoom Meeting<\/div>\n        <ul>\n          <li>Instalasi OpenClaw, setting main agent & skill set<\/li>\n          <li>Setting primary LLM dan fallback model untuk agent<\/li>\n          <li>Setting Telegram Bot & integrasi ke sistem OpenClaw<\/li>\n          <li>Troubleshooting, tanya jawab & pengembangan ke depan<\/li>\n        <\/ul>\n        <p class=\"tier-note\">Jadwal terdekat & rincian investasi bisa ditanyakan langsung ke tim kami.<\/p>\n        <a href=\"https:\/\/wa.me\/6281958971177?text=Halo%20HSI%2C%20saya%20mau%20tanya%20jadwal%20%26%20info%20Kelas%20Basic%20AI%20Automation\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Tanya Jadwal & Info<\/a>\n      <\/div>\n\n      <div class=\"tier-card highlight\">\n        <h4>Kelas Intermediate<\/h4>\n        <div class=\"sched\">Live kelas bersama para praktisi \u00b7 via Zoom Meeting<\/div>\n        <ul>\n          <li>Belajar integrasi lanjutan untuk sistem OpenClaw<\/li>\n          <li>Live kelas bersama para praktisi<\/li>\n          <li>Integrasi sistem OpenClaw dengan API Notion untuk pencatatan<\/li>\n          <li>Integrasi OpenClaw dengan MCP Pipeboard untuk otomasi marketing<\/li>\n          <li>Setting otomasi Meta Ads untuk meningkatkan performa iklan<\/li>\n          <li>Troubleshooting, tanya jawab & pengembangan ke depan<\/li>\n          <li>Terhubung dengan Google Workspace (Mail, Drive, Sheets, dll.)<\/li>\n        <\/ul>\n        <p class=\"tier-note\">Jadwal terdekat & rincian investasi bisa ditanyakan langsung ke tim kami.<\/p>\n        <a href=\"https:\/\/wa.me\/6281958971177?text=Halo%20HSI%2C%20saya%20mau%20tanya%20jadwal%20%26%20info%20Kelas%20Intermediate%20AI%20Automation\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Tanya Jadwal & Info<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9fb6e1 elementor-widget elementor-widget-html\" data-id=\"a9fb6e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: NLP \/ DIGITAL MARKETING \/ INSAN BARU\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"panel-section\" id=\"nlp-dm-insan\">\n  <div class=\"wrap\">\n    <div class=\"section-head center\">\n      <span class=\"eyebrow\">Program Pendukung<\/span>\n      <h2 class=\"section-title\">NLP, Digital Marketing & Insan Baru<\/h2>\n    <\/div>\n    <div class=\"strip-grid\">\n      <div class=\"strip-card\">\n        <h4>NLP (Neuro Linguistic Programming)<\/h4>\n        <ul>\n          <li>NLP Practitioner<\/li>\n          <li>NLP Master<\/li>\n          <li>NLP Trainer<\/li>\n          <li>NLP for Tenaga Medis<\/li>\n          <li>NLP for Leader<\/li>\n        <\/ul>\n        <p>Kuasai pola komunikasi dan pikiran bawah sadar untuk memimpin diri sendiri maupun orang lain.<\/p>\n      <\/div>\n      <div class=\"strip-card\">\n        <h4>Digital Marketing<\/h4>\n        <ul>\n          <li>Strategi konten & funnel penjualan<\/li>\n          <li>Optimasi iklan berbayar<\/li>\n          <li>Personal branding digital<\/li>\n        <\/ul>\n        <p>Pelatihan praktis untuk solopreneur maupun tim marketing perusahaan.<\/p>\n      <\/div>\n      <div class=\"strip-card\">\n        <h4>Insan Baru<\/h4>\n        <ul>\n          <li>Transformasi spiritual & emosional<\/li>\n          <li>Integrasi nilai Islam, NLP & neuroscience<\/li>\n          <li>Pembentukan mindset baru berkelanjutan<\/li>\n        <\/ul>\n        <p>Program transformasi diri untuk pribadi yang ingin naik kelas secara utuh \u2014 hati, pikiran, dan tindakan.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e3e57 elementor-widget elementor-widget-html\" data-id=\"76e3e57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: BRAIN PROFILING\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"brain-section\" id=\"brain-profiling\">\n  <div class=\"brain-inner\">\n    <div class=\"brain-visual\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 300 340\" fill=\"none\">\n        <defs>\n          <linearGradient id=\"brainGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n            <stop offset=\"0%\" stop-color=\"#F1D68C\"\/>\n            <stop offset=\"60%\" stop-color=\"#D4AF37\"\/>\n            <stop offset=\"100%\" stop-color=\"#8A6A1D\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <path d=\"M150 30c-45 0-70 30-70 60 0 15-20 20-20 45 0 20 15 30 30 32-2 15 8 28 22 30v25h76v-25c14-2 24-15 22-30 15-2 30-12 30-32 0-25-20-30-20-45 0-30-25-60-70-60z\"\n          stroke=\"url(#brainGrad)\" stroke-width=\"3\" fill=\"none\"\/>\n        <path d=\"M150 60c-18 6-26 22-20 34 4 8-4 14 2 24 5 9 18 8 18 20M150 60c18 6 26 22 20 34-4 8 4 14-2 24-5 9-18 8-18 20\"\n          stroke=\"url(#brainGrad)\" stroke-width=\"2\" fill=\"none\" opacity=\"0.75\"\/>\n        <circle cx=\"90\" cy=\"120\" r=\"4\" fill=\"#F1D68C\"\/>\n        <circle cx=\"205\" cy=\"150\" r=\"4\" fill=\"#F1D68C\"\/>\n        <circle cx=\"150\" cy=\"90\" r=\"4\" fill=\"#F1D68C\"\/>\n        <circle cx=\"120\" cy=\"200\" r=\"4\" fill=\"#F1D68C\"\/>\n        <circle cx=\"185\" cy=\"205\" r=\"4\" fill=\"#F1D68C\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"brain-copy\">\n      <span class=\"eyebrow\">Produk Baru<\/span>\n      <h2>Brain Profiling \u2014 Kenali Pola Pikir, <span class=\"gold-text\">Maksimalkan Potensi<\/span><\/h2>\n      <p class=\"lead\">Brain Profiling adalah asesmen pemetaan dominasi otak yang mengungkap gaya berpikir, gaya belajar, gaya komunikasi, dan kecenderungan kepemimpinan seseorang. Berbeda dari tes kepribadian pada umumnya, hasilnya memberi peta yang konkret dan bisa langsung ditindaklanjuti \u2014 untuk pengembangan diri, keputusan karier, hingga membangun tim yang saling melengkapi.<\/p>\n\n      <div class=\"brain-audience\">\n        <div class=\"audience-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4 3.5-7 8-7s8 3 8 7\"\/><\/svg>\n          <span>Individu \u2014 arah karier & pengembangan diri<\/span>\n        <\/div>\n        <div class=\"audience-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 7V5a4 4 0 018 0v2\"\/><\/svg>\n          <span>Perusahaan \u2014 rekrutmen & team building<\/span>\n        <\/div>\n        <div class=\"audience-chip\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 3l9 4.5-9 4.5-9-4.5L12 3z\"\/><path d=\"M6 10.5V16c0 1.5 2.7 3 6 3s6-1.5 6-3v-5.5\"\/><\/svg>\n          <span>Pelajar & Orang Tua \u2014 minat & jurusan<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"brain-process\">\n        <div><b>01<\/b><p>Isi Asesmen Brain Profiling secara online, sekitar 20\u201330 menit.<\/p><\/div>\n        <div><b>02<\/b><p>Sesi analisis bersama praktisi bersertifikat untuk membedah hasil.<\/p><\/div>\n        <div><b>03<\/b><p>Terima laporan profil lengkap beserta rencana aksi pengembangan.<\/p><\/div>\n      <\/div>\n\n      <a href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Jadwalkan Sesi Brain Profiling<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9cc718d e-con e-atomic-element e-flexbox-base e-b88cbe1 \" data-id=\"9cc718d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9cc718d\">\n    \t\t<div class=\"elementor-element elementor-element-d488456 elementor-widget elementor-widget-html\" data-id=\"d488456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: TIM \/ TEAM\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"programs\" id=\"tim\">\n  <div class=\"wrap\">\n    <div class=\"section-head center\">\n      <span class=\"eyebrow\">Tim Kami<\/span>\n      <h2 class=\"section-title\">Didampingi Master Trainer, Coach & Assessor Profesional<\/h2>\n    <\/div>\n    <div class=\"team-grid\">\n      <div class=\"team-card\">\n        <div class=\"avatar-ring\">KA<\/div>\n        <h4>Kurnia Adhiwibowo<\/h4>\n        <span class=\"role\">Governance & Digital Strategy Advisor \u00b7 Business & Agile Coach \u00b7 Master Trainer BNSP<\/span>\n        <p class=\"bio\">Profesional teknologi informasi dan tata kelola organisasi dengan pengalaman panjang di lingkungan pemerintahan nasional, termasuk di Badan Pusat Statistik Republik Indonesia.<\/p>\n        <ul>\n          <li>Certified Business Coach<\/li>\n          <li>Certified Hijrah Mind Practitioner (MyBrain, UK)<\/li>\n          <li>ICAgile Certified Professional \u2014 Agile Coaching<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"team-card\">\n        <div class=\"avatar-ring\">HN<\/div>\n        <h4>Heru Nur Ihsan<\/h4>\n        <span class=\"role\">Founder & Strategic Advisor \u00b7 Business Coach \u00b7 Agile Coach<\/span>\n        <p class=\"bio\">Pendiri dan penasihat strategis dengan pengalaman lebih dari dua dekade membangun dan memimpin puluhan entitas di bidang pendidikan, sosial, filantropi, dan usaha berbasis nilai.<\/p>\n        <ul>\n          <li>Certified Business Coach<\/li>\n          <li>Certified Hijrah Mind Practitioner (MyBrain, UK)<\/li>\n          <li>ICAgile Certified Professional \u2014 Agile Coaching<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"team-card\">\n        <div class=\"avatar-ring\">MB<\/div>\n        <h4>Munir Badres<\/h4>\n        <span class=\"role\">Project & Construction Professional \u00b7 Agile Coach \u00b7 Master Trainer & Assessor BNSP \u00b7 Master dan Trainer NNLP<\/span>\n        <p class=\"bio\">Profesional teknik sipil dan business development leader dengan pengalaman lebih dari dua dekade di sektor konstruksi dan infrastruktur, termasuk proyek ekspansi Masjidil Haram bersama Saudi Binladin Group.<\/p>\n        <ul>\n          <li>Certified Business Coach<\/li>\n          <li>Certified Hijrah Mind Practitioner (MyBrain, UK)<\/li>\n          <li>ICAgile Certified Professional \u2014 Agile Coaching<\/li>\n          <li>Certified Practitioner NNLP<\/li>\n          <li>Master NNLP<\/li>\n          <li>Trainer NNLP<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2f81f0b e-con e-atomic-element e-flexbox-base e-8d90de9 \" data-id=\"2f81f0b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2f81f0b\">\n    \t\t<div class=\"elementor-element elementor-element-fb1b150 elementor-widget elementor-widget-html\" data-id=\"fb1b150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: TRUST \/ PAYMENT SECURITY\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"panel-section\" style=\"padding-top:60px; padding-bottom:60px;\">\n  <div class=\"trust-box\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.4\"><path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n    <div>\n      <h3>Transaksi Aman & Transparan<\/h3>\n      <ul>\n        <li>Informasi pembayaran tidak ditampilkan secara terbuka di website<\/li>\n        <li>Nomor rekening resmi hanya disampaikan langsung oleh Customer Service resmi kami<\/li>\n        <li>Rekening pembayaran atas nama PT Hasanah Sinergi Inspirasi \u2014 kami tidak menggunakan rekening pribadi<\/li>\n        <li>Seluruh pembayaran diverifikasi melalui invoice resmi perusahaan<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5880b75 elementor-widget elementor-widget-html\" data-id=\"5880b75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: KONTAK (CONTACT)\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n  Pastikan file 00-STYLE-GLOBAL.html sudah ditempel duluan di widget HTML paling atas.\n-->\n\n<section class=\"contact-section\" id=\"kontak\">\n  <div class=\"contact-grid\">\n    <div class=\"contact-info\">\n      <span class=\"eyebrow\">Hubungi Kami<\/span>\n      <h2 class=\"section-title\" style=\"margin-bottom:28px;\">Konsultasi Program & Jadwal Pelatihan<\/h2>\n\n      <div>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 21s-7-6.5-7-12a7 7 0 1114 0c0 5.5-7 12-7 12z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><\/svg>\n        <div><b>Alamat<\/b><span>Dukuh Dagen, Gumuk, Desa\/Kelurahan Ringinharjo, Kec. Bantul, Kab.\nBantul, Provinsi Daerah Istimewa Yogyakarta,\nKode Pos: 55712 \u2014 Indonesia<\/span><\/b><span>Jl. RM. Said No. 74C, RT.02\/RW.04, Kel. Ketelan, Kec. Banjarsari, Kota Surakarta, Jawa Tengah \u2014 Indonesia<\/span><\/div>\n      <\/div>\n      <div>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M22 16.9v3a2 2 0 01-2.2 2 19.8 19.8 0 01-8.6-3 19.5 19.5 0 01-6-6 19.8 19.8 0 01-3-8.7A2 2 0 014.1 2h3a2 2 0 012 1.7c.1.9.3 1.8.6 2.7a2 2 0 01-.5 2.1L8 9.7a16 16 0 006 6l1.2-1.2a2 2 0 012.1-.5c.9.3 1.8.5 2.7.6a2 2 0 011.7 2z\"\/><\/svg>\n        <div><b>Telepon \/ WhatsApp<\/b><span>0819 5897 1177<\/span><\/div>\n      <\/div>\n      <div>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\n        <div><b>Jam Operasional<\/b><span>Senin \u2013 Jumat, 08.30 \u2013 16.30 WIB<\/span><\/div>\n      <\/div>\n\n      <div class=\"social-row\">\n        <a href=\"https:\/\/instagram.com\/hsiempowering\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">IG<\/a>\n        <a href=\"https:\/\/facebook.com\/hsiempowering\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">FB<\/a>\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\">TT<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cta-panel\">\n      <h3>Siap Naik Level?<\/h3>\n      <p>Tim kami siap membantu memilih program yang paling sesuai dengan tujuan Anda \u2014 cukup satu pesan WhatsApp.<\/p>\n      <a href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Chat via WhatsApp<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8aac72c elementor-widget elementor-widget-html\" data-id=\"8aac72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BAGIAN: FOOTER + FLOATING WHATSAPP BUTTON\n  Cara pakai: buat 1 widget \"HTML\" di Elementor, tempel semua isi file ini ke dalamnya.\n-->\n\n<footer>\n  <p>\u00a9 2026 PT. Hasanah Sinergi Inspirasi \u2014 HSI Empowering. Empowering People, Talent & Organizations.<\/p>\n<\/footer>\n\n<!-- floating WhatsApp -->\n<a class=\"wa-float\" href=\"https:\/\/wa.me\/6281958971177\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp\">\n  <svg viewBox=\"0 0 24 24\" fill=\"#1a1408\"><path d=\"M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm5.7 14.2c-.2.6-1.4 1.2-2 1.3-.5.1-1.1.2-3.5-.7-2.9-1.1-4.8-4-5-4.2-.1-.2-1.2-1.6-1.2-3s.8-2.2 1-2.5c.3-.3.6-.4.8-.4h.6c.2 0 .5 0 .7.6.3.6.9 2.1 1 2.3.1.2.1.3 0 .5-.1.2-.2.3-.4.5l-.5.6c-.2.2-.3.4-.1.7.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.2.5.1.7-.1l.7-.8c.2-.3.4-.2.7-.1.3.1 1.8.9 2.1 1 .3.2.5.2.6.3.1.2.1.9-.1 1.5z\"\/><\/svg>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tentang Program Brain Profiling Tim Kontak Hubungi Kami Tentang Program Brain Profiling Tim Kontak Hubungi via WhatsApp \u2192 PT. Hasanah Sinergi Inspirasi Empowering People, Talent&#038; Organizations Lembaga pelatihan dan konsultansi resmi bersertifikat BNSP \u2014 membangun trainer profesional, tim yang melek AI, dan individu yang mengenali potensi terbaiknya lewat Brain Profiling &#038; NLP. Lihat Semua Program [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hsiempowering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":38,"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/hsiempowering.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/hsiempowering.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}