{"id":31,"date":"2026-04-22T14:07:48","date_gmt":"2026-04-22T14:07:48","guid":{"rendered":"https:\/\/www.inspirabuild.id\/?page_id=31"},"modified":"2026-04-22T14:09:58","modified_gmt":"2026-04-22T14:09:58","slug":"home","status":"publish","type":"page","link":"https:\/\/www.inspirabuild.id\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9544ed e-con-full e-flex e-con e-parent\" data-id=\"c9544ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-826fd3b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"826fd3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- INSPIRA DESIGN & BUILD \u2014 Landing Page v2 (Elementor-safe) -->\n<!-- Paste seluruh kode ini ke dalam Elementor HTML widget -->\n\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=Cormorant+Garamond:wght@700;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap\" rel=\"stylesheet\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n\/* ============================================================\n   SEMUA STYLE DI-SCOPE KE #inspira-root\n   Ini mencegah konflik dengan theme WordPress \/ Elementor\n   ============================================================ *\/\n\n\/* Keyframes harus di global scope (tidak bisa di-scope) *\/\n@keyframes isp-fadeUp   { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }\n@keyframes isp-fadeLeft { from { opacity:0; transform:translateX(-36px);} to { opacity:1; transform:translateX(0); } }\n@keyframes isp-fadeRight{ from { opacity:0; transform:translateX(36px); } to { opacity:1; transform:translateX(0); } }\n@keyframes isp-scaleIn  { from { opacity:0; transform:scale(0.88);      } to { opacity:1; transform:scale(1);    } }\n@keyframes isp-pulse    { 0%,100%{transform:scale(1);} 50%{transform:scale(1.05);} }\n@keyframes isp-slideDown{ from{transform:translateY(-100%);} to{transform:translateY(0);} }\n@keyframes isp-shimmer  { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }\n\n\/* ---- Root wrapper ---- *\/\n#inspira-root {\n  \/* CSS variables \u2014 terisolasi di dalam root *\/\n  --ip: #0f3d2e;       \/* brand-primary   *\/\n  --ia: #f15a24;       \/* brand-accent     *\/\n  --is: #f7f3ee;       \/* brand-secondary  *\/\n  --iw: #ffffff;\n  --ig3: #d1d5db;\n  --ig6: #4b5563;\n  --fd: 'Playfair Display', Georgia, serif;\n  --fb: 'DM Sans', Arial, sans-serif;\n\n  \/* Reset pengaruh theme WP *\/\n  all: initial;\n  display: block;\n  box-sizing: border-box;\n  font-family: var(--fb);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--ip);\n  background: var(--is);\n  overflow-x: hidden;\n  width: 100%;\n}\n\n\/* Box-sizing & reset hanya di dalam root *\/\n#inspira-root *, #inspira-root *::before, #inspira-root *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n#inspira-root img  { max-width: 100%; display: block; }\n#inspira-root a    { text-decoration: none; color: inherit; }\n#inspira-root button { font-family: var(--fb); cursor: pointer; }\n\n\/* ---- Scroll reveal classes ---- *\/\n#inspira-root .isp-reveal        { opacity:0; transform:translateY(28px);  transition:opacity .7s ease,transform .7s ease; }\n#inspira-root .isp-reveal.on     { opacity:1; transform:translateY(0);     }\n#inspira-root .isp-reveal-l      { opacity:0; transform:translateX(-36px); transition:opacity .7s ease,transform .7s ease; }\n#inspira-root .isp-reveal-l.on   { opacity:1; transform:translateX(0);     }\n#inspira-root .isp-reveal-r      { opacity:0; transform:translateX(36px);  transition:opacity .7s ease,transform .7s ease; }\n#inspira-root .isp-reveal-r.on   { opacity:1; transform:translateX(0);     }\n\n\/* ---- Layout ---- *\/\n#inspira-root .isp-section { width:100%; padding:80px 0; }\n#inspira-root .isp-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n@media(min-width:640px)  { #inspira-root .isp-container { padding:0 32px; } }\n@media(min-width:1024px) { #inspira-root .isp-container { padding:0 48px; } }\n\n\/* ---- Buttons ---- *\/\n#inspira-root .ibtn {\n  display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n  border-radius: 12px; font-family: var(--fb); font-weight: 700; font-size: 1rem;\n  padding: 14px 28px; cursor: pointer; transition: all .3s ease;\n  border: none; white-space: nowrap; text-decoration: none; line-height: 1;\n}\n#inspira-root .ibtn-primary  { background:var(--ia); color:var(--iw); }\n#inspira-root .ibtn-primary:hover  { background:#b07420; transform:scale(1.05); color:var(--iw); }\n#inspira-root .ibtn-outline  { background:transparent; color:var(--iw); border:2px solid var(--iw); }\n#inspira-root .ibtn-outline:hover  { background:var(--iw); color:var(--ip); }\n#inspira-root .ibtn-outlinep { background:transparent; color:var(--ip); border:2px solid var(--ip); }\n#inspira-root .ibtn-outlinep:hover { background:var(--ip); color:var(--iw); }\n#inspira-root .ibtn-lg  { padding:18px 36px; font-size:1.125rem; border-radius:14px; }\n#inspira-root .ibtn-sm  { padding:10px 20px; font-size:.9rem;    border-radius:10px; }\n#inspira-root .ibtn-pulse { animation: isp-pulse 2s ease-in-out infinite; }\n\n\/* ---- Section heading ---- *\/\n#inspira-root .isp-h2 {\n  font-family: var(--fd); font-size: clamp(2rem,5vw,3rem);\n  font-weight: 900; text-align: center; color: var(--ip);\n  line-height: 1.15;\n}\n#inspira-root .isp-h2-white { color: var(--iw); }\n#inspira-root .isp-sub {\n  margin-top:16px; font-size:1.05rem; color:var(--ig6);\n  text-align:center; max-width:640px; margin-left:auto; margin-right:auto;\n}\n\n\/* ==================== NAVBAR ==================== *\/\n#isp-navbar {\n  position: fixed; top:0; left:0; right:0; z-index: 9999;\n  transition: all .3s ease;\n  animation: isp-slideDown .5s ease;\n}\n#isp-navbar.scrolled {\n  background: rgba(26,46,68,.88);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n#isp-navbar .nav-inner {\n  max-width:1280px; margin:0 auto; padding:0 24px;\n  height:80px; display:flex; align-items:center;\n}\n#isp-navbar img { height:48px; width:auto; display:block; }\n\n\/* ==================== HERO ==================== *\/\n#isp-hero {\n  position:relative; width:100%; height:100vh; min-height:620px;\n  display:flex; flex-direction:column;\n}\n#isp-hero .hero-bg {\n  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;\n}\n#isp-hero .hero-overlay {\n  position:absolute; inset:0;\n  background: linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,.6) 100%);pointer-events: none;\n}\n#isp-hero .hero-content {\n  position:relative; z-index:10; flex:1;\n  display:flex; flex-direction:column; align-items:center;\n  justify-content:center; text-align:center;\n  color:var(--iw); padding:80px 24px 40px;\n}\n#inspira-root .hero-badge {\n  display:inline-block; border:1px solid var(--ia);\n  background:rgba(200,135,42,.2); padding:6px 20px;\n  border-radius:99px; font-size:.75rem; font-weight:700;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:var(--ia); margin-bottom:20px;\n  animation: isp-fadeUp .8s ease both;\n}\n#inspira-root .hero-title {\n  font-family:var(--fd); font-size:clamp(1.8rem,5vw,3.5rem);\n  font-weight:900; line-height:1.2; max-width:900px; color:var(--iw);\n  animation: isp-fadeUp .8s .2s ease both;\n}\n#inspira-root .hero-subtitle {\n  margin-top:24px; max-width:640px;\n  font-size:clamp(.95rem,2vw,1.15rem); color:#e5e7eb;\n  line-height:1.65; animation: isp-fadeUp .8s .4s ease both;\n}\n#inspira-root .hero-buttons {\n  margin-top:40px; display:flex; flex-wrap:wrap;\n  gap:12px; justify-content:center;\n  animation: isp-fadeUp .8s .6s ease both;\n}\n#inspira-root .hero-trust {\n  margin-top:28px; font-size:.875rem; color:#d1d5db;\n  animation: isp-fadeUp .8s .8s ease both;\n}\n\n\/* ==================== PAIN POINTS ==================== *\/\n#isp-pain { position:relative; overflow:hidden; background:var(--is); }\n#isp-pain .pain-bg-img {\n  position:absolute; bottom:29%; left:25%; width:100%;\n  opacity:0; pointer-events:none; transition:opacity 1.5s ease; z-index:0;\n}\n#isp-pain .pain-bg-img.on { opacity:.5; }\n#inspira-root .pain-grid {\n  margin-top:64px; display:grid;\n  grid-template-columns:repeat(2,1fr); gap:14px;\n  max-width:900px; margin-left:auto; margin-right:auto;\n}\n@media(min-width:768px){\n  #inspira-root .pain-grid { grid-template-columns:repeat(3,1fr); gap:28px; margin-top:88px; }\n}\n#inspira-root .pain-card {\n  background:var(--iw); border-radius:16px;\n  box-shadow:0 8px 28px rgba(0,0,0,.08);\n  padding:18px 14px; display:flex; flex-direction:column;\n  align-items:center; text-align:center; gap:10px;\n  border:1px solid #f3f4f6;\n  transition:transform .3s ease,box-shadow .3s ease;\n  position:relative; z-index:1;\n}\n#inspira-root .pain-card:hover { transform:scale(1.04); box-shadow:0 14px 44px rgba(0,0,0,.14); }\n@media(min-width:768px){\n  #inspira-root .pain-card { flex-direction:row; text-align:left; padding:22px; gap:18px; }\n  #inspira-root .pain-middle { transform:translateY(-28px); }\n}\n#inspira-root .pain-card i    { font-size:1.6rem; color:var(--ia); flex-shrink:0; }\n@media(min-width:768px){ #inspira-root .pain-card i { font-size:2rem; } }\n#inspira-root .pain-card span { font-size:.9rem; font-weight:600; color:var(--ip); line-height:1.4; }\n@media(min-width:768px){ #inspira-root .pain-card span { font-size:1.05rem; } }\n#inspira-root .pain-closing { margin-top:60px; text-align:center; position:relative; z-index:1; }\n#inspira-root .pain-closing .pc-main { font-size:1.2rem; font-weight:700; color:var(--ip); }\n#inspira-root .pain-closing .pc-main span { color:var(--ia); }\n#inspira-root .pain-closing .pc-sub  { margin-top:14px; font-size:1rem; color:var(--ig6); max-width:700px; margin-left:auto; margin-right:auto; }\n\n\/* ==================== VALUE PROPOSITION ==================== *\/\n#isp-values { background:var(--is); }\n#inspira-root .values-grid {\n  margin-top:52px; display:flex; flex-wrap:wrap;\n  justify-content:center; gap:18px;\n  max-width:1050px; margin-left:auto; margin-right:auto;\n}\n#inspira-root .value-card {\n  background:var(--iw); border-radius:16px;\n  border:1px solid rgba(229,231,235,.5);\n  box-shadow:0 4px 16px rgba(0,0,0,.07);\n  padding:26px 18px; text-align:center;\n  width:calc(50% - 9px); cursor:pointer;\n  transition:all .3s ease;\n}\n@media(min-width:768px){ #inspira-root .value-card { width:calc(33.333% - 12px); } }\n#inspira-root .value-card:hover { transform:translateY(-4px); box-shadow:0 14px 36px rgba(0,0,0,.13); }\n#inspira-root .val-icon-wrap {\n  display:inline-flex; align-items:center; justify-content:center;\n  background:rgba(200,135,42,.12); border-radius:99px;\n  padding:14px; margin-bottom:14px;\n}\n#inspira-root .val-icon-wrap i { font-size:1.5rem; color:var(--ia); }\n@media(min-width:640px){ #inspira-root .val-icon-wrap i { font-size:2rem; } }\n#inspira-root .value-card h3 {\n  font-family:var(--fd); font-size:clamp(.8rem,2.5vw,1.15rem);\n  font-weight:700; color:var(--ip);\n}\n#inspira-root .values-cta { margin-top:52px; text-align:center; }\n#inspira-root .values-desc { font-size:1.05rem; color:var(--ip); max-width:700px; margin:0 auto 28px; }\n\n\/* ==================== SERVICES ==================== *\/\n#isp-services { background:var(--ip); }\n#inspira-root .services-grid {\n  margin-top:60px; display:grid;\n  grid-template-columns:1fr; gap:44px;\n  max-width:940px; margin-left:auto; margin-right:auto;\n}\n@media(min-width:768px){ #inspira-root .services-grid { grid-template-columns:repeat(3,1fr); } }\n#inspira-root .svc-item { text-align:center; display:flex; flex-direction:column; align-items:center; }\n#inspira-root .svc-item i  { font-size:2.25rem; color:var(--ia); margin-bottom:16px; }\n#inspira-root .svc-item h3 { font-family:var(--fd); font-size:1.35rem; font-weight:700; color:var(--iw); }\n#inspira-root .svc-item p  { margin-top:8px; color:#d1d5db; font-size:.925rem; line-height:1.65; }\n\n\/* ==================== PRICING ==================== *\/\n#isp-pricing { background:var(--is); position:relative; overflow:hidden; }\n#isp-pricing .pricing-bg-img {\n  position:absolute; bottom:33%; left:-50%; width:100%;\n  opacity:0; pointer-events:none; transition:opacity 1.5s ease; z-index:0;\n}\n#isp-pricing .pricing-bg-img.on { opacity:.08; }\n#inspira-root .pricing-grid {\n  margin-top:60px; display:flex; flex-wrap:wrap;\n  justify-content:center; gap:16px;\n  max-width:1050px; margin-left:auto; margin-right:auto;\n  position:relative; z-index:1;\n}\n#inspira-root .pricing-card {\n  background:var(--iw); border-radius:16px;\n  border:1px solid rgba(229,231,235,.5);\n  box-shadow:0 4px 16px rgba(0,0,0,.07);\n  padding:26px 22px; position:relative;\n  display:flex; flex-direction:column; width:100%;\n}\n@media(min-width:768px){ #inspira-root .pricing-card { width:calc(33.333% - 11px); } }\n#inspira-root .pricing-card.popular {\n  border:2px solid var(--ia);\n  box-shadow:0 14px 44px rgba(200,135,42,.2);\n}\n#inspira-root .pricing-badge {\n  position:absolute; top:-14px; right:12px;\n  background:var(--ia); color:var(--iw);\n  font-size:.68rem; font-weight:700;\n  padding:4px 14px; border-radius:99px;\n}\n#inspira-root .pricing-card h3 {\n  font-family:var(--fd); font-size:1.15rem; font-weight:700;\n  color:var(--ip); text-align:center;\n}\n#inspira-root .pricing-card h3.pop-title { color:var(--ia); }\n#inspira-root .pricing-card .p-desc { font-size:.85rem; color:var(--ig6); text-align:center; margin-top:6px; }\n#inspira-root .pricing-price { margin-top:18px; text-align:center; }\n#inspira-root .pricing-price .ps { font-size:.78rem; color:var(--ip); }\n#inspira-root .pricing-price .pa {\n  font-family:var(--fd); font-size:1.55rem; font-weight:900; color:var(--ip);\n}\n#inspira-root .pricing-price .pu { font-size:.9rem; font-weight:700; }\n#inspira-root .pricing-price .ap { color:var(--ia); }\n#inspira-root .pricing-cta { margin-top:44px; text-align:center; position:relative; z-index:1; }\n\n\/* ==================== COST MODAL ==================== *\/\n#isp-cost-modal {\n  display:none; position:fixed; inset:0;\n  background:rgba(0,0,0,.5); z-index:99999;\n  align-items:center; justify-content:center; padding:20px;\n}\n#isp-cost-modal.open { display:flex; }\n#inspira-root .isp-modal-box {\n  background:var(--iw); border-radius:20px;\n  padding:36px 28px; width:100%; max-width:440px;\n  position:relative; animation: isp-scaleIn .3s ease;\n  font-family:var(--fb); color:var(--ip);\n}\n#inspira-root .isp-modal-box h2 { font-family:var(--fd); font-size:1.25rem; font-weight:700; margin-bottom:6px; color:var(--ip); }\n#inspira-root .isp-modal-box .m-sub { font-size:.875rem; color:var(--ig6); margin-bottom:20px; }\n#inspira-root .m-sec-title { font-weight:700; font-size:.975rem; margin-bottom:10px; color:var(--ip); }\n#inspira-root .pkg-opts { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\n#inspira-root .pkg-opt {\n  border:2px solid #e5e7eb; border-radius:10px;\n  padding:14px 12px; text-align:center; cursor:pointer;\n  transition:all .2s; background:var(--iw);\n}\n#inspira-root .pkg-opt:hover { border-color:var(--ia); background:rgba(200,135,42,.05); }\n#inspira-root .pkg-opt.sel   { border-color:var(--ip); background:rgba(26,46,68,.06); }\n#inspira-root .pkg-opt strong { display:block; font-size:.88rem; margin-bottom:4px; color:var(--ip); }\n#inspira-root .pkg-opt span   { font-size:.78rem; font-weight:700; color:var(--ip); }\n#inspira-root .addon-row {\n  display:flex; align-items:center; gap:10px;\n  border:2px solid #e5e7eb; border-radius:10px;\n  padding:13px 15px; cursor:pointer; margin-top:13px;\n  transition:all .2s; background:var(--iw);\n}\n#inspira-root .addon-row.ck  { border-color:var(--ip); background:rgba(26,46,68,.06); }\n#inspira-root .addon-row input[type=checkbox] { width:18px; height:18px; accent-color:var(--ip); flex-shrink:0; }\n#inspira-root .addon-row label { font-size:.875rem; font-weight:500; cursor:pointer; color:var(--ip); }\n#inspira-root .area-inp {\n  width:100%; border:2px solid #e5e7eb; border-radius:10px;\n  padding:12px 15px; font-size:1rem; font-family:var(--fb);\n  margin-top:8px; outline:none; transition:border .2s;\n  color:var(--ip); background:var(--iw);\n}\n#inspira-root .area-inp:focus { border-color:var(--ip); }\n#inspira-root .m-footer { display:flex; gap:12px; justify-content:flex-end; margin-top:22px; }\n#inspira-root .m-close-btn {\n  position:absolute; top:14px; right:16px;\n  background:none; border:none; font-size:1.5rem;\n  cursor:pointer; color:var(--ig6); line-height:1;\n  font-family:var(--fb);\n}\n\n\/* ==================== VALUE MODAL ==================== *\/\n#isp-val-modal {\n  display:none; position:fixed; inset:0;\n  background:rgba(0,0,0,.5); z-index:99999;\n  align-items:center; justify-content:center; padding:20px;\n}\n#isp-val-modal.open { display:flex; }\n#inspira-root .val-modal-box {\n  background:var(--iw); border-radius:20px;\n  padding:40px 30px; max-width:480px; width:100%;\n  text-align:center; position:relative;\n  animation: isp-scaleIn .3s ease;\n  font-family:var(--fb); color:var(--ip);\n}\n#inspira-root .val-modal-box .vm-icon {\n  display:inline-flex; align-items:center; justify-content:center;\n  background:rgba(200,135,42,.12); border-radius:99px; padding:18px;\n  margin-bottom:16px;\n}\n#inspira-root .val-modal-box .vm-icon i { font-size:1.75rem; color:var(--ia); }\n#inspira-root .val-modal-box h3 { font-family:var(--fd); font-size:1.35rem; font-weight:700; margin-bottom:12px; color:var(--ip); }\n#inspira-root .val-modal-box p  { color:var(--ig6); font-size:.975rem; line-height:1.7; }\n\n\/* ==================== PORTFOLIO ==================== *\/\n#isp-portfolio { background:var(--is); }\n#inspira-root .portfolio-grid {\n  margin-top:60px; display:grid;\n  grid-template-columns:repeat(2,1fr);\n  grid-auto-rows:170px; gap:14px;\n}\n@media(min-width:768px){ #inspira-root .portfolio-grid { grid-template-columns:repeat(4,1fr); } }\n#inspira-root .port-item {\n  position:relative; overflow:hidden;\n  border-radius:16px; cursor:pointer;\n}\n#inspira-root .port-item img {\n  width:100%; height:100%; object-fit:cover;\n  transition:transform .4s ease;\n}\n#inspira-root .port-item:hover img { transform:scale(1.07); }\n#inspira-root .port-overlay {\n  position:absolute; inset:0;\n  background:linear-gradient(to top,rgba(0,0,0,.7),transparent);\n  opacity:0; transition:opacity .3s ease;\n  display:flex; flex-direction:column; justify-content:flex-end; padding:18px;\n}\n#inspira-root .port-item:hover .port-overlay { opacity:1; }\n#inspira-root .port-overlay h3 { color:var(--iw); font-family:var(--fd); font-size:1rem; font-weight:700; }\n\n\/* Lightbox *\/\n#isp-lightbox {\n  display:none; position:fixed; inset:0;\n  background:rgba(0,0,0,.88); z-index:99999;\n  align-items:center; justify-content:center; padding:16px;\n}\n#isp-lightbox.open { display:flex; }\n#inspira-root .lb-inner {\n  background:var(--iw); border-radius:20px;\n  width:100%; max-width:780px; overflow:hidden;\n  position:relative; animation: isp-scaleIn .3s ease;\n}\n#inspira-root .lb-header {\n  padding:18px 22px 14px;\n  border-bottom:1px solid #e5e7eb;\n}\n#inspira-root .lb-header h3 { font-family:var(--fd); font-size:1.25rem; font-weight:700; color:var(--ip); }\n#inspira-root .lb-close {\n  position:absolute; top:14px; right:16px;\n  background:none; border:none; font-size:1.5rem;\n  cursor:pointer; color:var(--ig6); line-height:1;\n  font-family:var(--fb);\n}\n#inspira-root .car-wrap { position:relative; padding:14px; }\n#inspira-root .car-track {\n  display:flex; overflow:hidden; border-radius:12px;\n}\n#inspira-root .car-slide {\n  min-width:100%; aspect-ratio:16\/9;\n}\n#inspira-root .car-slide img {\n  width:100%; height:100%; object-fit:cover; border-radius:12px;\n}\n#inspira-root .car-btn {\n  position:absolute; top:50%; transform:translateY(-50%);\n  background:rgba(0,0,0,.5); color:var(--iw); border:none;\n  border-radius:99px; width:38px; height:38px;\n  font-size:.9rem; cursor:pointer; display:flex;\n  align-items:center; justify-content:center;\n  transition:background .2s; z-index:5; font-family:var(--fb);\n}\n#inspira-root .car-btn:hover { background:rgba(0,0,0,.82); }\n#inspira-root .car-prev { left:22px; }\n#inspira-root .car-next { right:22px; }\n\n\/* ==================== TESTIMONIALS ==================== *\/\n#isp-testi { background:var(--ip); }\n#inspira-root .testi-inner {\n  max-width:1050px; margin:0 auto;\n  display:grid; grid-template-columns:1fr; gap:44px;\n  align-items:center; margin-top:44px;\n}\n@media(min-width:1024px){ #inspira-root .testi-inner { grid-template-columns:1fr 1fr; gap:60px; } }\n#inspira-root .counter-block { text-align:center; display:flex; flex-direction:column; align-items:center; }\n#inspira-root .ctr-num-row { display:flex; align-items:flex-end; }\n#inspira-root .ctr-num {\n  font-family:var(--fd); font-size:clamp(5rem,14vw,7.5rem);\n  font-weight:900; color:var(--ia); line-height:1;\n}\n#inspira-root .ctr-suf {\n  font-family:var(--fd); font-size:clamp(3.5rem,9vw,5rem);\n  font-weight:900; color:var(--ia); line-height:1.05; padding-bottom:6px;\n}\n#inspira-root .ctr-label { margin-top:8px; font-size:1.05rem; font-weight:700; color:var(--iw); }\n#inspira-root .testi-car { position:relative; }\n#inspira-root .testi-track { display:flex; overflow:hidden; }\n#inspira-root .testi-slide { min-width:100%; padding:3px; }\n#inspira-root .testi-card {\n  background:rgba(255,255,255,.1); border-radius:16px;\n  padding:28px; min-height:260px; display:flex; flex-direction:column;\n}\n#inspira-root .testi-card .q-icon { font-size:1.75rem; color:var(--ia); margin-bottom:14px; }\n#inspira-root .testi-card .q-text { font-size:1rem; color:var(--iw); line-height:1.72; flex:1; }\n#inspira-root .testi-author { margin-top:22px; display:flex; align-items:center; gap:13px; }\n#inspira-root .testi-avatar { width:46px; height:46px; border-radius:99px; object-fit:cover; background:rgba(255,255,255,.2); }\n#inspira-root .testi-name { font-weight:700; color:var(--iw); font-size:.925rem; }\n#inspira-root .testi-nav { display:none; }\n@media(min-width:640px){\n  #inspira-root .testi-nav { display:flex; gap:8px; margin-top:14px; justify-content:flex-end; }\n}\n#inspira-root .testi-nav-btn {\n  background:rgba(255,255,255,.15); border:none; color:var(--iw);\n  border-radius:99px; width:38px; height:38px; font-size:.9rem;\n  cursor:pointer; display:flex; align-items:center; justify-content:center;\n  transition:background .2s; font-family:var(--fb);\n}\n#inspira-root .testi-nav-btn:hover { background:rgba(255,255,255,.3); }\n\n\/* ==================== WORK PROCESS ==================== *\/\n#isp-process { background:var(--is); }\n#inspira-root .proc-list { max-width:620px; margin:60px auto 0; position:relative; }\n#inspira-root .proc-line {\n  position:absolute; left:15px; top:0; height:100%;\n  width:2px; background:#e5e7eb;\n}\n#inspira-root .proc-step { position:relative; padding-left:52px; margin-bottom:32px; }\n#inspira-root .proc-step:last-child { margin-bottom:0; }\n#inspira-root .step-n {\n  position:absolute; left:0; top:0;\n  width:30px; height:30px; background:var(--ip);\n  color:var(--iw); border-radius:99px;\n  display:flex; align-items:center; justify-content:center;\n  font-weight:700; font-size:.8rem;\n}\n#inspira-root .step-t { font-family:var(--fd); font-size:1.15rem; font-weight:700; color:var(--ip); }\n#inspira-root .step-d { margin-top:4px; color:var(--ig6); font-size:.925rem; line-height:1.62; }\n#inspira-root .proc-cta { margin-top:60px; text-align:center; }\n\n\/* ==================== PROMO ==================== *\/\n#isp-promo { background:var(--is); padding-bottom:80px; }\n#inspira-root .promo-box {\n  max-width:880px; margin:0 auto;\n  background:rgba(255,237,213,.5);\n  border-left:4px solid var(--ia); border-radius:12px;\n  padding:32px 28px; display:flex; gap:18px; align-items:flex-start;\n}\n#inspira-root .promo-box i { font-size:2.2rem; color:var(--ia); flex-shrink:0; margin-top:2px; }\n#inspira-root .promo-box h3 { font-family:var(--fd); font-size:1.35rem; font-weight:700; color:var(--ip); margin-bottom:10px; }\n#inspira-root .promo-box p  { font-size:.975rem; color:#374151; line-height:1.7; }\n#inspira-root .promo-box p strong { color:var(--ip); }\n@media(max-width:540px){ #inspira-root .promo-box { flex-direction:column; } }\n\n\/* ==================== FAQ ==================== *\/\n#isp-faq { background:var(--is); padding-top:0; }\n#inspira-root .faq-list { max-width:740px; margin:44px auto 0; }\n#inspira-root .faq-item { border-bottom:1px solid #e5e7eb; }\n#inspira-root .faq-q {\n  width:100%; background:none; border:none;\n  display:flex; align-items:center; justify-content:space-between;\n  padding:18px 0; cursor:pointer; text-align:left; gap:14px;\n}\n#inspira-root .faq-q span { font-size:1rem; font-weight:700; color:var(--ip); line-height:1.45; }\n#inspira-root .faq-q i { font-size:.9rem; color:var(--ia); flex-shrink:0; transition:transform .3s ease; }\n#inspira-root .faq-q.open i { transform:rotate(180deg); }\n#inspira-root .faq-a { max-height:0; overflow:hidden; transition:max-height .4s ease,padding .3s ease; }\n#inspira-root .faq-a.open { max-height:500px; padding-bottom:18px; }\n#inspira-root .faq-a p { font-size:.95rem; color:var(--ig6); line-height:1.72; }\n\n\/* ==================== FOOTER ==================== *\/\n#isp-footer { background:var(--ip); position:relative; overflow:hidden; }\n#inspira-root .foot-bg {\n  position:absolute; bottom:-25%; left:-25%;\n  width:100%; opacity:.08; pointer-events:none; z-index:0;\n}\n#inspira-root .foot-cta {\n  text-align:center; max-width:900px; margin:0 auto;\n  padding-top:80px; position:relative; z-index:10;\n}\n#inspira-root .foot-cta h2 {\n  font-family:var(--fd); font-size:clamp(1.8rem,4vw,2.7rem);\n  font-weight:900; color:var(--iw); line-height:1.2;\n}\n#inspira-root .foot-cta p { margin-top:14px; font-size:1rem; color:#d1d5db; }\n#inspira-root .foot-cta-btns { margin-top:32px; display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }\n#inspira-root .foot-info {\n  position:relative; z-index:10; max-width:1150px;\n  margin:0 auto; margin-top:60px;\n  padding:44px 24px 0; border-top:1px solid rgba(255,255,255,.15);\n  color:var(--iw);\n}\n#inspira-root .foot-grid {\n  display:grid; grid-template-columns:1fr; gap:28px; text-align:center;\n}\n@media(min-width:768px){ #inspira-root .foot-grid { grid-template-columns:repeat(4,1fr); text-align:left; } }\n#inspira-root .foot-col i { font-size:1.75rem; color:var(--ia); display:block; margin-bottom:14px; }\n#inspira-root .foot-col h4 { font-weight:700; font-size:.975rem; margin-bottom:6px; color:var(--iw); }\n#inspira-root .foot-col p  { font-size:.85rem; color:#d1d5db; line-height:1.65; }\n#inspira-root .foot-socials { margin-top:44px; display:flex; justify-content:center; gap:22px; }\n#inspira-root .foot-socials a { color:var(--iw); font-size:1.4rem; transition:color .2s; }\n#inspira-root .foot-socials a:hover { color:var(--ia); }\n#inspira-root .foot-bottom {\n  margin-top:44px; padding:22px 24px 60px;\n  border-top:1px solid rgba(255,255,255,.15);\n  text-align:center; color:#9ca3af; font-size:.825rem;\n  position:relative; z-index:10;\n}\n\n\/* ==================== SKELETON ==================== *\/\n#inspira-root .skel {\n  background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);\n  background-size:200% 100%;\n  animation: isp-shimmer 1.5s infinite;\n  border-radius:10px;\n}\n\n\/* ==================== RESPONSIVE MISC ==================== *\/\n@media(max-width:640px){\n  #inspira-root .isp-section { padding:56px 0; }\n  #inspira-root .portfolio-grid { grid-auto-rows:130px; gap:10px; }\n}\n#isp-hero .hero-overlay,\n#isp-hero .hero-bg {\n  pointer-events: none !important;\n}\n\n#isp-hero .hero-content,\n#isp-hero .hero-buttons,\n#isp-hero .hero-buttons a {\n  pointer-events: auto !important;\n  position: relative;\n  z-index: 9999;\n}\n#inspira-root .svc-item i {\n  color: #f05a28 !important; \/#f05a28\/\n  opacity: 1 !important;\n}\n.values-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n}\n\n.value-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 24px 16px;\n  text-align: center;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  transition: all .3s ease;\n}\n\n.value-card i {\n  font-size: 20px;\n  color: #f15a24; \/* oren brand kamu *\/\n  background: rgba(241,90,36,0.1);\n  padding: 12px;\n  border-radius: 50%;\n  margin-bottom: 10px;\n}\n\n.value-card span {\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n\/* hover biar keliatan premium *\/\n.value-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n}\n.pricing-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-top: 32px;\n}\n\n.pricing-card {\n  background: rgba(255,255,255,0.6);\n  backdrop-filter: blur(10px);\n  border-radius: 16px;\n  padding: 24px;\n  text-align: left;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  transition: all 0.3s ease;\n}\n\n.pricing-card:hover {\n  transform: translateY(-5px);\n}\n\n.pricing-cta {\n  text-align: center;\n  margin-top: 32px;\n}\n.pricing-card h3 {\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n.pricing-card p {\n  opacity: 0.8;\n  margin-bottom: 8px;\n}\n.portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  margin-top: 24px;\n}\n\n.portfolio-item img {\n  width: 100%;\n  border-radius: 12px;\n  display: block;\n}\n\n.portfolio-item p {\n  margin-top: 8px;\n  font-size: 14px;\n}\n.portfolio-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n.portfolio-item {\n  overflow: hidden;\n  border-radius: 16px;\n}\n\n.portfolio-item img {\n  width: 100%;\n  height: 180px; \/* paksa tinggi sama *\/\n  object-fit: cover; \/* biar gak gepeng *\/\n  display: block;\n}\n\n.portfolio-item p {\n  margin-top: 8px;\n  font-size: 14px;\n}\n\/* ===== TESTIMONI ASLI (STABLE) ===== *\/\n\n#inspira-root .testi-inner {\n  max-width:1050px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:1fr;\n  gap:44px;\n  align-items:center;\n  margin-top:44px;\n}\n\n@media(min-width:1024px){\n  #inspira-root .testi-inner {\n    grid-template-columns:1fr 1fr;\n    gap:60px;\n  }\n}\n\n\/* kiri *\/\n#inspira-root .counter-block {\n  text-align:center;\n}\n\n#inspira-root .ctr-num {\n  font-size:80px;\n  font-weight:900;\n  color:#f15a24;\n}\n\n#inspira-root .ctr-suf {\n  font-size:50px;\n  color:#f15a24;\n}\n\n#inspira-root .ctr-label {\n  color:white;\n}\n\n\/* kanan *\/\n#inspira-root .testi-track {\n  display:flex;\n  overflow:hidden;\n}\n\n#inspira-root .testi-slide {\n  min-width:100%;\n}\n\n#inspira-root .testi-card {\n  background:rgba(255,255,255,0.1);\n  padding:28px;\n  border-radius:16px;\n  color:white;\n}\n\/* kanan lebih proper *\/\n#inspira-root .testi-right {\n  width: 100%;\n}\n\n@media(min-width:1024px){\n  #inspira-root .testi-right {\n    width: 60%;\n  }\n}\n\n\/* card biar gak kepanjangan *\/\n#inspira-root .testi-card {\n  max-width: 520px;\n  margin: 0 auto;\n}\n\n\/* nav lebih clean *\/\n#inspira-root .testi-nav {\n  margin-top: 20px;\n  justify-content: center;\n}\n\n#inspira-root .testi-nav-btn {\n  width: 40px;\n  height: 40px;\n  border-radius: 999px;\n}\n\/* track fix *\/\n#inspira-root .testi-track {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n}\n\n\/* slide fix *\/\n#inspira-root .testi-slide {\n  min-width: 100%;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n}\n\n\/* animasi smooth *\/\n#inspira-root #ispTestiTrack {\n  transition: transform 0.5s ease;\n}\n#inspira-root .testi-right {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n#inspira-root .testi-track {\n  justify-content: center;\n}\n\n#inspira-root .testi-slide {\n  justify-content: center;\n}\n\n#inspira-root .testi-card {\n  margin: 0 auto;\n}\n#inspira-root .testi-nav {\n  position: static;\n  margin-top: 20px;\n  justify-content: center;\n}\n#inspira-root .testi-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 60px;\n}\n#inspira-root .testi-right {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#inspira-root .testi-card {\n  max-width: 600px;\n  width: 100%;\n  padding: 32px;\n  border-radius: 20px;\n  font-size: 16px;\n}\n#inspira-root .testi-nav {\n  margin-top: 24px;\n  justify-content: center;\n  display: flex;\n  gap: 12px;\n}\n.testi-section::before,\n.testi-section::after {\n  display: none !important;\n}\n\n.testi-section span {\n  display: none !important;\n}\n.circle {\n  display: none !important;\n}\n#inspira-root .elementor-background-overlay,\n#inspira-root .elementor-shape,\n#inspira-root .elementor-shape-circle,\n#inspira-root [class*=\"circle\"] {\n  display: none !important;\n}\n\/* ===== TESTIMONI FINAL CLEAN ===== *\/\n\n\/* layout utama *\/\n#inspira-root .testi-inner {\n  max-width: 1050px;\n  margin: 44px auto 0;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 44px;\n  align-items: center;\n}\n\n@media (min-width:1024px){\n  #inspira-root .testi-inner {\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n  }\n}\n\n\/* kiri (counter) *\/\n#inspira-root .counter-block {\n  text-align: center;\n}\n\n#inspira-root .ctr-num {\n  font-size: 80px;\n  font-weight: 900;\n  color: #f15a24;\n}\n\n#inspira-root .ctr-suf {\n  font-size: 50px;\n  color: #f15a24;\n}\n\n#inspira-root .ctr-label {\n  color: white;\n}\n\n\/* kanan *\/\n#inspira-root .testi-right {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* track *\/\n#inspira-root .testi-track {\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  justify-content: center;\n}\n\n\/* slide *\/\n#inspira-root .testi-slide {\n  min-width: 100%;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n}\n\n\/* animasi *\/\n#inspira-root #ispTestiTrack {\n  transition: transform 0.5s ease;\n}\n\n\/* card *\/\n#inspira-root .testi-card {\n  position: relative;\n  max-width: 600px;\n  width: 100%;\n  padding: 32px;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.1);\n  color: white;\n  font-size: 16px;\n  line-height: 1.6;\n  transition: all 0.3s ease;\n}\n\n\/* quote dekor *\/\n#inspira-root .testi-card::before {\n  content: \"\u201c\";\n  font-size: 60px;\n  position: absolute;\n  top: 10px;\n  left: 20px;\n  opacity: 0.1;\n}\n\n\/* hover *\/\n#inspira-root .testi-card:hover {\n  transform: translateY(-4px);\n  background: rgba(255,255,255,0.15);\n}\n\n\/* teks *\/\n#inspira-root .testi-card p {\n  margin-bottom: 12px;\n}\n\n#inspira-root .testi-card span {\n  opacity: 0.8;\n  font-size: 14px;\n}\n\n\/* navigation *\/\n#inspira-root .testi-nav {\n  margin-top: 24px;\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n}\n\n#inspira-root .testi-nav-btn {\n  width: 40px;\n  height: 40px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.15);\n  border: none;\n  color: white;\n  cursor: pointer;\n}\n\n#inspira-root .testi-nav-btn:hover {\n  background: #f15a24;\n}\n\n\/* OPTIONAL: hapus dekor aneh (kalau masih muncul) *\/\n#inspira-root .elementor-background-overlay,\n#inspira-root .elementor-shape,\n#inspira-root .circle {\n  display: none !important;\n}\n#inspira-root .elementor-shape,\n#inspira-root .elementor-background-overlay {\n  display: none !important;\n}\n\/* ===== TESTIMONI FINAL ===== *\/\n\n\/* layout utama *\/\n#inspira-root .testi-inner {\n  max-width: 1100px;\n  margin: 50px auto 0;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: center;\n}\n\n@media(min-width: 1024px){\n  #inspira-root .testi-inner {\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n  }\n}\n\n\/* kiri *\/\n#inspira-root .testi-left {\n  text-align: center;\n}\n\n#inspira-root .ctr-num {\n  font-size: 80px;\n  font-weight: 900;\n  color: #f15a24;\n}\n\n#inspira-root .ctr-suf {\n  font-size: 50px;\n  color: #f15a24;\n}\n\n#inspira-root .ctr-label {\n  color: white;\n  margin-top: 10px;\n}\n\n\/* kanan *\/\n#inspira-root .testi-right {\n  display: flex;\n  justify-content: center;\n}\n\n\/* track *\/\n#inspira-root .testi-track {\n  display: flex;\n  gap: 20px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  padding-bottom: 10px;\n}\n\n\/* hide scrollbar *\/\n#inspira-root .testi-track::-webkit-scrollbar {\n  display: none;\n}\n\n\/* slide *\/\n#inspira-root .testi-slide {\n  min-width: 100%;\n  scroll-snap-align: center;\n  display: flex;\n  justify-content: center;\n}\n\n\/* card *\/\n#inspira-root .testi-card {\n  max-width: 520px;\n  width: 100%;\n  background: rgba(255,255,255,0.1);\n  padding: 30px;\n  border-radius: 20px;\n  color: white;\n  backdrop-filter: blur(10px);\n}\n\n\/* user *\/\n#inspira-root .testi-user {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\n#inspira-root .testi-user img {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n}\n\n\/* text *\/\n#inspira-root .testi-text {\n  font-size: 16px;\n  line-height: 1.7;\n  position: relative;\n  padding-left: 18px;\n}\n\n\/* quote biar gak nabrak *\/\n#inspira-root .testi-text::before {\n  content: \"\u201c\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  font-size: 28px;\n  opacity: 0.3;\n}\n\n\/* hilangin bulat misterius *\/\n#inspira-root .elementor-shape,\n#inspira-root .elementor-background-overlay,\n#inspira-root .circle {\n  display: none !important;\n}\n#inspira-root .testi-nav {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 20px;\n}\n\n#inspira-root .testi-nav label {\n  width: 12px;\n  height: 12px;\n  background: rgba(255,255,255,0.4);\n  border-radius: 50%;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n#inspira-root .testi-nav label:hover {\n  background: #f15a24;\n  transform: scale(1.2);\n}\n#t1:checked ~ .testi-track { transform: translateX(0); }\n#t2:checked ~ .testi-track { transform: translateX(-100%); }\n#t3:checked ~ .testi-track { transform: translateX(-200%); }\n#t4:checked ~ .testi-track { transform: translateX(-300%); }\n\/* slider logic *\/\n.testi-track {\n  display: flex;\n  transition: transform 0.5s ease;\n  width: 400%;\n}\n\n.testi-slide {\n  width: 100%;\n  flex-shrink: 0;\n}\n\n\/* trigger slide *\/\n#t1:checked ~ .testi-track { transform: translateX(0%); }\n#t2:checked ~ .testi-track { transform: translateX(-100%); }\n#t3:checked ~ .testi-track { transform: translateX(-200%); }\n#t4:checked ~ .testi-track { transform: translateX(-300%); }\n\n\/* hide radio *\/\n.testi-slider input {\n  display: none;\n}\n.testi-slider {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n}\n\n.testi-track {\n  display: flex;\n  width: 400%;\n  transition: transform 0.5s ease;\n}\n\n.testi-slide {\n  flex: 0 0 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.testi-slider input {\n  display: none;\n}\n\/* ===== TESTIMONI SLIDER FIX ELEMENTOR ===== *\/\n\n.testi-slider {\n  position: relative;\n  max-width: 520px;\n  margin: auto;\n}\n\n\/* sembunyiin radio *\/\n.testi-slider input {\n  display: none;\n}\n\n\/* semua slide disembunyikan dulu *\/\n.testi-slide {\n  display: none;\n  justify-content: center;\n}\n\n\/* aktifkan slide sesuai radio *\/\n#t1:checked ~ .testi-track .testi-slide:nth-child(1),\n#t2:checked ~ .testi-track .testi-slide:nth-child(2),\n#t3:checked ~ .testi-track .testi-slide:nth-child(3),\n#t4:checked ~ .testi-track .testi-slide:nth-child(4) {\n  display: flex !important;\n}\n\n\/* DOT NAV *\/\n.testi-nav {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 20px;\n}\n\n.testi-nav label {\n  width: 10px;\n  height: 10px;\n  background: rgba(255,255,255,0.4);\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n\/* active dot *\/\n#t1:checked ~ .testi-nav label[for=\"t1\"],\n#t2:checked ~ .testi-nav label[for=\"t2\"],\n#t3:checked ~ .testi-nav label[for=\"t3\"],\n#t4:checked ~ .testi-nav label[for=\"t4\"] {\n  background: #f15a24;\n}\n\/* hide *\/\n.testi-slide {\n  display: none;\n}\n\n\/* AKTIF (pakai + bukan ~) *\/\n#t1:checked + input + input + input + .testi-track .testi-slide:nth-child(1),\n#t2:checked + input + input + .testi-track .testi-slide:nth-child(2),\n#t3:checked + input + .testi-track .testi-slide:nth-child(3),\n#t4:checked + .testi-track .testi-slide:nth-child(4) {\n  display: flex !important;\n}\n\/* GRID TESTIMONI *\/\n.testi-grid {\n  display: grid;\n  gap: 20px;\n  margin-top: 30px;\n}\n\n@media(min-width:768px){\n  .testi-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* CARD *\/\n.testi-card {\n  background: rgba(255,255,255,0.08);\n  padding: 24px;\n  border-radius: 18px;\n  backdrop-filter: blur(10px);\n  color: white;\n  transition: 0.3s;\n}\n\n\/* HOVER EFFECT *\/\n.testi-card:hover {\n  transform: translateY(-5px);\n  background: rgba(255,255,255,0.12);\n}\n\n\/* USER *\/\n.testi-user {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 14px;\n}\n\n.testi-user img {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n}\n\n\/* TEXT *\/\n.testi-text {\n  font-size: 14px;\n  line-height: 1.6;\n  opacity: 0.9;\n}\n.testi-layout {\n  display: grid !important;\n  gap: 24px;\n  margin-top: 40px;\n}\n\n@media(min-width:1024px){\n  .testi-layout {\n    grid-template-columns: 1.2fr 1fr !important;\n  }\n}\n\n.testi-side {\n  display: grid !important;\n  gap: 16px;\n}\n\/* ===== LAYOUT ===== *\/\n.testi-inner {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 50px;\n  align-items: center;\n}\n\n@media(min-width:1024px){\n  .testi-inner {\n    grid-template-columns: 0.9fr 1.3fr;\n  }\n}\n\n\/* ===== KIRI (BIKIN DOMINAN) ===== *\/\n.testi-left {\n  text-align: center;\n}\n\n.ctr-num {\n  font-size: 120px;\n  font-weight: 900;\n  color: #f15a24;\n  line-height: 1;\n}\n\n.ctr-suf {\n  font-size: 60px;\n  color: #f15a24;\n}\n\n.ctr-label {\n  margin-top: 16px;\n  font-size: 16px;\n  opacity: 0.9;\n}\n\n\/* ===== KANAN ===== *\/\n.testi-layout {\n  display: grid;\n  gap: 24px;\n}\n\n\/* HERO *\/\n.testi-card.large {\n  padding: 36px;\n  border-radius: 22px;\n}\n\n\/* GRID *\/\n.testi-side {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n}\n\n@media(min-width:1024px){\n  .testi-side {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* CARD *\/\n.testi-card {\n  background: rgba(255,255,255,0.08);\n  padding: 20px;\n  border-radius: 16px;\n  backdrop-filter: blur(12px);\n  color: white;\n  transition: 0.3s;\n}\n\n.testi-card:hover {\n  transform: translateY(-6px);\n  background: rgba(255,255,255,0.14);\n}\n\n\/* USER *\/\n.testi-user {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n}\n\n.testi-user img {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n}\n\n\/* TEXT *\/\n.testi-text {\n  line-height: 1.6;\n  opacity: 0.9;\n}\n\n\/* QUOTE *\/\n.testi-text::before {\n  content: \"\u201c\";\n  font-size: 22px;\n  opacity: 0.4;\n  margin-right: 4px;\n}\n\/* ===== LAYOUT UTAMA ===== *\/\n.testi-inner {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: stretch; \/* penting *\/\n}\n\n@media(min-width:1024px){\n  .testi-inner {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* ===== KIRI (BIAR IKUT TINGGI) ===== *\/\n.testi-left {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n\/* counter biar center & rapi *\/\n.counter-block {\n  text-align: center;\n}\n\n\/* angka *\/\n.ctr-num {\n  font-size: 110px;\n  font-weight: 900;\n  color: #f15a24;\n  line-height: 1;\n}\n\n\/* persen *\/\n.ctr-suf {\n  font-size: 50px;\n}\n\n\/* label *\/\n.ctr-label {\n  margin-top: 16px;\n}\n\n\/* ===== KANAN (GRID 2x2 FIX) ===== *\/\n.testi-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n@media(min-width:768px){\n  .testi-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* card *\/\n.testi-card {\n  background: rgba(255,255,255,0.08);\n  padding: 22px;\n  border-radius: 18px;\n  backdrop-filter: blur(10px);\n  color: white;\n  height: 100%;\n}\n\n\/* user *\/\n.testi-user {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n}\n\n.testi-user img {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n}\n\n\/* text *\/\n.testi-text {\n  line-height: 1.6;\n  opacity: 0.9;\n}\n\/* ===== WRAPPER ===== *\/\n.testi-inner {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  align-items: stretch;\n}\n\n@media(min-width:1024px){\n  .testi-inner {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* ===== KIRI ===== *\/\n.testi-left {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.counter-block {\n  text-align: center;\n}\n\n.ctr-num {\n  font-size: 120px;\n  font-weight: 900;\n  color: #f15a24;\n  line-height: 1;\n}\n\n.ctr-suf {\n  font-size: 60px;\n}\n\n.ctr-label {\n  margin-top: 16px;\n}\n\n\/* ===== KANAN GRID 2x2 ===== *\/\n.testi-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n@media(min-width:768px){\n  .testi-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* \ud83d\udd25 BIKIN SEMUA CARD SAMA TINGGI *\/\n.testi-grid > div {\n  display: flex;\n}\n\n.testi-card {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-height: 180px;\n}\n\n\/* isi card *\/\n.testi-user {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n}\n\n.testi-user img {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n}\n\n.testi-text {\n  line-height: 1.6;\n  opacity: 0.9;\n}\n\/* ===== WRAPPER ===== *\/\n.testi-inner {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n}\n\n@media(min-width:1024px){\n  .testi-inner {\n    grid-template-columns: 1fr 1fr;\n    align-items: stretch;\n  }\n}\n\n\/* ===== KIRI (98%) ===== *\/\n.testi-left {\n  display: flex;\n}\n\n.counter-block {\n  background: rgba(255,255,255,0.06);\n  border-radius: 24px;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* angka *\/\n.ctr-num {\n  font-size: 250px;\n  font-weight: 920;\n  color: #f15a24;\n  line-height: 1;\n}\n\n.ctr-suf {\n  font-size: 60px;\n}\n\n.ctr-label {\n  margin-top: 16px;\n  text-align: center;\n}\n\n\/* ===== KANAN GRID 2x2 ===== *\/\n.testi-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n@media(min-width:768px){\n  .testi-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/* \ud83d\udd25 CARD JADI PERFECT SQUARE *\/\n.testi-card {\n  background: rgba(255,255,255,0.08);\n  border-radius: 20px;\n  padding: 20px;\n  backdrop-filter: blur(10px);\n  color: white;\n\n  aspect-ratio: 1 \/ 1; \/* INI KUNCI *\/\n  \n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n\/* user *\/\n.testi-user {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.testi-user img {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n}\n\n\/* text *\/\n.testi-text {\n  line-height: 1.5;\n  font-size: 14px;\n  opacity: 0.9;\n}\n\/* ===== FIX FAQ GA BISA DIKLIK ===== *\/\n.elementor-accordion,\n.elementor-toggle {\n  position: relative;\n  z-index: 10;\n  pointer-events: auto !important;\n}\n\n\/* pastikan section ga nutup *\/\n.elementor-section {\n  position: relative;\n  z-index: 1;\n}\n\n\/* kalau ada overlay nyangkut *\/\n.elementor-background-overlay {\n  pointer-events: none !important;\n}\n\n\/* jaga-jaga kalau ada layer aneh *\/\n.elementor-widget-wrap {\n  pointer-events: auto !important;\n}.faq-item {\n  background: rgba(0,0,0,0.04);\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin-bottom: 12px;\n  cursor: pointer;\n}\n\n.faq-item summary {\n  font-weight: 600;\n  cursor: pointer;\n  list-style: none;\n}\n\n.faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.faq-item p {\n  margin-top: 10px;\n  opacity: 0.8;\n}\n\/* ===== FAQ WRAPPER ===== *\/\n.faq-list {\n  max-width: 800px;\n  margin: 40px auto 0;\n}\n\n\/* ===== ITEM ===== *\/\n.faq-item {\n  border-bottom: 1px solid rgba(0,0,0,0.1);\n  padding: 18px 0;\n}\n\n\/* ===== QUESTION ===== *\/\n.faq-item summary {\n  font-size: 18px;\n  font-weight: 600;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n\/* hilangin default arrow *\/\n.faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n\/* ===== ICON (arrow kanan) ===== *\/\n.faq-item summary::after {\n  content: \"\u2304\";\n  font-size: 16px;\n  transition: 0.3s;\n}\n\n\/* rotate kalau kebuka *\/\n.faq-item[open] summary::after {\n  transform: rotate(180deg);\n}\n\n\/* ===== ANSWER ===== *\/\n.faq-item p {\n  margin-top: 12px;\n  color: #555;\n  line-height: 1.6;\n  max-width: 90%;\n}\n\n\/* ===== SPACING SECTION ===== *\/\n#isp-faq {\n  padding: 80px 20px;\n}\n\n\/* ===== TITLE ===== *\/\n#isp-faq .isp-h2 {\n  text-align: center;\n  font-size: 42px;\n  margin-bottom: 20px;\n}\n.faq-item p {\n  line-height: 1.5;\n}\n\n.faq-item[open] p {\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from {opacity: 0; transform: translateY(-5px);}\n  to {opacity: 1; transform: translateY(0);}\n}\n<\/style>\n\n<!-- ===================== HTML ===================== -->\n<div id=\"inspira-root\">\n\n  <!-- NAVBAR -->\n  <header id=\"isp-navbar\">\n    <div class=\"nav-inner\">\n      <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dpv6yhqte\/image\/upload\/v1768516936\/Logo_Inspira_Utama_Transparant_rkoqmg.png\" alt=\"Inspira Design & Build\" \/>\n    <\/div>\n  <\/header>\n\n  <!-- HERO -->\n  <section id=\"isp-hero\">\n    <img decoding=\"async\" class=\"hero-bg\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=1920&h=1080&fit=crop\" alt=\"Modern luxury house\" \/>\n    <div class=\"hero-overlay\"><\/div>\n    <div class=\"hero-content\">\n      <span class=\"hero-badge\">BUILD WITH PRIDE<\/span>\n      <h1 class=\"hero-title\">Bangun Rumah Dengan Kontrol Penuh di Tangan Anda <\/h1>\n      <p class=\"hero-subtitle\">Dapatkan update rutin dan akses pemantauan CCTV, sehingga anda tetap bisa mengontrol dan terlibat dalam proses harian.<\/p>\n      <div class=\"hero-buttons\">\n        <a href=\"https:\/\/wa.me\/6281216168158\" target=\"_blank\" class=\"ibtn ibtn-primary ibtn-lg\">Konsultasi Gratis<\/a>\n        <a href=\"#isp-portfolio\" class=\"ibtn ibtn-outline ibtn-lg\">Lihat Portofolio<\/a>\n      <\/div>\n      <p class=\"hero-trust\">Dipercaya keluarga muda, profesional, dan investor dalam 50+ proyek bangun &amp; renovasi rumah.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- PAIN POINTS -->\n  <section id=\"isp-pain\" class=\"isp-section\">\n    <img decoding=\"async\" class=\"pain-bg-img\" id=\"ispPainBg\" src=\"https:\/\/res.cloudinary.com\/dvcufsiy1\/image\/upload\/v1769098855\/Inspira_Design_Build_-_Icon_itpsyj.png\" alt=\"\" \/>\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-reveal\">Masalah yang Kami Pahami<\/h2>\n      <p class=\"isp-sub isp-reveal\">Membangun rumah sering jadi pengalaman yang melelahkan.<\/p>\n      <div class=\"pain-grid\">\n        <div class=\"pain-card isp-reveal\" style=\"transition-delay:.1s\"><i class=\"fa-solid fa-chart-line\"><\/i><span>RAB berubah tiba-tiba<\/span><\/div>\n        <div class=\"pain-card pain-middle isp-reveal\" style=\"transition-delay:.2s\"><i class=\"fa-solid fa-people-group\"><\/i><span>Tukang sulit dikontrol<\/span><\/div>\n        <div class=\"pain-card isp-reveal\" style=\"transition-delay:.3s\"><i class=\"fa-solid fa-thumbs-down\"><\/i><span>Hasil tidak sesuai harapan<\/span><\/div>\n        <div class=\"pain-card isp-reveal\" style=\"transition-delay:.4s\"><i class=\"fa-solid fa-comment-slash\"><\/i><span>Komunikasi buruk &amp; tidak transparan<\/span><\/div>\n        <div class=\"pain-card pain-middle isp-reveal\" style=\"transition-delay:.5s\"><i class=\"fa-solid fa-circle-question\"><\/i><span>Progress tidak jelas<\/span><\/div>\n        <div class=\"pain-card isp-reveal\" style=\"transition-delay:.6s\"><i class=\"fa-solid fa-arrows-rotate\"><\/i><span>Drama revisi yang tak selesai-selesai<\/span><\/div>\n      <\/div>\n      <div class=\"pain-closing\">\n        <p class=\"pc-main isp-reveal\">Inspira hadir untuk <span>menghapus semua drama<\/span> itu.<\/p>\n        <p class=\"pc-sub isp-reveal\" style=\"transition-delay:.2s\">Kami menjadikan proses membangun rumah sebagai pengalaman yang tenang, terarah, dan membanggakan.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- VALUE PROPOSITION -->\n  <section id=\"isp-values\" class=\"isp-section\" style=\"padding-top:56px;padding-bottom:56px;\">\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-reveal\">5 Nilai Utama Inspira<\/h2>\n      <p class=\"isp-sub isp-reveal\">Inilah 5 nilai utama yang selalu Inspira pegang dalam setiap proyek:<\/p>\n      <div class=\"values-grid\">\n  <div class=\"value-card\">\n    <i class=\"fa-solid fa-shield-halved\"><\/i>\n    <span>Aman & Terpercaya<\/span>\n  <\/div>\n\n  <div class=\"value-card\">\n    <i class=\"fa-solid fa-people-group\"><\/i>\n    <span>Tim Profesional<\/span>\n  <\/div>\n\n  <div class=\"value-card\">\n    <i class=\"fa-solid fa-list-check\"><\/i>\n    <span>Proses Jelas & Terukur<\/span>\n  <\/div>\n\n  <div class=\"value-card\">\n    <i class=\"fa-solid fa-gem\"><\/i>\n    <span>Berkualitas<\/span>\n  <\/div>\n\n  <div class=\"value-card\">\n    <i class=\"fa-solid fa-award\"><\/i>\n    <span>Transparan<\/span>\n  <\/div>\n\n<\/div>\n      <div class=\"values-cta\">\n        <p class=\"values-desc isp-reveal\">Kami tidak sekadar membangun rumah\u2014kami menghadirkan pengalaman membangun yang menenangkan &amp; membanggakan.<\/p>\n        <a href=\"https:\/\/wa.me\/6281216168158\" target=\"_blank\" class=\"ibtn ibtn-primary ibtn-lg isp-reveal\">Hubungi Kami<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Value Modal -->\n  <div id=\"isp-val-modal\">\n    <div class=\"val-modal-box\">\n      <button class=\"m-close-btn\" id=\"valModalClose\">&times;<\/button>\n      <div class=\"vm-icon\"><i id=\"vmIcon\" class=\"fa-solid fa-shield-check\"><\/i><\/div>\n      <h3 id=\"vmTitle\"><\/h3>\n      <p id=\"vmDesc\"><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- SERVICES -->\n  <section id=\"isp-services\" class=\"isp-section\">\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-h2-white isp-reveal\">Layanan Kami<\/h2>\n      <div class=\"services-grid\">\n        <div class=\"svc-item isp-reveal\" style=\"transition-delay:.1s\">\n          <i class=\"fa-solid fa-building\"><\/i>\n          <h3>Bangun Rumah<\/h3>\n          <p>Pembangunan hunian permanen yang rapi &amp; kokoh.<\/p>\n        <\/div>\n        <div class=\"svc-item isp-reveal\" style=\"transition-delay:.3s\">\n          <i class=\"fa-solid fa-paintbrush\"><\/i>\n          <h3>Renovasi Rumah<\/h3>\n          <p>Renovasi ringan, fasad, hingga renovasi total.<\/p>\n        <\/div>\n        <div class=\"svc-item isp-reveal\" style=\"transition-delay:.5s\">\n          <i class=\"fa-solid fa-couch\"><\/i>\n          <h3>Interior Design &amp; Build<\/h3>\n          <p>Interior modern, fungsional, dan estetis.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PRICING -->\n  <section id=\"isp-pricing\" class=\"isp-section\">\n    <img decoding=\"async\" class=\"pricing-bg-img\" id=\"ispPricingBg\" src=\"https:\/\/res.cloudinary.com\/dvcufsiy1\/image\/upload\/v1769098855\/Inspira_Design_Build_-_Icon_itpsyj.png\" alt=\"\" \/>\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-reveal\">Paket Harga Transparan<\/h2>\n      <div class=\"pricing-grid\">\n\n  <div class=\"pricing-card\">\n    <h3>Paket Standard<\/h3>\n    <p>Solusi terjangkau untuk hunian berkualitas.<\/p>\n    <div class=\"price\">Rp 5 Juta\/m\u00b2<\/div>\n  <\/div>\n\n  <div class=\"pricing-card\">\n    <h3>Paket Premium<\/h3>\n    <p>Material lebih lengkap & desain fleksibel.<\/p>\n    <div class=\"price\">Rp 7 Juta\/m\u00b2<\/div>\n  <\/div>\n\n  <div class=\"pricing-card\">\n    <h3>Paket Custom<\/h3>\n    <p>Disesuaikan kebutuhan & budget.<\/p>\n    <div class=\"price\">By Request<\/div>\n  <\/div>\n\n<\/div>\n      <div class=\"pricing-cta\">\n        <button class=\"ibtn ibtn-primary ibtn-lg ibtn-pulse\" onclick=\"ispOpenCostModal()\">Lihat Simulasi Biaya<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Cost Simulation Modal -->\n  <div id=\"isp-cost-modal\">\n    <div class=\"isp-modal-box\">\n      <button class=\"m-close-btn\" onclick=\"ispCloseCostModal()\">&times;<\/button>\n      <h2>Simulasi Biaya Bangun Rumah<\/h2>\n      <p class=\"m-sub\">Pilih paket dan masukkan luas bangunan untuk mendapatkan estimasi biaya.<\/p>\n      <p class=\"m-sec-title\">Pilih Paket<\/p>\n      <div class=\"pkg-opts\">\n        <div class=\"pkg-opt sel\" id=\"ispPkgStd\" onclick=\"ispSelPkg('standard')\">\n          <strong>Paket Standard<\/strong><span>Rp 5 Juta\/m\u00b2<\/span>\n        <\/div>\n        <div class=\"pkg-opt\" id=\"ispPkgPrem\" onclick=\"ispSelPkg('premium')\">\n          <strong>Paket Premium<\/strong><span>Rp 7 Juta\/m\u00b2<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"addon-row\" id=\"ispAddonRow\" onclick=\"ispToggleAddon()\">\n        <input type=\"checkbox\" id=\"ispAddonChk\" \/>\n        <label for=\"ispAddonChk\">Add-on: Paket Smart Home <strong>(+ Rp 1 Juta\/m\u00b2)<\/strong><\/label>\n      <\/div>\n      <p class=\"m-sec-title\" style=\"margin-top:16px;\">Luas Bangunan (m\u00b2)<\/p>\n      <input type=\"number\" class=\"area-inp\" id=\"ispAreaInp\" placeholder=\"Contoh: 100\" oninput=\"ispUpdateTotal()\" \/>\n      <div class=\"m-footer\">\n        <button class=\"ibtn ibtn-outlinep ibtn-sm\" onclick=\"ispCloseCostModal()\">Tutup<\/button>\n        <a href=\"https:\/\/wa.me\/6281216168158\" target=\"_blank\" class=\"ibtn ibtn-primary ibtn-sm\" id=\"ispDiskusiBtn\" style=\"opacity:.5;pointer-events:none;\">Diskusikan<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PORTFOLIO -->\n  <section id=\"isp-portfolio\" class=\"isp-section\">\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-reveal\">Portofolio Kami<\/h2>\n      <div class=\"portfolio-grid\" id=\"ispPortGrid\">\n\n  <div class=\"portfolio-item\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c\" \/>\n    <p>Rumah Modern Minimalis<\/p>\n  <\/div>\n\n  <div class=\"portfolio-item\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c\" \/>\n    <p>Interior Elegan<\/p>\n  <\/div>\n\n  <div class=\"portfolio-item\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566752355-35792bedcfea\" \/>\n    <p>Renovasi Rumah<\/p>\n  <\/div>\n\n  <div class=\"portfolio-item\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600573472550-8090b5e0745e\" \/>\n    <p>Desain Klasik Modern<\/p>\n  <\/div>\n  \n  <!-- Portfolio Lightbox -->\n  <div id=\"isp-lightbox\">\n    <div class=\"lb-inner\">\n      <div class=\"lb-header\"><h3 id=\"ispLbTitle\"><\/h3><\/div>\n      <button class=\"lb-close\" onclick=\"ispCloseLb()\">&times;<\/button>\n      <div class=\"car-wrap\">\n        <div class=\"car-track\" id=\"ispCarTrack\"><\/div>\n        <button class=\"car-btn car-prev\" onclick=\"ispCarPrev()\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n        <button class=\"car-btn car-next\" onclick=\"ispCarNext()\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n <<section id=\"isp-testi\" class=\"isp-section\">\n  <div class=\"isp-container\">\n\n    <h2 class=\"isp-h2 isp-h2-white\" style=\"text-align:center;\">\n      TESTIMONI\n    <\/h2>\n\n    <div class=\"testi-grid\">\n\n      <!-- KIRI -->\n      <div class=\"testi-left\">\n        <div class=\"counter-block\">\n          <div class=\"ctr-num-row\">\n            <span class=\"ctr-num\">98<\/span>\n            <span class=\"ctr-suf\">%<\/span>\n          <\/div>\n          <p class=\"ctr-label\">\n            Klien Merekomendasikan Inspira\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- KANAN -->\n      <div class=\"testi-layout\">\n\n        \n\n        <!-- GRID -->\n        <div class=\"testi-grid\">\n\n          <div class=\"testi-card\">\n            <div class=\"testi-user\">\n              <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=2\">\n              <div>\n                <strong>Andi S.<\/strong>\n                <small>Tangerang<\/small>\n              <\/div>\n            <\/div>\n            <p class=\"testi-text\">\n              Timnya profesional banget dan komunikatif.\n            <\/p>\n          <\/div>\n\n          <div class=\"testi-card\">\n            <div class=\"testi-user\">\n              <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=3\">\n              <div>\n                <strong>Dewi L.<\/strong>\n                <small>BSD<\/small>\n              <\/div>\n            <\/div>\n            <p class=\"testi-text\">\n              Dari desain sampai eksekusi smooth.\n            <\/p>\n          <\/div>\n\n          <div class=\"testi-card\">\n            <div class=\"testi-user\">\n              <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=4\">\n              <div>\n                <strong>Kevin T.<\/strong>\n                <small>Jakarta Selatan<\/small>\n              <\/div>\n            <\/div>\n            <p class=\"testi-text\">\n              Detail rapi dan hasil sesuai ekspektasi.\n            <\/p>\n          <\/div>\n\n          <div class=\"testi-card\">\n            <div class=\"testi-user\">\n              <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\">\n              <div>\n                <strong>Lisa M.<\/strong>\n                <small>Alam Sutera<\/small>\n              <\/div>\n            <\/div>\n            <p class=\"testi-text\">\n              Prosesnya transparan dan enak diajak diskusi.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n  <!-- WORK PROCESS -->\n  <section id=\"isp-process\" class=\"isp-section\">\n    <div class=\"isp-container\">\n      <h2 class=\"isp-h2 isp-reveal\">Proses Kerja Tanpa Drama<\/h2>\n      <div class=\"proc-list\">\n        <div class=\"proc-line\"><\/div>\n        <div class=\"proc-step isp-reveal\" style=\"transition-delay:.1s\"><div class=\"step-n\">1<\/div><h3 class=\"step-t\">Konsultasi &amp; Pemahaman Kebutuhan<\/h3><p class=\"step-d\">Kami mendengarkan visi dan kebutuhan Anda secara mendalam.<\/p><\/div>\n        <div class=\"proc-step isp-reveal\" style=\"transition-delay:.2s\"><div class=\"step-n\">2<\/div><h3 class=\"step-t\">Desain Konsep &amp; Revisi Personal<\/h3><p class=\"step-d\">Visualisasi ide Anda ke dalam desain yang fungsional dan estetis.<\/p><\/div>\n        <div class=\"proc-step isp-reveal\" style=\"transition-delay:.3s\"><div class=\"step-n\">3<\/div><h3 class=\"step-t\">Kontrak &amp; RAB Transparan<\/h3><p class=\"step-d\">Semua biaya dan jadwal tertera jelas sejak awal.<\/p><\/div>\n        <div class=\"proc-step isp-reveal\" style=\"transition-delay:.4s\"><div class=\"step-n\">4<\/div><h3 class=\"step-t\">Eksekusi Presisi &amp; Terpantau<\/h3><p class=\"step-d\">Pengerjaan oleh tim profesional dengan laporan progres rutin.<\/p><\/div>\n        <div class=\"proc-step isp-reveal\" style=\"transition-delay:.5s\"><div class=\"step-n\">5<\/div><h3 class=\"step-t\">Serah Terima &amp; Garansi<\/h3><p class=\"step-d\">Penyerahan hasil akhir yang membanggakan dengan jaminan kualitas.<\/p><\/div>\n      <\/div>\n      <div class=\"proc-cta isp-reveal\">\n        <a href=\"https:\/\/wa.me\/6281216168158\" target=\"_blank\" class=\"ibtn ibtn-primary ibtn-lg\">Mulai Dari Konsultasi Gratis<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROMO -->\n  <section id=\"isp-promo\" class=\"isp-section\" style=\"padding-top:0;padding-bottom:80px;\">\n    <div class=\"isp-container\">\n      <div class=\"promo-box isp-reveal\">\n        <i class=\"fa-solid fa-gift\"><\/i>\n        <div>\n          <h3>Promo Terbatas Untuk Anda<\/h3>\n          <p>Dapatkan <strong>Gratis Konsultasi Desain &amp; Survey Lokasi<\/strong> untuk memulai proyek Anda tanpa biaya awal. Selain itu, pantau progres pembangunan rumah Anda kapan saja dengan <strong>CCTV online 24 jam<\/strong>.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n<section id=\"isp-faq\" class=\"isp-section\" style=\"padding-top:0;\">\n  <div class=\"isp-container\">\n    <h2 class=\"isp-h2 isp-reveal\">Frequently Asked Questions<\/h2>\n\n    <div class=\"faq-list\">\n\n      <!-- 1 -->\n      <details class=\"faq-item\">\n        <summary>Berapa lama proses pembangunan rumah?<\/summary>\n        <p>Durasi tergantung ukuran dan kompleksitas, biasanya 4\u20138 bulan hingga selesai.<\/p>\n      <\/details>\n\n      <!-- 2 -->\n      <details class=\"faq-item\">\n        <summary>Apakah bisa konsultasi dulu sebelum deal?<\/summary>\n        <p>Tentu, kami menyediakan konsultasi gratis untuk memahami kebutuhan Anda.<\/p>\n      <\/details>\n\n      <!-- 3 -->\n      <details class=\"faq-item\">\n        <summary>Apakah ada garansi pekerjaan?<\/summary>\n        <p>Kami memberikan garansi sesuai jenis pekerjaan untuk memastikan kualitas tetap terjaga.<\/p>\n      <\/details>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n  <!-- FOOTER -->\n  <footer id=\"isp-footer\">\n    <img decoding=\"async\" class=\"foot-bg\" src=\"https:\/\/res.cloudinary.com\/dvcufsiy1\/image\/upload\/v1769098855\/Inspira_Design_Build_-_Icon_itpsyj.png\" alt=\"\" \/>\n    <div class=\"isp-container\">\n      <div class=\"foot-cta\">\n        <h2 class=\"isp-reveal\">Siap Bangun Rumah Yang Jadi Kebanggaan Keluarga?<\/h2>\n        <p class=\"isp-reveal\">Kami bantu Anda mewujudkannya dengan proses yang efisien, personal, dan menenangkan.<\/p>\n        <div class=\"foot-cta-btns isp-reveal\">\n          <a href=\"https:\/\/wa.me\/6281216168158\" target=\"_blank\" class=\"ibtn ibtn-outline ibtn-lg\">Hubungi via WhatsApp<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"foot-info\">\n        <div class=\"foot-grid\">\n          <div class=\"foot-col\"><h4>Inspira Design &amp; Build<\/h4><p>Mitra terpercaya dalam mewujudkan rumah impian Anda.<\/p><\/div>\n          <div class=\"foot-col\" style=\"text-align:center;\"><i class=\"fa-solid fa-location-dot\"><\/i><h4>Alamat Kantor<\/h4><p>Jl. Contoh Alamat No. 123, Kota Anda<\/p><\/div>\n          <div class=\"foot-col\" style=\"text-align:center;\"><i class=\"fa-regular fa-clock\"><\/i><h4>Jam Operasional<\/h4><p>Senin \u2013 Sabtu, 08.00 \u2013 17.00 WIB<\/p><\/div>\n          <div class=\"foot-col\" style=\"text-align:center;\"><i class=\"fa-solid fa-phone\"><\/i><h4>Hubungi Kami<\/h4><p>+62 8XX-XXXX-XXXX<\/p><\/div>\n        <\/div>\n        <div class=\"foot-socials\">\n          <a href=\"#\" target=\"_blank\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n          <a href=\"#\" target=\"_blank\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\n          <a href=\"#\" target=\"_blank\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"foot-bottom\" id=\"ispFootYear\"><\/div>\n    <\/div>\n  <\/footer>\n\n<\/div><!-- end #inspira-root -->\n\n<!-- ===================== JAVASCRIPT ===================== -->\n<script>\n(function(){\n  \/* Namespaced \u2014 semua var\/fn di dalam IIFE, tidak polusi global WP *\/\n\n  const WP_BASE = 'https:\/\/inspirabuild.id\/wp-json\/wp\/v2';\n\n  \/* ---- Navbar ---- *\/\n  const navbar = document.getElementById('isp-navbar');\n  window.addEventListener('scroll', function(){\n    navbar.classList.toggle('scrolled', window.scrollY > 50);\n  });\n\n  \/* ---- Scroll reveal ---- *\/\n  const ro = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('on'); });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('#inspira-root .isp-reveal, #inspira-root .isp-reveal-l, #inspira-root .isp-reveal-r').forEach(function(el){ ro.observe(el); });\n\n  \/* Background icon reveal *\/\n  var bgo = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('on'); });\n  }, { threshold: 0.1 });\n  ['ispPainBg','ispPricingBg'].forEach(function(id){\n    var el = document.getElementById(id); if(el) bgo.observe(el);\n  });\n\n  \/* ---- Animated counter ---- *\/\n  var ctrDone = false;\n  var ctrEl = document.getElementById('ispCtrNum');\n  var ctrObs = new IntersectionObserver(function(entries){\n    if(entries[0].isIntersecting && !ctrDone){\n      ctrDone = true;\n      var start = null, target = 98, dur = 1800;\n      function step(ts){ if(!start) start=ts; var p=Math.min((ts-start)\/dur,1); ctrEl.textContent=Math.round(p*target); if(p<1) requestAnimationFrame(step); }\n      requestAnimationFrame(step);\n    }\n  }, { threshold: 0.5 });\n  if(ctrEl) ctrObs.observe(ctrEl);\n\n  \/* ---- Footer year ---- *\/\n  var fyEl = document.getElementById('ispFootYear');\n  if(fyEl) fyEl.textContent = '\u00a9 ' + new Date().getFullYear() + ' Inspira Design & Build. Mitra terpercaya dalam mewujudkan rumah impian Anda.';\n\n  \/* ---- Values ---- *\/\n  var valData = [\n    { icon:'fa-shield-check', title:'Aman & Terpercaya', desc:'Kontrak jelas, timeline pasti, pembayaran progres, dan sistem kerja yang membuat Anda merasa aman dari awal hingga selesai.' },\n    { icon:'fa-users',        title:'Tim Profesional',  desc:'Desainer, arsitek, dan tim lapangan berpengalaman yang bekerja dengan standar tinggi dan etika kerja kuat.' },\n    { icon:'fa-chart-gantt',  title:'Proses Jelas & Terukur', desc:'Mulai dari desain, RAB, timeline, hingga progres harian\u2014semuanya rapi, sistematis, dan mudah dipantau.' },\n    { icon:'fa-gem',          title:'Berkualitas',      desc:'Desain estetis, pengerjaan presisi, pemilihan material berkualitas, serta detail yang memancarkan kebanggaan.' },\n    { icon:'fa-award',        title:'Transparan',       desc:'Tanpa biaya tiba-tiba, tanpa \"surprise\" di tengah jalan. Semua dijelaskan dari awal, lengkap dengan dokumentasi mingguan.' },\n  ];\n  var vg = document.getElementById('ispValGrid');\n  valData.forEach(function(v, i){\n    var el = document.createElement('div');\n    el.className = 'value-card isp-reveal';\n    el.style.transitionDelay = (i*0.1)+'s';\n    el.innerHTML = '<div class=\"val-icon-wrap\"><i class=\"fa-solid '+v.icon+'\"><\/i><\/div><h3>'+v.title+'<\/h3>';\n    el.addEventListener('click', function(){ ispOpenValModal(v); });\n    vg.appendChild(el); ro.observe(el);\n  });\n\n  \/* Value modal *\/\n  var valModal = document.getElementById('isp-val-modal');\n  function ispOpenValModal(v){\n    document.getElementById('vmIcon').className = 'fa-solid '+v.icon;\n    document.getElementById('vmTitle').textContent = v.title;\n    document.getElementById('vmDesc').textContent  = v.desc;\n    valModal.classList.add('open');\n  }\n  window.ispCloseValModal = function(){ valModal.classList.remove('open'); };\n  document.getElementById('valModalClose').addEventListener('click', window.ispCloseValModal);\n  valModal.addEventListener('click', function(e){ if(e.target===valModal) window.ispCloseValModal(); });\n\n  \/* ---- Cost Modal ---- *\/\n  var selPkg='standard', addonOn=false;\n  window.ispOpenCostModal  = function(){ document.getElementById('isp-cost-modal').classList.add('open'); };\n  window.ispCloseCostModal = function(){ document.getElementById('isp-cost-modal').classList.remove('open'); };\n  document.getElementById('isp-cost-modal').addEventListener('click', function(e){ if(e.target===this) window.ispCloseCostModal(); });\n\n  window.ispSelPkg = function(pkg){\n    selPkg = pkg;\n    document.getElementById('ispPkgStd').classList.toggle('sel',  pkg==='standard');\n    document.getElementById('ispPkgPrem').classList.toggle('sel', pkg==='premium');\n    ispUpdateTotal();\n  };\n  window.ispToggleAddon = function(){\n    addonOn = !addonOn;\n    document.getElementById('ispAddonChk').checked = addonOn;\n    document.getElementById('ispAddonRow').classList.toggle('ck', addonOn);\n    ispUpdateTotal();\n  };\n  window.ispUpdateTotal = function(){\n    var area = parseFloat(document.getElementById('ispAreaInp').value)||0;\n    var cpm  = selPkg==='premium' ? 7000000 : 5000000;\n    if(addonOn) cpm += 1000000;\n    var total = area * cpm;\n    var btn = document.getElementById('ispDiskusiBtn');\n    btn.style.opacity = (area>0&&total>0) ? '1' : '0.5';\n    btn.style.pointerEvents = (area>0&&total>0) ? 'auto' : 'none';\n  };\n\n  \/* ---- Portfolio lightbox ---- *\/\n  var lbSlides=[], lbIdx=0;\n  function ispOpenLb(item){\n    document.getElementById('ispLbTitle').textContent = item.title;\n    var track = document.getElementById('ispCarTrack');\n    track.innerHTML='';\n    lbSlides = item.slideImages || [item.imgUrl];\n    lbIdx=0;\n    lbSlides.forEach(function(src){\n      var s=document.createElement('div'); s.className='car-slide';\n      s.innerHTML='<img decoding=\"async\" src=\"'+src+'\" alt=\"'+item.title+'\" \/>';\n      track.appendChild(s);\n    });\n    ispUpdateCar();\n    document.getElementById('isp-lightbox').classList.add('open');\n  }\n  window.ispCloseLb = function(){ document.getElementById('isp-lightbox').classList.remove('open'); };\n  document.getElementById('isp-lightbox').addEventListener('click', function(e){ if(e.target===this) window.ispCloseLb(); });\n  function ispUpdateCar(){\n    var t=document.getElementById('ispCarTrack');\n    t.style.transform='translateX(-'+(lbIdx*100)+'%)';\n    t.style.transition='transform .4s ease';\n  }\n  window.ispCarPrev = function(){ lbIdx=(lbIdx-1+lbSlides.length)%lbSlides.length; ispUpdateCar(); };\n  window.ispCarNext = function(){ lbIdx=(lbIdx+1)%lbSlides.length; ispUpdateCar(); };\n\n  \/* ---- Testimonials ---- *\/\n  var tIdx=0, tItems=[], tTimer;\n  function renderTesti(list){\n    tItems=list;\n    var track=document.getElementById('ispTestiTrack');\n    track.innerHTML='';\n    list.forEach(function(t){\n      var s=document.createElement('div'); s.className='testi-slide';\n      s.innerHTML='<div class=\"testi-card\"><i class=\"fa-solid fa-quote-left q-icon\"><\/i><p class=\"q-text\">\"'+t.quote+'\"<\/p><div class=\"testi-author\"><img decoding=\"async\" class=\"testi-avatar\" src=\"'+(t.avatar||'')+'\" alt=\"'+t.author+'\" onerror=\"this.style.background=\\'rgba(255,255,255,0.2)\\'\" \/><span class=\"testi-name\">\u2014 '+t.author+'<\/span><\/div><\/div>';\n      track.appendChild(s);\n    });\n    startTAuto();\n  }\n  function updTesti(){ var t=document.getElementById('ispTestiTrack'); t.style.transform='translateX(-'+(tIdx*100)+'%)'; t.style.transition='transform .5s ease'; }\n  window.ispTestiPrev = function(){ tIdx=(tIdx-1+tItems.length)%tItems.length; updTesti(); resetTAuto(); };\n  window.ispTestiNext = function(){ tIdx=(tIdx+1)%tItems.length; updTesti(); resetTAuto(); };\n  function startTAuto(){ tTimer=setInterval(function(){ tIdx=(tIdx+1)%tItems.length; updTesti(); }, 3000); }\n  function resetTAuto(){ clearInterval(tTimer); startTAuto(); }\n\n  \/* ---- FAQ ---- *\/\n  function renderFAQ(list){\n    var fl=document.getElementById('ispFaqList'); fl.innerHTML='';\n    list.forEach(function(faq){\n      var item=document.createElement('div'); item.className='faq-item';\n      item.innerHTML='<button class=\"faq-q\" onclick=\"ispTogFAQ(this)\"><span>'+faq.question+'<\/span><i class=\"fa-solid fa-chevron-down\"><\/i><\/button><div class=\"faq-a\"><p>'+faq.answer+'<\/p><\/div>';\n      fl.appendChild(item); ro.observe(item);\n    });\n  }\n  window.ispTogFAQ = function(btn){ btn.classList.toggle('open'); btn.nextElementSibling.classList.toggle('open'); };\n\n  \/* ---- Pricing ---- *\/\n  function renderPricing(list){\n    var grid=document.getElementById('ispPricingGrid'); grid.innerHTML='';\n    list.forEach(function(pkg, i){\n      var card=document.createElement('div');\n      card.className='pricing-card isp-reveal'+(pkg.popular?' popular':'');\n      card.style.transitionDelay=(i*0.15)+'s';\n      card.innerHTML=(pkg.popular?'<div class=\"pricing-badge\">POPULER<\/div>':'')\n        +'<h3 class=\"'+(pkg.popular?'pop-title':'')+'\">'+(pkg.addOns?'<span style=\"color:var(--ia)\">Add Ons: <\/span>':'')+pkg.title+'<\/h3>'\n        +'<p class=\"p-desc\">'+(pkg.description||'')+'<\/p>'\n        +'<div class=\"pricing-price\"><p class=\"ps\">Start from<\/p><p class=\"pa\">'+(pkg.addOns?'<span class=\"ap\">+<\/span>':'')+pkg.price+'<span class=\"pu\">'+(pkg.priceUnit||'')+'<\/span><\/p><\/div>';\n      grid.appendChild(card); ro.observe(card);\n    });\n  }\n\n  \/* ---- Portfolio ---- *\/\n  function renderPort(list){\n    var grid=document.getElementById('ispPortGrid'); grid.innerHTML='';\n    list.forEach(function(item, i){\n      var el=document.createElement('div');\n      el.className='port-item isp-reveal'+(item.className?' '+item.className:'');\n      el.style.transitionDelay=(i*0.08)+'s';\n      el.innerHTML='<img decoding=\"async\" src=\"'+item.imgUrl+'\" alt=\"'+item.title+'\" loading=\"lazy\" \/><div class=\"port-overlay\"><h3>'+item.title+'<\/h3><\/div>';\n      el.addEventListener('click', function(){ ispOpenLb(item); });\n      grid.appendChild(el); ro.observe(el);\n    });\n  }\n\n  \/* ---- Fetch WP ---- *\/\n  async function fetchWP(ep){\n    try{\n      var r=await fetch(WP_BASE+'\/'+ep+'?per_page=100');\n      if(!r.ok) throw new Error();\n      return await r.json();\n    }catch(e){ console.warn('WP fetch failed:',ep); return []; }\n  }\n\n  \/* ---- Fallback data ---- *\/\n  var fbPricing=[\n    {title:'Paket Standard',description:'Solusi terjangkau untuk hunian berkualitas.',price:'Rp 5 Juta',priceUnit:'\/m\u00b2',popular:false},\n    {title:'Paket Premium', description:'Material premium & desain eksklusif.',    price:'Rp 7 Juta',priceUnit:'\/m\u00b2',popular:true},\n    {title:'Smart Home',    description:'Tambahan sistem rumah cerdas.',            price:'Rp 1 Juta',priceUnit:'\/m\u00b2',addOns:true},\n  ];\n  var fbTesti=[\n    {quote:'Proses transparan dan hasilnya memuaskan. Tim Inspira sangat profesional!',author:'Budi S.',avatar:''},\n    {quote:'Rumah kami selesai tepat waktu tanpa drama. Highly recommended!',author:'Rina K.',avatar:''},\n  ];\n  var fbFAQ=[\n    {question:'Berapa lama proses pembangunan rumah?',answer:'Tergantung luas dan kompleksitas, rata-rata 4\u20138 bulan untuk rumah ukuran sedang.'},\n    {question:'Apakah ada garansi setelah serah terima?',answer:'Ya, kami memberikan garansi pekerjaan selama 1 tahun setelah serah terima.'},\n    {question:'Bagaimana sistem pembayaran?',answer:'Pembayaran dilakukan secara bertahap sesuai progres pembangunan, tertera jelas dalam kontrak.'},\n  ];\n  var fbPort=[\n    {title:'Rumah Modern Minimalis',imgUrl:'https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=600&h=400&fit=crop',slideImages:['https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=900&h=600&fit=crop'],className:''},\n    {title:'Villa Tropis',          imgUrl:'https:\/\/images.unsplash.com\/photo-1580587771525-78b9dba3b914?w=600&h=400&fit=crop',slideImages:['https:\/\/images.unsplash.com\/photo-1580587771525-78b9dba3b914?w=900&h=600&fit=crop'],className:''},\n    {title:'Renovasi Total',        imgUrl:'https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=600&h=400&fit=crop',slideImages:['https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=900&h=600&fit=crop'],className:''},\n    {title:'Interior Scandinavian', imgUrl:'https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=600&h=400&fit=crop',slideImages:['https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=900&h=600&fit=crop'],className:''},\n  ];\n\n  \/* ---- Load all ---- *\/\n  (async function loadAll(){\n    var results = await Promise.allSettled([\n      fetchWP('pricing'),fetchWP('testimonial'),fetchWP('faq'),fetchWP('portfolio')\n    ]);\n    renderPricing(results[0].value && results[0].value.length ? results[0].value : fbPricing);\n    renderTesti(  results[1].value && results[1].value.length ? results[1].value : fbTesti);\n    renderFAQ(    results[2].value && results[2].value.length ? results[2].value : fbFAQ);\n    renderPort(   results[3].value && results[3].value.length ? results[3].value : fbPort);\n  })();\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e161a25 e-flex e-con-boxed e-con e-child\" data-id=\"e161a25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\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>BUILD WITH PRIDE Bangun Rumah Dengan Kontrol Penuh di Tangan Anda Dapatkan update rutin dan akses pemantauan CCTV, sehingga anda tetap bisa mengontrol dan terlibat dalam proses harian. Konsultasi Gratis Lihat Portofolio Dipercaya keluarga muda, profesional, dan investor dalam 50+ proyek bangun &amp; renovasi rumah. Masalah yang Kami Pahami Membangun rumah sering jadi pengalaman yang [&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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":52,"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=\/wp\/v2\/pages\/31\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/www.inspirabuild.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}