/* Mimin web v2 x valyu skeleton, shared base. Muse mock 20 Oct 2026. Nunito, Kuning/Hitam/white only. */
:root{--k:#F5B82E;--ks:#FFF3D1;--sk:#EEECE6;--kd:#8A5F00;--line:#E4E4E0;--muted:#6B6B66;--body:#3a3a37;--soft:#BDB8AC;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;font-family:Nunito,system-ui,sans-serif;color:#111;background:#fff;-webkit-font-smoothing:antialiased}
p{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0}
.w{max-width:1200px;margin:0 auto;padding:0 20px}
.logo{display:flex;align-items:center;gap:6px;font:900 22px Nunito}.logo img{height:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#111;color:#fff;border-radius:999px;padding:15px 24px;font:800 16px Nunito;white-space:nowrap;min-height:44px}
.btn.out:hover{background:var(--kt,#FFF8E6)}
.btn:disabled,.btn[aria-disabled="true"],.btn.off{background:var(--sk);color:#A6A298;pointer-events:none}
:focus-visible{outline:2px solid #111;outline-offset:2px}
.btn.k{background:var(--k);color:#111}.btn.wh{background:#fff;color:#111}
.tlink{font:800 15px Nunito;border-bottom:2px solid currentColor;padding-bottom:1px}
.fine{font:600 13px/1.5 Nunito;color:var(--muted)}
.over{font:800 12px Nunito;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dot{display:inline-flex;align-items:center;gap:8px;font:800 14px Nunito}.dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--k);flex:none}
/* pill nav */
.pnav{position:sticky;top:12px;z-index:20;margin:12px;display:flex;justify-content:space-between;align-items:center;padding:9px 10px 9px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 30px rgba(17,17,17,.06)}
.pnav nav{display:none}.pnav .btn{padding:10px 16px;font-size:14px}
/* hero type */
h1.hx{font:900 44px/1.0 Nunito;letter-spacing:-.045em}
h1.hx mark{background:var(--k);color:#111;padding:0 .1em;margin:0 -.03em;border-radius:.14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
h2.hx{font:900 34px/1.02 Nunito;letter-spacing:-.04em}
.lead{font:600 18px/1.5 Nunito;color:var(--body)}
/* cards */
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 1px 0 rgba(17,17,17,.02),0 14px 40px rgba(17,17,17,.07)}
.card.ink{border:1.5px solid #111;box-shadow:0 18px 50px rgba(17,17,17,.10)}
.cl{font:800 11px Nunito;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
.kv{display:flex;justify-content:space-between;gap:12px;font:700 14px Nunito;padding:8px 0;border-top:1px solid var(--line)}.kv span:first-child{color:var(--muted)}
.kv.neg span:last-child{color:#111}.kv.tot{border-top:1.5px solid #111;font:900 16px Nunito}
.money{font:900 40px/1 Nunito;letter-spacing:-.04em;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.money small{font:800 14px Nunito;letter-spacing:0;color:var(--muted);margin-left:6px}
.bu{background:var(--k);border-radius:18px 18px 4px 18px;padding:10px 14px;font:700 14px/1.4 Nunito;width:fit-content;max-width:90%;margin-left:auto}
.bm{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;font:600 14px/1.5 Nunito}.bm img{width:24px}
.draft{border-left:3px solid var(--k);padding:2px 0 2px 12px;font:700 15px/1.45 Nunito;margin:8px 0 10px}
.sendrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 12px Nunito;color:var(--muted)}
.sendrow b{background:#111;color:#fff;border-radius:999px;padding:7px 14px;font:800 12px Nunito}
.qd{display:inline-flex;gap:4px}.qd i{width:10px;height:10px;border-radius:50%;border:2px solid #111}.qd i.on{background:var(--k)}
/* band */
.band{background:#111;color:#fff}
.tick{background:#fff;border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}
.tick div{display:inline-flex;gap:36px;padding:14px 0;animation:mq 50s linear infinite;font:800 14px Nunito}
.tick span{display:inline-flex;align-items:center;gap:10px}.tick span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--k)}
@keyframes mq{to{transform:translateX(-50%)}}
/* bento */
.bento{display:grid;gap:14px}
.bx{border:1px solid var(--line);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:22px;background:#fff;overflow:hidden}
.bx .scr{width:100%;max-width:380px;align-self:center}
.bx h3{font:900 22px/1.15 Nunito;letter-spacing:-.02em}.bx p.d{font:600 15px/1.5 Nunito;color:var(--body);margin-top:6px}
.bx.k{background:var(--k);border-color:var(--k)}.bx.k p.d{color:#111}.bx.h{background:#111;color:#fff;border-color:#111}.bx.h p.d{color:var(--soft)}.bx.h .over{color:var(--soft)}
/* steps */
.steps{border:1px solid var(--line);border-radius:28px;overflow:hidden}
.steps>div{padding:24px 22px;border-top:1px solid var(--line)}.steps>div:first-child{border-top:0}
.steps .n{font:900 13px Nunito;color:var(--kd);letter-spacing:.12em}.steps h3{font:900 23px/1.15 Nunito;letter-spacing:-.02em;margin:8px 0 6px}.steps p{font:600 15px/1.5 Nunito;color:var(--body)}
/* poster + footer */
.poster{background:var(--k);border:2px solid #111;border-radius:28px;box-shadow:8px 8px 0 #111;padding:30px 22px;display:grid;gap:20px}
.vfoot{background:#111;color:var(--soft);padding:36px 20px 0;overflow:hidden;margin-top:80px}
.vfoot .r{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font:700 13px Nunito}.vfoot .r b{color:#fff;font:900 22px/1.2 Nunito;max-width:22ch}
.word{font:900 33vw/.78 Nunito;letter-spacing:-.065em;color:#fff;margin:40px 0 -2vw;display:flex;align-items:flex-end;white-space:nowrap}
.word i{width:.19em;height:.19em;border-radius:50%;background:var(--k);margin:0 0 .05em .04em}
.rise{animation:rise .8s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
.sec{padding:80px 0}
@media(min-width:1000px){
 .w{padding:0 48px}
 .pnav{max-width:1200px;margin:16px auto 0;padding:9px 10px 9px 22px}.pnav nav{display:flex;gap:30px;font:800 15px Nunito;color:var(--body)}
 h1.hx{font-size:84px;letter-spacing:-.05em}h2.hx{font-size:56px}.lead{font-size:20px}
 .bento{grid-template-columns:repeat(6,1fr)}.bx{padding:30px}
 .steps{display:grid;grid-template-columns:repeat(3,1fr)}.steps>div{border-top:0;border-left:1px solid var(--line);padding:34px 30px}.steps>div:first-child{border-left:0}
 .poster{grid-template-columns:1.4fr auto;align-items:center;padding:52px}
 .vfoot{padding:48px 48px 0}.word{font-size:min(31vw,520px)}
 .sec{padding:130px 0}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.still *{animation-play-state:paused!important}.still .rise{animation:none}