.sc-v3{--bg:#f5f4f0;--surface:#fff;--ink:#14161a;--ink-2:#4b5059;--ink-3:#7d828c;--line:#e6e4de;--accent:#0b5cff;--accent-soft:#eaf1ff;--good:#0d7a4f;--good-soft:#e3f5ec;--warn:#9a5b00;--warn-soft:#fdf1dc;--wa:#128a4a;--radius:18px;--phone:#b9d3ea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sc-v3 *{box-sizing:border-box}.sc-v3{background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.sc-v3 .wrap{max-width:1120px;margin:0 auto;padding:0 20px}.sc-v3 .sc-tagline{letter-spacing:-.01em;color:var(--ink);margin:32px 0 4px;font-size:clamp(20px,2.6vw,28px);font-weight:800;line-height:1.25}.sc-v3 .sc-tagline mark{background:var(--good);color:#fff;white-space:nowrap;border-radius:8px;padding:0 10px}.sc-v3 .grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:24px;padding-bottom:56px;display:grid}.sc-v3 .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.sc-v3 .card+.card{margin-top:16px}.sc-v3 .step{align-items:center;gap:10px;margin:0 0 14px;display:flex}.sc-v3 .step .n{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.sc-v3 .step h2{margin:0;font-size:16px;font-weight:700}.sc-v3 .step .hint{color:var(--ink-3);margin-left:auto;font-size:13px;font-weight:500}.sc-v3 .providers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:24px;display:grid}.sc-v3 .prov{position:relative}.sc-v3 .prov input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.sc-v3 .prov .face{border:1.5px solid var(--line);text-align:center;background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:26px 12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.sc-v3 .prov img{object-fit:contain;width:auto;max-width:100%;height:30px;display:block}.sc-v3 .prov .layanan{letter-spacing:-.01em;font-size:15px;font-weight:800}.sc-v3 .prov .from{color:var(--ink-3);flex-direction:column;align-items:center;gap:4px;font-size:12.5px;font-weight:500;line-height:1.3;display:flex}.sc-v3 .prov .from b{letter-spacing:-.01em;color:var(--ink);white-space:nowrap;background:#ffeeb8;border-radius:9px;padding:3px 10px;font-size:18px;font-weight:800;display:inline-block}.sc-v3 .prov .from b small{font-size:12px;font-weight:600}.sc-v3 .prov .tick{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;transition:transform .15s;display:grid;position:absolute;top:8px;right:8px;transform:scale(0)}.sc-v3 .prov .tick svg{width:12px;height:12px}.sc-v3 .prov input:hover+.face{border-color:#c9c6bd}.sc-v3 .prov input:checked+.face{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.sc-v3 .prov input:checked+.face .from b{background:var(--accent);color:#fff}.sc-v3 .prov input:checked+.face .tick{transform:scale(1)}.sc-v3 .prov input:focus-visible+.face{outline:3px solid var(--accent-soft);outline-offset:2px}.sc-v3 .combo{position:relative}.sc-v3 .combo .box{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:0 6px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.sc-v3 .combo .box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sc-v3 .combo .ico{width:18px;height:18px;color:var(--ink-3);flex:none}.sc-v3 .combo input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:15px 0;font-weight:600}.sc-v3 .combo input::placeholder{color:var(--ink-3);font-weight:500}.sc-v3 .combo .toggle{cursor:pointer;width:40px;height:40px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.sc-v3 .combo .toggle:hover{background:var(--bg)}.sc-v3 .combo .toggle svg{flex:none;width:18px;height:18px;transition:transform .15s;display:block}.sc-v3 .combo.open .toggle svg{transform:rotate(180deg)}.sc-v3 .combo ul{z-index:20;background:var(--surface);border:1px solid var(--line);overscroll-behavior:contain;border-radius:14px;max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px -12px #14161a38}.sc-v3 .combo li{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.sc-v3 .combo li .nm{min-width:0;font-weight:600}.sc-v3 .combo li .nm b{color:var(--ink-2);background:var(--bg);white-space:nowrap;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:13.5px;font-weight:700}.sc-v3 .combo li .pr{color:var(--ink-2);white-space:nowrap;font-size:14px}.sc-v3 .combo li.active{background:var(--bg)}.sc-v3 .combo li[aria-selected=true]{background:var(--accent-soft)}.sc-v3 .combo li[aria-selected=true] .nm{color:var(--accent)}.sc-v3 .combo li.empty{cursor:default;color:var(--ink-2);font-size:14.5px;display:block}.sc-v3 .combo li.empty a{color:var(--wa);font-weight:700}.sc-v3 .note{color:var(--ink-3);margin:8px 0 0;font-size:13px}.sc-v3 .sub{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px;font-size:13px;font-weight:700}.sc-v3 .swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sc-v3 .sw{width:34px;height:34px;position:relative}.sc-v3 .sw input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sc-v3 .sw span{width:100%;height:100%;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px transparent;border:1px solid #00000024;border-radius:50%;transition:box-shadow .15s;display:block}.sc-v3 .sw input:checked+span{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--ink)}.sc-v3 .sw input:focus-visible+span{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.sc-v3 .color-name{color:var(--ink-2);margin-left:4px;font-size:14px;font-weight:600}.sc-v3 .nodp{background:var(--good-soft);border-color:#c5e8d6;align-items:center;gap:16px;display:flex}.sc-v3 .nodp .zero{letter-spacing:-.02em;color:var(--good);white-space:nowrap;font-size:30px;font-weight:800;line-height:1}.sc-v3 .nodp h2{margin:0 0 2px;font-size:16px;font-weight:700}.sc-v3 .nodp p{color:var(--ink-2);margin:0;font-size:14px}.sc-v3 .result{position:sticky;top:20px}.sc-v3 .product{border-bottom:1px solid var(--line);align-items:center;gap:18px;margin-bottom:20px;padding-bottom:20px;display:flex}.sc-v3 .phone{background:var(--bg);border-radius:14px;flex:none;place-items:center;width:74px;height:112px;display:grid}.sc-v3 .phone svg{width:46px;height:92px}.sc-v3 .phone .body{fill:var(--phone);transition:fill .25s}.sc-v3 .product h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.sc-v3 .product .variant{color:var(--ink-2);margin:2px 0 6px;font-size:14px}.sc-v3 .product .price{letter-spacing:-.01em;font-size:22px;font-weight:800}.sc-v3 .tenors{gap:8px;display:grid}.sc-v3 .tenor{position:relative}.sc-v3 .tenor input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sc-v3 .tenor .row{border:1.5px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 16px;transition:border-color .15s,background .15s;display:grid}.sc-v3 .tenor .dot{border:2px solid #c9c6bd;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.sc-v3 .tenor .dot:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;transition:transform .15s;transform:scale(0)}.sc-v3 .tenor .label{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.sc-v3 .tenor.hl .row{background:#fffaf0;border-color:#f0c873}.sc-v3 .tenor.hl .amt{color:#8a4b00}.sc-v3 .badge{letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.sc-v3 .badge.good{background:var(--good-soft);color:var(--good)}.sc-v3 .badge.light{background:var(--warn-soft);color:var(--warn)}.sc-v3 .tenor .amt{text-align:right;white-space:nowrap;font-size:17px;font-weight:800}.sc-v3 .tenor .amt small{color:var(--ink-3);font-size:12.5px;font-weight:500}.sc-v3 .tenor input:hover+.row{border-color:#c9c6bd}.sc-v3 .tenor input:checked+.row,.sc-v3 .tenor.hl input:checked+.row{border-color:var(--accent);background:var(--accent-soft)}.sc-v3 .tenor input:checked+.row .dot{border-color:var(--accent)}.sc-v3 .tenor input:checked+.row .dot:after{transform:scale(1)}.sc-v3 .tenor input:checked+.row .amt,.sc-v3 .tenor.hl input:checked+.row .amt{color:var(--accent)}.sc-v3 .tenor input:focus-visible+.row{outline:3px solid var(--accent-soft);outline-offset:2px}.sc-v3 .breakdown{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sc-v3 .big{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.sc-v3 .big .k{color:var(--ink-2);font-size:14px;font-weight:600}.sc-v3 .big .v{letter-spacing:-.02em;font-family:inherit;font-size:clamp(26px,4vw,32px);font-weight:800;display:block}.sc-v3 .big .v *{font-family:inherit}.sc-v3 .big .v [data-slot=angka-raksasa]{display:inline;container-type:normal}.sc-v3 .big .v [data-slot=angka-raksasa]>p{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;gap:0;display:inline}.sc-v3 .big .v [data-slot=angka-raksasa]>p>span[aria-hidden=true]{font-size:inherit}.sc-v3 .big .v small{color:var(--ink-3);font-size:14px;font-weight:500}.sc-v3 .bar{background:var(--bg);border-radius:999px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.sc-v3 .bar i{height:100%;transition:width .3s;display:block}.sc-v3 .bar .p{background:var(--ink)}.sc-v3 .bar .b{background:#f2a33a}.sc-v3 .legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:12.5px;display:flex}.sc-v3 .legend span:before{content:"";background:var(--ink);border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.sc-v3 .legend span.b:before{background:#f2a33a}.sc-v3 dl{grid-template-columns:1fr auto;gap:8px 16px;margin:0;font-size:14.5px;display:grid}.sc-v3 dt{color:var(--ink-2)}.sc-v3 dd{text-align:right;margin:0;font-weight:600}.sc-v3 dd.free{color:var(--good)}.sc-v3 dl .total{border-top:1px dashed var(--line);color:var(--ink);margin-top:2px;padding-top:10px;font-size:16px;font-weight:800}.sc-v3 .actions{gap:10px;margin-top:20px;display:grid}.sc-v3 .btn{font:inherit;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-weight:700;text-decoration:none;transition:opacity .15s,border-color .15s;display:flex}.sc-v3 .btn:hover{border-color:#c9c6bd}.sc-v3 .btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.sc-v3 .btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}.sc-v3 .btn.wa:hover{opacity:.9}.sc-v3 .btn.wa svg{flex:none;width:20px;height:20px}.sc-v3 .btn.wa small{opacity:.85;font-size:13px;font-weight:500}.sc-v3 .disclaimer{color:var(--ink-3);margin:14px 0 0;font-size:12.5px}@media (width<=860px){.sc-v3 .grid{grid-template-columns:minmax(0,1fr)}.sc-v3 .result{position:static}.sc-v3 .card{padding:20px}}@media (width<=420px){.sc-v3 .wrap{padding:0 16px}.sc-v3 .tenor .row{gap:10px;padding:12px}.sc-v3 .tenor .amt{font-size:15.5px}.sc-v3 .providers{gap:8px}.sc-v3 .prov .face{padding:26px 6px 12px}.sc-v3 .prov img{height:22px}.sc-v3 .prov .from b{padding:3px 6px;font-size:14.5px}.sc-v3 .prov .from b small{font-size:11px}.sc-v3 .prov .tick{width:18px;height:18px;top:6px;right:6px}.sc-v3 .step .hint{display:none}.sc-v3 .combo li{flex-wrap:wrap;gap:2px 12px}.sc-v3 .btn.wa small{display:none}}@media (prefers-reduced-motion:reduce){.sc-v3 *{transition:none!important}}