/* Dirapiin landing. Semua aturan dibatasi di .dirapiin-lp supaya tidak bentrok dengan tema. */
.dirapiin-lp{background:#F7F9FB;color:#1F2B45;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.dirapiin-lp *{box-sizing:border-box}
.dirapiin-lp a{color:inherit}
.dirapiin-lp h1,.dirapiin-lp h2,.dirapiin-lp h3,.dirapiin-lp p,.dirapiin-lp ul,.dirapiin-lp ol,.dirapiin-lp li,.dirapiin-lp strong{color:inherit;text-transform:none}
.dirapiin-lp h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.3}
.dirapiin-lp .serif,.dirapiin-lp h1.serif,.dirapiin-lp h2.serif,.dirapiin-lp h3.serif{font-family:'Newsreader',Georgia,serif}
.dirapiin-lp img,.dirapiin-lp svg{max-width:100%}
.dirapiin-lp .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid #1F2B45}
.dirapiin-lp .btn-utama{background:#1F2B45;color:#F7F9FB}
.dirapiin-lp .btn-utama:hover{background:#2B3A5C;color:#F7F9FB}
.dirapiin-lp .btn-tepi{background:transparent;color:#1F2B45}
.dirapiin-lp .btn-tepi:hover{background:#E3EAF2}
.dirapiin-lp a:focus-visible,.dirapiin-lp summary:focus-visible{outline:3px solid #B08D57;outline-offset:3px;border-radius:8px}
.dirapiin-lp .tag{position:relative;background:#fff;border:1.5px solid #1F2B45;border-radius:6px 6px 18px 18px}
.dirapiin-lp .lubang{position:absolute;top:14px;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:#F7F9FB;border:2px solid #B08D57}
.dirapiin-lp .putus{border:0;border-top:2px dashed #C3CFDD;margin:0}
.dirapiin-lp details{border-top:1px solid #C3CFDD}
.dirapiin-lp details:last-of-type{border-bottom:1px solid #C3CFDD}
.dirapiin-lp summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:600;font-size:18px;display:flex;justify-content:space-between;gap:16px;min-height:48px}
.dirapiin-lp summary::-webkit-details-marker{display:none}
.dirapiin-lp summary::after{content:"+";font-size:26px;line-height:1;color:#8A5A0E}
.dirapiin-lp details[open] summary::after{content:"\2013"}
.dirapiin-lp details p{margin:0 0 22px;max-width:62ch;color:#3E4A63}
@media (prefers-reduced-motion:no-preference){.dirapiin-lp .cap{animation:dirapiin-cap .6s .5s both cubic-bezier(.2,1.4,.4,1)}@keyframes dirapiin-cap{from{opacity:0;transform:rotate(-10deg) scale(1.6)}to{opacity:1;transform:rotate(-10deg) scale(1)}}}