*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#19302a;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#073e2a;color:#dcebe3;font-size:11px;font-weight:700;letter-spacing:.7px}.topbar-inner{height:36px;display:flex;justify-content:space-between;align-items:center}.top-links{display:flex;gap:22px}.top-links a{opacity:.85}.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.07)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px}.logo-pali{width:48px;height:61px;object-fit:contain}.logo-pu{width:50px;height:50px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:17px;color:#075332;letter-spacing:.3px}.brand-text span{font-size:16px;font-weight:800;color:#075332}.brand-text small{font-size:9px;font-weight:700;letter-spacing:.7px;color:#737c78;margin-top:5px}.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#3d4a45}.nav a{padding:31px 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:3px;background:#f4bd16;transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:#075332}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#064c31,#087044);color:#fff;min-height:520px;display:flex;align-items:center}.hero:after{content:"";position:absolute;right:-180px;bottom:-280px;width:680px;height:680px;border:90px solid rgba(255,196,22,.13);border-radius:50%}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:45px 45px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .8fr;gap:80px;align-items:center;padding:70px 0}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#e8b916}.eyebrow span{display:inline-block;width:28px;height:3px;background:#f5c21b;vertical-align:middle;margin-right:10px}.hero h1{font-family:"Roboto Slab",serif;font-size:50px;line-height:1.15;margin:18px 0}.hero h1 em{font-style:normal;color:#f5c21b}.hero p{max-width:650px;color:#d9eee4;font-size:16px}.hero-actions{display:flex;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:3px;font-weight:800;font-size:12px}.btn-primary{background:#f6c11a;color:#12392b}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.hero-card{background:#fff;color:#18352b;border-radius:4px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.hero-card-top{display:flex;justify-content:space-between;color:#658177;font-size:10px;font-weight:800;letter-spacing:1.5px}.live{color:#087044}.live i{display:inline-block;width:7px;height:7px;background:#26a65b;border-radius:50%;margin-right:5px}.hero-card h3{font-family:"Roboto Slab",serif;font-size:25px;line-height:1.25;margin:22px 0 10px;color:#075332}.hero-card p{font-size:12px;color:#687a73}.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-top:1px solid #e5eae7}.hero-mini-grid a{display:grid;grid-template-columns:25px 1fr 15px;align-items:center;padding:14px 5px;border-bottom:1px solid #e5eae7;font-size:10px;font-weight:700;gap:4px}.hero-mini-grid a:nth-child(odd){border-right:1px solid #e5eae7}.hero-mini-grid b{color:#b9c4bf}.quick-wrap{margin-top:-32px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 15px 40px rgba(17,56,42,.12)}.quick-card{display:flex;align-items:center;gap:13px;padding:21px 18px;border-right:1px solid #e6ebe8}.quick-card:last-child{border:0}.quick-icon{width:38px;height:38px;display:grid;place-items:center;background:#eef6f1;color:#087044;font-size:18px;font-weight:800}.quick-card div{display:flex;flex-direction:column;flex:1}.quick-card b{font-size:12px}.quick-card small{font-size:10px;color:#7a8782}.quick-card>span:last-child{color:#a1aea8}.section{padding:72px 0}.section.alt{background:#f5f7f5}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2,.stats-intro h2{font-family:"Roboto Slab",serif;font-size:31px;line-height:1.2;margin:7px 0 0;color:#153a2c}.section-head.light h2{color:#fff}.all-link,.text-link{font-size:11px;font-weight:800;color:#087044}.news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px}.featured-news{border:1px solid #e3e9e5;background:#fff}.news-image{height:auto;aspect-ratio:1085/507;position:relative;display:flex;align-items:end;padding:20px;background-image:url("assets/tugu-pali-berita.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;overflow:hidden}.news-image:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.20);pointer-events:none}.news-image span{position:relative;background:#f4bd16;color:#19352b;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.news-body{padding:24px}.meta,.tag{font-size:9px;color:#7b8983;font-weight:800;letter-spacing:1px}.news-body h3{font-family:"Roboto Slab",serif;font-size:23px;line-height:1.3;margin:9px 0}.news-body p,.small-news p{font-size:12px;color:#687872}.news-body a{font-size:11px;font-weight:800;color:#087044}.news-list{display:flex;flex-direction:column}.small-news{display:grid;grid-template-columns:65px 1fr;gap:17px;padding:0 0 21px;margin-bottom:21px;border-bottom:1px solid #e2e8e4}.date-box{height:58px;background:#f1f5f2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#087044}.date-box b{font-size:20px;line-height:1}.date-box span{font-size:8px;font-weight:900}.small-news h3{font-size:14px;line-height:1.35;margin:4px 0}.small-news p{margin:0}.green-section{background:#075332;padding:82px 0;color:#fff;position:relative;overflow:hidden}.green-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:70px solid rgba(255,255,255,.025);right:-220px;top:-200px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{position:relative;min-height:480px;overflow:hidden;background:#0a6040;border:1px solid rgba(255,255,255,.16);transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:#f5c21a;box-shadow:0 18px 38px rgba(0,0,0,.18)}.service-photo{position:absolute;inset:0 0 36% 0;background-image:var(--photo);background-size:cover;background-position:center;transition:.45s}.service-photo-card:hover .service-photo{transform:scale(1.045)}.service-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,49,34,.05) 0%,rgba(3,49,34,.18) 36%,rgba(3,49,34,.72) 57%,#06432e 74%,#06432e 100%)}.service-content{position:absolute;left:28px;right:28px;bottom:54px;z-index:2}.service-no{display:inline-block;font-size:12px;color:#fff;font-weight:800;letter-spacing:.4px;margin-bottom:135px}.service-content h3{font-family:"Roboto Slab",serif;font-size:20px;line-height:1.25;margin:0;color:#fff;max-width:310px}.service-line{display:block;width:52px;height:3px;background:#f5c21a;margin:14px 0}.service-content p{font-size:11px;color:#d4e5dd;margin:0;max-width:310px;line-height:1.55}.service-arrow{position:absolute;right:24px;bottom:22px;color:#f5c21a;font-size:22px;z-index:3}.section-head.light h2{color:#fff}.green-section{background:#075332;padding:82px 0;color:#fff;position:relative;overflow:hidden}
.stats-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.stats-intro p{color:#697871;font-size:13px;max-width:530px;margin:18px 0 24px}.stats{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #dfe7e2;border-top:1px solid #dfe7e2}.stat{padding:32px;border-right:1px solid #dfe7e2;border-bottom:1px solid #dfe7e2}.stat strong{display:block;font-family:"Roboto Slab",serif;color:#087044;font-size:35px}.stat span{font-size:11px;color:#75827d;font-weight:700}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.info-card{background:#fff;border:1px solid #e2e8e4;padding:23px;display:grid;grid-template-columns:40px 1fr 20px;gap:15px;align-items:center;transition:.2s}.info-card:hover{border-color:#d6ae16;box-shadow:0 8px 25px rgba(0,0,0,.05)}.info-card>span{font-size:23px;color:#087044}.info-card h3{font-size:14px;margin:0 0 3px}.info-card p{font-size:10px;color:#78857f;margin:0}.info-card>b{color:#9aa69f}.cta-section{background:#f4c21a;color:#183a2d}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0}.cta-inner h2{font-family:"Roboto Slab",serif;font-size:27px;margin:7px 0}.cta-inner p{margin:0;font-size:12px}.btn-yellow{background:#075332;color:#fff}.publication-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pub-card{border:1px solid #e2e8e4;padding:20px;display:flex;align-items:center;gap:14px}.pub-card>span{font-size:9px;font-weight:900;background:#eef5f1;color:#087044;padding:7px}.pub-card div{display:flex;flex-direction:column;flex:1}.pub-card b{font-size:12px}.pub-card small{font-size:9px;color:#7c8984}.pub-card a{font-weight:900;color:#087044}.footer-main{background:#073e2a;color:#dce9e2;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.6fr .65fr .8fr 1.2fr;gap:45px}.footer-logos{display:flex;align-items:center;gap:9px;margin-bottom:12px}.footer-logos img{width:38px;height:48px;object-fit:contain}.footer-logos img+img{width:42px;height:42px}.footer-brand h3{font-family:"Roboto Slab",serif;font-size:15px;line-height:1.3;margin:0}.footer-brand p,.footer-grid p{font-size:10px;color:#9fc0af}.footer-grid h4{font-size:11px;color:#f5c21b;text-transform:uppercase;letter-spacing:1px}.footer-grid>div:not(.footer-brand) a{display:block;font-size:10px;color:#b9cec3;margin:9px 0}.footer-bottom{background:#043222;color:#82a696;font-size:9px}.footer-bottom .container{display:flex;justify-content:space-between;padding:16px 0}.menu-toggle{cursor:pointer}@media(max-width:1000px){.nav{gap:13px}.nav a{font-size:11px}.hero-grid{gap:40px}.hero h1{font-size:42px}.service-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.topbar{display:none}.header-inner{min-height:72px}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;flex-direction:column;align-items:stretch;padding:10px 6%;box-shadow:0 15px 25px rgba(0,0,0,.08);gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #edf0ee}.nav a:after{display:none}.menu-toggle{display:block}.brand-text strong{font-size:13px}.brand-text span{font-size:12px}.brand-text small{font-size:7px}.logo-pali{width:37px;height:48px}.logo-pu{width:39px;height:39px}.hero-grid,.news-grid,.stats-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:58px 0}.hero h1{font-size:36px}.hero-card{margin-top:5px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card:nth-child(2){border-right:0}.quick-card{border-bottom:1px solid #e6ebe8}.section{padding:60px 0}.section-head{align-items:start;gap:15px}.section-head h2,.stats-intro h2{font-size:25px}.service-grid,.publication-grid{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:520px){.brand-text small{display:none}.quick-grid,.service-grid,.publication-grid,.footer-grid{grid-template-columns:1fr}.quick-card{border-right:0}.hero h1{font-size:31px}.hero p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.news-image{height:210px}.stats{margin-top:10px}.footer-bottom .container{flex-direction:column;gap:5px}}

@media(max-width:780px){.service-card{min-height:400px}.service-content{left:22px;right:22px}.service-no{margin-bottom:95px}}
@media(max-width:520px){.service-card{min-height:380px}.service-no{margin-bottom:100px}}

/* PBG */
.pbg-section{background:#f4f7f5;padding:88px 0;color:#17392d}.pbg-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#063f2b,#087149);min-height:360px;padding:55px 62px;color:#fff;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;border:1px solid rgba(7,83,50,.15)}.pbg-hero:after{content:"";position:absolute;width:470px;height:470px;border:80px solid rgba(246,193,26,.08);border-radius:50%;right:-180px;top:-250px}.pbg-copy{position:relative;z-index:2}.pbg-copy h2{font-family:"Roboto Slab",serif;font-size:39px;line-height:1.15;margin:12px 0}.pbg-copy h2 em{font-style:normal;color:#f5c21a}.pbg-lead{max-width:700px;color:#d8e9e1;font-size:14px}.pbg-actions{display:flex;gap:12px;margin-top:25px}.btn-pbg-primary{background:#f5c21a;color:#17392d}.btn-pbg-outline{border:1px solid rgba(255,255,255,.45);color:#fff}.pbg-note{margin-top:16px;font-size:10px;color:#a9cbbd}.pbg-note span{color:#f5c21a;font-weight:900;margin-right:6px}.pbg-building{position:relative;z-index:2;width:245px;height:245px;border:1px solid rgba(245,194,26,.55);margin:auto;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.08));box-shadow:0 25px 50px rgba(0,0,0,.16)}.pbg-building-glow{position:absolute;width:175px;height:175px;border-radius:50%;background:rgba(245,194,26,.12);filter:blur(2px)}.building-icon{position:relative;font-size:105px;line-height:1;color:#f5c21a}.pbg-building>span{position:absolute;bottom:20px;font-size:10px;letter-spacing:3px;font-weight:900;color:#fff}.pbg-tools{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 12px 35px rgba(20,55,42,.08);margin-top:-28px;position:relative;z-index:3}.pbg-tools a{display:grid;grid-template-columns:42px 1fr 15px;align-items:center;gap:12px;padding:22px 20px;border-right:1px solid #e4ebe7}.pbg-tools a:last-child{border:0}.pbg-tool-icon{width:38px;height:38px;border:1px solid #d4e1da;display:grid;place-items:center;color:#087044;font-weight:900}.pbg-tools b{display:block;font-size:12px}.pbg-tools small{display:block;font-size:9px;color:#7a8881;margin-top:2px}.pbg-tools strong{color:#087044}.pbg-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.pbg-info-box{background:#fff;border:1px solid #e0e8e3;padding:30px}.pbg-info-box h3{font-family:"Roboto Slab",serif;font-size:22px;line-height:1.3;margin:10px 0 18px}.pbg-info-box ul{margin:0;padding-left:19px;color:#60736b;font-size:12px}.pbg-info-box li{margin:9px 0}.pbg-disclaimer{border-left:3px solid #f5c21a;padding:9px 12px;background:#f7f9f7;font-size:9px;color:#718079;margin-top:20px}.pbg-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pbg-steps div{display:flex;align-items:center;gap:10px;background:#f5f8f6;padding:12px}.pbg-steps b{color:#087044;font-size:11px}.pbg-steps span{font-size:10px;color:#51665d}.pbg-faq{margin-top:18px;background:#f5c21a;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pbg-faq h3{font-family:"Roboto Slab",serif;font-size:24px;margin:7px 0}.pbg-faq p{font-size:11px;margin:0;max-width:650px}.pbg-faq-actions{display:flex;gap:10px;flex-shrink:0}.btn-pbg-outline-dark{border:1px solid #075332;color:#075332}.pbg-section .section-kicker{color:#d6a900}
@media(max-width:780px){.pbg-hero{grid-template-columns:1fr;padding:40px 28px}.pbg-building{display:none}.pbg-copy h2{font-size:31px}.pbg-tools{grid-template-columns:1fr 1fr}.pbg-tools a:nth-child(2){border-right:0}.pbg-info-grid{grid-template-columns:1fr}.pbg-faq{flex-direction:column;align-items:flex-start}.pbg-faq-actions{flex-wrap:wrap}}
@media(max-width:520px){.pbg-tools{grid-template-columns:1fr}.pbg-tools a{border-right:0;border-bottom:1px solid #e4ebe7}.pbg-info-box{padding:22px}.pbg-steps{grid-template-columns:1fr}.pbg-actions,.pbg-faq-actions{flex-direction:column}.pbg-actions .btn,.pbg-faq-actions .btn{justify-content:center}}

/* News hero: title is already embedded in the Tugu PALI artwork. */
.news-section-head{margin-bottom:22px;min-height:22px;align-items:center}
.news-section-head .section-kicker{margin:0}
.news-section-head .all-link{margin-left:auto}
.featured-news{overflow:hidden;border-radius:3px}
.news-image{height:390px;background-size:cover;background-position:center center}
.news-image:before{inset:22px}
@media(max-width:780px){
  .section{padding:60px 0}
  .news-image{height:300px}
}
@media(max-width:520px){
  .news-image{height:235px}
}

/* Final news hero: show the complete banner without cropping. */
.featured-news .news-image{aspect-ratio:1085/507;height:auto;background-size:100% 100%}
@media(max-width:780px){
  .featured-news .news-image{aspect-ratio:1085/507;height:auto;background-size:100% 100%}
}
@media(max-width:520px){
  .featured-news .news-image{aspect-ratio:1085/507;height:auto;background-size:100% 100%}
}

/* The news artwork already contains all editorial typography; hide the old HTML label. */
.news-image > span{display:none!important}

/* SP4N-LAPOR! */
.lapor-section{background:#f5f8f6;padding:78px 0;color:#17392d}.lapor-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#073e2a,#087149);color:#fff;min-height:360px;padding:54px 60px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;box-shadow:0 18px 45px rgba(13,55,39,.12)}.lapor-card:after{content:"";position:absolute;width:430px;height:430px;border:70px solid rgba(245,194,26,.08);border-radius:50%;right:-170px;top:-250px}.lapor-copy{position:relative;z-index:2}.lapor-copy h2{font-family:"Roboto Slab",serif;font-size:40px;line-height:1.1;margin:10px 0;color:#fff}.lapor-lead{max-width:700px;color:#d8e9e1;font-size:14px}.lapor-actions{display:flex;gap:12px;margin-top:25px}.btn-lapor-primary{background:#f5c21a;color:#17392d}.btn-lapor-outline{border:1px solid rgba(255,255,255,.45);color:#fff}.lapor-note{margin-top:15px;font-size:10px;color:#a9cbbd}.lapor-note span{color:#f5c21a;font-weight:900;margin-right:6px}.lapor-badge{position:relative;z-index:2;width:245px;height:245px;margin:auto;border:1px solid rgba(245,194,26,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.06);box-shadow:0 25px 50px rgba(0,0,0,.15)}.lapor-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f5c21a;color:#17392d;font-size:31px;font-weight:900;margin-bottom:12px}.lapor-badge strong{font-family:"Roboto Slab",serif;font-size:25px;color:#fff}.lapor-badge span{font-size:9px;line-height:1.4;color:#d8e9e1;max-width:170px;margin-top:5px}.lapor-badge small{font-size:9px;letter-spacing:2px;font-weight:900;color:#f5c21a;margin-top:12px}.lapor-tools{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 12px 35px rgba(20,55,42,.08);margin-top:-25px;position:relative;z-index:3}.lapor-tools>div{padding:22px 20px;border-right:1px solid #e4ebe7}.lapor-tools>div:last-child{border:0}.lapor-tools span{display:block;font-size:10px;color:#b2bdb7;font-weight:900;margin-bottom:8px}.lapor-tools b{display:block;font-size:12px;color:#17392d}.lapor-tools small{display:block;font-size:9px;line-height:1.5;color:#7a8881;margin-top:4px}
@media(max-width:780px){.lapor-card{grid-template-columns:1fr;padding:42px 28px}.lapor-badge{display:none}.lapor-tools{grid-template-columns:1fr 1fr}.lapor-tools>div:nth-child(2){border-right:0}.lapor-tools>div:nth-child(-n+2){border-bottom:1px solid #e4ebe7}}
@media(max-width:520px){.lapor-tools{grid-template-columns:1fr}.lapor-tools>div{border-right:0;border-bottom:1px solid #e4ebe7}.lapor-tools>div:last-child{border-bottom:0}.lapor-actions{flex-direction:column}.lapor-actions .btn{justify-content:center}.lapor-copy h2{font-size:32px}}