@font-face{font-family:Inter Var;font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Var;font-weight:100 800;font-style:normal;font-display:swap;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations")}.lp{--bg:#0a0a0d;--kode:#0d0d11;--garis:#ffffff14;--garis-naik:#ffffff26;--teks:#f4f4f5;--redup:#a1a1aa;--aksen:#0b7a43;--aksen-terang:#5fd39a;--merah:#f0716f;background:var(--bg);color:var(--teks);min-height:100vh;font:400 16px/1.6 Inter Var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow-x:hidden}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp a{color:inherit;text-decoration:none}.lp h3,.lp h4{text-transform:none;letter-spacing:normal;color:inherit;font-weight:600}.lp .lp-kaki h4{text-transform:uppercase;letter-spacing:.12em;color:#71717a;font-weight:500}.lp :where(h1,h2,h3,h4,p,ul,ol){margin:0;padding:0}.lp-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.lp-mono,.lp-pil,.lp-eyebrow,.lp-label,.lp-kode,.lp-strip p,.lp-kaki h4{font-family:JetBrains Var,ui-monospace,SFMono-Regular,Menlo,monospace}.lp-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--garis);background:#0a0a0db8;position:sticky;top:0}.lp-nav-isi{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.lp-merek{align-items:center;gap:12px;font-size:13px;font-weight:600;line-height:1.2;display:flex}.lp-tautan{color:var(--redup);gap:28px;font-size:14px;display:flex}.lp-tautan a:hover{color:var(--teks)}.lp-aksi{gap:10px;display:flex}.lp-logo{box-sizing:border-box;background:#f6f6f4;border-radius:9px;flex:none;align-items:stretch;padding:6px 10px;display:inline-flex}.lp-logo-isi{aspect-ratio:1585/440;height:100%;display:block;overflow:hidden}.lp-logo-isi img{width:126.2%;max-width:none;margin-top:-17.67%;margin-left:-12.94%;display:block}.lp-tombol{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:filter .15s,border-color .15s,background .15s;display:inline-flex}.lp-tombol.besar{height:46px;padding:0 22px;font-size:15px}.lp-tombol.utama{background:var(--aksen);color:#fff}.lp-tombol.utama:hover{filter:brightness(1.15)}.lp-tombol.hantu{border-color:var(--garis-naik);color:var(--teks);background:0 0}.lp-tombol.hantu:hover{background:#ffffff0d}.lp-hero{text-align:center;padding:88px 0 0;position:relative}.lp-pil{letter-spacing:.08em;color:var(--aksen-terang);background:#5fd39a0f;border:1px solid #5fd39a4d;border-radius:999px;padding:6px 14px;font-size:12px;display:inline-block}.lp-hero h1{letter-spacing:-.02em;text-wrap:balance;margin:26px 0 20px;font-size:clamp(32px,5.2vw,60px);font-weight:700;line-height:1.08}.lp-sub{max-width:640px;color:var(--redup);margin:0 auto;font-size:17px}.lp-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.lp-catatan{color:#71717a;margin-top:18px;font-size:13px}.lp-hero-gambar{max-width:1240px;margin-top:64px;margin-left:auto;margin-right:auto;padding:0 24px;position:relative}.lp-cahaya{pointer-events:none;background:radial-gradient(60% 55% at 50% 40%,#22a0624d,#0000 70%);height:520px;animation:8s ease-in-out infinite lp-napas;position:absolute;top:-80px;bottom:auto;left:0;right:0}@keyframes lp-napas{0%,to{opacity:.8}50%{opacity:1}}.lp-jendela{border:1px solid var(--garis-naik);background:#f4f5f7;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000008c}.lp-jendela img{width:100%;height:auto;display:block}.lp-jendela-bar{border-bottom:1px solid var(--garis);background:#17171c;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.lp-jendela-bar i{background:#3f3f46;border-radius:50%;width:11px;height:11px}.lp-jendela-bar i:first-child{background:#ff5f57}.lp-jendela-bar i:nth-child(2){background:#febc2e}.lp-jendela-bar i:nth-child(3){background:#28c840}.lp-jendela-bar span{color:#71717a;margin-left:12px;font:12px JetBrains Var,monospace}.lp-jendela.besar{transform-origin:top;margin-bottom:-60px;transform:scale(1.03);-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.lp-strip{padding:96px 0 56px}.lp-strip .lp-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.lp-strip p{letter-spacing:.12em;color:#71717a;font-size:11px}.lp-strip ul{flex-wrap:wrap;gap:44px;list-style:none;display:flex}.lp-strip li{color:#52525b;letter-spacing:.01em;font-size:15px;font-weight:600}.lp-bagian{padding:88px 0}.lp-eyebrow{letter-spacing:.12em;color:var(--aksen-terang);margin-bottom:14px;font-size:12px;display:block}.lp h2{letter-spacing:-.02em;font-size:clamp(26px,3.6vw,40px);font-weight:700;line-height:1.12}.lp-judul-tengah{text-align:center;margin-bottom:44px}.lp-belah{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;display:grid}.lp-langkah{gap:26px;margin-top:34px;list-style:none;display:grid}.lp-langkah li{grid-template-columns:48px 1fr;gap:6px;display:grid}.lp-langkah b{color:var(--aksen-terang);padding-top:4px;font:600 13px JetBrains Var,monospace}.lp-langkah h3{margin-bottom:4px;font-size:18px}.lp-langkah p{color:var(--redup);font-size:15px}.lp-kode{background:var(--kode);border:1px solid var(--garis);border-radius:12px;overflow:hidden}.lp-kode-tab{border-bottom:1px solid var(--garis);color:var(--redup);justify-content:space-between;gap:12px;padding:11px 16px;font-size:12px;display:flex}.lp-kode-tab em{color:#52525b;font-style:normal}.lp-kode pre{color:#d4d4d8;white-space:pre;margin:0;padding:20px 18px;font:13px/1.75 JetBrains Var,ui-monospace,monospace;overflow-x:auto}.lp-kode .c-s{color:var(--aksen-terang);font-weight:600}.lp-kode .c-g{color:var(--aksen-terang)}.lp-kode .c-m{color:var(--merah)}.lp-kode .c-d{color:#71717a}.lp-kode .c-k{color:#fafafa;font-weight:600}.lp-bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.lp-kartu{border:1px solid var(--garis);background:linear-gradient(#ffffff08,#0000 45%),#0e0e12;border-radius:16px;flex-direction:column;grid-column:span 2;gap:8px;padding:26px;transition:border-color .2s;display:flex;overflow:hidden}.lp-kartu:hover{border-color:var(--garis-naik)}.lp-kartu.c4{grid-column:span 4}.lp-kartu.c3{grid-column:span 3}.lp-kartu.c6{grid-column:span 6}.lp-label{letter-spacing:.12em;color:#71717a;font-size:11px}.lp-kartu h3{letter-spacing:-.01em;font-size:20px}.lp-kartu p{color:var(--redup);font-size:15px}.lp-shot{border:1px solid var(--garis);border-radius:10px;width:100%;margin-top:18px;display:block}.lp-kartu.tinggi .lp-shot{margin-top:auto;padding-top:0}.lp-shot.hp{border-radius:18px;width:62%;margin-bottom:-60px;margin-left:auto;margin-right:auto}.lp-kartu.tinggi{min-height:520px}.lp-vinyet{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.lp-vinyet>div{background:var(--kode);border:1px solid var(--garis);border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.lp-vinyet .lebar{grid-column:1/-1}.lp-vinyet span{color:#71717a;letter-spacing:.04em;font:11px JetBrains Var,monospace}.lp-vinyet b{color:#e4e4e7;font:600 15px JetBrains Var,monospace}.lp-vinyet b.h{color:var(--aksen-terang)}.lp-vinyet b.m{color:var(--merah)}.lp-kartu.lebar-kartu{flex-direction:row;align-items:center;gap:40px}.lp-kartu.lebar-kartu>div:first-child{flex-direction:column;flex:1;gap:8px;display:flex}.lp-vinyet.baris{flex:1;grid-template-columns:1fr;margin:0}.lp-vinyet.baris>div{flex-direction:row;justify-content:space-between;align-items:center}.lp-panel{border:1px solid var(--garis);background:linear-gradient(#ffffff06,#0000 40%),#0c0c10;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1160px;padding:56px;display:grid}.lp-panel p{color:var(--redup);margin-top:14px}.lp-daftar{color:#d4d4d8;gap:10px;margin-top:22px;font-size:15px;list-style:none;display:grid}.lp-daftar li:before{content:"✓";color:var(--aksen-terang);margin-right:10px;font-weight:700}.lp-akhir{text-align:center;border:1px solid var(--garis);background:linear-gradient(#ffffff08,#0000 50%),#0c0c10;border-radius:20px;padding:72px 24px}.lp-akhir p{color:var(--redup);margin-top:12px}.lp-kaki{border-top:1px solid var(--garis);margin-top:24px;padding:56px 0 32px}.lp-kolom{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;display:grid}.lp-kolom p{color:#71717a;max-width:260px;margin-top:14px;font-size:13px}.lp-kaki h4{letter-spacing:.12em;color:#71717a;margin-bottom:14px;font-size:11px;font-weight:500}.lp-kolom>div{color:var(--redup);flex-direction:column;gap:9px;font-size:14px;display:flex}.lp-kolom>div:first-child{display:block}.lp-kolom a:hover{color:var(--teks)}.lp-bawah{border-top:1px solid var(--garis);color:#52525b;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;font-size:12px;display:flex}@media (max-width:900px){.lp-tautan{display:none}.lp-belah,.lp-panel{grid-template-columns:1fr;gap:36px}.lp-panel{padding:28px 20px}.lp-bento{grid-template-columns:1fr}.lp-kartu,.lp-kartu.c4,.lp-kartu.c3,.lp-kartu.c6{grid-column:auto}.lp-kartu.tinggi{min-height:0}.lp-kartu.lebar-kartu{flex-direction:column;align-items:stretch;gap:8px}.lp-shot.hp{width:70%}.lp-kolom{grid-template-columns:1fr 1fr}.lp-hero{padding-top:56px}.lp-jendela.besar{border-radius:14px;margin-bottom:0;transform:none;-webkit-mask-image:none;mask-image:none}.lp-strip .lp-wrap{flex-direction:column;align-items:flex-start;gap:18px}.lp-strip ul{gap:22px}}@media (max-width:520px){.lp-aksi .hantu,.lp-merek>span:last-child{display:none}.lp-bagian{padding:56px 0}}@media (prefers-reduced-motion:reduce){.lp-cahaya{animation:none}}:root{--latar:#f4f5f7;--kartu:#fff;--teks:#16191d;--redup:#5d6673;--garis:#dfe3e8;--utama:#0f4c81;--utama-teks:#fff;--utama-lembut:#e3eefa;--hijau:#1a7f4b;--hijau-l:#def3e8;--merah:#b42318;--merah-l:#fde7e5;--kuning:#8a5a00;--kuning-l:#fdf0cf;--biru:#0f4c81;--biru-l:#e3eefa;--oranye:#b54708;--oranye-l:#fde8d4;--abu:#4b5563;--abu-l:#eceef1}@media (prefers-color-scheme:dark){:root{--latar:#0f1216;--kartu:#181c22;--teks:#e9edf2;--redup:#9aa5b3;--garis:#2a313a;--utama:#5aa6ee;--utama-teks:#06121f;--utama-lembut:#15283c;--hijau:#55c98a;--hijau-l:#12301f;--merah:#ff8a80;--merah-l:#3a1815;--kuning:#f2c14e;--kuning-l:#33280d;--biru:#7db9f5;--biru-l:#15283c;--oranye:#ffa65c;--oranye-l:#3a2210;--abu:#b3bcc8;--abu-l:#262c34}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--latar);color:var(--teks);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:22px}h2{font-size:17px}h3{color:var(--redup);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--utama)}.rangka{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.samping{background:var(--kartu);border-right:1px solid var(--garis);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.merek{padding:4px 10px 14px;font-size:16px;font-weight:700}.merek small{color:var(--redup);font-size:12px;font-weight:400;display:block}.menu{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.menu:hover{background:var(--abu-l)}.menu.aktif{background:var(--utama-lembut);color:var(--utama);font-weight:600}.menu .ikon{text-align:center;width:20px}.samping .bawah{border-top:1px solid var(--garis);color:var(--redup);margin-top:auto;padding-top:10px;font-size:13px}.isi{width:100%;max-width:1200px;padding:20px 24px 60px}.kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:12px;padding:16px}.kartu+.kartu{margin-top:14px}.grid>.kartu{margin-top:0}.grid{gap:14px;display:grid}.grid.kpi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}.grid.dua{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpi-kotak{background:var(--kartu);border:1px solid var(--garis);border-radius:12px;padding:14px}.kpi-kotak b{font-size:28px;line-height:1.1;display:block}.kpi-kotak span{color:var(--redup);font-size:13px}.kpi-kotak.waspada b{color:var(--merah)}.tombol{border:1px solid var(--garis);background:var(--kartu);cursor:pointer;border-radius:8px;padding:8px 14px}.tombol:hover{background:var(--abu-l)}.tombol.utama{background:var(--utama);color:var(--utama-teks);border-color:var(--utama);font-weight:600}.tombol.utama:hover{filter:brightness(1.08)}.tombol.bahaya{color:var(--merah);border-color:var(--merah)}.tombol.polos{background:0 0;border:0;padding:4px 8px}.tombol.kecil{padding:4px 10px;font-size:13px}.tombol:disabled{opacity:.5;cursor:not-allowed}.tabel-bungkus{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:9px 10px}th{color:var(--redup);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600}td.kanan,th.kanan{text-align:right;font-variant-numeric:tabular-nums}tr.bisa-klik{cursor:pointer}tr.bisa-klik:hover td{background:var(--abu-l)}.redup{color:var(--redup)}.merah{color:var(--merah);font-weight:600}.lencana{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.lencana.hijau{background:var(--hijau-l);color:var(--hijau)}.lencana.merah{background:var(--merah-l);color:var(--merah)}.lencana.kuning{background:var(--kuning-l);color:var(--kuning)}.lencana.biru{background:var(--biru-l);color:var(--biru)}.lencana.oranye{background:var(--oranye-l);color:var(--oranye)}.lencana.abu{background:var(--abu-l);color:var(--abu)}.saring{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.saring input,.saring select,.kolom input,.kolom select,.kolom textarea{border:1px solid var(--garis);background:var(--kartu);border-radius:8px;width:100%;padding:8px 10px}.saring input{max-width:280px}.saring select{width:auto}.chip{border:1px solid var(--garis);background:var(--kartu);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:14px}.chip.aktif{background:var(--utama);color:var(--utama-teks);border-color:var(--utama)}.latar{z-index:50;background:#080c128c;justify-content:center;align-items:flex-start;padding:24px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lembar{background:var(--kartu);border-radius:14px;width:100%;max-width:640px;padding:18px}.lembar-kepala{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.formulir{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formulir .penuh{grid-column:1/-1}.kolom{flex-direction:column;gap:4px;display:flex}.kolom>span{font-size:13px;font-weight:600}.kolom small{color:var(--redup)}.baris-tombol{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.galat{background:var(--merah-l);color:var(--merah);border-radius:8px;margin:10px 0 0;padding:9px 12px}.kosong{color:var(--redup);text-align:center;margin:0;padding:28px 8px}.detail{grid-template-columns:130px 1fr;gap:6px 12px;margin:0 0 12px;display:grid}.detail dt{color:var(--redup)}.detail dd{white-space:pre-wrap;margin:0}.garis-waktu{margin:0;padding:0;font-size:13px;list-style:none}.garis-waktu li{border-bottom:1px dashed var(--garis);padding:4px 0}.masuk{max-width:360px;margin:12vh auto;padding:0 16px}.masuk .kartu{gap:12px;display:grid}.bilah-bawah{display:none}@media (max-width:860px){.rangka{grid-template-columns:1fr}.samping{display:none}.isi{padding:14px 12px 90px}.bilah-bawah{background:var(--kartu);border-top:1px solid var(--garis);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bilah-bawah .menu{border-radius:0;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;width:auto;padding:8px 10px;font-size:11px}.formulir,.detail{grid-template-columns:1fr}}@media print{.samping,.bilah-bawah,.tak-dicetak{display:none!important}.rangka{display:block}body{color:#000;background:#fff}.kartu,.kpi-kotak{break-inside:avoid;border-color:#bbb}.isi{max-width:none;padding:0}}.bar{background:var(--abu-l);border-radius:4px;height:8px;overflow:hidden}.bar i{height:100%;display:block}.bar i.hijau{background:var(--hijau)}.bar i.merah{background:var(--merah)}.kal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.kal-h{text-align:center;color:var(--redup);text-transform:uppercase;padding:4px 0;font-size:12px;font-weight:600}.kal-kosong{min-height:74px}.kal-sel{background:var(--kartu);border:1px solid var(--garis);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;min-height:74px;padding:6px;display:flex}.kal-sel:hover{background:var(--abu-l)}.kal-sel.dipilih{border-color:var(--utama);box-shadow:0 0 0 1px var(--utama)}.kal-sel.hariini .kal-no{background:var(--utama);color:var(--utama-teks);border-radius:999px;padding:0 7px}.kal-no{align-self:flex-start;font-size:13px;font-weight:600}.kal-chs{flex-wrap:wrap;gap:3px;display:flex}.kal-ch{text-align:center;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.kal-ch.merah{background:var(--merah-l);color:var(--merah)}.kal-ch.kuning{background:var(--kuning-l);color:var(--kuning)}.kal-ch.hijau{background:var(--hijau-l);color:var(--hijau)}.kal-ch.rencana{color:var(--redup);border:1px dashed var(--redup);background:0 0}@media (max-width:600px){.kal{gap:2px}.kal-sel{border-radius:6px;min-height:56px;padding:3px}.kal-kosong{min-height:56px}.kal-ch{min-width:0;padding:0 4px;font-size:10px}}.dokumen{gap:14px;display:grid}.dokumen .kartu+.kartu{margin-top:0}@media print{.dokumen{gap:8px}.dokumen h2{font-size:15px}}
