:root{--ink:#171526;--muted:#666477;--cream:#fff9ef;--paper:#fffefd;--purple:#5b47ff;--purple-dark:#3322be;--lav:#ebe7ff;--lime:#d9ff43;--coral:#ff756d;--sky:#84e3ff;--line:#d9d4e5;--black:#171526;--shadow:8px 8px 0 #171526;--soft:0 24px 80px rgba(54,40,123,.14);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--cream);line-height:1.6;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}.lompat{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;border:2px solid var(--ink);padding:.7rem 1rem}.lompat:focus{top:1rem}.notis-atas{min-height:34px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:2rem;padding:.35rem 1rem;font-size:.7rem;font-weight:700;letter-spacing:.03em}.notis-atas a{color:var(--lime);text-decoration:none}.bar{height:78px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,5vw,5rem);background:rgba(255,249,239,.92);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.jenama{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:700 1rem/1.05 'Space Grotesk',sans-serif;white-space:nowrap}.jenama small{display:block;margin-top:.23rem;font:700 .58rem/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.14em;color:var(--muted)}.logo-bp{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);border:2px solid var(--ink);border-radius:13px 8px 15px 9px;box-shadow:3px 3px 0 var(--ink);font:700 .85rem 'Space Grotesk'}.bar nav{display:flex;gap:clamp(1rem,3vw,2.2rem);margin-left:auto}.bar nav a,.pautan-masuk{font-size:.82rem;font-weight:700;text-decoration:none}.bar nav a:hover,.pautan-masuk:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.aksi-nav{display:flex;align-items:center;gap:1rem}.butang,.butang-besar{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:2px solid var(--ink);background:var(--purple);color:#fff;text-decoration:none;border-radius:13px;padding:.82rem 1.15rem;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.18s transform,.18s box-shadow}.butang:hover:not(:disabled),.butang-besar:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.butang:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.butang.kecil{padding:.58rem .85rem;font-size:.78rem;box-shadow:3px 3px 0 var(--ink)}.butang-besar{background:var(--lime);color:var(--ink);padding:1rem 1.25rem}.butang:focus-visible,.butang-besar:focus-visible,.pilihan button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:4px solid rgba(132,227,255,.95);outline-offset:3px}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(390px,.92fr) 1.08fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4rem,7vw,7rem) clamp(1.4rem,6vw,6rem);max-width:1600px;margin:auto;position:relative}.hero:before{content:'✦';position:absolute;left:48%;top:7%;font-size:2.2rem;color:var(--coral);transform:rotate(12deg)}.hero-copy{max-width:700px;z-index:1}.kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 1.1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:800}.kicker span{width:29px;height:29px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%}.kicker.ungu{color:var(--purple-dark)}.kicker.cerah{color:var(--lime)}.hero h1,.seksyen h2,.dua-ujian h2,.langkah h2,.daftar h2{font:700 clamp(3.5rem,6.4vw,7rem)/.89 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0}.hero h1 em{font-style:normal;display:inline-block;background:var(--lime);border:2px solid var(--ink);padding:.03em .14em .09em;transform:rotate(-1.5deg);box-shadow:5px 5px 0 var(--ink)}.lead{font-size:clamp(1rem,1.4vw,1.18rem);max-width:620px;color:var(--muted);margin:1.8rem 0}.tindakan{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.pautan-garis{font-weight:800;font-size:.84rem;text-underline-offset:5px;text-decoration-thickness:2px}.hero-bukti{display:flex;gap:1rem;margin-top:2.6rem}.hero-bukti span{display:grid;padding-right:1rem;border-right:1px solid var(--line)}.hero-bukti span:last-child{border:0}.hero-bukti b{font:700 1.4rem 'Space Grotesk';color:var(--purple)}.hero-bukti small{color:var(--muted);font-size:.68rem}.hero-visual{position:relative;min-width:0}.hero-visual img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;border:3px solid var(--ink);border-radius:42px 18px 42px 18px;box-shadow:12px 12px 0 var(--purple);background:var(--lav)}.pelekat{position:absolute;z-index:2;border:2px solid var(--ink);border-radius:100px;padding:.48rem .75rem;font-size:.71rem;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.pelekat.satu{top:-17px;right:8%;background:var(--lime);transform:rotate(3deg)}.pelekat.dua{bottom:8%;left:-22px;background:var(--sky);transform:rotate(-4deg)}.kad-mini{position:absolute;right:-20px;bottom:-35px;width:min(250px,45%);background:#fff;border:2px solid var(--ink);border-radius:18px;padding:1rem;box-shadow:6px 6px 0 var(--ink);display:grid}.kad-mini span{font-size:.64rem;color:var(--muted)}.kad-mini b{font:700 .95rem 'Space Grotesk';margin:.1rem 0 .6rem}.kad-mini i{height:7px;background:var(--lav);border-radius:10px;overflow:hidden}.kad-mini u{display:block;width:72%;height:100%;background:var(--coral);text-decoration:none}.ticker{background:var(--purple);color:#fff;border-block:2px solid var(--ink);overflow:hidden}.ticker div{min-height:70px;display:flex;align-items:center;justify-content:center;gap:2rem;white-space:nowrap;font:700 .83rem 'Space Grotesk';letter-spacing:.09em}.ticker i{color:var(--lime);font-style:normal}
.seksyen{padding:clamp(5rem,9vw,9rem) clamp(1.4rem,7vw,7rem)}.kepala-seksyen{max-width:1400px;margin:0 auto 4rem;display:grid;grid-template-columns:1.1fr .7fr;gap:1rem 4rem;align-items:end}.kepala-seksyen .kicker{grid-column:1/-1}.kepala-seksyen h2{font-size:clamp(2.8rem,5vw,5.7rem)}.kepala-seksyen mark,.mutu-copy mark,.faq mark{background:var(--lime);color:inherit;padding:0 .12em}.kepala-seksyen>p:last-child{color:var(--muted);font-size:1.02rem}.kepala-seksyen.tengah{display:block;text-align:center;max-width:900px}.kepala-seksyen.tengah .kicker{justify-content:center}.kepala-seksyen.tengah>p:last-child{max-width:640px;margin:1.3rem auto}.bento{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:auto auto;gap:1.1rem}.bento article{border:2px solid var(--ink);border-radius:24px;padding:1.6rem;min-height:265px;position:relative;overflow:hidden}.bento-besar{grid-row:span 2}.bento-lebar{grid-column:span 2;display:grid;grid-template-columns:.85fr 1fr;gap:2rem;align-items:end}.bento .ungu{background:var(--purple);color:#fff}.bento .limau{background:var(--lime)}.bento .putih{background:#fff}.bento .koral{background:var(--coral)}.ikon{width:44px;height:44px;display:grid;place-items:center;border:2px solid currentColor;border-radius:13px;font-size:1.3rem}.bento p{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:1.4rem 0 .5rem}.bento h3{font:700 clamp(1.3rem,2vw,2.1rem)/1.08 'Space Grotesk';margin:0}.grafik-minggu{position:absolute;left:1.6rem;right:1.6rem;bottom:1.7rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.grafik-minggu i{height:58px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.4);border-radius:8px}.grafik-minggu i.siap{background:var(--lime);border-color:var(--ink)}.grafik-minggu span{grid-column:1/-1;font-size:.68rem;color:#d9d4ff}.jam{position:absolute;right:1.4rem;bottom:1.2rem;font:700 2rem 'Space Grotesk';color:var(--purple)}.bar-mini{display:grid;gap:.8rem}.bar-mini span{display:grid;grid-template-columns:85px 1fr;align-items:center;font-size:.7rem;font-weight:800}.bar-mini i{height:10px;border:1px solid var(--ink);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.28)}.bar-mini u{display:block;height:100%;background:var(--ink)}
.dua-ujian{background:var(--ink);color:#fff;padding:clamp(5rem,9vw,9rem) clamp(1.4rem,7vw,7rem);display:grid;grid-template-columns:.72fr 1.1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.dua-ujian h2{font-size:clamp(3rem,5vw,5.8rem)}.ujian-copy>p:not(.kicker){color:#bdb9cf;max-width:600px}.ujian-copy>a{display:inline-flex;margin-top:1rem;color:var(--lime);font-weight:800;text-decoration:none;gap:.5rem}.kad-ujian{display:grid;gap:1rem}.kad-ujian article{border:2px solid #fff;border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:7px 7px 0 #fff}.kad-ujian .pksk{background:var(--purple);transform:rotate(-1deg)}.kad-ujian .ukkm{background:var(--coral);color:var(--ink);transform:rotate(1deg)}.kad-ujian article>div{display:flex;justify-content:space-between;gap:1rem;align-items:center}.kad-ujian article>div span{font:700 1.5rem 'Space Grotesk'}.kad-ujian article>div small{font-size:.65rem}.kad-ujian h3{font:700 clamp(1.45rem,2.3vw,2.35rem)/1.05 'Space Grotesk';margin:2.2rem 0 1rem}.kad-ujian ul{list-style:none;padding:0;margin:0}.kad-ujian li{padding:.55rem 0;border-top:1px solid currentColor;font-size:.82rem}.kad-ujian li:before{content:'↗';margin-right:.5rem}
.mutu{background:var(--lav);display:grid;grid-template-columns:1fr .8fr;gap:clamp(3rem,8vw,9rem)}.mutu h2{font-size:clamp(3rem,5vw,5.8rem)}.mutu-copy>p:not(.kicker){max-width:720px;color:var(--muted)}.angka-mutu{display:flex;gap:1rem;margin-top:3rem}.angka-mutu span{display:grid;min-width:110px}.angka-mutu b{font:700 2.4rem 'Space Grotesk';color:var(--purple)}.angka-mutu small{font-size:.68rem;color:var(--muted)}.proses{list-style:none;margin:0;padding:0}.proses li{display:flex;gap:1.1rem;padding:1.4rem 0;border-bottom:2px solid #c8c1ed}.proses li>span{width:45px;height:45px;display:grid;place-items:center;background:var(--lime);border:2px solid var(--ink);border-radius:50%;font:700 .68rem 'Space Grotesk';flex:none}.proses b{font:700 1.1rem 'Space Grotesk'}.proses p{margin:.2rem 0;color:var(--muted);font-size:.85rem}
.cuba{background:var(--cream)}.demo{max-width:860px;margin:auto;background:#fff;border:3px solid var(--ink);border-radius:28px;padding:clamp(1.3rem,4vw,3rem);box-shadow:var(--shadow)}.demo-atas{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em}.tag{background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:100px;padding:.35rem .7rem}.demo-garis{height:8px;background:var(--lav);border:1px solid var(--ink);border-radius:10px;margin:1.2rem 0 2rem;overflow:hidden}.demo-garis i{display:block;height:100%;background:var(--coral);transition:width .3s}.demo h3{font:700 clamp(1.15rem,2.4vw,1.65rem)/1.4 'Space Grotesk';margin:0 0 1.5rem}.pilihan{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.2rem}.pilihan button{text-align:left;border:2px solid var(--ink);background:#fff;border-radius:12px;padding:.78rem;cursor:pointer;color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.pilihan button span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--lav);margin-right:.65rem;font-weight:800}.pilihan button.dipilih{background:var(--sky)}.pilihan button.betul{background:#c8ffd8}.pilihan button.salah{background:#ffd6d3}.maklum{padding:1rem;border:2px solid var(--ink);border-radius:12px;margin-bottom:1rem;font-size:.88rem}.maklum.baik{background:#c8ffd8}.maklum.cuba-lagi{background:#fff1b8}
.langkah{background:var(--purple);color:#fff;padding:clamp(5rem,9vw,9rem) clamp(1.4rem,7vw,7rem);display:grid;grid-template-columns:.8fr 1fr;gap:clamp(3rem,8vw,9rem)}.langkah h2{font-size:clamp(3rem,5vw,5.8rem)}.langkah-copy>p:not(.kicker){color:#d3ceff;max-width:580px}.langkah ol{list-style:none;padding:0;margin:0}.langkah li{display:flex;gap:1.1rem;padding:1.25rem 0;border-bottom:1px solid #8678ff}.langkah li>b{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);flex:none}.langkah li span{display:grid}.langkah strong{font:700 1rem 'Space Grotesk'}.langkah small{color:#c8c2ff;margin-top:.15rem}
.harga{background:#fff}.pelan-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}.pelan{border:2px solid var(--ink);border-radius:24px;padding:2rem;display:flex;flex-direction:column;background:var(--cream);position:relative}.pelan.popular{background:var(--lime);box-shadow:var(--shadow);transform:translateY(-10px)}.paling{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:#fff;border-radius:100px;padding:.4rem .7rem;font-size:.6rem;font-weight:800;letter-spacing:.08em}.pelan>p{font-weight:800;margin:.5rem 0}.pelan h3{font:700 clamp(3rem,5vw,4.7rem)/1 'Space Grotesk';margin:.5rem 0 0}.pelan>small{color:var(--muted)}.pelan ul{list-style:none;padding:0;margin:2rem 0;flex:1}.pelan li{padding:.6rem 0;border-top:1px solid var(--line);font-size:.78rem}.pelan li:before{content:'✓';margin-right:.5rem;color:var(--purple);font-weight:900}.jimat{font-size:.7rem;background:var(--coral);border:1px solid var(--ink);border-radius:100px;padding:.3rem .55rem;align-self:flex-start;margin-bottom:.7rem}.pilih-pelan{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:11px;padding:.85rem;font-weight:800;font-size:.78rem}.pelan.popular .pilih-pelan{background:var(--purple)}
.daftar{background:var(--ink);color:#fff;padding:clamp(5rem,9vw,9rem) clamp(1.4rem,7vw,7rem);display:grid;grid-template-columns:.72fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:start}.daftar h2{font-size:clamp(3rem,5vw,5.8rem)}.daftar-copy ul{list-style:none;padding:0;margin:2rem 0}.daftar-copy li{padding:.55rem 0;border-top:1px solid #4b4859;font-size:.82rem}.daftar-copy li:before{content:'✓';color:var(--lime);margin-right:.6rem}.daftar-copy>a{color:var(--lime);font-weight:800;text-decoration:none}.bayaran{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:26px;padding:clamp(1.2rem,3vw,2.4rem);box-shadow:10px 10px 0 var(--lime)}.bayaran form{display:grid;gap:1.2rem}.bayaran fieldset{border:0;padding:0;margin:0;display:grid;gap:1rem}.bayaran legend{font:700 .82rem 'Space Grotesk';margin-bottom:.7rem}.pilih-pakej{grid-template-columns:repeat(3,1fr)!important}.pilih-pakej legend{grid-column:1/-1}.pilih-pakej label{cursor:pointer}.pilih-pakej input{position:absolute;opacity:0;pointer-events:none}.pilih-pakej span{display:grid;border:2px solid var(--line);border-radius:12px;padding:.8rem}.pilih-pakej label:has(input:checked) span{border-color:var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.pilih-pakej b{font-size:.72rem}.pilih-pakej small{font:700 1.2rem 'Space Grotesk'}.dua{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bayaran label:not(.setuju){display:grid;gap:.35rem;font-size:.75rem;font-weight:800}.bayaran input,.bayaran select{width:100%;border:2px solid #c9c4d4;border-radius:10px;padding:.72rem;background:#fff;color:var(--ink)}.setuju{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:.6rem;font-size:.72rem;color:var(--muted)}.setuju input{margin-top:.2rem}.ringkasan{display:flex;justify-content:space-between;align-items:center;background:var(--lav);border:2px solid var(--ink);border-radius:12px;padding:1rem}.ringkasan span{display:grid}.ringkasan small{font-size:.62rem;color:var(--muted)}.ringkasan b{font-size:.78rem}.ringkasan strong{font:700 1.7rem 'Space Grotesk';color:var(--purple)}.lebar{width:100%;font-size:.9rem}.nota-bayar{text-align:center;color:var(--muted);font-size:.66rem;margin:0}.ralat{background:#ffd8d5;color:#7c2424;border:2px solid #b83d36;padding:.8rem;border-radius:10px}
.faq{background:var(--lav);display:grid;grid-template-columns:.7fr 1.1fr;gap:clamp(3rem,8vw,9rem)}.faq .kepala-seksyen{display:block;margin:0}.faq h2{font-size:clamp(3rem,5vw,5.4rem)}.akordion details{border-bottom:2px solid #c8c1ed;padding:1.15rem 0}.akordion summary{cursor:pointer;font:700 1rem 'Space Grotesk';list-style:none}.akordion summary:after{content:'+';float:right;width:30px;height:30px;display:grid;place-items:center;background:var(--lime);border:2px solid var(--ink);border-radius:50%}.akordion details[open] summary:after{content:'−'}.akordion details p{color:var(--muted);font-size:.86rem;padding-right:2rem}footer{background:var(--ink);color:#c0bdcb;padding:4rem clamp(1.4rem,7vw,7rem);display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;font-size:.78rem;border-top:8px solid var(--lime)}footer>div{display:grid;align-content:start;gap:.55rem}footer .songsang{color:#fff}footer .songsang .logo-bp{color:var(--ink)}footer>div>p{font:700 1.3rem 'Space Grotesk';color:#fff}footer>div>b{color:#fff;margin-bottom:.4rem}footer a{text-decoration:none}footer>small{grid-column:1/-1;border-top:1px solid #403d4c;padding-top:1.5rem}
.status-bayaran{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--lav)}.status-bayaran .bayaran{max-width:700px}.status-bayaran h1{font:700 clamp(2.2rem,6vw,4rem)/.98 'Space Grotesk';letter-spacing:-.05em;margin:.5rem 0 1.2rem}.status-bayaran p{color:var(--muted)}.status-bayaran .butang{margin:1rem 0}.dokumen{max-width:920px;margin:auto;padding:4rem 1.4rem 7rem}.dokumen>a{display:inline-block;margin-bottom:2rem;font-weight:800}.dokumen h1{font:700 clamp(2.7rem,7vw,5rem)/.95 'Space Grotesk';letter-spacing:-.06em}.dokumen h2{font:700 1.35rem 'Space Grotesk';margin-top:2.4rem}.dokumen p,.dokumen li{color:#555266}.dokumen .amaran-draf{background:#fff0b9;border:2px solid var(--ink);padding:1rem;border-radius:10px}.dokumen table{width:100%;border-collapse:collapse;background:#fff}.dokumen td,.dokumen th{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top}.dokumen small{color:var(--muted)}
.ringkasan-status{margin-top:1.3rem;padding:1rem;background:var(--lav);border:2px solid var(--ink);border-radius:14px}.ringkasan-status>small,.ringkasan-status>b{display:block}.ringkasan-status>b{font:700 1.1rem 'Space Grotesk'}.ringkasan-status dl{margin:1rem 0}.ringkasan-status dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid #c8c1ed}.ringkasan-status dt{font-size:.72rem;color:var(--muted)}.ringkasan-status dd{margin:0;text-align:right;font-weight:700;font-size:.75rem}
@media(max-width:1100px){.bar nav{display:none}.hero{grid-template-columns:1fr;max-width:900px}.hero-copy{max-width:760px}.hero:before{display:none}.hero-visual{margin-top:1rem}.bento{grid-template-columns:1fr 1fr}.bento-besar{grid-row:auto}.bento-lebar{grid-column:1/-1}.dua-ujian,.mutu,.langkah,.daftar,.faq{grid-template-columns:1fr}.kad-ujian{grid-template-columns:1fr 1fr}.pelan-grid{grid-template-columns:1fr;max-width:650px}.pelan.popular{transform:none}.daftar-copy{max-width:700px}.faq .kepala-seksyen{margin-bottom:1rem}}
@media(max-width:700px){.notis-atas{justify-content:flex-start;overflow:auto;white-space:nowrap}.bar{height:68px;padding:0 1rem}.bar .jenama small,.pautan-masuk{display:none}.aksi-nav{margin-left:auto}.bar .butang{font-size:0}.bar .butang span{font-size:.9rem}.hero{min-height:auto;padding:4.5rem 1.25rem 5rem}.hero h1{font-size:3.45rem}.lead{font-size:.95rem}.tindakan{align-items:flex-start;flex-direction:column}.hero-bukti{gap:.6rem}.hero-bukti span{padding-right:.6rem}.hero-visual img{border-radius:24px 12px}.pelekat.dua{left:-6px}.kad-mini{right:-4px;bottom:-35px;width:55%}.ticker div{justify-content:flex-start;padding-inline:1.2rem;overflow:auto}.seksyen,.dua-ujian,.langkah,.daftar{padding:5rem 1.25rem}.kepala-seksyen{display:block;margin-bottom:3rem}.kepala-seksyen h2,.dua-ujian h2,.mutu h2,.langkah h2,.daftar h2,.faq h2{font-size:3.2rem}.kepala-seksyen>p:last-child{margin-top:1.2rem}.bento,.kad-ujian{grid-template-columns:1fr}.bento-lebar{grid-column:auto;grid-template-columns:1fr}.bento article{min-height:240px}.angka-mutu{flex-wrap:wrap}.pilihan{grid-template-columns:1fr}.pelan{padding:1.5rem}.paling{font-size:.52rem}.pilih-pakej,.dua{grid-template-columns:1fr!important}.pilih-pakej span{grid-template-columns:1fr auto;align-items:center}.pilih-pakej small{grid-column:2}.bayaran{padding:1.1rem;box-shadow:6px 6px 0 var(--lime)}.ringkasan{align-items:flex-start}.ringkasan strong{font-size:1.45rem}footer{grid-template-columns:1fr 1fr;padding:3rem 1.25rem}footer>div:first-child,footer>small{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.butang,.butang-besar,.demo-garis i{transition:none}}
.pilih-pakej input{width:1px!important;height:1px!important;margin:0;clip-path:inset(50%)}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('plus-jakarta-latin.woff2') format('woff2')}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600 700;font-display:swap;src:url('space-grotesk-latin.woff2') format('woff2')}

/* v3.1.2 — pembaikan kejelasan dan pertindihan responsif */
.hero h1,.seksyen h2,.dua-ujian h2,.langkah h2,.daftar h2{
  line-height:.96;
  letter-spacing:-.045em;
  overflow-wrap:normal;
  word-break:normal;
}
.kepala-seksyen h2,.dua-ujian h2,.mutu h2,.langkah h2,.daftar h2,.faq h2{
  font-size:clamp(2.75rem,5vw,5.15rem);
}
.kepala-seksyen mark,.mutu-copy mark,.faq mark{
  color:inherit;
  padding:0 .03em;
  background:linear-gradient(transparent 64%,var(--lime) 64%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.kepala-seksyen>p:last-child{max-width:680px}

.bento{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.85fr)}
.bento article{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.bento-lebar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.bento h3{max-width:100%;overflow-wrap:break-word}
.grafik-minggu{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  width:100%;
  margin-top:auto;
  padding-top:2rem;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.grafik-minggu span{padding-top:.2rem}
.jam{position:static;align-self:flex-end;margin-top:auto;padding-top:1.5rem}

.prinsip-mutu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2.5rem}
.prinsip-mutu span{display:grid;align-content:start;gap:.35rem;padding:1rem;background:rgba(255,255,255,.62);border:1px solid #c8c1ed;border-radius:14px;min-width:0}
.prinsip-mutu b{font:700 .9rem/1.25 'Space Grotesk'}
.prinsip-mutu small{font-size:.7rem;line-height:1.55;color:var(--muted)}

.akordion summary{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:1rem;align-items:center}
.akordion summary:after{float:none}

@media(max-width:1100px){
  .kepala-seksyen{grid-template-columns:1fr;align-items:start;gap:1rem;margin-bottom:3.5rem}
  .kepala-seksyen .kicker{grid-column:auto}
  .kepala-seksyen h2{max-width:930px}
  .kepala-seksyen>p:last-child{margin:.4rem 0 0}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento-besar{grid-column:1/-1;grid-row:auto;min-height:360px!important}
  .bento-lebar{grid-column:1/-1}
  .mutu-copy{max-width:930px}
  .faq .kepala-seksyen{margin-bottom:1.5rem}
}

@media(max-width:700px){
  body{overflow-x:clip}
  .notis-atas{justify-content:center;overflow:hidden;white-space:normal;text-align:center}
  .notis-atas a{display:none}
  .bar .butang{font-size:.72rem;padding:.55rem .72rem}
  .bar .butang span{font-size:.72rem}
  .hero{padding:4.25rem 1.15rem 4.5rem;gap:2.5rem}
  .hero h1{font-size:clamp(2.75rem,13vw,3.35rem);line-height:.94}
  .hero-bukti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .hero-bukti span{padding-right:.45rem;min-width:0}
  .hero-bukti small{line-height:1.35}
  .hero-visual{display:grid;gap:.8rem}
  .hero-visual img{aspect-ratio:4/3}
  .kad-mini{position:static;right:auto;bottom:auto;width:100%;margin:0;box-shadow:4px 4px 0 var(--ink)}
  .pelekat{font-size:.64rem;max-width:70%}
  .pelekat.dua{bottom:24%;left:-4px}

  .seksyen,.dua-ujian,.langkah,.daftar{padding:4.5rem 1.15rem}
  .kepala-seksyen{margin-bottom:2.5rem}
  .kepala-seksyen h2,.dua-ujian h2,.mutu h2,.langkah h2,.daftar h2,.faq h2{
    font-size:clamp(2.25rem,10.5vw,2.85rem);
    line-height:.98;
  }
  .kepala-seksyen>p:last-child{font-size:.94rem;line-height:1.7}
  .kicker{font-size:.64rem;line-height:1.4}

  .bento{grid-template-columns:1fr}
  .bento article,.bento-besar{grid-column:auto;min-height:0!important;padding:1.35rem}
  .bento-besar{min-height:330px!important}
  .bento-lebar{grid-template-columns:1fr;gap:1.5rem}
  .bento h3{font-size:clamp(1.3rem,7vw,1.75rem);line-height:1.15}
  .grafik-minggu{padding-top:1.75rem}
  .grafik-minggu i{height:48px}
  .bar-mini span{grid-template-columns:78px minmax(0,1fr)}

  .kad-ujian article{transform:none!important;box-shadow:4px 4px 0 #fff}
  .kad-ujian article>div{align-items:flex-start;flex-direction:column}
  .kad-ujian h3{margin:1.5rem 0 1rem}

  .prinsip-mutu{grid-template-columns:1fr;margin-top:2rem}
  .proses li{gap:.9rem}
  .proses li>span{width:40px;height:40px}

  .pelan-grid{gap:1.4rem}
  .pelan{padding:1.4rem}
  .pelan h3{font-size:3.4rem}
  .pelan.popular{margin-top:.8rem}
  .paling{max-width:calc(100% - 2rem);text-align:center}

  .akordion summary{font-size:.94rem;line-height:1.45}
  .akordion details p{padding-right:0}
}

@media(max-width:420px){
  .notis-atas{gap:1rem}
  .bar{gap:.7rem}
  .logo-bp{width:38px;height:38px}
  .jenama{font-size:.9rem}
  .hero{padding-inline:1rem}
  .hero h1{font-size:clamp(2.45rem,13vw,3rem)}
  .hero-bukti{gap:.35rem}
  .hero-bukti b{font-size:1.2rem}
  .seksyen,.dua-ujian,.langkah,.daftar{padding:4rem 1rem}
  .kepala-seksyen h2,.dua-ujian h2,.mutu h2,.langkah h2,.daftar h2,.faq h2{font-size:clamp(2.05rem,10.8vw,2.55rem)}
  .bento-besar{min-height:320px!important}
  .grafik-minggu{gap:.3rem}
  .grafik-minggu i{height:44px}
  .demo{border-width:2px;box-shadow:5px 5px 0 var(--ink)}
  .ringkasan{gap:.7rem}
  .ringkasan strong{white-space:nowrap}
  footer{gap:2rem 1.2rem}
}