:root{--navy:#0B2E6B;--blue:#1570EF;--gold:#E8A317;--bg:#fff;--soft:#F3F7FD;--card:#fff;--text:#1d2b45;--muted:#55657f;--line:#e1e8f3;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--navy:#9ec0ff;--bg:#0c1426;--soft:#101b33;--card:#15223f;--text:#e6ecf8;--muted:#a3b3d1;--line:#243457}}
:root[data-theme="dark"]{--navy:#9ec0ff;--bg:#0c1426;--soft:#101b33;--card:#15223f;--text:#e6ecf8;--muted:#a3b3d1;--line:#243457}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Plus Jakarta Sans',system-ui,sans-serif}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
section{padding:68px 0}.alt{background:var(--soft)}
h1,h2,h3,h4{color:var(--navy);line-height:1.25;margin:0}
h2{font-size:clamp(25px,3.2vw,34px);font-weight:800}
h2{text-align:center}
h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--gold);margin:14px auto 0}
.wrap>h2+p{text-align:center;margin-inline:auto;max-width:780px}
.center{text-align:center}.center h2::after{margin-inline:auto}
h3{font-size:18px;font-weight:700}p{margin:0}.m{color:var(--muted)}
.grid{display:grid;gap:20px;margin-top:36px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 6px 20px rgba(11,46,107,.06)}
.card p{color:var(--muted);font-size:15px;margin-top:8px}
.ico{width:46px;height:46px;border-radius:12px;background:rgba(21,112,239,.1);display:grid;place-items:center;margin-bottom:16px;font-size:22px}
.ico svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.val .ico{margin-inline:auto}
.heroimg{display:block;width:100%;height:auto}
h2.lh{text-align:left;font-size:26px}
h2.lh::after{margin:14px 0 0}
.step p{font-weight:400;color:var(--muted);font-size:13px;margin-top:6px}
.step:not(:last-child)::after{border-top:3px dotted var(--gold)!important}
.btn{display:inline-flex;padding:14px 26px;border-radius:10px;font:700 15px 'Plus Jakarta Sans',sans-serif;text-decoration:none;border:2px solid var(--blue);background:var(--blue);color:#fff}
.btn-w{background:#fff;color:#0B2E6B;border-color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ph{aspect-ratio:4/3;border-radius:20px;border:2px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;padding:16px;background:var(--card)}
.sub{max-width:760px;margin:0 auto 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:36px}
.checks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:11px}
.checks li{position:relative;padding-left:30px;font-size:15px}
.checks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;counter-reset:s}
.step{text-align:center;position:relative;font-weight:700;color:var(--navy);font-size:14.5px;line-height:1.4}
.step::before{counter-increment:s;content:counter(s);width:50px;height:50px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:19px;display:grid;place-items:center;margin:0 auto 14px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--soft)}
.step:not(:last-child)::after{content:"";position:absolute;top:25px;left:calc(50% + 32px);right:calc(-50% + 32px);border-top:2px dashed var(--gold)}
.tscroll table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:28px;font-size:15px}
.tscroll th,.tscroll td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.tscroll th{background:var(--navy);color:#fff}:root[data-theme="dark"] .tscroll th{color:#0c1426}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tscroll th{color:#0c1426}}
.tscroll td:first-child{font-weight:700;color:var(--navy);white-space:nowrap}.tscroll tr:last-child td{border-bottom:0}
.tscroll{overflow-x:auto}
.tip{margin-top:22px;border-left:5px solid var(--gold);background:var(--card);border-radius:0 14px 14px 0;padding:20px 24px;font-size:15px;border:1px solid var(--line);border-left:5px solid var(--gold)}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 22px;margin-top:14px}
summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-weight:700;color:var(--navy);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--blue);font-weight:500}
details[open] summary::after{content:"–"}
details p{padding:0 0 20px;color:var(--muted);font-size:15px}.faq{max-width:840px;margin:36px auto 0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.center .chips{justify-content:center}
.chip{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 22px;font-size:14px;font-weight:700;color:var(--navy)}
.cta{background:linear-gradient(135deg,#0B2E6B,#1570EF);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta .wrap{position:relative}.cta h2{color:#fff}.cta h2::after{margin-inline:auto}.cta p{color:#d6e4ff;margin:16px auto 28px;max-width:560px}
.cta.small{padding:52px 0}
.map{min-height:300px;border-radius:16px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,var(--soft),var(--soft) 14px,var(--card) 14px,var(--card) 28px);display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;padding:12px}
.contact{margin-top:20px;font-size:15px}.contact b{color:var(--navy)}
.vm{display:flex;gap:18px;align-items:center;margin-top:26px}
.vm .ph{width:110px;aspect-ratio:1;flex:none;font-size:11px;border-radius:14px}
.vm p{font-size:14.5px;color:var(--muted)}
footer{background:#081f49;color:#9fb3da;text-align:center;padding:24px 0;font-size:13px}
@media (max-width:860px){.split{grid-template-columns:1fr}.g3,.g2{grid-template-columns:1fr}
.steps{grid-template-columns:1fr;gap:26px}.step:not(:last-child)::after{display:none}section{padding:50px 0}}

.hx{--bg:url("../images/hero-bg.jpg");--u:calc(100vw/1366);position:relative;aspect-ratio:1366/792;background:var(--bg) center/cover no-repeat #fff;overflow:hidden;color-scheme:light;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.hx *{box-sizing:border-box}
.hx-logo{position:absolute;left:calc(105*var(--u));top:calc(17*var(--u));width:calc(140*var(--u))}
.hx-logo img{display:block;width:100%;height:auto}
.hx-nav{position:absolute;right:calc(86*var(--u));top:calc(30*var(--u))}
.hx-nav ul{display:flex;list-style:none;margin:0;padding:0}
.hx-nav a{display:flex;align-items:center;position:relative;height:calc(62*var(--u));padding:0 calc(17*var(--u));margin-left:calc(2*var(--u));font-size:max(11px,calc(15.5*var(--u)));font-weight:600;color:#10224a;text-decoration:none;border-radius:6px;transition:color .2s}
.hx-nav a:hover{color:#1268EA}
.hx-nav a.on{color:#1268EA;background:rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(11,46,107,.06)}
.hx-nav a.on::after{content:"";position:absolute;left:calc(17*var(--u));right:calc(17*var(--u));bottom:calc(10*var(--u));height:3px;border-radius:3px;background:#E8A317}
.hx-copy{position:absolute;left:calc(75*var(--u));top:calc(190*var(--u))}
.hx-copy h1{margin:0;font-size:calc(56*var(--u));line-height:1.11;font-weight:800;letter-spacing:-.01em;color:#0B2E6B;max-width:calc(700*var(--u));text-align:left}
.hx-copy h1::after{display:none}
.hx-sub{margin:calc(19*var(--u)) 0 0;font-size:max(12px,calc(19*var(--u)));line-height:1.58;color:#5a6a8a}
.hx-btns{display:flex;gap:calc(16*var(--u));margin-top:calc(28*var(--u))}
.hx-btns a{display:inline-flex;align-items:center;justify-content:center;gap:calc(10*var(--u));height:calc(57*var(--u));border-radius:8px;font-weight:700;font-size:max(12px,calc(17*var(--u)));text-decoration:none;transition:transform .15s}
.hx-btns a:hover{transform:translateY(-2px)}
.hx-b1{width:calc(211*var(--u));background:#1268EA;color:#fff;box-shadow:0 8px 20px rgba(18,104,234,.28)}
.hx-b2{width:calc(206*var(--u));background:#fff;color:#1268EA;border:1.5px solid #3b82ef}
.hx-b1 svg{width:calc(25*var(--u));height:calc(25*var(--u));min-width:18px;min-height:18px}
.hx-bar{position:absolute;left:0;top:0;width:100%;height:calc(160*var(--u));z-index:50}
.hx-in{position:absolute;inset:0}
.hx-in.stuck{position:fixed;inset:0 0 auto 0;height:92px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(11,46,107,.1);animation:hxd .3s ease}
.hx-in.stuck .hx-logo{top:8px;width:auto;height:76px}
.hx-in.stuck .hx-logo img{height:100%;width:auto}
.hx-in.stuck .hx-nav{top:0}
.hx-in.stuck .hx-nav a{height:92px;font-size:15px}
.hx-in.stuck .hx-nav a.on{background:none;box-shadow:none}
.hx-in.stuck .hx-nav a.on::after{bottom:24px}
@keyframes hxd{from{transform:translateY(-100%)}to{transform:none}}
.hx-burger{display:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:10px}
.hx-burger span{width:24px;height:2.5px;background:#0B2E6B;border-radius:2px;transition:transform .25s,opacity .2s}
.hx-in.open .hx-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hx-in.open .hx-burger span:nth-child(2){opacity:0}
.hx-in.open .hx-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media (max-width:860px){
.hx{--u:1px;aspect-ratio:auto;display:flex;flex-direction:column;padding:0 24px 32px;background:linear-gradient(180deg,rgba(255,255,255,0) 150px,rgba(255,255,255,.04) 174px,rgba(255,255,255,.16) 198px,rgba(255,255,255,.5) 230px,rgba(255,255,255,.84) 262px,rgba(255,255,255,.96) 286px,#fff 310px),var(--bg) 100% 36px/auto 360px no-repeat;background-color:#fff}
.hx-bar{position:relative;top:auto;width:auto;height:64px}
.hx-in,.hx-in.stuck{position:fixed;inset:0 0 auto 0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 14px rgba(11,46,107,.1);animation:none}
.hx-logo,.hx-in.stuck .hx-logo{position:static;width:auto;height:46px}
.hx-logo img,.hx-in.stuck .hx-logo img{height:100%;width:auto}
.hx-burger{display:flex;margin-right:-10px}
.hx-nav,.hx-in.stuck .hx-nav{position:absolute;left:0;right:0;top:64px;margin:0;padding:6px 24px 14px;background:#fff;box-shadow:0 14px 24px rgba(11,46,107,.12);display:none;max-height:calc(100vh - 64px);overflow-y:auto}
.hx-in.open .hx-nav{display:block}
.hx-nav ul{flex-direction:column}
.hx-nav a,.hx-in.stuck .hx-nav a{height:50px;margin:0;padding:0 6px 0 16px;font-size:16px;border-radius:0;border-bottom:1px solid #e8eef7}
.hx-nav li:last-child a{border-bottom:0}
.hx-nav a.on,.hx-in.stuck .hx-nav a.on{background:none;box-shadow:none}
.hx-nav a.on::after,.hx-in.stuck .hx-nav a.on::after{left:0;right:auto;top:14px;bottom:auto;width:4px;height:22px}
.hx-copy{position:static;margin-top:258px}
.hx-copy h1{font-size:28px;line-height:1.15;white-space:normal}
.hx br{display:none}
.hx-sub{font-size:16px;margin-top:14px}
.hx-btns{margin-top:22px;gap:10px}
.hx .hx-btns a{flex:1 1 0;width:auto;height:50px;font-size:15px;gap:8px}
.hx-b1 svg{width:20px;height:20px}
}
@media (max-width:860px){
.tscroll table,.tscroll tbody,.tscroll tr,.tscroll td{display:block;width:100%}
.tscroll tr:first-child{display:none}
.tscroll tr{padding:14px 18px;border-bottom:1px solid var(--line)}
.tscroll tr:last-child{border-bottom:0}
.tscroll td,.tscroll td:first-child{padding:0;border:0;white-space:normal}
.tscroll td:first-child{margin-bottom:4px}
.faq{margin-top:28px}
summary{font-size:15px}
}
@media (min-width:561px) and (max-width:860px){
.hx{background:linear-gradient(180deg,rgba(255,255,255,0) calc(58vw - 150px),rgba(255,255,255,.04) calc(58vw - 123px),rgba(255,255,255,.16) calc(58vw - 96px),rgba(255,255,255,.5) calc(58vw - 60px),rgba(255,255,255,.84) calc(58vw - 24px),rgba(255,255,255,.96) calc(58vw + 3px),#fff calc(58vw + 30px)),var(--bg) 0 64px/100% auto no-repeat;background-color:#fff}
.hx-copy{margin-top:calc(58vw - 28px)}
.hx-copy h1{font-size:30px}
}
@media (min-width:481px) and (max-width:560px){
.hx{background:linear-gradient(180deg,rgba(255,255,255,0) 150px,rgba(255,255,255,.04) 174px,rgba(255,255,255,.16) 198px,rgba(255,255,255,.5) 230px,rgba(255,255,255,.84) 262px,rgba(255,255,255,.96) 286px,#fff 310px),var(--bg) 100% 30px/auto 400px no-repeat;background-color:#fff}
}
@media (max-width:860px){
#layanan .wrap>h2{text-align:left}
#layanan .wrap>h2::after{margin-left:0}
#layanan .wrap>h2+p{text-align:left;margin-inline:0}
}

/* ===== Tambahan untuk WordPress ===== */
.hx .hx-sub{max-width:calc(620*var(--u))}
.hx.hx-compact{aspect-ratio:auto;height:92px;min-height:0;padding:0;background:#fff;overflow:visible}
@media (max-width:860px){.hx.hx-compact{height:64px;padding:0;min-height:0;background:#fff}}
.admin-bar .hx-in.stuck{top:32px}
@media (max-width:860px){.admin-bar .hx-in,.admin-bar .hx-in.stuck{top:32px}}
@media (max-width:782px){.admin-bar .hx-in,.admin-bar .hx-in.stuck{top:46px}}
.page-content{max-width:900px;margin:0 auto;padding:48px 24px 72px}
.page-title{margin:0 0 20px;font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--navy)}
.page-title a{color:inherit;text-decoration:none}
.page-content a{color:var(--blue)}
.hx-site{display:flex;margin:0;font-size:16px;line-height:0;font-weight:400}
.h2-look{margin:0;color:var(--navy);line-height:1.25;font-size:clamp(25px,3.2vw,34px);font-weight:800;text-align:center}
.h2-look::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--gold);margin:14px auto 0}
.h2-look.lh{text-align:left;font-size:26px}
.h2-look.lh::after{margin:14px 0 0}
.wrap>.h2-look+p{text-align:center;margin-inline:auto;max-width:780px}
h4{font-size:18px;font-weight:700}
summary h3{display:inline;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}
.card p.ctitle{margin:0;font-size:16px;font-weight:700;color:var(--navy)}
.m a{color:var(--blue);text-decoration:underline}
.intro{padding:40px 0 0}.intro .wrap{max-width:900px}.intro p{margin:0 0 14px;color:var(--muted);text-align:center}
@media (max-width:860px){.intro p{text-align:left}.intro{padding-top:28px}}
.cta-img{display:block;width:100%;max-width:300px;height:auto;margin:28px auto 0;border-radius:14px}
.map{padding:0;overflow:hidden}.map iframe{display:block;width:100%;height:100%;min-height:300px;border:0}
.vm img{width:110px;height:110px;flex:none;object-fit:cover;border-radius:14px}
/* ===== Breadcrumb, layout halaman, sidebar ===== */
.breadcrumbs{background:var(--soft);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0 auto;padding:12px 24px;max-width:1120px}
.breadcrumbs li+li::before{content:"\203A";margin-right:8px;opacity:.6}
.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--blue)}
.breadcrumbs li[aria-current]{color:var(--navy);font-weight:600}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;max-width:1120px;margin:0 auto;padding:40px 24px 72px}
@media (max-width:860px){.layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:28px 24px 56px}}
.layout .page-title{margin:0 0 16px}
.entry-meta{margin:0 0 20px;font-size:14px;color:var(--muted)}.entry-meta a{color:var(--muted)}
.entry-thumb{display:block;margin:0 0 24px}.entry-thumb img{display:block;width:100%;height:auto;border-radius:14px}
.entry-content{overflow-wrap:break-word}
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.6em 0 .6em;color:var(--navy);line-height:1.3}
.entry-content h2{font-size:26px}.entry-content h3{font-size:21px}.entry-content h4{font-size:18px}
.entry-content p{margin:0 0 1.1em}.entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-left:1.4em}
.entry-content a{color:var(--blue)}.entry-content img{max-width:100%;height:auto;border-radius:8px}
.entry-tags{margin-top:24px;font-size:14px}
.entry-list{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.entry-list .entry-title{margin:0 0 6px;font-size:22px;line-height:1.3}.entry-list .entry-title a{color:var(--navy);text-decoration:none}.entry-list .entry-title a:hover{color:var(--blue)}
.entry-list .entry-thumb{margin-bottom:16px}.entry-summary p{margin:0}
.archive-header{margin:0 0 28px}.archive-desc{color:var(--muted)}
.pagination,.post-navigation{margin:28px 0}.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.pagination .nav-links{justify-content:flex-start}
.page-numbers{display:inline-block;min-width:38px;padding:8px 12px;text-align:center;border:1px solid var(--line);border-radius:8px;color:var(--navy);text-decoration:none}
.page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.post-navigation a{color:var(--blue)}
.widget-area .widget{margin:0 0 24px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.widget-area .widget-title{margin:0 0 10px;font-weight:700;color:var(--navy)}
.widget-area ul{list-style:none;margin:0;padding:0}
.widget-area li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}
.widget-area li:first-child{padding-top:0}.widget-area li:last-child{padding-bottom:0;border-bottom:0}
.widget-area a{color:var(--text);text-decoration:none}.widget-area a:hover{color:var(--blue)}
@media (min-width:861px){.widget-area{position:sticky;top:112px}}
.comments-area{margin-top:40px}.comments-title,.comment-reply-title{font-weight:700;color:var(--navy);font-size:20px;margin:0 0 14px}
.comment-list{list-style:none;padding:0;margin:0 0 24px}.comment-list .comment{padding:14px 0;border-bottom:1px solid var(--line)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card);color:var(--text)}
.comment-form .submit{padding:12px 24px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}
.layout h2{text-align:left;font-size:26px}.layout h2::after{display:none}
.layout .entry-list .entry-title{font-size:22px}
.layout .entry-content h2{font-size:26px}
.breadcrumbs ol{flex-wrap:nowrap}
.breadcrumbs li{flex:none;white-space:nowrap}
.breadcrumbs li[aria-current]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* ===== Format standar konten (halaman, artikel) ===== */
.entry-content>:first-child{margin-top:0}
.entry-content h1{font-size:30px;margin:1.4em 0 .6em;color:var(--navy);line-height:1.25}
.entry-content h5{font-size:16px;margin:1.4em 0 .5em;color:var(--navy)}.entry-content h6{font-size:14px;margin:1.4em 0 .5em;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.entry-content li{margin:.3em 0}.entry-content li>ul,.entry-content li>ol{margin:.4em 0 .4em}
.entry-content ul{list-style:disc}.entry-content ol{list-style:decimal}
.entry-content dl{margin:0 0 1.2em}.entry-content dt{font-weight:700;color:var(--navy)}.entry-content dd{margin:0 0 .8em 1.2em}
.entry-content hr,.entry-content .wp-block-separator{border:0;border-top:1px solid var(--line);margin:2em 0;height:0}
.entry-content mark{background:rgba(232,163,23,.3);padding:0 .2em;color:inherit}
.entry-content abbr[title]{text-decoration:underline dotted;cursor:help}
.entry-content pre{margin:0 0 1.4em;padding:16px;overflow:auto;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.55}
.entry-content code,.entry-content kbd,.entry-content samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--soft);padding:.15em .4em;border-radius:5px}
.entry-content pre code{background:none;padding:0;font-size:inherit}
.entry-content blockquote{margin:0 0 1.4em;padding:14px 20px;border-left:4px solid var(--gold);background:var(--soft);border-radius:0 10px 10px 0;color:var(--text)}
.entry-content blockquote>:last-child{margin-bottom:0}
.entry-content blockquote cite,.entry-content .wp-block-quote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;color:var(--muted)}
.entry-content .wp-block-pullquote{margin:0 0 1.6em;padding:20px;border-top:4px solid var(--gold);border-bottom:4px solid var(--gold);text-align:center;font-size:1.2em}
.entry-content table{width:100%;margin:0 0 1.4em;border-collapse:collapse;font-size:15px}
.entry-content th,.entry-content td{padding:10px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.entry-content th,.entry-content thead td,.entry-content thead th{background:var(--navy);color:#fff;font-weight:700;border-color:var(--navy)}
.entry-content .wp-block-table thead{border-bottom:0}
:root[data-theme="dark"] .entry-content th,:root[data-theme="dark"] .entry-content thead td{color:#0c1426}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .entry-content th,:root:not([data-theme="light"]) .entry-content thead td{color:#0c1426}}
.entry-content tbody tr:nth-child(even){background:var(--soft)}
.entry-content caption,.entry-content .wp-block-table figcaption{padding:8px 0;font-size:14px;color:var(--muted);caption-side:bottom}
.entry-content .wp-block-table{margin:0 0 1.4em;overflow-x:auto}.entry-content .wp-block-table table{margin:0}
@media (max-width:860px){.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.entry-content .wp-block-table table{display:table}}
.entry-content figure{margin:0 0 1.4em}.entry-content figcaption,.entry-content .wp-caption-text{margin-top:8px;font-size:14px;color:var(--muted);text-align:center}
.entry-content .wp-caption{max-width:100%}.entry-content .wp-caption img{display:block;margin:0 auto}
.entry-content .alignleft{float:left;margin:.3em 1.5em 1em 0;max-width:50%}
.entry-content .alignright{float:right;margin:.3em 0 1em 1.5em;max-width:50%}
.entry-content .aligncenter{display:block;margin:0 auto 1.2em;text-align:center}
.entry-content .alignwide,.entry-content .alignfull{max-width:100%}
.entry-content::after{content:"";display:block;clear:both}
@media (max-width:600px){.entry-content .alignleft,.entry-content .alignright{float:none;display:block;max-width:100%;margin:0 auto 1.2em}}
.entry-content iframe,.entry-content video,.entry-content embed,.entry-content object{max-width:100%}
.entry-content .wp-block-embed__wrapper,.entry-content .wp-block-video{margin:0}
.entry-content .gallery{display:grid;gap:12px;margin:0 0 1.4em}
.entry-content .gallery-columns-1{grid-template-columns:1fr}.entry-content .gallery-columns-2{grid-template-columns:repeat(2,1fr)}.entry-content .gallery-columns-3{grid-template-columns:repeat(3,1fr)}.entry-content .gallery-columns-4{grid-template-columns:repeat(4,1fr)}.entry-content .gallery-columns-5,.entry-content .gallery-columns-6{grid-template-columns:repeat(3,1fr)}
.entry-content .gallery-item{margin:0}.entry-content .gallery-item img{width:100%;height:100%;object-fit:cover}
.entry-content .wp-block-button__link,.entry-content .wp-element-button{display:inline-block;padding:12px 24px;border:2px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--blue)}
.entry-content .wp-block-columns{gap:2em}
.entry-content .page-links{clear:both;margin:1.2em 0}
.entry-content input[type=text],.entry-content input[type=email],.entry-content input[type=search],.entry-content input[type=tel],.entry-content textarea,.entry-content select{max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card);color:var(--text)}
.entry-content input[type=submit],.entry-content button[type=submit]{padding:12px 24px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0}
.screen-reader-text:focus{position:static!important;width:auto;height:auto;margin:0;clip:auto;clip-path:none;background:#fff;padding:8px 14px;z-index:100000}
/* Halaman dalam: tepi navbar sejajar dengan kontainer konten (1120px, padding 24px) */
@media (min-width:861px){
.hx-compact .hx-in .hx-logo{left:max(24px,calc((100% - 1120px)/2 + 24px))}
.hx-compact .hx-in .hx-nav{right:max(0px,calc(max(24px,(100% - 1120px)/2 + 24px) - 17*var(--u)))}
}

.ic{display:block;width:24px;height:24px;background:var(--blue);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic.i1{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.ic.i2{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E")}
.ic.i3{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13l-2 8 5-3 5 3-2-8'/%3E%3C/svg%3E")}
.ic.i4{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")}
.ic.i5{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5 14h6l-1 7 8-11h-6z'/%3E%3C/svg%3E")}
.ic.i7{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 7h14M7 7l-3 7a3 3 0 006 0zM17 7l-3 7a3 3 0 006 0z'/%3E%3C/svg%3E")}
.ic.i6{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='1.6'/%3E%3Ccircle cx='17' cy='18' r='1.6'/%3E%3C/svg%3E")}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 22px;margin-top:14px}
.faq-item h3{margin:0;padding:20px 0 8px;font-size:inherit;font-weight:700;color:var(--navy);line-height:1.5}
.faq-a{padding:0 0 20px;color:var(--muted);font-size:15px}
.faq-a p{margin:0 0 .8em}.faq-a p:last-child{margin:0}
.js .faq-item h3{padding:0}
.faq-q{display:block;position:relative;width:100%;margin:0;padding:20px 30px 20px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.faq-q::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;font-weight:500;color:var(--blue)}
.faq-item.open .faq-q::after{content:"\2013"}
.js .faq-item:not(.open) .faq-a{display:none}