:root{--color-cta-black:#000000;--color-harvest-flame:#fa5d00;--color-hover-gray:#4f4f4f;--color-marigold-glow:#fee3b5;--color-parchment-shadow:#e3d6c5;--color-card-cream:#f3ebe4;--color-ink-black:#2c222d;--color-paper-white:#ffffff;--color-cream-canvas:#fbf5f0;--color-mist-gray:#d9d9d9;--color-warm-stone:#615f5c;--color-driftwood:#8e8b87;--color-bone:#c0bbb6;--font-primary:"Inter","MuotoWeb",sans-serif;--font-display:"Besley",Georgia,"Times New Roman",serif;--letter-spacing-primary:.015em;--radius-tag:999px;--radius-card:20px;--radius-input:16px;--radius-button:30px;--gap-element-min:16px;--gap-element-max:24px;--gap-section-min:64px;--padding-card-min:32px;--page-max-width:1200px;--tepi:24px;--shadow-nav:rgba(0,0,0,.08) 0 4px 16px,rgba(0,0,0,.06) 0 1px 3px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}body{margin:0;background:var(--color-cream-canvas);color:var(--color-ink-black);font:400 17px/1.6 var(--font-primary);letter-spacing:var(--letter-spacing-primary);font-feature-settings:"ss01" on,"cv11" on;padding:76px 0 var(--gap-section-min)}@media(max-width:640px){body{padding-top:62px}}.dalam{max-width:var(--page-max-width);margin:0 auto;padding-inline:var(--tepi)}a{color:var(--color-ink-black);text-decoration-color:var(--color-harvest-flame);text-underline-offset:3px}a:hover{color:var(--color-harvest-flame)}header.atas{position:fixed;inset:12px 0 auto;z-index:20;pointer-events:none;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease}header.atas.sembunyi,html.sembunyi header.atas{transform:translateY(-140%);opacity:0}header.atas .dalam{pointer-events:auto;display:flex;gap:.35rem;align-items:center;max-width:var(--page-max-width);margin:0 auto;font-size:14px;background:#fbf5f0a8;border-radius:999px;padding:6px 10px;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}header.atas.turun .dalam,html.digulir header.atas .dalam{background:#ffffffb8;box-shadow:inset 0 0 0 1px #2c222d14,var(--shadow-nav);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}header.atas .dalam>*{display:inline-flex;align-items:center;height:32px;line-height:1;padding:0 14px;border-radius:999px;white-space:nowrap}header.atas .merek{font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:var(--color-warm-stone);text-decoration:none}header.atas .merek:hover{color:var(--color-ink-black)}header.atas .pemisah{width:1px;height:18px;padding:0;background:var(--color-parchment-shadow);border-radius:0;margin:0 .3rem}header.atas a{text-decoration:none;color:var(--color-warm-stone);transition:background .15s ease,color .15s ease}header.atas a:hover{background:#2c222d0f;color:var(--color-ink-black)}header.atas a[aria-current]{background:var(--color-ink-black);color:var(--color-paper-white)}header.atas .jumlah{color:var(--color-driftwood);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){header.atas,header.atas .dalam,header.atas a{transition:none}}@media(max-width:640px){header.atas{inset:8px 0 auto}header.atas .dalam{margin-inline:var(--tepi);padding:5px 6px;gap:.2rem}header.atas .dalam>*{height:30px;padding:0 12px;font-size:13px}header.atas .merek{font-size:10px;letter-spacing:.16em}header.atas .pemisah,header.atas .jumlah{display:none}}main{max-width:var(--page-max-width);margin:0 auto;padding-inline:var(--tepi)}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,48px);line-height:1.15;letter-spacing:0;text-wrap:balance;margin:2.2rem 0 .6rem}h2{font-size:24px;line-height:1.26;font-weight:600;margin:var(--gap-section-min) 0 .6rem}h3{font-size:20px;line-height:1.3;font-weight:600;margin:1.4rem 0 .4rem}p,li{max-width:70ch}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--gap-element-min) var(--gap-element-max);background:var(--color-paper-white);border-radius:var(--radius-card);padding:var(--padding-card-min);margin:var(--gap-element-max) 0;font-size:15px}.meta div span.label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-driftwood);margin-bottom:.2rem}.pil{display:inline-block;padding:.15rem .7rem;border-radius:var(--radius-tag);background:var(--color-marigold-glow);color:var(--color-ink-black);font-size:13px;font-weight:600;letter-spacing:.02em}.nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 var(--gap-element-max);align-items:center}.nav a,.nav button{display:inline-flex;align-items:center;min-height:42px;padding:.5rem 1.1rem;border:1px solid var(--color-mist-gray);border-radius:10px;text-decoration:none;background:var(--color-paper-white);color:inherit;font:inherit;font-size:15px;cursor:pointer}.nav a:hover,.nav button:hover:not(:disabled){border-color:var(--color-ink-black);color:inherit}.blok{background:var(--color-paper-white);border-radius:var(--radius-card);padding:var(--padding-card-min);margin:var(--gap-element-max) 0}.blok h2{margin:0 0 .6rem;font-size:20px}.blok ul{margin:.4rem 0;padding-left:1.2rem}.blok li{margin-bottom:.35rem}code{background:var(--color-card-cream);padding:.1rem .4rem;border-radius:6px;font-size:.88em;overflow-wrap:anywhere}pre{background:var(--color-card-cream);padding:1rem;border-radius:var(--radius-input);overflow-x:auto}pre code{background:none;padding:0}.tabelbungkus{overflow-x:auto}table{border-collapse:collapse;font-size:15px;min-width:100%}th,td{border-bottom:1px solid var(--color-mist-gray);padding:.6rem .7rem;text-align:left;vertical-align:top}th{font-weight:600;color:var(--color-warm-stone);text-transform:uppercase;font-size:13px;letter-spacing:.1em}td.angka,th.angka{font-variant-numeric:tabular-nums;text-align:right}.kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--gap-element-max)}.kartu{background:var(--color-paper-white);border-radius:var(--radius-card);padding:var(--padding-card-min);display:flex;flex-direction:column;gap:.5rem}.kartu h3{margin:0;font-size:22px}.kartu p{margin:0;font-size:15px;color:var(--color-warm-stone)}.kartu-atas,.kartu-bawah{display:flex;justify-content:space-between;gap:.6rem;font-size:13px;color:var(--color-driftwood)}.kartu-bawah{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--color-mist-gray)}footer{max-width:var(--page-max-width);margin:var(--gap-section-min) auto 0;color:var(--color-driftwood);font-size:14px;padding-inline:var(--tepi)}footer .garis{border-top:1px solid var(--color-mist-gray);padding-top:1rem}@media(max-width:640px){:root{--tepi:16px}.blok,.meta,.kartu{padding:20px}h2{margin-top:2.2rem}}.ruas{margin-bottom:var(--gap-element-max)}.ruas label{display:block;font-weight:600;font-size:16px}.ruas .kenapa{display:block;color:var(--color-warm-stone);font-size:14px;margin:.15rem 0 .4rem}.ruas input,.ruas textarea{width:100%;font:inherit;font-size:16px;padding:.6rem .8rem;border:1px solid var(--color-bone);border-radius:var(--radius-input);background:var(--color-paper-white);color:inherit;resize:vertical}.ruas input:focus,.ruas textarea:focus{outline:2px solid var(--color-harvest-flame);outline-offset:1px}#pesan{font-size:15px;margin:.2rem 0 .6rem}.hero{padding:1.6rem 0 1.3rem;border-bottom:1px solid var(--color-parchment-shadow)}.tanda3d{width:54px;height:54px;perspective:340px;margin:0 0 .7rem}.tanda3d .kubus{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:putar 14s linear infinite}.tanda3d .sisi{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--color-ink-black);border-radius:6px;background:#ffffff8c}.tanda3d .s1{transform:translateZ(27px)}.tanda3d .s2{transform:rotateY(90deg) translateZ(27px);background:#fa5d0029;border-color:var(--color-harvest-flame)}.tanda3d .s3{transform:rotateY(180deg) translateZ(27px)}.tanda3d .s4{transform:rotateY(-90deg) translateZ(27px);background:#fa5d0029;border-color:var(--color-harvest-flame)}.tanda3d .s5{transform:rotateX(90deg) translateZ(27px);background:var(--color-card-cream)}.tanda3d .s6{transform:rotateX(-90deg) translateZ(27px);background:var(--color-card-cream)}.tanda3d .garis{position:absolute;left:9px;right:9px;height:2px;background:var(--color-parchment-shadow);border-radius:2px}.tanda3d .g1{top:14px}.tanda3d .g2{top:24px;right:20px}.tanda3d .g3{top:34px;right:16px}@keyframes putar{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.tanda3d .kubus{animation:none;transform:rotateX(-18deg) rotateY(-28deg)}}.mata{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-harvest-flame);margin:0 0 .5rem;font-weight:600}.hero h1{margin:0 0 .7rem;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.01em}.hero-teks{font-size:16px;color:var(--color-warm-stone);max-width:62ch;margin:0 0 1rem}.kemajuan{height:3px;background:var(--color-parchment-shadow);border-radius:999px;overflow:hidden;max-width:420px}.kemajuan span{display:block;height:100%;background:var(--color-harvest-flame);transition:width .25s ease}.kemajuan-teks{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-driftwood);margin:.5rem 0 0}.kerja{display:grid;grid-template-columns:190px minmax(0,1fr);gap:clamp(20px,3vw,52px);padding:1.5rem 0 0;align-items:start}.rel{position:sticky;top:86px}.rel-judul{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-driftwood);margin:0 0 .9rem}.rel ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--color-parchment-shadow)}.rel li{margin:0}.rel button{display:flex;gap:.7rem;align-items:baseline;width:100%;text-align:left;background:none;border:0;padding:.5rem 0 .5rem 1rem;margin-left:-1px;border-left:2px solid transparent;font:inherit;font-size:15px;color:var(--color-driftwood);cursor:pointer}.rel button:disabled{cursor:default;opacity:.55}.rel-nomor{font-family:var(--font-display);font-size:13px;color:var(--color-bone)}.rel .lewat button{color:var(--color-warm-stone)}.rel .lewat .rel-nomor{color:var(--color-harvest-flame)}.rel .kini button{color:var(--color-ink-black);font-weight:600;border-left-color:var(--color-harvest-flame)}.rel .kini .rel-nomor{color:var(--color-harvest-flame)}.kepala-langkah{display:flex;gap:1rem;align-items:flex-start;margin:0 0 1.1rem}.kepala-langkah h2{margin:0;font-size:clamp(24px,3vw,32px);font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.kepala-langkah .ajakan{margin:.35rem 0 0;font-size:17px}.nomor-besar{font-family:var(--font-display);font-size:clamp(32px,4vw,46px);line-height:.9;color:var(--color-parchment-shadow);flex:0 0 auto}.papan{background:var(--color-paper-white);border:1px solid var(--color-parchment-shadow);border-radius:var(--radius-card);padding:clamp(20px,3vw,34px);margin-bottom:var(--gap-element-max)}.ruas{position:relative;padding:1.4rem 0;border-top:1px solid var(--color-mist-gray)}.ruas:first-child{padding-top:0;border-top:0}.ruas:last-child{padding-bottom:0}.urut{position:absolute;right:0;top:1.4rem;font-family:var(--font-display);font-size:13px;color:var(--color-bone)}.ruas:first-child .urut{top:0}.ruas label,.label-ruas{display:block;font-weight:600;font-size:17px;padding-right:2.4rem}.ruas label em,.label-ruas em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-harvest-flame);margin-left:.5rem;vertical-align:.12em}.ajakan{color:var(--color-warm-stone);margin:.2rem 0 .8rem}.kenapa{display:block;color:var(--color-driftwood);font-size:14px;margin:.2rem 0 .7rem}.pilihan{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:.5rem}.kotak{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.75rem .9rem;border:1px solid var(--color-mist-gray);border-radius:10px;background:var(--color-paper-white);color:inherit;font:inherit;font-size:15px;line-height:1.35;cursor:pointer;transition:border-color .12s,transform .12s}.kotak:hover{border-color:var(--color-ink-black);transform:translateY(-1px)}.kotak.aktif{border-color:var(--color-harvest-flame);background:#fff6ef;font-weight:500;box-shadow:inset 3px 0 0 var(--color-harvest-flame)}.tanda{flex:0 0 auto;width:18px;height:18px;border:1.5px solid var(--color-bone);background:var(--color-paper-white);position:relative}.kotak-tanda{border-radius:5px}.bulat-tanda{border-radius:999px}.kotak.aktif .tanda{border-color:var(--color-harvest-flame);background:var(--color-harvest-flame)}.kotak.aktif .kotak-tanda:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--color-paper-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.kotak.aktif .bulat-tanda:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:var(--color-paper-white)}.plus-tanda{border-radius:5px;border-style:dashed}.plus-tanda:before,.plus-tanda:after{content:"";position:absolute;background:var(--color-driftwood)}.plus-tanda:before{left:3px;right:3px;top:7px;height:2px}.plus-tanda:after{top:3px;bottom:3px;left:7px;width:2px}.kotak.tambah{border-style:dashed;color:var(--color-warm-stone)}.isi-lain,.ruas input,.ruas textarea{display:block;width:100%;padding:.75rem .9rem;border:1px solid var(--color-mist-gray);border-radius:10px;font:inherit;font-size:16px;background:var(--color-paper-white);color:inherit}.isi-lain{margin-top:8px;border-style:dashed}.ruas input:focus,.ruas textarea:focus,.isi-lain:focus,.kotak:focus-visible,.rel button:focus-visible{outline:2px solid var(--color-harvest-flame);outline-offset:2px}.baris-daftar{display:flex;gap:.5rem;margin-bottom:.5rem}.baris-daftar input{flex:1}.buang{padding:.5rem .9rem;border:1px solid var(--color-mist-gray);border-radius:10px;background:var(--color-paper-white);font:inherit;font-size:14px;color:var(--color-warm-stone);cursor:pointer}.buang:hover{border-color:var(--color-ink-black);color:var(--color-ink-black)}.nav button.utama{background:var(--color-cta-black);color:var(--color-paper-white);border-color:var(--color-cta-black)}.nav-langkah{align-items:center;gap:.8rem;margin:var(--gap-element-max) 0 0;flex-wrap:wrap}.lewati{color:var(--color-warm-stone);font-size:14px;text-decoration:underline;text-decoration-color:var(--color-harvest-flame);cursor:pointer}#pesan{font-size:16px;margin:0 0 .8rem}#pesan.kurang{color:#8a2b00}#pesan.siap{color:var(--color-warm-stone)}#pratinjau{white-space:pre-wrap;font-size:13px;line-height:1.5;display:block;max-height:26rem;overflow:auto}.riwayat{list-style:none;margin:0;padding:0}.riwayat li{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--color-mist-gray)}.riwayat li:last-child{border-bottom:0}.riwayat .kenapa{display:block;margin:.1rem 0 0}section{margin:0}.rel,.isi{min-width:0}@media(max-width:860px){.kerja{grid-template-columns:minmax(0,1fr);gap:1.4rem}.rel{position:static}.rel-judul{display:none}.rel ol{display:flex;gap:.2rem;overflow-x:auto;border-left:0;border-bottom:1px solid var(--color-parchment-shadow);padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.rel button{flex-direction:column;gap:.15rem;align-items:center;padding:.4rem .6rem;border-left:0;border-bottom:2px solid transparent;margin-left:0;font-size:13px;white-space:nowrap}.rel .kini button{border-left-color:transparent;border-bottom-color:var(--color-harvest-flame)}.pilihan{grid-template-columns:1fr}.urut{display:none}.ruas label,.label-ruas{padding-right:0}}