:root{--biru-900:#123b74;--biru-700:#1a56a0;--biru-500:#2470b8;--biru-400:#3e8fd0;--biru-300:#6faedf;--latar:#edf2f8;--panel:#fff;--panel2:#f6f9fc;--ink:#132a47;--ink-lembut:#4a6076;--garis:#dce6f0;--bar-track:#e3ecf5;--shadow:0 10px 30px #123b7414;--shadow-lift:0 16px 40px #123b7429;--bb:#1a56a01f;--bb-t:#1a56a0;--bo:#1f9d6624;--bo-t:#177a4e;--bw:#c98a1b29;--bw-t:#96650f;--bd:#c4453c21;--bd-t:#b23a32;--ba:#4a60761f;--ba-t:#4a6076}[data-theme=gelap] .hero{--latar:#0b1826;--panel:#122540;--panel2:#0f2036;--ink:#e9f1f9;--ink-lembut:#9fb4c8;--garis:#1f3a57;--bar-track:#1e3a5c;--shadow:0 10px 30px #00000059;--shadow-lift:0 16px 40px #00000080;--bb:#6ea0d729;--bb-t:#8fc1ee;--bo:#5fd3a024;--bo-t:#5fd3a0;--bw:#e8b75c24;--bw-t:#e8b75c;--bd:#f08a8224;--bd-t:#f08a82;--ba:#9fb4c824;--ba-t:#9fb4c8}[data-theme=gelap] body{background:radial-gradient(1100px 640px at 88% -12%, #2470b866, transparent 62%), radial-gradient(900px 560px at -15% 110%, #123b7480, transparent 64%), radial-gradient(700px 420px at 55% 120%, #2470b842, transparent 66%), var(--latar);background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(1100px 640px at 88% -12%, #3e8fd073, transparent 62%), radial-gradient(900px 560px at -15% 110%, #1a56a061, transparent 64%), radial-gradient(700px 420px at 55% 120%, #6faedf47, transparent 66%), var(--latar);background-attachment:fixed;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;line-height:1.6;transition:color .3s}h1,h2{font-family:"Source Serif 4",Georgia,serif;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--biru-700);color:#fff}section[id]{scroll-margin-top:86px}svg.ikon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--garis);flex-direction:column;gap:8px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{border-bottom:1px solid var(--garis);align-items:center;gap:12px;margin-bottom:14px;padding:4px 8px 20px;display:flex}.logo strong{letter-spacing:.04em;font-size:1.15rem;font-weight:800;line-height:1.2;display:block}.logo span{color:var(--ink-lembut);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.nav-link{color:var(--ink-lembut);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.nav-link:hover{background:var(--panel2);color:var(--ink)}.nav-link.aktif{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;box-shadow:0 6px 16px #1a56a04d}.sidebar-kaki{border-top:1px solid var(--garis);flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex}.tombol-tema{border:1px solid var(--garis);background:var(--panel2);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.tombol-tema:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tombol-tema svg{width:20px;height:20px}.kaki-teks{color:var(--ink-lembut);font-size:.72rem}.topbar{z-index:50;background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--garis);align-items:center;gap:12px;padding:12px 18px;display:none;position:sticky;top:0}.topbar strong{letter-spacing:.04em;font-weight:800}.topbar .tombol-tema{margin-left:auto}.bottomnav{z-index:50;background:var(--panel);border-top:1px solid var(--garis);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.bn-link{color:var(--ink-lembut);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:.62rem;font-weight:600;display:flex}.bn-link.aktif{color:var(--biru-500)}.konten{width:100%;max-width:1160px;margin:0 auto;padding:28px clamp(16px,3.5vw,40px)}.bagian{margin-bottom:44px}.bagian-kepala{margin-bottom:18px}.bagian-kepala h2{margin:4px 0 2px;font-size:clamp(1.4rem,3vw,1.75rem)}.bagian-kepala p{color:var(--ink-lembut);max-width:560px;font-size:.9rem}.mini-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--biru-500);font-size:.7rem;font-weight:800}.banner-demo{background:var(--bw);color:var(--bw-t);border:1px solid color-mix(in srgb, var(--bw-t) 25%, transparent);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:.82rem;font-weight:600;display:flex}.banner-demo svg{margin-top:2px}.hero{color:#fff;background:linear-gradient(130deg, var(--biru-900) 0%, var(--biru-700) 45%, var(--biru-400) 100%);box-shadow:var(--shadow);border-radius:22px;margin-bottom:36px;padding:clamp(36px,6vw,64px) clamp(22px,4.5vw,56px) clamp(90px,12vw,130px);position:relative;overflow:hidden}[data-theme=gelap] .hero{background:linear-gradient(130deg,#0c2b52 0%,#14406f 50%,#1a56a0 100%)}.hero-motif{color:#fff;opacity:.12;width:100%;height:100%;position:absolute;inset:0}.siluet{color:#081f3d;opacity:.32;width:100%;height:auto;position:absolute;bottom:0;left:0}[data-theme=gelap] .siluet{color:#04101f;opacity:.5}.hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff3 45%,#ffffff57 50%,#fff3 55%,#0000 70%);animation:7s ease-in-out infinite kilau;position:absolute;inset:0;transform:translate(-130%)}@keyframes kilau{0%,55%{transform:translate(-130%)}85%,to{transform:translate(130%)}}.hero-isi{z-index:2;max-width:640px;position:relative}.hero .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#cfe4f7;margin-bottom:12px;font-size:.72rem;font-weight:800}.hero h1{margin-bottom:12px;font-size:clamp(1.9rem,4.6vw,3rem);font-weight:700}.hero h1 em{color:#cfe4f7;font-style:italic}.hero .sub{color:#dceaf7;max-width:520px;margin-bottom:22px;font-size:.95rem}.hero-chip{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.chip-info-pil{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.dot{background:#4ade80;border-radius:50%;flex:none;width:9px;height:9px}.dot.hidup{animation:2s infinite denyut}@keyframes denyut{70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.tombol{color:var(--biru-700);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #0000002e}.tombol:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000040}.tombol-garis{color:#fff;box-shadow:none;background:0 0;border:1.5px solid #ffffff8c}.tombol-garis:hover{box-shadow:none;background:#ffffff1f}.panel{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--shadow);border-radius:18px;padding:clamp(18px,3vw,26px)}.grid{gap:16px;display:grid}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.grid-kartu{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}.kartu{background:var(--panel2);border:1px solid var(--garis);border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:transform .25s,box-shadow .25s;display:flex}.kartu:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.kartu.sembunyi{display:none}.kartu-atas{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kartu-atas h3{font-size:.98rem;font-weight:700;line-height:1.35}.lokasi{color:var(--ink-lembut);align-items:center;gap:6px;font-size:.78rem;display:flex}.ket{color:var(--ink-lembut);font-size:.82rem}.kartu-bawah{color:var(--ink);justify-content:space-between;margin-top:auto;font-size:.78rem;font-weight:700;display:flex}.kartu-bawah span:last-child{color:var(--ink-lembut);font-weight:600}.kpi{align-items:flex-start}.kpi-ikon{background:var(--bb);width:44px;height:44px;color:var(--bb-t);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.kpi .nilai{letter-spacing:-.02em;font-size:1.9rem;font-weight:800;line-height:1.1}.kpi .label{font-size:.88rem;font-weight:700}.kpi .catatan{color:var(--ink-lembut);font-size:.76rem}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.68rem;font-weight:800;display:inline-flex}.badge .dot{width:7px;height:7px}.b-biru{background:var(--bb);color:var(--bb-t)}.b-ok{background:var(--bo);color:var(--bo-t)}.b-warn{background:var(--bw);color:var(--bw-t)}.b-bad{background:var(--bd);color:var(--bd-t)}.b-abu{background:var(--ba);color:var(--ba-t)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip{border:1.5px solid var(--garis);color:var(--ink-lembut);background:var(--panel2);border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.chip:hover{border-color:var(--biru-400);color:var(--biru-500)}.chip.aktif{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;border-color:#0000;box-shadow:0 6px 14px #1a56a04d}.chip-info{color:var(--ink-lembut);margin-bottom:16px;font-size:.78rem}.bar{background:var(--bar-track);border-radius:999px;height:10px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--biru-700), var(--biru-400));border-radius:999px;width:0;height:100%;transition:width 1.1s cubic-bezier(.22,1,.36,1);display:block}.gigir{color:var(--biru-500);vertical-align:-4px;margin-right:8px;animation:14s linear infinite putar;display:inline-flex}@keyframes putar{to{transform:rotate(360deg)}}.linimasa{padding-left:24px;list-style:none;position:relative}.linimasa:before{content:"";background:var(--garis);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:6px}.linimasa li{padding:0 0 22px 12px;position:relative}.linimasa li:last-child{padding-bottom:0}.linimasa li:before{content:"";background:var(--biru-400);border:3px solid var(--panel);width:14px;height:14px;box-shadow:0 0 0 2px var(--biru-400);border-radius:50%;position:absolute;top:6px;left:-24px}.linimasa .tgl{color:var(--biru-500);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.linimasa h4{margin:2px 0;font-size:.95rem}.linimasa p{color:var(--ink-lembut);font-size:.84rem}.linimasa .oleh{color:var(--ink-lembut);font-size:.74rem;font-style:italic}.kontak-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.baris-kontak{border:1px solid var(--garis);background:var(--panel2);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.baris-kontak svg{color:var(--biru-500);margin-top:2px}.baris-kontak strong{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-lembut);font-size:.8rem;display:block}.baris-kontak span{font-size:.92rem;font-weight:600}.muncul{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.muncul.tampak{opacity:1;transform:none}footer{text-align:center;color:var(--ink-lembut);padding:10px 0 30px;font-size:.76rem}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar,.bottomnav{display:flex}.konten{padding-bottom:110px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.logo-img{display:block}}.nav-grup{border:1px solid var(--garis);background:var(--panel2);border-radius:14px;margin-bottom:4px;transition:border-color .2s;overflow:hidden}.nav-grup.aktif{border-color:var(--biru-400)}.nav-grup-tombol{width:100%;color:var(--ink);align-items:center;gap:12px;padding:11px 14px;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.nav-grup-tombol:hover{background:var(--panel)}.nav-grup-tombol .ikon{color:var(--biru-500)}.nav-grup-teks{text-align:left;flex-direction:column;flex:1;align-items:flex-start;line-height:1.3;display:flex}.nav-grup-sub{color:var(--ink-lembut);font-size:.7rem;font-weight:600}.nav-chevron{color:var(--ink-lembut);margin-left:auto;transition:transform .3s;display:inline-flex}.nav-chevron.terbuka{transform:rotate(180deg)}.nav-anak-bungkus{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.nav-anak-bungkus.terbuka{grid-template-rows:1fr}.nav-anak{flex-direction:column;gap:2px;padding:0 8px;display:flex;overflow:hidden}.nav-anak-bungkus.terbuka .nav-anak{padding-bottom:8px}.nav-anak-link{color:var(--ink-lembut);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.nav-anak-link:hover{background:var(--panel);color:var(--ink)}.nav-anak-link.aktif{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;box-shadow:0 4px 12px #1a56a047}.bagian-judul{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pabrik-panel{flex-direction:column;gap:14px;margin-bottom:16px;scroll-margin-top:86px;display:flex}.pabrik-panel:last-child{margin-bottom:0}.pabrik-meta{flex-wrap:wrap;gap:8px;display:flex}.info-pil{background:var(--panel2);border:1px solid var(--garis);color:var(--ink-lembut);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.info-pil svg{width:14px;height:14px}.pabrik-output{flex-direction:column;gap:8px;display:flex}.pabrik-output-angka{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pabrik-output-angka .nilai{letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.pabrik-kolom{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.pabrik-kolom h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-lembut);margin-bottom:8px;font-size:.8rem}.baris-data{flex-direction:column;list-style:none;display:flex}.baris-data li{border-bottom:1px dashed var(--garis);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:.85rem;display:flex}.baris-data li:last-child{border-bottom:none}.baris-data li strong{text-align:right;font-weight:700}.stok-status{align-items:center;gap:8px;display:inline-flex}.pabrik-catatan{border-top:1px solid var(--garis);flex-direction:column;gap:6px;padding-top:12px;display:flex}.pabrik-catatan p{color:var(--ink-lembut);font-size:.85rem}.pabrik-catatan strong{color:var(--ink)}@keyframes fadeMasuk{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pabrik-detail{animation:.35s fadeMasuk}.tautan-detail{color:var(--biru-500);align-items:center;gap:6px;margin-top:auto;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.tautan-detail:hover{color:var(--biru-700);transform:translate(2px)}.lini-daftar{flex-direction:column;max-width:560px;display:flex}.lini-item{flex-direction:column;display:flex}.lini-unit{border:1px solid var(--garis);background:var(--panel2);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex}.lini-unit:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.lini-unit h4{font-size:.92rem}.lini-tipe{color:var(--ink-lembut);font-size:.76rem}.lini-panah{color:var(--biru-400);align-self:center;padding:4px 0;font-size:1.15rem;font-weight:800;line-height:1}.proses-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.proses-kartu{border:1px solid var(--garis);background:var(--panel2);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.proses-dot{border-radius:50%;width:9px;height:9px;margin-bottom:4px}.proses-dot.ok{background:var(--bo-t)}.proses-dot.warn{background:var(--bw-t)}.proses-dot.bad{background:var(--bd-t)}.proses-label{color:var(--ink-lembut);font-size:.72rem;font-weight:700}.proses-nilai{font-size:1.05rem;font-weight:800}.prod-daftar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.prod-kartu{gap:8px}.prod-atas{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.prod-atas h3{font-size:.92rem}.prod-capaian{color:var(--biru-500);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:800}.resep-kartu{gap:8px}.resep-bar{background:var(--bar-track);border-radius:999px;height:14px;display:flex;overflow:hidden}.resep-bar i{height:100%;display:block}.resep-legenda{color:var(--ink-lembut);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:.74rem;font-weight:600;display:flex}.publik main>section:not(.hero2){max-width:1160px;margin-bottom:56px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.hal-proyek{max-width:1160px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 56px}.bagian-kepala-tengah{text-align:center;max-width:620px;margin-left:auto;margin-right:auto}.bagian-kepala-tengah p{margin-left:auto;margin-right:auto}.chips-tengah{justify-content:center}.chip-separator{background:var(--garis);align-self:stretch;width:1px;margin:2px 6px}.navbar-publik{z-index:60;background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--garis);align-items:center;gap:18px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:10px;display:flex}.navbar-brand strong{letter-spacing:.04em;font-weight:800}.navbar-menu{align-items:center;gap:2px;display:flex}.nav-satu,.navdd-btn{color:var(--ink-lembut);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:8px 12px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-satu:hover,.navdd-btn:hover{background:var(--panel2);color:var(--ink)}.navdd{position:relative}.navdd-panel{background:var(--panel);border:1px solid var(--garis);min-width:210px;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;border-radius:14px;padding:8px;transition:all .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px)}.navdd:hover .navdd-panel,.navdd:focus-within .navdd-panel{opacity:1;visibility:visible;transform:none}.navdd-panel a{color:var(--ink-lembut);border-radius:9px;padding:9px 12px;font-size:.86rem;font-weight:600;display:block}.navdd-panel a:hover{background:var(--panel2);color:var(--ink)}.navbar-aksi{align-items:center;gap:10px;margin-left:auto;display:flex}.tombol-nav{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;box-shadow:0 6px 14px #1a56a04d}.tombol-nav:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1a56a066}.navbar-burger{border:1px solid var(--garis);background:var(--panel2);width:42px;height:42px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:none}.navbar-gembok{border:1px solid var(--garis);background:var(--panel2);width:42px;height:42px;color:var(--ink-lembut);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.navbar-gembok:hover{color:var(--biru-500);border-color:var(--biru-400);transform:translateY(-2px)}.navbar-mobile{z-index:59;background:var(--panel);border:1px solid var(--garis);box-shadow:var(--shadow-lift);border-radius:16px;flex-direction:column;gap:2px;max-height:75vh;padding:10px;animation:.2s navPop;display:flex;position:fixed;top:66px;left:12px;right:12px;overflow-y:auto}@keyframes navPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.navbar-mobile a{color:var(--ink);border-radius:10px;padding:12px 14px;font-size:.95rem;font-weight:700}.navbar-mobile a:hover{background:var(--panel2)}.navbar-mobile .nb-pisah{border-top:1px solid var(--garis);color:var(--biru-500);margin-top:6px;padding-top:12px}.hero2{color:#fff;background:linear-gradient(130deg, var(--biru-900) 0%, var(--biru-700) 45%, var(--biru-400) 100%);padding:clamp(84px,14vh,140px) clamp(20px,5vw,64px) clamp(56px,8vw,84px);position:relative;overflow:hidden}[data-theme=gelap] .hero2{background:linear-gradient(130deg,#081f3d 0%,#0f3564 50%,#1a56a0 100%)}.hero2-foto{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero2-overlay{z-index:1;background:linear-gradient(100deg,#081932e0 0%,#0819329e 55%,#08193259 100%);position:absolute;inset:0}.hero2:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff29 45%,#ffffff47 50%,#ffffff29 55%,#0000 70%);animation:7s ease-in-out infinite kilau;position:absolute;inset:0;transform:translate(-130%)}.hero2-isi{z-index:3;max-width:1160px;margin:0 auto;position:relative}.hero2-isi>*{animation:.7s both heroNaik}.hero2-isi>:nth-child(2){animation-delay:80ms}.hero2-isi>:nth-child(3){animation-delay:.16s}.hero2-isi>:nth-child(4){animation-delay:.24s}@keyframes heroNaik{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero2-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.hero2-chip .dot{background:#4ade80}.hero2 h1{letter-spacing:-.01em;max-width:860px;margin:20px 0 18px;font-size:clamp(2.2rem,5.6vw,3.9rem);font-weight:700;line-height:1.1}.hero2 h1 em{color:#cfe4f7;font-style:italic}.hero2-sub{color:#dceaf7;max-width:620px;margin-bottom:28px;font-size:clamp(.95rem,1.6vw,1.1rem)}.hero2-cta{flex-wrap:wrap;gap:12px;display:flex}.hero2 .tombol{padding:14px 28px;font-size:.95rem}.tombol-hero{color:var(--biru-700);background:#fff}.snapshot-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;display:grid}.snapshot-teks{color:var(--ink);font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600;line-height:1.55}.snapshot-stat{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.layanan2-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.layanan2-kartu{gap:8px}.layanan2-kartu h3{font-size:1.02rem}.bento-ikon{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:0 8px 18px #1a56a04d}.kap-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:34px;display:flex}.kap-chip{color:var(--ink);background:var(--panel);border:1.5px solid var(--garis);border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:700}.fasilitas-kepala{text-align:center;max-width:560px;margin:0 auto 20px}.fasilitas-judul{margin-bottom:4px;font-family:"Source Serif 4",Georgia,serif;font-size:1.3rem}.fasilitas-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.fasilitas-kartu{align-items:flex-start;gap:8px}.fasilitas-kartu h3{font-size:1.02rem}.mengapa-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mengapa-kartu{gap:8px}.mengapa-ikon{background:var(--bo);width:38px;height:38px;color:var(--bo-t);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.mengapa-kartu h3{font-size:.95rem}.timeline{grid-template-columns:repeat(6,1fr);gap:14px;padding-top:14px;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg, var(--biru-700), var(--biru-400));opacity:.35;height:2px;position:absolute;top:27px;left:8.33333%;right:8.33333%}.tl-item{text-align:center}.tl-dot{background:var(--panel);border:2px solid var(--biru-400);width:30px;height:30px;color:var(--biru-500);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:.68rem;font-weight:800;display:flex;position:relative}.tl-item h3{margin-bottom:4px;font-size:.86rem}.tl-item .ket{font-size:.78rem}.porto-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.porto-kartu{padding:0;overflow:hidden}.porto-kartu:hover{transform:translateY(-6px)}.porto-isi{flex-direction:column;gap:7px;padding:16px;display:flex}.porto-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.porto-badge-group{flex-wrap:wrap;gap:6px;display:inline-flex}.porto-kartu h3{font-size:1.05rem}.porto-lihat{color:var(--biru-500);margin-top:4px;font-size:.8rem;font-weight:700;transition:all .2s}.porto-kartu:hover .porto-lihat{transform:translate(3px)}.porto-lainnya{text-align:center;margin-top:24px}.foto-wrap{aspect-ratio:16/10;background:var(--panel2);position:relative;overflow:hidden}.foto-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.porto-kartu:hover .foto-img{transform:scale(1.05)}.foto-plh{width:100%;height:100%;display:block}.foto-plh-teks{fill:var(--ink-lembut);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-style:italic;font-weight:600}.hl-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;display:grid}.hl-foto .foto-wrap{aspect-ratio:4/3;height:100%;box-shadow:var(--shadow);border-radius:18px}.hl-info{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;padding:clamp(20px,3vw,30px);display:flex}.hl-info h2{font-size:clamp(1.3rem,2.6vw,1.8rem)}.lokasi-hl{margin-top:-8px}.hl-meta{flex-direction:column;list-style:none;display:flex}.hl-meta li{border-bottom:1px dashed var(--garis);justify-content:space-between;gap:12px;padding:9px 0;font-size:.88rem;display:flex}.hl-meta li:last-child{border-bottom:none}.hl-meta span{color:var(--ink-lembut)}.hl-aksi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.sertifikat-wrap{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.sertifikat-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sertifikat-chip{color:var(--ink-lembut);background:var(--panel2);border:1px dashed var(--garis);border-radius:12px;padding:12px 18px;font-size:.84rem;font-weight:700}.berita-list{list-style:none}.berita-list li{border-bottom:1px solid var(--garis);align-items:flex-start;gap:18px;padding:16px 4px;display:flex}.berita-list li:last-child{border-bottom:none;padding-bottom:4px}.berita-tgl{letter-spacing:.05em;color:var(--biru-500);background:var(--bb);white-space:nowrap;border-radius:999px;flex:none;margin-top:2px;padding:6px 12px;font-size:.74rem;font-weight:800}.berita-list h3{margin-bottom:2px;font-size:.98rem}.galeri-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.galeri-item .foto-wrap{box-shadow:var(--shadow);border-radius:14px}.galeri-label{text-align:center;color:var(--ink-lembut);margin-top:8px;font-size:.78rem;font-weight:700;display:block}.detail-porto{max-width:1160px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 56px}.detail-foto-utama .foto-wrap{aspect-ratio:21/9;box-shadow:var(--shadow);border-radius:18px}.detail-porto-isi{align-items:start;margin-top:4px}.portofolio-ket{color:var(--ink-lembut);margin-bottom:12px;font-size:.92rem}.galeri-kosong{grid-column:1/-1}.galeri-kosong .foto-wrap{border-radius:14px}.cta-pita{max-width:1160px;margin:0 auto 44px;padding:0 clamp(16px,4vw,40px)}.cta-pita-isi{background:linear-gradient(130deg, var(--biru-900) 0%, var(--biru-700) 55%, var(--biru-400) 100%);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:24px;padding:clamp(40px,7vw,72px) clamp(20px,5vw,56px);position:relative;overflow:hidden}[data-theme=gelap] .cta-pita-isi{background:linear-gradient(130deg,#081f3d 0%,#0f3564 55%,#1a56a0 100%)}.cta-pita-isi:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#ffffff4d 50%,#ffffff2e 55%,#0000 70%);animation:7s ease-in-out infinite kilau;position:absolute;inset:0;transform:translate(-130%)}.cta-pita-isi h2{margin-bottom:10px;font-size:clamp(1.6rem,3.5vw,2.4rem)}.cta-pita-isi p{color:#dceaf7;max-width:540px;margin:0 auto 24px;font-size:.95rem}.cta-pita-aksi{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.footer-publik{background:linear-gradient(180deg, var(--biru-900), #0c2b52);color:#dceaf7;margin-top:20px;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px) 24px}.footer-grid{border-bottom:1px solid #ffffff26;grid-template-columns:1.4fr 1fr 1.2fr .8fr;gap:28px;max-width:1160px;margin:0 auto;padding-bottom:24px;display:grid}.footer-brand{align-items:flex-start;gap:12px;display:flex}.footer-brand strong{font-weight:800;display:block}.footer-brand span{color:#b9d3ec;font-size:.8rem}.footer-judul{letter-spacing:.12em;text-transform:uppercase;color:#8fb4d8;margin-bottom:10px;font-size:.72rem;font-weight:800}.footer-menu{flex-wrap:wrap;gap:8px 18px;display:flex}.footer-menu-kolom{flex-direction:column;gap:7px}.footer-menu a,.footer-baris{color:#dceaf7;font-size:.86rem;font-weight:600;transition:all .2s}.footer-menu a:hover{color:#fff}.footer-kaki{color:#9fb4c8;text-align:center;max-width:1160px;margin:14px auto 0;font-size:.74rem}.halaman-masuk{background:radial-gradient(800px 400px at 80% -10%, #3e8fd040, transparent 60%), radial-gradient(600px 300px at 10% 110%, #1a56a040, transparent 60%), var(--latar);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.kartu-masuk{background:var(--panel);border:1px solid var(--garis);width:100%;max-width:400px;box-shadow:var(--shadow-lift);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:34px 30px 26px;display:flex}.kartu-masuk h1{margin-top:10px;font-size:1.5rem}.kartu-masuk form{text-align:left;flex-direction:column;gap:14px;width:100%;margin-top:14px;display:flex}.kartu-masuk label{flex-direction:column;gap:6px;display:flex}.kartu-masuk label span{color:var(--ink-lembut);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.kartu-masuk input{border:1.5px solid var(--garis);background:var(--panel2);color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.kartu-masuk input:focus{border-color:var(--biru-400);box-shadow:0 0 0 3px var(--bb)}.masuk-salah{color:var(--bd-t);background:var(--bd);border-radius:10px;padding:9px 12px;font-size:.82rem;font-weight:700}.tombol-penuh{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;justify-content:center;width:100%;margin-top:4px}.tombol-penuh:hover{box-shadow:0 14px 28px #1a56a059}.masuk-kembali{color:var(--ink-lembut);margin-top:16px;font-size:.82rem;font-weight:600;transition:all .2s}.masuk-kembali:hover{color:var(--biru-500)}.sidebar-user{color:var(--ink);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.sidebar-user svg{color:var(--biru-500)}.sidebar-aksi{gap:8px;display:flex}@media (width<=960px){.timeline{grid-template-columns:repeat(3,1fr)}.timeline:before{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.snapshot-grid,.hl-grid{grid-template-columns:1fr}.navbar-menu{display:none}.navbar-burger{display:inline-flex}}@media (width<=640px){.timeline{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero2-stat{grid-template-columns:repeat(2,1fr)}.berita-list li{flex-direction:column;gap:8px}}.pintu{background:var(--latar);height:420vh;position:relative}.pintu-pin{z-index:70;height:100vh;position:sticky;top:0;overflow:hidden}.pintu-dunia{z-index:1;background:linear-gradient(160deg,#0c2b52 0%,#1a56a0 55%,#2470b8 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}[data-theme=gelap] .pintu-dunia{background:linear-gradient(160deg,#050f1f 0%,#0c2b52 55%,#14406f 100%)}.pintu-dunia-isi{color:#fff;width:min(720px,100%);padding:0 clamp(24px,6vw,56px)}.dunia-kicker{letter-spacing:.24em;text-transform:uppercase;color:#cfe4f7;font-size:.7rem;font-weight:800}.dunia-judul{margin:14px 0 30px;font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.12}.dunia-butir{flex-direction:column;display:flex}.dunia-baris{border-top:1px solid #ffffff2e;grid-template-columns:56px 1fr;gap:14px;padding:18px 0;display:grid}.dunia-no{letter-spacing:.1em;color:#9fc6ec;padding-top:4px;font-size:.74rem;font-weight:800}.dunia-baris h3{margin-bottom:3px;font-size:1.02rem}.dunia-baris p{color:#ffffffb8;font-size:.88rem}.dunia-cue{color:#cfe4f7;margin-top:30px;font-size:.78rem;font-weight:700;animation:1.8s ease-in-out infinite pintuCue;display:block}@keyframes pintuCue{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.pintu-depan{z-index:3;background:var(--latar);will-change:transform, opacity, background-color;flex-direction:column;padding:26px clamp(20px,5vw,56px) 30px;display:flex;position:absolute;inset:0}.pintu-topbar{justify-content:space-between;align-items:flex-start;display:flex}.pintu-brand{letter-spacing:-.02em;color:var(--ink);font-size:1.35rem;font-weight:800}.pintu-tag{color:var(--ink-lembut);text-align:right;max-width:180px;font-size:.85rem;font-weight:600}.pintu-tengah{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.pintu-kicker{color:var(--ink-lembut);margin-bottom:2.2vh;font-size:clamp(.86rem,1.4vw,1.02rem)}.pintu-kata{-webkit-user-select:none;user-select:none;justify-content:center;line-height:.92;display:flex}.pintu-huruf{letter-spacing:-.045em;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(4.6rem,19.5vw,19rem);font-weight:800;line-height:.92;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s}.pintu-huruf:hover{filter:brightness(1.12);transform:translateY(-2.5%)}.pintu-tagline{color:var(--ink-lembut);margin-top:2.6vh;font-size:clamp(.95rem,1.7vw,1.15rem)}.pintu-tombol{background:var(--biru-900);color:#fff;border-radius:999px;align-items:center;gap:12px;margin-top:3.4vh;padding:15px 28px;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 12px 28px #123b7447}.pintu-tombol:hover{transform:translateY(-3px);box-shadow:0 18px 36px #123b745c}.pintu-tombol-ikon{background:#ffffff29;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;display:inline-flex}[data-theme=gelap] .pintu-tombol{background:var(--biru-500)}.pintu-bawah{color:var(--ink-lembut);justify-content:space-between;gap:12px;font-size:.78rem;font-weight:600;display:flex}.pintu-exit{z-index:6;pointer-events:none;background:linear-gradient(to bottom, transparent 40%, var(--latar) 96%);position:absolute;inset:0}.navbar-publik{transition:opacity .35s}body[data-pintu=aktif] .navbar-publik{opacity:0;pointer-events:none}@media (width<=640px){.pintu{height:380vh}.pintu-bawah{flex-direction:column;align-items:center;gap:4px}.pintu-tag{max-width:130px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.pintu{height:auto}.pintu-pin{height:auto;position:static;overflow:visible}.pintu-depan{min-height:88vh;position:static;opacity:1!important;transform:none!important}.pintu-dunia{padding:90px 0;position:static;opacity:1!important}.pintu-dunia-isi{opacity:1!important;transform:none!important}.pintu-exit{display:none}}.nilai-ok{color:var(--bo-t)}.nilai-warn{color:var(--bw-t)}.nilai-bad{color:var(--bd-t)}.kartu-kpi-pro .nilai{font-size:1.6rem}.kpi-atas{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.spark{margin-top:6px;display:block}.spark-garis{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spark-titik{stroke:var(--panel);stroke-width:1px}.gauge-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gauge-kartu{text-align:center;align-items:center}.gauge-kartu h3{font-size:.9rem}.gauge{width:100%;max-width:170px}.gauge-track{fill:none;stroke:var(--bar-track);stroke-width:10px;stroke-linecap:round}.gauge-nilai{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.22,1,.36,1)}.gauge-teks{fill:var(--ink);text-anchor:middle;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.kesehatan-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kesehatan-kartu{text-align:center;align-items:center}.kesehatan-kartu h3{font-size:.85rem}.kesehatan-kartu .ket{font-size:.74rem}.donut-track{fill:none;stroke:var(--bar-track);stroke-width:11px}.donut-nilai{fill:none;stroke-width:11px;stroke-linecap:round;transition:stroke-dasharray .9s cubic-bezier(.22,1,.36,1)}.donut-seg{transition:stroke-dasharray .9s cubic-bezier(.22,1,.36,1)}.donut-teks{fill:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800}.donut-sub{fill:var(--ink-lembut);font-family:Plus Jakarta Sans,sans-serif;font-size:8px;font-weight:600}.grafik-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel-grafik{flex-direction:column;gap:10px;display:flex}.panel-grafik-kepala{flex-direction:column;gap:2px;display:flex}.panel-grafik h3{font-size:.98rem}.grafik{margin:0}.grafik-svg{width:100%;height:auto;display:block}.g-grid{stroke:var(--garis);stroke-width:1px}.g-teks{fill:var(--ink-lembut);font-family:Plus Jakarta Sans,sans-serif;font-size:10px}.g-teks-kanan{text-anchor:end}.g-teks-tengah{text-anchor:middle;font-weight:600}.g-area,.g-area-masuk{fill:var(--bb)}.g-area-keluar{fill:var(--bw)}.g-garis{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.g-garis-planned{stroke:var(--biru-300);stroke-dasharray:6 5}.g-garis-actual,.g-garis-masuk{stroke:var(--biru-700)}.g-garis-keluar{stroke:var(--bw-t);stroke-dasharray:6 4}.g-titik{stroke:var(--panel);stroke-width:1.5px}.g-titik-planned{fill:var(--biru-300)}.g-titik-actual,.g-titik-masuk{fill:var(--biru-700)}.g-titik-keluar{fill:var(--bw-t)}.grafik-legenda{color:var(--ink-lembut);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:4px;font-size:.74rem;font-weight:600;display:flex}.legenda-item{align-items:center;gap:6px;display:inline-flex}.kotak{border-radius:3px;width:10px;height:10px;display:inline-block}.kotak-planned{background:var(--biru-300)}.kotak-actual,.kotak-masuk{background:var(--biru-700)}.kotak-keluar{background:var(--bw-t)}.varians{margin-left:auto}.varians.negatif{color:var(--bd-t)}.varians.positif{color:var(--bo-t)}.donutmulti-wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donutmulti-legend{flex-direction:column;flex:1;gap:8px;min-width:170px;display:flex}.legend-row{justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.legend-kiri{color:var(--ink-lembut);align-items:center;gap:8px;font-weight:600;display:inline-flex}.heatmap{grid-template-rows:repeat(7,15px);grid-auto-flow:column;gap:3px;padding-bottom:6px;display:grid;overflow-x:auto}.heat{background:var(--bar-track);border-radius:3px;width:15px;height:15px}.heat-0{background:var(--bar-track)}.heat-1{background:color-mix(in srgb, var(--biru-500) 25%, var(--bar-track))}.heat-2{background:color-mix(in srgb, var(--biru-500) 45%, var(--bar-track))}.heat-3{background:color-mix(in srgb, var(--biru-500) 70%, var(--bar-track))}.heat-4{background:var(--biru-700)}.heatmap-legend{color:var(--ink-lembut);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:.72rem;display:flex}.heatmap-ket{margin-left:6px}.alert-list{flex-direction:column;list-style:none;display:flex}.alert-list li{border-bottom:1px dashed var(--garis);align-items:center;gap:10px;padding:9px 0;font-size:.84rem;display:flex}.alert-list li:last-child{border-bottom:none}.alert-teks{font-weight:600;line-height:1.4}.alert-waktu{color:var(--ink-lembut);white-space:nowrap;margin-left:auto;font-size:.72rem}.alert-list+.tautan-detail{margin-top:10px}.tabel-bungkus{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;min-width:980px}.tabel th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-lembut);border-bottom:1px solid var(--garis);white-space:nowrap;padding:10px 12px;font-size:.68rem;font-weight:800}.tabel td{border-bottom:1px solid var(--garis);white-space:nowrap;vertical-align:middle;padding:12px;font-size:.84rem}.tabel tbody tr:last-child td{border-bottom:none}.tabel-baris{cursor:pointer;transition:background .15s}.tabel-baris:hover{background:var(--panel2)}.tabel-id{color:var(--biru-500);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:800}.tabel-nama{color:var(--ink);font-weight:700}.tabel-nama:hover{color:var(--biru-500);text-decoration:underline}.tabel-angka{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.sel-bar{align-items:center;gap:8px;width:130px;display:flex}.sel-bar .bar{flex:1}.sel-bar span{font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700}.tautan-kembali{color:var(--biru-500);align-items:center;gap:6px;margin-bottom:12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.tautan-kembali:hover{color:var(--biru-700);transform:translate(-2px)}.detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.subnav{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.subnav a{color:var(--ink-lembut);background:var(--panel2);border:1.5px solid var(--garis);border-radius:999px;padding:8px 18px;font-size:.84rem;font-weight:700;transition:all .2s}.subnav a:hover{color:var(--ink);border-color:var(--biru-400)}.subnav a.aktif{background:linear-gradient(135deg, var(--biru-700), var(--biru-400));color:#fff;border-color:#0000;box-shadow:0 6px 14px #1a56a04d}.detail-kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mini-kartu{gap:6px}.mini-kartu .label{color:var(--ink-lembut);font-size:.78rem;font-weight:700}.mini-kartu .nilai{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.1}.mini-kartu-donut{text-align:center;align-items:center}.detail-panel{align-items:start}.panel-judul{margin-bottom:12px;font-size:.95rem}.panel-judul-ruang{margin-top:20px}.panel-ruang{margin-bottom:16px}.tautan-selanjutnya{margin-top:16px}.tautan-selanjutnya a{color:var(--biru-500);font-weight:700}.tautan-selanjutnya a:hover{text-decoration:underline}.ritme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.paket-daftar{flex-direction:column;gap:12px;display:flex}.paket{border:1px solid var(--garis);background:var(--panel2);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.paket-kepala{justify-content:space-between;align-items:center;gap:8px;display:flex}.paket-nama{font-size:.88rem;font-weight:700}.paket-baris{grid-template-columns:64px 1fr 46px;align-items:center;gap:10px;display:grid}.paket-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-lembut);font-size:.66rem;font-weight:800}.paket-track{background:var(--bar-track);border-radius:999px;height:10px;overflow:hidden}.paket-track i{border-radius:999px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);display:block}.isi-planned{background:var(--biru-300)}.isi-actual{background:linear-gradient(90deg, var(--biru-700), var(--biru-400))}.paket-angka{text-align:right;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:800}.g-gridline{stroke:var(--garis);stroke-width:1px}.g-bulan{fill:var(--ink-lembut);text-anchor:middle;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700}.g-nama{fill:var(--ink);text-anchor:end;font-family:Plus Jakarta Sans,sans-serif;font-size:10.5px;font-weight:600}.g-track{fill:var(--bar-track)}.g-kritis{stroke:var(--bw-t);stroke-width:1.5px}.g-isi{fill:var(--biru-500)}.g-delay{stroke:var(--bd-t);stroke-width:1px}.g-teks-progres{fill:var(--ink-lembut);font-family:Plus Jakarta Sans,sans-serif;font-size:9.5px;font-weight:800}.g-hariini{stroke:var(--bd-t);stroke-width:1.5px;stroke-dasharray:4 3}.g-hariini-label{fill:var(--bd-t);font-family:Plus Jakarta Sans,sans-serif;font-size:9px;font-weight:800}.jadwal-ringkas{border-top:1px solid var(--garis);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.jadwal-baris{justify-content:space-between;font-size:.84rem;display:flex}.jadwal-baris span{color:var(--ink-lembut)}.sisa-negatif{color:var(--bd-t)}.amp-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.amp-grid .nilai{font-size:1.3rem}.isu-daftar{flex-direction:column;gap:10px;list-style:none;display:flex}.isu-item{border:1px solid var(--garis);background:var(--panel2);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.isu-atas{justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.isu-bawah{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.alat-id{color:var(--biru-500);font-variant-numeric:tabular-nums}.material-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.material-stok{letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.1}.material-stok span{color:var(--ink-lembut);font-size:.85rem;font-weight:600}.alokasi-daftar{flex-direction:column;gap:12px;margin-top:10px;display:flex}.alokasi-row{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.alokasi-nama{font-size:.86rem;font-weight:600}.alokasi-jumlah{font-variant-numeric:tabular-nums;color:var(--biru-500);font-size:.82rem;font-weight:800}.alokasi-track{background:var(--bar-track);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.alokasi-track i{background:linear-gradient(90deg, var(--biru-700), var(--biru-400));border-radius:999px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);display:block}.menu-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08142380;animation:.2s menuFade;position:fixed;inset:0}@keyframes menuFade{0%{opacity:0}to{opacity:1}}.menu-panel{background:var(--panel);border-right:1px solid var(--garis);flex-direction:column;gap:14px;width:min(300px,84vw);padding:18px 14px;animation:.25s menuSlide;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes menuSlide{0%{transform:translate(-100%)}to{transform:none}}.menu-kepala{border-bottom:1px solid var(--garis);align-items:center;gap:10px;padding-bottom:12px;display:flex}.menu-kepala strong{letter-spacing:.04em;margin-right:auto;font-weight:800}.menu-isi{flex-direction:column;flex:1;gap:4px;display:flex}.menu-grup{border:1px solid var(--garis);background:var(--panel2);border-radius:14px;margin-bottom:6px;padding:8px}.menu-grup-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-lembut);padding:4px 8px 8px;font-size:.66rem;font-weight:800}.menu-link{color:var(--ink-lembut);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.menu-link:hover{background:var(--panel);color:var(--ink)}.menu-kaki{border-top:1px solid var(--garis);flex-direction:column;gap:10px;padding-top:12px;display:flex}.menu-user{color:var(--ink);align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.menu-keluar{color:var(--bd-t);background:var(--bd);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.menu-keluar:hover{filter:brightness(1.05)}.harian-daftar{flex-direction:column;gap:16px;display:flex}.harian-kartu{flex-direction:column;gap:12px;display:flex}.harian-kepala{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.harian-id{letter-spacing:.06em;color:var(--biru-500);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:800}.harian-kepala h3{margin:2px 0;font-size:1rem}.cuaca-pill{background:var(--panel2);border:1px solid var(--garis);color:var(--ink-lembut);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.harian-pekerjaan{font-size:.9rem;font-weight:600}.harian-progres{flex-direction:column;gap:6px;display:flex}.harian-progres-teks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip-info-pil-dalam{background:var(--bb);color:var(--bb-t);border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.harian-kolom{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.harian-kolom h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-lembut);margin-bottom:6px;font-size:.72rem}.harian-kolom ul{color:var(--ink-lembut);flex-direction:column;gap:3px;font-size:.82rem;list-style:none;display:flex}.kendala-box{background:var(--bw);color:var(--bw-t);border-radius:12px;padding:10px 12px;font-size:.84rem}.tabel-deskripsi{max-width:320px;color:var(--ink-lembut);white-space:normal!important}.tabel-kosong{text-align:center;color:var(--ink-lembut);padding:20px!important}.risiko-proyek{margin-bottom:10px;font-size:.9rem}.risiko-skala{flex-wrap:wrap;gap:6px;display:flex}