/* HITUNGIN.ID — KPR final compact v1.58 */
#p-kpr{--kpr-green:#0f7a50;--kpr-green2:#1fa66d;--kpr-deep:#103f30;--kpr-mint:#edf8f1;--kpr-cream:#fff8e9;--kpr-gold:#efab37;--kpr-coral:#e6687e;--kpr-line:#d8e7de;--kpr-muted:#61766d;padding-top:2px}
#p-kpr>.calc-intro,#p-kpr>.plan-hero,#p-kpr>.plan-progress{display:none!important}
#p-kpr .kprc-shell{max-width:1040px;margin:0 auto 28px;padding-bottom:92px}
#p-kpr .kprc-hero{position:relative;min-height:168px;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;overflow:hidden;margin-bottom:14px;padding:24px 29px;border:1px solid #cce6d5;border-radius:28px;background:radial-gradient(circle at 88% 15%,rgba(255,223,126,.48),transparent 31%),linear-gradient(135deg,#f1fff7 0%,#edf8e7 60%,#fff3d6 100%);box-shadow:0 14px 34px rgba(24,72,53,.08)}
#p-kpr .kprc-hero::after{content:"";position:absolute;right:-56px;bottom:-94px;width:250px;height:250px;border-radius:50%;background:rgba(30,158,106,.08)}
#p-kpr .kprc-kicker{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--kpr-green);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#p-kpr .kprc-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kpr-green2)}
#p-kpr .kprc-hero h2{max-width:610px;margin:0;color:#173a2f;font-size:clamp(27px,4vw,42px);line-height:1.07;letter-spacing:-.045em}
#p-kpr .kprc-hero p{max-width:600px;margin:10px 0 0;color:#536b61;font-size:13px;line-height:1.55}
#p-kpr .kprc-hero img{position:relative;z-index:1;width:170px;height:132px;justify-self:center;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(17,68,49,.18))}
#p-kpr .kprc-workspace{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:14px;align-items:start}
#p-kpr .kprc-card{overflow:hidden;border:1px solid var(--kpr-line);border-radius:25px;background:#fff;box-shadow:0 12px 30px rgba(26,67,51,.07)}
#p-kpr .kprc-card-inner{padding:20px}
#p-kpr .kprc-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#173a2f}
#p-kpr .kprc-section-title strong{font-size:15px;letter-spacing:-.02em}
#p-kpr .kprc-section-title span{color:#7c9288;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
#p-kpr .kprc-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding:4px;border-radius:16px;background:#eef4f0}
#p-kpr .kprc-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:8px 10px;border:1.5px solid transparent;border-radius:13px;background:transparent;color:#5b7067;font:850 11px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
#p-kpr .kprc-toggle.on{border-color:#13794f;background:linear-gradient(135deg,#10583f,#0f7a50);color:#fff;box-shadow:0 7px 15px rgba(15,106,72,.16)}
#p-kpr .kprc-programs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:12px;overflow:hidden;border:1.5px solid #dce8e1;border-radius:14px;background:#fbfdfb}
#p-kpr .kprc-program{min-height:43px;padding:7px 8px;border:0;border-right:1px solid #e4ebe7;background:transparent;color:#62766e;font:850 10px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
#p-kpr .kprc-program:last-child{border-right:0}
#p-kpr .kprc-program.on{background:#e2f3ea;color:#0d7c50;box-shadow:inset 0 0 0 1.5px #169862}
#p-kpr .kprc-field{margin:0 0 11px}
#p-kpr .kprc-field:last-child{margin-bottom:0}
#p-kpr .kprc-label-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:6px}
#p-kpr .kprc-label-row label,#p-kpr .kprc-label{display:block;margin-bottom:6px;color:#27483d;font-size:11px;font-weight:850;line-height:1.35}
#p-kpr .kprc-label-row label{margin-bottom:0}
#p-kpr .kprc-label-row output{color:var(--kpr-green);font-size:10px;font-weight:900;text-align:right}
#p-kpr .kprc-money,#p-kpr .kprc-number,#p-kpr .kprc-select{display:flex;align-items:center;min-height:49px;border:1.5px solid #d7e6dc;border-radius:14px;background:#fbfdfb;transition:.18s ease}
#p-kpr .kprc-money:focus-within,#p-kpr .kprc-number:focus-within,#p-kpr .kprc-select:focus-within{border-color:var(--kpr-green2);box-shadow:0 0 0 4px rgba(30,158,106,.09);background:#fff}
#p-kpr .kprc-money>span{padding-left:14px;color:#61776d;font-size:13px;font-weight:800}
#p-kpr .kprc-money input,#p-kpr .kprc-number input,#p-kpr .kprc-select select{width:100%;min-width:0;min-height:46px;padding:9px 13px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#173a2f;font-size:15px;font-weight:850}
#p-kpr .kprc-number{position:relative}
#p-kpr .kprc-number input{padding-right:48px}
#p-kpr .kprc-number span{position:absolute;right:13px;color:#6a7e75;font-size:10px;font-weight:850}
#p-kpr .kprc-select select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5e756b 50%),linear-gradient(135deg,#5e756b 50%,transparent 50%)!important;background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:34px}
#p-kpr .kprc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#p-kpr .kprc-common-row:has(#r-custom-wrap[hidden]){grid-template-columns:1fr}
#p-kpr .kprc-range{width:100%;height:5px;margin:10px 0 3px;padding:0;border:0;background:linear-gradient(to right,var(--kpr-green2) 0 var(--range-progress,20%),#dfeae3 var(--range-progress,20%) 100%);border-radius:999px;appearance:none;-webkit-appearance:none}
#p-kpr .kprc-range::-webkit-slider-thumb{width:24px;height:24px;border:5px solid #fff;border-radius:50%;background:#169662;box-shadow:0 2px 8px rgba(16,91,62,.3);appearance:none;-webkit-appearance:none}
#p-kpr .kprc-range::-moz-range-thumb{width:15px;height:15px;border:5px solid #fff;border-radius:50%;background:#169662;box-shadow:0 2px 8px rgba(16,91,62,.3)}
#p-kpr .kprc-range-scale{display:flex;justify-content:space-between;color:#84978e;font-size:8.5px;font-weight:750}
#p-kpr .kprc-refi{margin:2px 0 11px;padding:12px;border:1px solid #d8e8de;border-radius:15px;background:#f5fbf7}
#p-kpr .kprc-refi-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#1d4939}
#p-kpr .kprc-refi-title strong{font-size:11px}
#p-kpr .kprc-refi-title span{color:#6d8278;font-size:8.5px}
#p-kpr .kprc-loan-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px 0 11px;padding:9px 11px;border-radius:12px;background:#eff7f2;color:#5f746b;font-size:9.5px;font-weight:750}
#p-kpr .kprc-loan-line strong{color:#173d31;font-size:11px;text-align:right}
#p-kpr .kprc-journey-wrap{margin-top:1px;padding:10px 11px;border:1px solid #d8e8dd;border-radius:14px;background:linear-gradient(125deg,#f4fbf7,#f2f8eb)}
#p-kpr .kprc-journey{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none}
#p-kpr .kprc-journey::-webkit-scrollbar{display:none}
#p-kpr .kprc-journey-step{flex:1 0 65px;min-width:0;padding:6px 7px;border-radius:9px;background:rgba(255,255,255,.68);text-align:center}
#p-kpr .kprc-journey-step span{display:block;color:#6a7d74;font-size:8px;font-weight:750;white-space:nowrap}
#p-kpr .kprc-journey-step strong{display:block;margin-top:2px;color:#174a38;font-size:10.5px}
#p-kpr .kprc-journey i{align-self:center;color:#8ba599;font-style:normal;font-size:15px}
#p-kpr .kprc-primary{width:100%;min-height:52px;margin-top:14px;border:0;border-radius:16px;background:linear-gradient(135deg,#14915f,#22a870);box-shadow:0 11px 22px rgba(24,141,94,.2);color:#fff;font:900 13px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
#p-kpr .kprc-primary:active{transform:translateY(1px)}
#p-kpr .kprc-segs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;border-radius:14px;background:#eef4f0}
#p-kpr .kprc-seg{min-height:39px;padding:7px 9px;border:1px solid transparent;border-radius:11px;background:transparent;color:#5b7168;font:850 10px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
#p-kpr .kprc-seg.on{border-color:#cee4d6;background:#fff;color:#0f7a50;box-shadow:0 4px 12px rgba(26,75,56,.06)}
#p-kpr .kprc-help{margin:4px 0 0;color:#788d83;font-size:9px;line-height:1.5}
#p-kpr .kprc-capacity[hidden],#p-kpr .kprc-payment[hidden],#p-kpr [hidden]{display:none!important}
#p-kpr .kprc-result{position:sticky;top:76px}
#p-kpr .kprc-result-main{padding:22px;background:radial-gradient(circle at 96% 2%,rgba(239,184,70,.18),transparent 34%),linear-gradient(145deg,#103f30,#0c583a);color:#fff}
#p-kpr .kprc-result-eyebrow{color:#a9d5bc;font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#p-kpr .kprc-monthly{margin:5px 0 2px;font-size:clamp(30px,5vw,44px);font-weight:900;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}
#p-kpr .kprc-result-sub{color:#c5e2d1;font-size:10px;font-weight:700;line-height:1.45}
#p-kpr .kprc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}
#p-kpr .kprc-metric{min-width:0;padding:9px;border-left:1px solid rgba(255,255,255,.2)}
#p-kpr .kprc-metric:first-child{padding-left:0;border-left:0}
#p-kpr .kprc-metric span{display:block;color:#a9d5bc;font-size:7.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
#p-kpr .kprc-metric strong{display:block;margin-top:4px;color:#fff;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
#p-kpr .kprc-result-body{padding:14px 16px 17px}
#p-kpr .kprc-safety{padding-bottom:11px}
#p-kpr .kprc-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#p-kpr .kprc-compare-card{min-width:0;padding:10px 7px;border:1px solid #dce9e1;border-radius:12px;background:#fbfdfb;text-align:center}
#p-kpr .kprc-compare-card span{display:block;font-size:7.8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
#p-kpr .kprc-compare-card em{display:block;margin-top:3px;font-style:normal;font-size:15px;font-weight:900}
#p-kpr .kprc-compare-card strong{display:block;margin-top:2px;color:#4d645a;font-size:9px;overflow-wrap:anywhere}
#p-kpr .kprc-compare-card.is-start{color:#15784f;background:#f2fbf6}
#p-kpr .kprc-compare-card.is-peak{color:#d97b20;background:#fff9f0;border-color:#f1dfc7}
#p-kpr .kprc-compare-card.is-stress{color:#d74e68;background:#fff5f7;border-color:#f2d9df}
#p-kpr .kprc-ability{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding:11px;border:1px solid #d5e9dc;border-radius:13px;background:linear-gradient(125deg,#edf9f2,#f8fbf0)}
#p-kpr .kprc-ability div{min-width:0}
#p-kpr .kprc-ability div+div{padding-left:8px;border-left:1px solid #d0e0d6}
#p-kpr .kprc-ability span{display:block;color:#61766d;font-size:7.8px;font-weight:800;text-transform:uppercase}
#p-kpr .kprc-ability strong{display:block;margin-top:3px;color:#174b38;font-size:10px;overflow-wrap:anywhere}
#p-kpr .kprc-ability p{grid-column:1/-1;margin:3px 0 0;padding-top:7px;border-top:1px solid #d9e6dd;color:#a16b16;font-size:8.8px;font-weight:800}
#p-kpr .kprc-refi-result{margin:0 0 9px;padding:12px;border:1px solid #d9e7df;border-radius:14px;background:#fbfdfb}
#p-kpr .kprc-refi-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
#p-kpr .kprc-refi-metrics div{padding:8px;border-radius:10px;background:#f0f7f3}
#p-kpr .kprc-refi-metrics span{display:block;color:#6d8077;font-size:7.5px;font-weight:800;text-transform:uppercase}
#p-kpr .kprc-refi-metrics strong{display:block;margin-top:3px;color:#21483a;font-size:9.5px;overflow-wrap:anywhere}
#p-kpr .kprc-refi-result p{margin:8px 1px 0;color:#74877e;font-size:8.4px;line-height:1.45}
#p-kpr .kprc-disclosure{margin-top:8px;border:1px solid #e0ebe4;border-radius:14px;background:#fff}
#p-kpr .kprc-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:46px;padding:0 12px;list-style:none;cursor:pointer;color:#29483d;font-size:10.5px;font-weight:850}
#p-kpr .kprc-disclosure>summary::-webkit-details-marker{display:none}
#p-kpr .kprc-disclosure>summary::after{content:"+";color:#188b5d;font-size:16px}
#p-kpr .kprc-disclosure[open]>summary::after{content:"−"}
#p-kpr .kprc-disclosure>summary select{margin-left:auto;min-height:32px;padding:5px 25px 5px 8px;border:1px solid #dce8e1;border-radius:9px;background:#fbfdfb;color:#536a60;font:750 8.5px 'Plus Jakarta Sans',system-ui,sans-serif}
#p-kpr .kprc-disclosure-body{padding:0 11px 12px}
#p-kpr .kprc-rate-list{display:grid;gap:5px}
#p-kpr .kprc-rate-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:#f7faf8;color:#536b61;font-size:8.8px}
#p-kpr .kprc-rate-row strong{color:#173a2f;font-size:9px}
#p-kpr .kprc-rate-row em{font-style:normal;color:#18875a;font-weight:900}
#p-kpr .kprc-table-wrap{max-height:450px;overflow:auto;border:1px solid #dce7e0;border-radius:11px;background:#fff;scrollbar-width:thin}
#p-kpr .kprc-table{width:100%;min-width:500px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
#p-kpr .kprc-table th{position:sticky;top:0;z-index:2;padding:8px 7px;background:#f3f8f5;color:#41574d;font-size:7.8px;font-weight:900;text-align:right;white-space:nowrap;border-bottom:1px solid #dce6e0}
#p-kpr .kprc-table th:first-child,#p-kpr .kprc-table td:first-child{position:sticky;left:0;z-index:1;text-align:center}
#p-kpr .kprc-table th:first-child{z-index:3}
#p-kpr .kprc-table td{padding:8px 7px;color:#52685e;font-size:8.3px;text-align:right;white-space:nowrap;border-bottom:1px solid #e5ece7;background:#fff}
#p-kpr .kprc-table tbody tr:nth-child(even) td{background:#f3f8fb}
#p-kpr .kprc-table tbody tr:nth-child(even) td:first-child{background:#f3f8fb}
#p-kpr .kprc-table tbody tr:nth-child(odd) td:first-child{background:#fff}
#p-kpr .kprc-table tr.rate-change td{border-top:2px solid #e4b454}
#p-kpr .kprc-table-note{margin:7px 1px 0;color:#768a80;font-size:8.2px;line-height:1.45}
#p-kpr .kprc-source{margin:9px 0 0;padding:9px;border-radius:9px;background:#fff8e9;color:#7f683c;font-size:8.4px;line-height:1.5}
#p-kpr .kprc-result .rows{margin:0}
#p-kpr .kprc-result .row{padding:9px 1px}
#p-kpr .kprc-result .row-l,#p-kpr .kprc-result .row-v{font-size:9.5px}
#p-kpr .kprc-capacity-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;padding:11px;border:1px solid #d5e9dc;border-radius:13px;background:#f2faf5}
#p-kpr .kprc-capacity-summary span{display:block;color:#61766d;font-size:7.8px;font-weight:800;text-transform:uppercase}
#p-kpr .kprc-capacity-summary strong{display:block;margin-top:3px;color:#174b38;font-size:10px}
#p-kpr .kprc-capacity-summary p{grid-column:1/-1;margin:2px 0 0;color:#8a6a2a;font-size:8.5px}
#p-kpr .kprc-actions-disclosure{margin-top:9px;border-top:1px solid #e2ebe5}
#p-kpr .kprc-actions-disclosure>summary{padding:11px 1px 5px;list-style:none;cursor:pointer;color:#5f746b;font-size:9px;font-weight:800}
#p-kpr .kprc-actions-disclosure>summary::-webkit-details-marker{display:none}
#p-kpr .kprc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
#p-kpr .kprc-actions .btn{min-width:0;min-height:39px;padding:7px 4px;font-size:8.5px}
#p-kpr .kprc-wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin-top:11px;border-radius:16px;background:linear-gradient(135deg,#16925f,#1fa66d);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 10px 22px rgba(32,166,111,.19)}
#p-kpr .kprc-wa svg{width:18px;height:18px}
#p-kpr .kprc-note{margin-top:13px;border:1px solid #dce8e1;border-radius:16px;background:#fff}
#p-kpr .kprc-note summary{padding:12px 14px;list-style:none;cursor:pointer;color:#536b61;font-size:9.5px;font-weight:800}
#p-kpr .kprc-note summary::-webkit-details-marker{display:none}
#p-kpr .kprc-note div{padding:0 14px 13px;color:#667c72;font-size:9px;line-height:1.6}
#p-kpr .kprc-note p{margin:7px 0 0}
#p-kpr .kprc-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:800px){
  #p-kpr{padding:0 10px}
  #p-kpr .kprc-shell{margin-bottom:14px;padding-bottom:105px}
  #p-kpr .kprc-hero{min-height:132px;grid-template-columns:minmax(0,1fr) 112px;padding:17px 17px;border-radius:22px}
  #p-kpr .kprc-kicker{font-size:9px;margin-bottom:6px}
  #p-kpr .kprc-hero h2{font-size:25px}
  #p-kpr .kprc-hero p{font-size:10.5px;line-height:1.45}
  #p-kpr .kprc-hero img{width:106px;height:98px}
  #p-kpr .kprc-workspace{grid-template-columns:1fr;gap:11px}
  #p-kpr .kprc-card{border-radius:20px}
  #p-kpr .kprc-card-inner{padding:16px}
  #p-kpr .kprc-result{position:static}
  #p-kpr .kprc-result-main{padding:19px 17px}
  #p-kpr .kprc-monthly{font-size:35px}
}
@media(max-width:430px){
  #p-kpr .kprc-hero{grid-template-columns:minmax(0,1fr) 92px;padding:16px 14px}
  #p-kpr .kprc-hero h2{font-size:22px}
  #p-kpr .kprc-hero img{width:88px;height:86px}
  #p-kpr .kprc-toggle{font-size:10px}
  #p-kpr .kprc-program{font-size:9px}
  #p-kpr .kprc-grid-2{grid-template-columns:1fr 1fr}
  #p-kpr .kprc-refi .kprc-grid-2,#p-kpr .kprc-capacity .kprc-grid-2{grid-template-columns:1fr}
  #p-kpr .kprc-money input,#p-kpr .kprc-number input,#p-kpr .kprc-select select{font-size:14px}
  #p-kpr .kprc-compare-card{padding:9px 4px}
  #p-kpr .kprc-compare-card em{font-size:13px}
  #p-kpr .kprc-compare-card strong{font-size:8.2px}
  #p-kpr .kprc-metrics{gap:3px}
  #p-kpr .kprc-metric{padding:8px 5px}
  #p-kpr .kprc-metric strong{font-size:9.5px}
}