:root{--navy:#0a1b2e;--navy-muda:#0f2438;--biru:#0070c0;--biru-terang:#56b5ec;--oranye:#e8890f;--magenta:#e03070;--hijau:#1b7a4b;--tinta:#10202f;--teks:#3f5366;--teks-lembut:#4e6274;--teks-samar:#6c8095;--putih:#fff;--kabut:#f2f6fa;--garis:#dce5ed;--teks-gelap-terang:#c7dbeb;--teks-gelap-samar:#93afc7;--lebar-isi:1296px;--radius:10px;--judul:"Space Grotesk", system-ui, sans-serif;--isi:"IBM Plex Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--isi);color:var(--teks);background:var(--putih);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--judul);color:var(--tinta);margin:0;font-weight:600;line-height:1.18}h1{font-size:clamp(2rem,1.15rem + 3.4vw,3.55rem);line-height:1.1}h2{font-size:clamp(1.55rem,1.1rem + 1.9vw,2.35rem)}h3{font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}p{margin:0}a{color:var(--biru)}a:hover{color:#00558f}ul{margin:0;padding:0;list-style:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--biru-terang);outline-offset:2px}.wadah{width:100%;max-width:var(--lebar-isi);margin:0 auto;padding:0 24px}.bagian{padding:72px 0}.bagian--rapat{padding:52px 0}.bagian--kabut{background:var(--kabut)}.bagian--gelap{background:var(--navy)}.bagian--gelap h2,.bagian--gelap h3{color:var(--putih)}.bagian--gelap p{color:var(--teks-gelap-terang)}.judul-kecil{font-family:var(--judul);letter-spacing:.14em;color:var(--biru);text-transform:uppercase;font-size:.8rem;font-weight:600}.bagian--gelap .judul-kecil{color:var(--biru-terang)}.kepala-bagian{flex-direction:column;gap:12px;margin-bottom:36px;display:flex}.pengantar{color:var(--teks-lembut);max-width:62ch;font-size:1.05rem}.tombol{min-height:52px;font-family:var(--judul);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 28px;font-size:1.03rem;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.tombol--utama{background:var(--oranye);color:var(--tinta)}.tombol--utama:hover{filter:brightness(1.07);color:var(--tinta)}.tombol--garis-terang{color:#e4f0f9;background:0 0;border-color:#5e84a6;font-weight:500}.tombol--garis-terang:hover{color:#fff;background:#ffffff14}.tombol--garis-gelap{color:var(--tinta);background:var(--putih);border-color:#b6c6d4;font-weight:500}.tombol--garis-gelap:hover{background:var(--kabut);color:var(--tinta)}.tombol--kecil{min-height:46px;padding:0 20px;font-size:.95rem}.tombol-baris{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.header{z-index:50;background:var(--putih);border-bottom:1px solid var(--garis);position:sticky;top:0}.header__isi{justify-content:space-between;align-items:center;gap:20px;min-height:84px;display:flex}.header__logo{flex-shrink:0;align-items:center;display:flex}.header__logo img{width:140px;height:46px}.nav{align-items:center;gap:30px;display:flex}.nav__tautan{color:var(--teks-lembut);font-size:.95rem;font-weight:500;text-decoration:none}.nav__tautan:hover{color:var(--tinta)}.nav__tautan[aria-current=page]{color:var(--tinta);font-weight:600}.header__aksi{align-items:center;gap:10px;display:none}.menu-hp{position:relative}.menu-hp>summary{border:1px solid var(--garis);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:46px;height:46px;list-style:none;display:flex}.menu-hp>summary::-webkit-details-marker{display:none}.menu-hp__panel{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);flex-direction:column;min-width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #10202f24}.menu-hp__panel a{color:var(--tinta);border-radius:6px;padding:13px 14px;font-size:1rem;font-weight:500;text-decoration:none}.menu-hp__panel a:hover{background:var(--kabut)}.hero{background:var(--navy);align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}.hero--ringkas{min-height:380px}.hero__gambar{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hero__tirai{background:linear-gradient(95deg, var(--navy) 26%, #0a1b2ed1 58%, #0a1b2e57 100%);position:absolute;inset:0}.hero__isi{flex-direction:column;gap:22px;max-width:680px;padding:64px 0;display:flex;position:relative}.hero h1{color:var(--putih)}.hero p{color:var(--teks-gelap-terang);font-size:1.15rem}.hero__meta{color:var(--teks-gelap-samar);font-size:.9rem}.remah{color:var(--teks-gelap-samar);align-items:center;gap:10px;font-size:.88rem;display:flex}.remah a{color:var(--teks-gelap-samar);text-decoration:none}.remah a:hover{color:var(--putih)}.remah span[aria-current]{color:#dceaf6}.kisi{gap:24px;display:grid}.kisi--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kisi--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kisi--4{grid-template-columns:repeat(4,minmax(0,1fr))}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);flex-direction:column;gap:14px;padding:30px;display:flex}.kartu p{color:var(--teks-lembut);flex-grow:1;font-size:.98rem}.kartu__tautan{font-family:var(--judul);font-size:.95rem;font-weight:600;text-decoration:none}.kartu--isi{background:var(--kabut);border-color:#0000}.segmen{border-left:3px solid var(--biru);background:var(--kabut);border-radius:0 var(--radius) var(--radius) 0;flex-direction:column;gap:11px;padding:28px 28px 28px 24px;display:flex}.segmen p{color:var(--teks-lembut);font-size:.98rem}.segmen--oranye{border-left-color:var(--oranye)}.segmen--magenta{border-left-color:var(--magenta)}.segmen--hijau{border-left-color:var(--hijau)}.langkah{border-top:2px solid var(--garis);flex-direction:column;gap:11px;padding-top:22px;display:flex}.langkah--pertama{border-top-color:var(--tinta)}.langkah__nomor{font-family:var(--judul);color:var(--oranye);font-size:.92rem;font-weight:700}.langkah p{color:var(--teks-lembut);font-size:.95rem}.daftar-centang{flex-direction:column;gap:16px;margin-top:8px;display:flex}.daftar-centang li{align-items:flex-start;gap:13px;display:flex}.daftar-centang svg{flex-shrink:0;margin-top:3px}.daftar-centang span{color:#dceaf6;font-size:1rem;line-height:1.55}.daftar-centang strong{color:var(--putih);font-weight:600}.pil{background:var(--putih);color:var(--tinta);border-radius:8px;align-items:center;gap:14px;padding:18px 22px;font-weight:500;display:flex}.pil:before{content:"";background:var(--biru);border-radius:50%;flex-shrink:0;width:8px;height:8px}.belah{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.belah--gelap{background:var(--navy)}.belah__teks{flex-direction:column;gap:20px;padding:72px;display:flex}.belah--gelap .belah__teks h2{color:var(--putih)}.belah--gelap .belah__teks p{color:var(--teks-gelap-terang)}.belah__gambar{height:100%;min-height:460px;position:relative}.belah__gambar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.angka{font-family:var(--judul);color:var(--biru);font-size:clamp(3.5rem,2rem + 6vw,6rem);font-weight:700;line-height:1}.angka-ket{font-family:var(--judul);color:var(--tinta);font-size:1.15rem;font-weight:500}.tabel-bungkus{overflow-x:auto}.tabel{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.tabel th,.tabel td{padding:16px 20px;font-size:.97rem}.tabel thead th{background:var(--kabut);border-bottom:2px solid var(--garis);font-family:var(--judul);color:var(--teks-samar);font-weight:600}.tabel thead th:last-child{background:var(--navy);border-bottom-color:var(--navy);color:var(--putih)}.tabel tbody th{color:var(--tinta);font-weight:600}.tabel tbody tr{border-bottom:1px solid #e6ecf2}.tabel tbody tr:last-child{border-bottom:none}.tabel td{color:var(--teks-lembut)}.tabel td:last-child{color:var(--tinta);background:#f5fafd}.penanda{border-radius:var(--radius);color:var(--teks-samar);background:#f8fafc;border:1px dashed #a9bccd;align-items:center;gap:14px;padding:20px 24px;font-size:.97rem;display:flex}.penanda svg{flex-shrink:0}.penanda--kotak{text-align:center;flex-direction:column;justify-content:center;min-height:300px;padding:32px}.visi{background:var(--navy);border-radius:12px;flex-direction:column;justify-content:center;gap:20px;padding:40px;display:flex}.visi h2,.visi h3{color:var(--putih)}.visi p{font-family:var(--judul);color:var(--putih);font-size:1.5rem;font-weight:500;line-height:1.42}.misi{flex-direction:column;justify-content:center;gap:22px;display:flex}.misi li{align-items:flex-start;gap:18px;display:flex}.misi p{color:var(--teks);font-size:1.05rem}.bulatan{background:var(--putih);width:32px;height:32px;font-family:var(--judul);color:var(--biru);border:1px solid #c9d7e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.pita{background:var(--navy);position:relative;overflow:hidden}.pita__gambar{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.pita__tirai{background:linear-gradient(90deg, var(--navy) 32%, #0a1b2eb3 100%);position:absolute;inset:0}.pita__isi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding:64px 0;display:flex;position:relative}.pita h2{color:var(--putih)}.pita p{color:var(--teks-gelap-terang);font-size:1.08rem}.pita__teks{flex-direction:column;gap:13px;max-width:620px;display:flex}.pita__tombol{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.footer{background:var(--kabut);border-top:1px solid var(--garis);padding-top:48px}.footer__atas{flex-wrap:wrap;gap:56px;padding-bottom:36px;display:flex}.footer__merek{flex-direction:column;gap:14px;width:320px;display:flex}.footer__merek img{width:116px;height:38px}.footer__merek p{color:var(--teks-lembut);font-size:.92rem}.footer__kolom{flex-direction:column;gap:11px;display:flex}.footer__judul{font-family:var(--judul);letter-spacing:.1em;color:var(--tinta);font-size:.8rem;font-weight:600}.footer__kolom a,.footer__kolom span{color:var(--teks-lembut);font-size:.92rem;text-decoration:none}.footer__kolom a:hover{color:var(--biru)}.footer__bawah{border-top:1px solid var(--garis);color:var(--teks-samar);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:20px 0;font-size:.86rem;display:flex}@media (max-width:980px){.kisi--4,.kisi--3{grid-template-columns:repeat(2,minmax(0,1fr))}.belah{grid-template-columns:1fr}.belah__teks{padding:48px 24px}.belah__gambar{min-height:280px}.nav{display:none}.header__aksi{display:flex}}@media (max-width:680px){.bagian{padding:48px 0}.kisi--2,.kisi--3,.kisi--4{grid-template-columns:1fr}.kisi{gap:16px}.hero{min-height:480px}.hero__isi{gap:18px;padding:48px 0}.hero__tirai{background:linear-gradient(#0a1b2eb8 0%,#0a1b2ee6 100%)}.header__isi{gap:12px;min-height:72px}.header__logo img{width:116px;height:38px}.header__aksi{gap:8px}.hero p{font-size:1.02rem}.tombol-baris .tombol,.pita__tombol .tombol,.kartu .tombol{width:100%}.tombol-baris{flex-direction:column}.pita__isi{gap:26px;padding:48px 0}.pita__tombol{width:100%}.footer__atas{flex-direction:column;gap:32px}.footer__merek{width:100%}.visi{padding:28px}.visi p{font-size:1.25rem}.belah__teks{padding:40px 24px}}@media (max-width:420px){.header__aksi .teks-tombol{display:none}.header__aksi .tombol--kecil{padding:0 14px}}