@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--krem: #f5f4f0;--putih: #ffffff;--tinta: #000000;--arang: #222222;--batu: #333333;--kabut: #dddfe2;--mint: #99ffcc;--plum: #160042;--terong: #26153f;--langit: #7bbbff;--permen: #ff99cc;--persik: #ffcc99;--bg: var(--krem);--bg-card: var(--putih);--bg-subtle: var(--putih);--border: var(--tinta);--border-soft: var(--kabut);--text: var(--arang);--text-kuat: var(--tinta);--text-muted: var(--batu);--accent: var(--mint);--accent-ink: var(--plum);--r-kecil: 4px;--r-tombol: 12px;--r-kartu: 16px;--r-besar: 40px;--r-pil: 9999px;--maxw: 1200px;--jarak-bagian: 96px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", "DM Serif Display", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;color:var(--text-kuat);letter-spacing:-.028em;margin:0 0 .4em}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.1}h2{font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.12;margin-top:1.6em}h3{font-size:1.5rem;line-height:1.2;margin-top:1.4em}a{color:var(--accent-ink);text-decoration-color:var(--kabut);text-decoration-thickness:2px;text-underline-offset:4px}a:hover{text-decoration-color:var(--accent-ink)}p{margin:0 0 1.1em}strong{color:var(--text-kuat)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.prose{max-width:68ch}.muted{color:var(--text-muted)}section{margin-bottom:52px}.site-head{border-bottom:1px solid var(--border);background:var(--krem);position:sticky;top:0;z-index:30}.head-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}.brand{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--text-kuat);text-decoration:none;letter-spacing:-.028em;white-space:nowrap}.brand span{background:var(--mint);padding:0 6px;border-radius:var(--r-kecil)}.hamburger{display:none;width:48px;height:48px;padding:0;background:var(--putih);border:1px solid var(--border);border-radius:var(--r-tombol);cursor:pointer;position:relative;flex:0 0 auto}.hamburger span{display:block;position:absolute;left:13px;width:20px;height:2px;background:var(--tinta);transition:transform .2s ease,opacity .2s ease}.hamburger span:nth-child(1){top:17px}.hamburger span:nth-child(2){top:23px}.hamburger span:nth-child(3){top:29px}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav{display:flex;align-items:center;gap:22px}.nav-grup{display:flex;gap:22px;flex-wrap:wrap}.site-nav a{color:var(--batu);text-decoration:none;font-size:.97rem;white-space:nowrap}.site-nav a:hover{color:var(--tinta);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.nav-judul,.nav-koleksi{display:none}@media(max-width:899px){.hamburger{display:block}.site-nav{position:fixed;inset:69px 0 0;display:block;background:var(--krem);border-top:1px solid var(--border);padding:28px 24px 64px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.site-nav[data-buka]{opacity:1;visibility:visible;transform:none}.nav-grup{display:grid;gap:0}.site-nav a{display:block;font-size:1.25rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.028em;color:var(--tinta);padding:15px 0;border-bottom:1px solid var(--border-soft)}.nav-koleksi{display:block;margin-top:32px}.nav-judul{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--batu);margin:0 0 4px}.nav-koleksi a{font-family:var(--font);font-weight:400;font-size:1.05rem;color:var(--batu)}}.site-foot{border-top:1px solid var(--border);margin-top:var(--jarak-bagian);padding:48px 0;font-size:1rem;background:var(--krem)}.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:40px;margin-bottom:40px}.foot-grid h4{font-family:var(--font);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta);margin:0 0 14px}.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.foot-grid a{color:var(--batu);text-decoration:none;font-size:.95rem}.foot-grid a:hover{color:var(--tinta);text-decoration:underline}.site-foot>.wrap>p{color:var(--text-muted);font-size:.95rem;max-width:60ch}.crumbs{font-size:.9rem;color:var(--text-muted);margin:28px 0 0}.crumbs a{color:var(--text-muted);text-decoration:none}.crumbs a:hover{color:var(--tinta);text-decoration:underline}.crumbs span{margin:0 8px}.grid-nama{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:32px 0;padding:0;list-style:none}.kartu{display:block;background:var(--putih);border:1px solid var(--border);border-radius:var(--r-kartu);padding:28px;text-decoration:none;color:inherit;height:100%;transition:background .15s ease,transform .15s ease}.kartu:hover{background:var(--mint);transform:translate(-2px,-2px)}.kartu-atas{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kartu-nama{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.028em;color:var(--tinta);line-height:1.15}.kartu-aksara{font-size:1.15rem;color:var(--batu);unicode-bidi:isolate}.kartu-arti{font-size:.95rem;color:var(--batu);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pil{display:inline-block;font-size:.9rem;padding:7px 16px;border-radius:var(--r-pil);border:1px solid var(--border);background:var(--putih);color:var(--tinta);font-weight:400;text-decoration:none;line-height:1.3}.pil:hover{background:var(--mint)}.pil-aksi{background:var(--mint);font-weight:700}.pil-alt{background:var(--persik)}.pil-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.hero{padding:72px 0 32px}.hero h1{max-width:15ch}.hero h1:has(em){line-height:1.38}.hero h1 em{font-style:normal;background:var(--mint);padding:.02em .18em .06em;border-radius:var(--r-kecil);box-decoration-break:clone;-webkit-box-decoration-break:clone}@supports not selector(:has(*)){.hero h1{line-height:1.38}}.hero p{font-size:1.33rem;line-height:1.4;color:var(--batu);max-width:54ch}.panel{background:var(--putih);border:1px solid var(--border);border-radius:var(--r-besar);padding:40px;margin:32px 0}.panel-subtle{background:var(--persik)}.nama-hero{display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap;justify-content:space-between;padding-top:40px}.nama-hero h1{margin-bottom:10px}.aksara-besar{font-size:clamp(2.4rem,8vw,3.6rem);color:var(--plum);line-height:1.3;unicode-bidi:isolate}.fakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--border);border-radius:var(--r-kartu);overflow:hidden;margin:36px 0;background:var(--putih)}.fakta div{padding:20px 24px;border-right:1px solid var(--border)}.fakta div:last-child{border-right:0}.fakta dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--batu);margin-bottom:6px}.fakta dd{margin:0;font-weight:700;color:var(--tinta);font-size:1.05rem}details{border-bottom:1px solid var(--border-soft);padding:20px 0}details summary{cursor:pointer;font-weight:700;color:var(--tinta);list-style:none;display:flex;justify-content:space-between;gap:16px}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";font-size:1.5rem;line-height:1}details[open] summary:after{content:"−"}details p{margin:14px 0 0;color:var(--batu)}.alat-form{display:grid;gap:24px}.alat-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}label{display:block;font-size:.85rem;font-weight:700;margin-bottom:8px;color:var(--tinta)}input[type=text],select{width:100%;padding:13px 16px;font:inherit;font-size:1rem;color:var(--tinta);background:var(--putih);border:1px solid var(--border);border-radius:var(--r-tombol)}input[type=text]:focus,select:focus{outline:3px solid var(--mint);outline-offset:0}button{font:inherit;font-weight:700;padding:13px 28px;border-radius:var(--r-tombol);border:1px solid var(--border);background:var(--mint);color:var(--tinta);cursor:pointer}button:hover{background:var(--langit)}button.sekunder{background:var(--putih)}button.sekunder:hover{background:var(--permen)}.hasil-rangkai{display:grid;gap:14px;margin-top:32px}.hasil-item{background:var(--putih);border:1px solid var(--border);border-radius:var(--r-tombol);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.hasil-nama{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.028em;color:var(--tinta)}.hasil-catatan{font-size:.9rem;color:var(--batu)}.skor{font-size:.85rem;font-weight:700;color:var(--tinta);background:var(--mint);border:1px solid var(--border);border-radius:var(--r-pil);padding:5px 14px;white-space:nowrap}.kartu-contoh{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);font-family:var(--font-display);font-size:1.02rem;color:var(--text)}.kartu-pisah{color:var(--text-muted)}ul.isi{padding-left:1.2em}ul.isi li{margin-bottom:.7em}@media(max-width:600px){body{font-size:17px}.hero{padding:44px 0 24px}.panel{padding:28px;border-radius:var(--r-kartu)}.fakta div{border-right:0;border-bottom:1px solid var(--border)}}.poster{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-kartu);background:var(--putih)}.poster-hero{max-width:420px}.hero-dua-kolom{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:72px 0 32px}.hero-dua-kolom .hero{padding:0}.poster-pita{border-radius:var(--r-besar);margin:8px 0 32px}@media(max-width:860px){.hero-dua-kolom{grid-template-columns:1fr;gap:28px;padding:44px 0 24px}.poster-hero{max-width:320px;margin:0 auto}}.hero-teks{font-size:1.33rem;line-height:1.4;color:var(--batu);max-width:58ch;margin:28px 0 32px}@media(max-width:600px){.hero-teks{font-size:1.1rem}}.brand{display:flex;align-items:center;gap:10px}.brand img{width:auto;height:34px;aspect-ratio:1315 / 1196;flex:0 0 auto}.brand-teks{white-space:nowrap}.poster-hero{max-width:620px;margin:0}@media(max-width:860px){.poster-hero{max-width:100%;margin:0}}.plat{margin:0 0 1.5rem;border:1px solid var(--border);border-radius:var(--r-kartu);background:var(--bg-card);overflow:hidden}.plat-deret{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.plat-deret>li{flex:1 0 auto;min-width:7.5rem;scroll-snap-align:start;border-right:1px solid var(--border)}.plat-deret>li:last-child{border-right:0}.plat-deret a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem .6rem;min-height:7.5rem;text-decoration:none;color:inherit}.plat-deret a:hover,.plat-deret a:focus-visible{background:var(--mint)}.plat-aksara{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.25;text-align:center;white-space:nowrap}.plat-nama{font-family:var(--font);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.plat-ket{border-top:1px solid var(--border);padding:.7rem 1rem;font-family:var(--font);font-size:.88rem;color:var(--text-muted)}.hitung{font-family:var(--font);font-size:.85rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}