.calc-app-card{max-width:1480px;margin:0 auto;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px #0000004d}.calc-header{background:var(--accent2);background-image:var(--hdr-grad);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:relative}.calc-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange) 32%,rgba(255,255,255,.15) 32%,rgba(255,255,255,.15) 100%)}.calc-header-left{display:flex;align-items:center;gap:14px}.calc-logo-chip{background:#fff;border-radius:9px;padding:7px 11px;display:flex;align-items:center;box-shadow:0 4px 14px #0000002e}.calc-logo-chip img{height:30px;width:auto;display:block}.calc-header-title{font-family:Archivo,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.2px;color:#fff}.calc-header-sub{font-size:11px;color:#ffffffc7;font-family:var(--font-mono, "IBM Plex Mono", monospace);margin-top:2px}.calc-badge{font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace);padding:5px 12px;border-radius:20px;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28)}.calc-main{display:grid;grid-template-columns:300px 1fr}.calc-sidebar{border-right:1px solid var(--border);padding:24px 20px;background:var(--bg, var(--paper));display:flex;flex-direction:column;gap:24px}.calc-sidebar-label{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.calc-sidebar-label:before{content:"";width:12px;height:2px;background:var(--orange);border-radius:2px}.calc-slider-group{margin-bottom:18px}.calc-slider-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calc-slider-name{font-size:13px;color:var(--text2, var(--muted))}.calc-slider-val{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:13px;font-weight:500;color:var(--text, var(--ink));background:var(--bg2, var(--card));border:1px solid var(--border2, var(--line-strong));padding:2px 10px;border-radius:4px;min-width:52px;text-align:center}.calc-range-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg3, #F2ECE5);border-radius:2px;outline:none;border:1px solid var(--border, #E7E2D9)}.calc-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg2, white);box-shadow:0 0 0 3px var(--accent-glow);transition:box-shadow .15s}.calc-range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-glow)}.calc-range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg2, white)}.calc-porsi-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-top:6px}.calc-porsi-konten{background:var(--teal);transition:width .2s}.calc-porsi-ipt{background:var(--accent);transition:width .2s;flex:1}.calc-porsi-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-porsi-labels .lbl-konten{color:var(--teal)}.calc-porsi-labels .lbl-ipt{color:var(--accent)}.calc-pricelist-mini{font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-pricelist-mini .pl-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border);color:var(--text2, var(--muted))}.calc-pricelist-mini .pl-row:last-child{border-bottom:none}.calc-pricelist-mini .pl-row .pl-price{color:var(--text, var(--ink))}.calc-content{padding:24px 28px;overflow-x:auto;background:var(--bg2, var(--card))}.calc-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.calc-sum-card{background:var(--bg2, var(--card));border:1px solid var(--border);border-radius:10px;padding:14px 16px}.calc-sum-card.accent-card{border-color:var(--accent);background:var(--accent-tint)}.calc-sum-label{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3, var(--muted-2));margin-bottom:6px}.calc-sum-val{font-family:Archivo,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}.calc-sum-val.teal{color:var(--teal)}.calc-sum-val.amber{color:var(--amber, #DD6707)}.calc-sum-val.blue{color:var(--accent)}.calc-sum-sub{font-size:11px;color:var(--text3, var(--muted-2));margin-top:3px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-section-title{font-family:Archivo,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:9px}.calc-section-title:before{content:"";width:14px;height:2px;background:var(--orange);border-radius:2px;flex:none}.calc-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.calc-tier-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.calc-tier-btn{padding:6px 14px;border-radius:6px;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:12px;cursor:pointer;background:var(--bg3, #F2ECE5);color:var(--text2, var(--muted));border:1px solid var(--border2, var(--line-strong));font-weight:400;transition:all .15s}.calc-tier-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}.calc-detail-box{background:var(--bg, var(--paper));border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:28px}.calc-detail-title{font-family:Archivo,sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:14px}.calc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc-detail-col-title{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3, var(--muted-2));margin-bottom:10px}.calc-detail-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border);font-size:12px;gap:10px}.calc-detail-row:last-child{border-bottom:none}.calc-detail-row .k{color:var(--text2, var(--muted))}.calc-detail-row .v{font-family:var(--font-mono, "IBM Plex Mono", monospace);color:var(--text, var(--ink));font-weight:500}.calc-detail-total{display:flex;justify-content:space-between;padding:8px 0 0;font-size:13px;font-weight:700;font-family:Archivo,sans-serif}.calc-detail-total .v{font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-detail-total .v.teal{color:var(--teal)}.calc-detail-total .v.amber{color:var(--amber, #DD6707)}.calc-step-arrow{color:var(--text3, var(--muted-2));margin:0 3px}.calc-step-trace{font-size:11px;color:var(--text3, var(--muted-2));font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-table-wrap{overflow-x:auto;margin-bottom:32px;border:1px solid var(--border);border-radius:10px}.calc-table{width:100%;border-collapse:collapse;font-size:12.5px}.calc-table thead tr{background:var(--accent2);background-image:var(--hdr-grad)}.calc-table th{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffffd9;padding:9px 12px;text-align:right;white-space:nowrap}.calc-table th span{color:#fff9;font-weight:400}.calc-table th:first-child{text-align:left}.calc-table td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--border);color:var(--text2, var(--muted));vertical-align:middle;white-space:nowrap}.calc-table td:first-child{text-align:left;font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:600;color:var(--text, var(--ink))}.calc-table tbody tr:nth-child(2n){background:var(--bg, var(--paper))}.calc-table tr:last-child td{border-bottom:none}.calc-table tr:hover td{background:var(--orange-tint);cursor:pointer}.calc-table tr.hl-row td{background:var(--accent-tint)!important}.calc-table tr.hl-row td:first-child{color:var(--accent)}.calc-td-mono{font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-td-primary{color:var(--text, var(--ink))!important;font-weight:600}.calc-sub-cell{font-size:10px;color:var(--text3, var(--muted-2));margin-top:2px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.diff-pos{color:var(--red, #C0392B);font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:600}.diff-neg{color:var(--green, #1F8A5B);font-family:var(--font-mono, "IBM Plex Mono", monospace);font-weight:600}.diff-0{color:var(--text3, var(--muted-2));font-family:var(--font-mono, "IBM Plex Mono", monospace)}.winner-mix{color:var(--green, #1F8A5B);font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.winner-bw{color:var(--amber, #DD6707);font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace)}.calc-footer{border-top:1px solid var(--border);padding:12px 28px;font-size:11px;color:var(--text3, var(--muted-2));font-family:var(--font-mono, "IBM Plex Mono", monospace);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--bg, var(--paper))}@media screen and (max-width:980px){.calc-main{grid-template-columns:1fr}.calc-sidebar{border-right:none;border-bottom:1px solid var(--border)}.calc-summary-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.calc-summary-grid,.calc-detail-grid{grid-template-columns:1fr}.calc-content,.calc-header{padding:16px}}.calc-wrap[data-astro-cid-2amkz73s]{max-width:1480px;margin:0 auto;padding:22px 0 50px}@media screen and (max-width:1520px){.calc-wrap[data-astro-cid-2amkz73s]{padding:22px 16px 50px}}