{
    "id": 2,
    "slug": "nres",
    "layout": "<!DOCTYPE html>\n<html lang=\"{{ $lang ?? 'ms' }}\" data-bs-theme=\"light\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>{{ $siteName }}{{ $pageName ? ' - '.$pageName : '' }}</title>\n<link rel=\"icon\" href=\"{{ $_faviconUrl }}\">\n<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n<style>\n:root{--teal:#11808f;--teal-d:#0c6a77;--green:#165c4a;--deep:#0b4a3e;--ink:#1b2b2a;--fade:#e9f4f6;--line:#d7e9ec}\n[data-bs-theme=dark]{--teal:#3cc0d1;--green:#8fd9bf;--deep:#8fd9bf;--ink:#e8f0ef;--fade:#0f2226;--line:#27424a}\nbody{font-family:\"Inter\",\"Segoe UI\",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink)}\nsvg{width:1em;height:1em}\n.text-teal{color:var(--teal)}.text-teal svg{width:18px;height:18px}\n.site-header{background:var(--bs-body-bg);box-shadow:0 1px 8px rgba(0,0,0,.08);position:relative;z-index:5}\n.brand-emblem{height:72px;width:auto}\n.brand-small{font-size:.72rem;font-weight:600;letter-spacing:.5px;line-height:1}\n.brand-big{font-size:2.45rem;font-weight:800;color:var(--deep);line-height:.95;letter-spacing:.5px}\n.brand-sub{font-size:.55rem;font-weight:700;letter-spacing:.4px;line-height:1.25;color:var(--deep)}\n.topbar{background:var(--fade);border-bottom:1px solid var(--line);font-size:.78rem}\n.topbar .inner{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem 1rem;padding:.35rem 0}\n.util{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}\n.util a{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);text-decoration:none;font-weight:500}\n.util .ui{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--teal);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;background:var(--bs-body-bg);transition:.15s}\n.util .ui svg{width:14px;height:14px}\n.util a:hover{color:var(--teal)}.util a:hover .ui{background:var(--teal);color:#fff}\n.topbar .sep{width:1px;height:18px;background:var(--line)}\n@media(max-width:767.98px){.util .lbl{display:none}}\n.navbar .nav-link{color:var(--ink);font-weight:500;font-size:.85rem;padding:.6rem .8rem;border-bottom:3px solid transparent}\n.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--teal);border-bottom-color:var(--teal)}\n.tools{font-size:.75rem}.tools a,.tools .btn-link{color:var(--ink);text-decoration:none;font-weight:600;padding:0 .2rem;font-size:.75rem}\n.icon-btn{width:24px;height:24px;border-radius:50%;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}\n.icon-btn.sel{background:var(--bs-secondary-bg)}\n.hero{--hero-h:714px;--hero-pt:10.75rem;--hero-quick-shift:0;position:relative;padding:var(--hero-pt) 0 7rem;background:var(--fade);overflow:hidden;display:flex;align-items:center;min-height:var(--hero-h)}\n.hero::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,var(--fade) 0%,var(--fade) 20%,rgba(233,244,246,.5) 50%,rgba(233,244,246,0) 80%),linear-gradient(0deg,var(--fade) 0%,rgba(233,244,246,0) 25%)}\n[data-bs-theme=dark] .hero::after{background:linear-gradient(90deg,#0f2226 0%,#0f2226 25%,rgba(15,34,38,.7) 55%,rgba(15,34,38,.35) 100%)}\n.hero .container-xl{position:relative;z-index:2}\n@media(max-width:991.98px){.hero{--hero-h:auto;--hero-pt:3.5rem;--hero-quick-shift:0;min-height:0;padding:var(--hero-pt) 0 6rem}}\n/* Laptop (992px–1599.98px): tinggi hero dikurangkan · Monitor/PC (>=1600px): kekal 714px */\n@media(min-width:992px) and (max-width:1599.98px){.hero{--hero-h:600px}}\n.hero::after{z-index:1}\n.hero-media{position:absolute;inset:0;overflow:hidden;z-index:0}\n.kb{position:absolute;inset:-6%;background:center/cover no-repeat;opacity:0;will-change:transform,opacity;animation:kb 35s linear infinite}\n.kb:nth-child(1){animation-delay:-1s}.kb:nth-child(2){animation-delay:6s}.kb:nth-child(3){animation-delay:13s}.kb:nth-child(4){animation-delay:20s}.kb:nth-child(5){animation-delay:27s}\n@keyframes kb{0%{opacity:0;transform:scale(1.04) translate3d(2%,0,0)}4%{opacity:1}20%{opacity:1}25%{opacity:0;transform:scale(1.16) translate3d(-2%,-1.5%,0)}100%{opacity:0;transform:scale(1.16) translate3d(-2%,-1.5%,0)}}\n.mote{position:absolute;bottom:-10px;width:var(--s,8px);height:var(--s,8px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(190,240,225,.35) 60%,transparent 70%);left:var(--x);opacity:0;animation:mote var(--d,14s) linear infinite;animation-delay:var(--t,0s);z-index:1}\n@keyframes mote{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}50%{transform:translate(18px,-260px)}90%{opacity:.7}100%{opacity:0;transform:translate(-12px,-520px)}}\n.hero-pause{position:absolute;right:16px;top:16px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--teal);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.15)}\n.hero-pause svg{width:16px;height:16px}.hero-pause .i-play{display:none}\n.hero.paused .kb,.hero.paused .mote{animation-play-state:paused}\n.hero.paused .hero-pause .i-play{display:block}.hero.paused .hero-pause .i-pause{display:none}\n@media(prefers-reduced-motion:reduce){.kb{animation:none}.kb:nth-child(1){opacity:1}.mote,.hero-pause{display:none}}\n.hero h1{font-weight:700;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2;color:var(--green);max-width:22ch}\r\n/* ===== Hero: eyebrow + subline ===== */\r\n.hero-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);margin:0 0 .5rem}\r\n.hero-sub{font-size:.9rem;max-width:52ch;color:var(--bs-secondary-color)}\r\n/* ===== Sedia untuk video latar hero (aktif bila <section class=\"hero has-video\"> + <video class=\"hero-video\">) ===== */\r\n.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}\r\n.hero.has-video{background:#0b4a3e}\r\n.hero.has-video::after{background:linear-gradient(90deg,rgba(8,52,45,.9) 0%,rgba(8,52,45,.66) 45%,rgba(8,52,45,.2) 78%)}\r\n.hero.has-video h1,.hero.has-video .hero-sub{color:#fff}\r\n.hero.has-video .hero-sub{color:rgba(255,255,255,.88)}\r\n.hero.has-video .hero-eyebrow{color:#5ee0e8}\r\n.hero.has-video .hero-pause{background:rgba(255,255,255,.9)}\r\n@media(prefers-reduced-motion:reduce){.hero-video{display:none}}\r\n@media(max-width:767.98px){.hero-video{display:none}}\n.search-wrap{max-width:720px;background:var(--bs-body-bg);border-radius:999px;box-shadow:0 6px 24px rgba(17,128,143,.18);padding:.4rem;display:flex}\n.search-wrap input{border:0;box-shadow:none;background:transparent;padding-left:1.25rem;font-size:.9rem}\n.search-wrap button{background:var(--teal);border:0;color:#fff;width:64px;height:44px;border-radius:10px 999px 999px 10px;font-size:1.4rem;display:flex;align-items:center;justify-content:center}\n.quick{margin-top:2.5rem}\n.quick a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);font-weight:500;font-size:.9rem;line-height:1.35;height:100%}\n.quick .ring{width:84px;height:84px;border-radius:50%;border:2.5px solid var(--teal);background:var(--bs-body-bg);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;color:var(--teal);font-size:2.4rem;transition:.15s}\n.quick a:hover .ring{background:var(--teal);color:#fff}\n.card-soft{background:var(--bs-body-bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px rgba(17,128,143,.1)}\n.overlap{margin-top:-4.5rem;position:relative;z-index:3}\n.sec-title{font-weight:700;color:var(--teal);text-align:center;letter-spacing:.2px}\n.pill{border:1px solid var(--line);background:var(--bs-body-bg);color:var(--teal);width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}\n.btn-teal{background:var(--teal);color:#fff;font-weight:600;border:0;border-radius:8px;padding:.55rem 1.1rem}.btn-teal:hover{background:var(--teal-d);color:#fff}\n.banner{border-radius:10px;width:100%;height:100%;object-fit:cover}\n.media-btn{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .9rem;margin-bottom:.5rem;color:var(--teal);text-decoration:none;font-size:.85rem}\n.media-btn svg{font-size:1.4rem}\n.uicon{width:38px;height:38px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none}\n.link-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink);text-decoration:none;padding:.65rem 0;border-top:1px solid var(--line)}\n.link-row:first-of-type{border-top:0}.link-row svg{color:var(--teal);font-size:.9rem}\n.panel-title{font-weight:700;color:var(--green);font-size:1.1rem}\n.news{border-top:1px solid var(--line)}.news:first-of-type{border-top:0}\n.news-img{position:relative;width:150px;flex:none}.news-img img{width:100%;height:110px;object-fit:cover;border-radius:6px}\n.date{position:absolute;top:0;right:0;background:var(--teal);color:#fff;text-align:center;padding:.3rem .4rem;border-radius:0 6px 0 6px;line-height:1}\n.date b{display:block;font-size:1.2rem}.date small{font-size:.6rem}\n.news h3{font-size:.85rem;font-weight:700;text-transform:uppercase;margin-bottom:.4rem}.news p{font-size:.7rem;color:var(--bs-secondary-color);margin:0}\n.badge-open{background:#0d9488;color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:4px;font-weight:700}\n.eng{text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}\n.eng b{color:var(--teal);font-size:.9rem}.eng p{font-size:.72rem;color:var(--bs-secondary-color)}\n.eicon{font-size:2rem;color:var(--teal);width:44px;flex:none}\n.statband{background:var(--teal);color:#fff;padding:1.8rem 0}\n.sring{width:62px;height:62px;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;flex:none}\n.stat .num{font-size:1.8rem;font-weight:700;line-height:1}.stat .lbl{font-size:.8rem;line-height:1.3}\n.visit td{padding:.05rem .8rem .05rem 0;font-size:.85rem}\n/* ===== Seksyen JABATAN & AGENSI (komponen agency_nres) ===== */\n.agency-band{background:var(--fade);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.6rem 0}\n.agency-title{font-weight:700;color:var(--green);font-size:1.35rem;letter-spacing:.3px}\n.agency-sub{font-size:.8rem;color:var(--bs-secondary-color)}\n.agency-more{color:var(--teal);font-weight:600;font-size:.8rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}\n.agency-more svg{width:18px;height:18px}\n.agency-more:hover{color:var(--teal-d);text-decoration:underline}\n.agency-viewport{overflow:hidden;margin-top:1.3rem;padding:.4rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}\n.agency-wrap{position:relative}\n.agency-track{display:flex;width:max-content;will-change:transform}\n.agency-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bs-body-bg);color:var(--teal);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(6,45,40,.18);cursor:pointer;transition:.2s}\n.agency-nav svg{width:18px;height:18px}\n.agency-nav:hover,.agency-nav:focus-visible{background:var(--teal);color:#fff;border-color:var(--teal);outline:none}\n.agency-nav.prev{left:18px}\n.agency-nav.next{right:18px}\n.agency-card{width:152px;height:104px;margin-right:1rem;background:var(--bs-body-bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 14px rgba(17,128,143,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:.9rem .6rem;text-decoration:none;color:var(--ink);transition:.25s}\n.agency-card img{max-width:100%;max-height:44px;object-fit:contain;filter:none;opacity:1;transition:.25s}\n.agency-card .agency-name{font-size:.66rem;font-weight:700;letter-spacing:.3px;color:var(--bs-secondary-color);line-height:1.1;text-align:center;transition:.25s}\n.agency-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,128,143,.16)}\n.agency-card:hover img{filter:grayscale(1);opacity:.55}\n.agency-card:hover .agency-name{color:var(--teal)}\r\n/* ===== Kad kaca pautan pantas dalam hero (komponen hero_quick_nres) =====\r\n   Kaca PUTIH lebih lutsinar (.74/.62) + blur 14px + highlight dalam,\r\n   teks #08372f (deep teal lebih gelap) supaya kontras AA kekal terjamin. */\r\n.hero-quick{margin-top:2.4rem;transform:translateY(var(--hero-quick-shift,0))}\r\n.hero-quick a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;height:100%;padding:1.2rem .7rem;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.74),rgba(255,255,255,.62));backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(17,128,143,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(6,45,40,.16);color:#08372f;text-decoration:none;transition:.25s}\r\n.hero-quick .hq-ico{width:46px;height:46px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex:none;box-shadow:0 4px 12px rgba(17,128,143,.32);transition:.25s}\r\n.hero-quick .hq-lbl{display:block;font-size:.84rem;font-weight:600;line-height:1.3}\r\n.hero-quick a:hover{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.8));border-color:var(--teal);transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 32px rgba(6,45,40,.22)}\r\n.hero-quick a:hover .hq-ico{background:var(--teal-d)}\r\n[data-bs-theme=dark] .hero-quick a{background:linear-gradient(160deg,rgba(5,30,27,.8),rgba(10,74,84,.7));border-color:rgba(255,255,255,.24);color:#fff}\r\n[data-bs-theme=dark] .hero-quick .hq-ico{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:none}\r\n[data-bs-theme=dark] .hero-quick a:hover{background:linear-gradient(160deg,rgba(7,40,36,.9),rgba(12,90,102,.8));border-color:rgba(255,255,255,.42)}\r\n@media(max-width:575.98px){.hero-quick .hq-ico{width:40px;height:40px;font-size:1.3rem}.hero-quick .hq-lbl{font-size:.78rem}}\n   Kaca PUTIH cerah (frosted) + teks teal gelap — lebih cerah, kontras lebih tinggi.\n@media(prefers-reduced-motion:reduce){.agency-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}\n@media(max-width:575.98px){.agency-card{width:126px;height:92px;margin-right:.75rem}.agency-title{font-size:1.15rem}.agency-nav{width:32px;height:32px}.agency-nav.prev{left:6px}.agency-nav.next{right:6px}}\n.floaters{position:fixed;right:12px;bottom:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.assist{display:flex;align-items:flex-end}.btt{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--teal);color:var(--bs-body-bg);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(17,128,143,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s,background .2s ease}.btt.on{opacity:1;visibility:visible;transform:translateY(0)}.btt:hover{background:var(--deep)}.btt:focus-visible{outline:2px solid var(--deep);outline-offset:2px}.btt svg{width:20px;height:20px}@media (prefers-reduced-motion: reduce){.btt{transition:none}}\n.assist .bubble{background:var(--bs-body-bg);border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:.6rem .8rem;font-size:.8rem;margin-right:-14px}\n.assist .tag{display:inline-block;background:var(--teal);color:#fff;border-radius:99px;font-size:.7rem;padding:.15rem .6rem;margin-top:.3rem}\n.assist img{height:150px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}\n\n.cepa{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3.455/1;background:var(--fade)}\n.cepa-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.65,0,.35,1)}\n.cepa-slide{position:relative;flex:0 0 100%;height:100%;margin:0;overflow:hidden}\n.cepa-slide .blur{position:absolute;inset:-20px;background:center/cover no-repeat;filter:blur(18px) brightness(.85);transform:scale(1.1)}\n.cepa-slide img{position:relative;color:transparent;width:100%;height:100%;object-fit:contain;display:block}\n.cepa-tag{position:absolute;top:14px;left:14px;z-index:2;background:rgba(11,74,62,.85);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.5px;padding:.35rem .8rem;border-radius:99px}\n.cepa-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--teal);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.2)}\n.cepa-nav:hover{background:var(--teal);color:#fff}.cepa-nav.prev{left:14px}.cepa-nav.next{right:14px}\n.cepa-foot{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;align-items:center;gap:.8rem}\n.cepa-dots{display:flex;gap:6px}\n.cepa-dots button{width:9px;height:9px;padding:0;border-radius:99px;border:0;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.15);transition:width .3s}\n.cepa-dots button.on{width:26px;background:#fff}\n.cepa-count{position:absolute;right:14px;bottom:-2px;background:rgba(0,0,0,.45);color:#fff;font-size:.72rem;padding:.15rem .55rem;border-radius:99px}\n@media(max-width:767.98px){.cepa{aspect-ratio:16/9}.cepa-nav{width:34px;height:34px}}\n.tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.7rem;height:100%;padding:1.2rem .6rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:.82rem;line-height:1.3;transition:.2s}\n.tile .tring{width:62px;height:62px;border-radius:50%;background:var(--fade);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:.2s}\n.tile:hover{transform:translateY(-4px);border-color:var(--teal);color:var(--teal)}.tile:hover .tring{background:var(--teal);color:#fff}\n.site-footer{background:linear-gradient(160deg,#0b4a3e 0%,#0d3f39 60%,#0a3530 100%);color:#d5ebe5;font-size:.84rem;position:relative;overflow:hidden}\n.site-footer::before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),#5ee0e8,#2aa38d)}\n.site-footer h6{color:#fff;font-weight:700;font-size:.8rem;letter-spacing:1px;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}\n.site-footer h6::after{content:\"\";flex:0 0 28px;height:2px;background:#5ee0e8;border-radius:2px}\n.f-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;color:#fff;text-decoration:none}\n.f-brand img{height:56px}.f-brand .b1{font-size:.62rem;font-weight:600;letter-spacing:.5px}.f-brand .b2{font-size:1.9rem;font-weight:800;line-height:.95}.f-brand .b3{font-size:.5rem;font-weight:700;letter-spacing:.4px;line-height:1.25}\n.f-line{display:flex;gap:.7rem;margin-bottom:.7rem;line-height:1.55}\n.f-line svg{flex:none;width:18px;height:18px;color:#5ee0e8;margin-top:.15rem}\n.f-soc{display:flex;gap:.5rem;margin-top:1.1rem}\n.f-soc a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:.2s}\n.f-soc a svg{width:16px;height:16px}.f-soc a:hover{background:#5ee0e8;color:#0b4a3e;transform:translateY(-2px)}\n.f-links{list-style:none;padding:0;margin:0;columns:2;column-gap:1.5rem}\n.f-links li{break-inside:avoid;margin-bottom:.55rem}\n.f-links a{color:#d5ebe5;text-decoration:none;display:inline-flex;gap:.45rem;align-items:baseline}\n.f-links a::before{content:\"›\";color:#5ee0e8;font-weight:700}\n.f-links a:hover{color:#fff;text-decoration:underline}\n.f-qr{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1rem;display:flex;gap:.9rem;align-items:center}\n.f-qr img{background:#fff;border-radius:8px;padding:6px;width:84px;height:auto;image-rendering:pixelated}\n.btn-glow{background:#5ee0e8;color:#0b4a3e;font-weight:700;border:0;border-radius:8px;padding:.4rem .8rem;font-size:.78rem}.btn-glow:hover{background:#fff;color:#0b4a3e}\n.f-bottom{border-top:1px solid rgba(255,255,255,.12);font-size:.75rem;color:#a9cfc6}\n.f-bottom a{color:#d5ebe5;text-decoration:none}.f-bottom a:hover{color:#fff;text-decoration:underline}\n.f-bottom .dot{opacity:.5;margin:0 .5rem}\n@media(max-width:575.98px){.f-links{columns:1}}\n.dropdown-menu{border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(17,128,143,.15);padding:.4rem;font-size:.85rem;min-width:200px}\n.dropdown-item{border-radius:8px;padding:.5rem .8rem;color:var(--ink)}\n.dropdown-item:hover,.dropdown-item:focus{background:var(--fade);color:var(--teal)}\n.dropdown-item.active,.dropdown-item:active{background:var(--teal);color:#fff}\n@media(min-width:1200px){.navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}\n:focus-visible{outline:3px solid var(--teal);outline-offset:2px}\n@media(max-width:575px){.news-img{width:96px}.assist .bubble{display:none}.assist img{height:100px}}\n\n        /* Sticky footer: header kekal atas, footer kekal bawah walaupun content kosong/pendek */\n        html { height: 100%; }\n        body { min-height: 100vh; display: flex; flex-direction: column; }\n        .site-header, .site-footer { flex: 0 0 auto; }\n        .site-main { display: block; width: 100%; flex: 1 0 auto; }\n\n        /* ===== RESPONSIVE: header / navbar / footer (mobile & tablet) ===== */\n        .navbar { align-items: center; }\n        .navbar-brand { min-width: 0; }\n        .navbar-toggler { border: 1px solid var(--line); border-radius: 10px; padding: .4rem .6rem; }\n        .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(17,128,143,.2); }\n        .site-main img { max-width: 100%; height: auto; }\n\n        /* Tablet & mobile: menu collapsed → panel penuh lebar, item tidak melekat ke tepi */\n        @media (max-width: 991.98px) {\n            .navbar-collapse { width: 100%; max-height: calc(100vh - 150px); overflow-y: auto; margin-top: .6rem; padding: .4rem .3rem 1rem; border-top: 1px solid var(--line); }\n            .navbar-nav { width: 100%; }\n            .navbar .nav-link { padding: .7rem .35rem; border-bottom: 1px solid var(--line); }\n            .navbar .nav-link.active, .navbar .nav-link:hover { border-bottom-color: var(--line); background: var(--fade); border-radius: 8px; }\n            .navbar .dropdown-menu { position: static; float: none; width: 100%; min-width: 0; margin: .25rem 0 .5rem .45rem; padding: .2rem 0 .2rem .7rem; border: 0; border-left: 2px solid var(--teal); border-radius: 0; box-shadow: none; }\n            .navbar .dropdown-item { padding: .55rem .6rem; }\n            .navbar .dropdown-header { padding: .55rem .35rem .25rem; font-size: .7rem; font-weight: 700; }\n            .topbar .inner { justify-content: center; gap: .3rem .8rem; }\n            .topbar .sep { display: none; }\n            .site-footer { font-size: .8rem; }\n            .f-brand img { height: 48px; }\n            .f-brand .b2 { font-size: 1.55rem; }\n        }\n\n        /* Tablet (landscape) — menu penuh dipaparkan, saiz dikecilkan sedikit */\n        @media (min-width: 992px) and (max-width: 1199.98px) {\n            .brand-emblem { height: 60px; }\n            .brand-big { font-size: 2rem; }\n            .navbar .nav-link { padding: .6rem .5rem; font-size: .8rem; }\n        }\n\n        /* Mobile */\n        @media (max-width: 575.98px) {\n            .brand-emblem { height: 52px; }\n            .brand-big { font-size: 1.7rem; }\n            .brand-small { font-size: .6rem; }\n            .brand-sub { font-size: .46rem; }\n            .navbar-brand { gap: .5rem !important; }\n            .navbar { padding-top: .35rem; padding-bottom: .35rem; }\n            .site-footer .copy { justify-content: center; text-align: center; }\n            .f-links { columns: 1; }\n            .assist img { height: 96px; }\n        }\n\n        /* Mobile sangat kecil: kad QR footer disusun menegak, imej tidak melebar */\n        @media (max-width: 575.98px) {\n            .f-qr { flex-direction: column; align-items: flex-start; }\n            .f-soc { flex-wrap: wrap; }\n            .site-footer img { max-width: 100%; }\n        }\n\n        /* ===== Header/footer: lebar standard laptop & PC (container Bootstrap) ===== */\n        .site-header .container,\n        .site-footer .container { padding-inline: clamp(14px, 2.2vw, 28px); }\n        .site-header .navbar { gap: .5rem 1rem; }\n        .site-header .navbar-brand { flex-shrink: 0; }\n\n        /* Desktop (>=1200px): saiz standard, menu rata kanan */\n        @media (min-width: 1200px) {\n            .brand-emblem { height: 64px; }\n            .brand-big { font-size: 2.2rem; }\n            .brand-sub { font-size: .52rem; }\n            .navbar .nav-link { padding: .6rem .85rem; }\n            .navbar-nav { flex-wrap: wrap; justify-content: flex-end; }\n        }\n\n        /* Laptop kecil (1200-1399px): rapatkan sedikit supaya menu muat */\n        @media (min-width: 1200px) and (max-width: 1399.98px) {\n            .brand-big { font-size: 1.95rem; }\n            .navbar .nav-link { padding: .6rem .6rem; font-size: .82rem; }\n        }\n\n        /* Statistik pelawat dalam footer (kolum LOKASI KAMI) */\n        .f-stats { list-style: none; margin: 0; padding: 0; }\n        .f-stats li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .45rem .7rem; margin-bottom: .4rem; border-radius: 8px; background: rgba(255,255,255,.06); font-size: .8rem; }\n        .f-stats li:last-child { margin-bottom: 0; background: rgba(94,224,232,.16); }\n        .f-stats span { color: #a9cfc6; }\n        .f-stats b { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }\n        @media (max-width: 991.98px) { .f-stats li { font-size: .78rem; } }\n\n        /* ===== Dropdown navbar: saiz kemas untuk laptop (tidak terlalu besar / overflow) ===== */\n        @media (min-width: 992px) {\n            .navbar .nav-item { position: relative; }\n            .navbar .dropdown-menu { min-width: 230px; max-width: 330px; max-height: 68vh; overflow-y: auto; padding: .35rem; font-size: .82rem; }\n            .navbar .dropdown-item { padding: .45rem .7rem; white-space: normal; line-height: 1.35; border-radius: 8px; }\n            .navbar .dropdown-header { padding: .5rem .7rem .25rem; font-size: .66rem; letter-spacing: .06em; font-weight: 700; }\n            .navbar .dropdown-menu.cols-2 { columns: 2; column-gap: .3rem; min-width: 430px; max-width: 540px; }\n            .navbar .dropdown-menu.cols-2 > li { break-inside: avoid; }\n            /* Dropdown 2 terakhir: jajar kanan supaya tidak keluar viewport (elak scrollbar mendatar) */\n            .navbar-nav > .nav-item:nth-last-child(-n+2) .dropdown-menu { right: 0; left: auto; }\n        }\n        /* Elak scrollbar mendatar bila dropdown terbuka */\n        .site-header { overflow: visible; }\n        .site-header .container { position: relative; }\n\n        /* Kolum LOKASI KAMI kini lebih sempit (col-lg-2) → kad QR susun menegak */\n        @media (min-width: 992px) {\n            .f-qr { flex-direction: column; align-items: flex-start; }\n            .f-qr img { width: 76px; }\n        }\n        /* Statistik pelawat: kemas dalam kolum sendiri */\n        .f-stats li { padding: .4rem .6rem; font-size: .78rem; }\n        @media (min-width: 992px) {\n            .f-stats li { font-size: .76rem; }\n        }\n</style>\n</head>\n<body>\n\n{!! $__header__ !!}\n\n<main class=\"site-main\">\n{!! $__page__ !!}\n</main>\n\n{!! $__footer__ !!}\n\n<div class=\"floaters\"><button class=\"btt\" id=\"toTop\" type=\"button\" aria-label=\"{{ t('Kembali ke atas') }}\" title=\"{{ t('Kembali ke atas') }}\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"/></svg></button><div class=\"assist\" id=\"assist\">\n  <div class=\"bubble\"><b>Perlukan bantuan?<br>Tanya saya!</b><br><span class=\"tag\">Agen Lestari <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"/></svg></span></div>\n  <img src=\"/dynaweb4/nres/ai-chatbot.webp\" alt=\"Agen Lestari\" width=\"128\" height=\"192\">\n  <button class=\"btn-close position-absolute top-0 end-0 bg-white rounded-circle p-2\" aria-label=\"Tutup\" onclick=\"document.getElementById('assist').remove()\"></button>\n</div>\n</div>\n\n<script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script>\n<script>\n(function(){var r=document.documentElement,s=16;function fs(n){s=Math.min(22,Math.max(13,n));r.style.fontSize=s+'px'}\nfsDown.onclick=function(){fs(s-1)};fsUp.onclick=function(){fs(s+1)};fsReset.onclick=function(){fs(16)};\nfunction th(t){r.setAttribute('data-bs-theme',t);themeLight.classList.toggle('sel',t==='light');themeDark.classList.toggle('sel',t==='dark')}\nthemeLight.onclick=function(){th('light')};themeDark.onclick=function(){th('dark')}})();\n\n(function(){var h=document.getElementById('hero'),b=document.getElementById('heroPause');if(!b||!h)return;\n    var v=h.querySelector('.hero-video');b.setAttribute('aria-pressed','false');\n    b.onclick=function(){var p=h.classList.toggle('paused');b.setAttribute('aria-pressed',p);\n      if(v){try{p?v.pause():v.play();}catch(e){}}};})();\n(function(){var c=document.getElementById('cepa');if(!c)return;var tr=c.querySelector('.cepa-track'),sl=tr.children,n=sl.length,i=0,t,\ndots=c.querySelector('.cepa-dots'),cnt=c.querySelector('.cepa-count');\nfor(var k=0;k<n;k++){var d=document.createElement('button');d.type='button';d.setAttribute('aria-label','Slaid '+(k+1));(function(k){d.onclick=function(){go(k);rs()}})(k);dots.appendChild(d)}\nfunction go(k){i=(k+n)%n;tr.style.transform='translateX('+(-100*i)+'%)';cnt.textContent=(i+1)+' / '+n;\n[].forEach.call(dots.children,function(d,j){d.classList.toggle('on',j===i)});[].forEach.call(sl,function(s,j){s.setAttribute('aria-hidden',j!==i)})}\nfunction rs(){clearInterval(t);if(!matchMedia('(prefers-reduced-motion:reduce)').matches)t=setInterval(function(){go(i+1)},6000)}\nc.querySelector('.prev').onclick=function(){go(i-1);rs()};c.querySelector('.next').onclick=function(){go(i+1);rs()};\nc.addEventListener('mouseenter',function(){clearInterval(t)});c.addEventListener('mouseleave',rs);\nc.addEventListener('focusin',function(){clearInterval(t)});c.addEventListener('focusout',rs);\nvar x0=null;c.addEventListener('touchstart',function(e){x0=e.touches[0].clientX},{passive:true});\nc.addEventListener('touchend',function(e){if(x0===null)return;var dx=e.changedTouches[0].clientX-x0;if(Math.abs(dx)>40){go(i+(dx<0?1:-1));rs()}x0=null});\ngo(0);rs()})();\n(function(){var b=document.getElementById('toTop');if(!b)return;var rm=matchMedia('(prefers-reduced-motion:reduce)').matches;function u(){b.classList.toggle('on',(window.scrollY||document.documentElement.scrollTop)>300)}addEventListener('scroll',u,{passive:true});addEventListener('resize',u);u();b.onclick=function(){window.scrollTo({top:0,behavior:rm?'auto':'smooth'});b.blur()};})();\n</script>\n</body>\n</html>"
}