:root{--nila-950:#0a1120;--nila-900:#101a30;--nila:#15203a;--nila-700:#223154;--nila-500:#3a4c76;--kapur:#f5e9e2;--kapur-dim:#e6d4c9;--kapur-deep:#d3bcae;--sogan:#8c5a2b;--sogan-light:#b07a44;--abang:#d8391f;--abang-deep:#a82813;--kunir:#e9a72c;--daun:#3f7d5b;--font-display:"Fraunces","Iowan Old Style",Georgia,serif;--font-sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--nila-950);color:var(--kapur);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--kunir);color:var(--nila-950)}:focus-visible{outline:2px solid var(--kunir);outline-offset:3px;border-radius:1px}.font-display{font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 96;font-feature-settings:"ss01"}.type-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}.rule-madura{height:10px;background-image:repeating-linear-gradient(-45deg,var(--abang) 0 10px,var(--kapur) 10px 20px,var(--abang-deep) 20px 30px,var(--kunir) 30px 40px)}.rule-madura-thin{height:4px;background-image:repeating-linear-gradient(-45deg,var(--abang) 0 6px,var(--kapur) 6px 12px,var(--kunir) 12px 18px)}.wrap{max-width:1060px;margin:0 auto;padding:0 1.5rem}header.site{display:flex;justify-content:space-between;align-items:baseline;padding:1.25rem 0 1rem;border-bottom:1px solid var(--nila-700)}header.site .brand{color:var(--kapur);text-decoration:none}header.site .brand b{color:var(--kunir);font-weight:500}header.site nav a{color:var(--kapur-deep);text-decoration:none;margin-left:1.6rem}header.site nav a:hover{color:var(--kunir)}.spine{position:relative}.spine:before{content:"";position:absolute;top:0;bottom:0;left:7px;border-left:1px dashed var(--nila-500)}section.step{position:relative;padding:5.5rem 0 2rem 3rem}section.step:before{content:"";position:absolute;left:0;top:6.05rem;width:15px;height:15px;border-radius:50%;background:var(--nila-950);border:2px solid var(--kunir)}section.step>.type-label{color:var(--kunir);display:block;margin-bottom:1rem}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 96;font-feature-settings:"ss01";font-weight:400;line-height:1.12}h2{font-size:clamp(1.75rem,3.4vw,2.75rem);max-width:34ch;letter-spacing:.005em}.lede{color:var(--kapur-dim);max-width:62ch;margin-top:1.1rem}.lede+.lede{margin-top:.8rem}em.trace{font-style:italic;color:var(--kunir)}.hero{padding:5rem 0 4.5rem 3rem;position:relative}.hero:before{content:"";position:absolute;left:0;top:5.6rem;width:15px;height:15px;border-radius:50%;background:var(--kunir)}.hero h1{font-size:clamp(2.4rem,7vw,5.4rem);max-width:18ch}.hero .sub{color:var(--kapur-dim);max-width:56ch;margin-top:1.5rem;font-size:1.0625rem}.cta-row{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2.2rem}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:2px;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-solid{background:var(--kunir);color:var(--nila-950)}.btn-solid:hover{background:#f2b845}.btn-ghost{border-color:var(--nila-500);color:var(--kapur)}.btn-ghost:hover{border-color:var(--kunir);color:var(--kunir)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--nila-700);border:1px solid var(--nila-700);margin-top:2.2rem}.tile{background:var(--nila-900);padding:1.5rem 1.4rem 1.3rem}.tile .num{font-family:var(--font-display);font-size:2.1rem;line-height:1;font-variation-settings:"SOFT" 30,"WONK" 1;color:var(--kapur);white-space:nowrap}.tile .num.num-sm{font-size:1.65rem}.tile .num .vs{font-size:58%;color:var(--kapur-deep)}.tile .cap{color:var(--kapur-deep);font-size:.875rem;margin-top:.55rem}.tile .cap b{color:var(--kapur-dim);font-weight:600}.tiers{margin-top:2.2rem;border-top:1px solid var(--nila-700)}.tier{display:grid;grid-template-columns:4.5rem 14rem 1fr;gap:1.2rem;padding:1.15rem 0;border-bottom:1px solid var(--nila-700);align-items:baseline}.tier .no{font-family:var(--font-mono);color:var(--sogan-light);font-size:.8rem;white-space:nowrap}.tier .nm{font-weight:600}.tier .ds{color:var(--kapur-deep);font-size:.9rem}.tier:first-child .nm,.tier:first-child .no{color:var(--abang)}.demo-frame{border:1px solid var(--nila-700);background:var(--nila-900);margin-top:2.2rem;border-radius:3px;overflow:hidden}.demo-head{padding:1rem 1.4rem;border-bottom:1px solid var(--nila-700);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.demo-head .type-label{color:var(--kapur-deep)}.presets{display:flex;gap:.5rem;flex-wrap:wrap}.preset{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;background:none;border:1px solid var(--nila-500);color:var(--kapur-dim);padding:.35rem .7rem;border-radius:2px;cursor:pointer}.preset:hover{border-color:var(--kunir);color:var(--kunir)}.demo-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.demo-in{padding:1.4rem;border-right:1px solid var(--nila-700)}.demo-out{padding:1.4rem;min-height:22rem}.field-label{color:var(--kapur-deep);margin-bottom:.6rem;display:block}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.4rem}.chip{background:var(--nila);border:1px solid var(--nila-500);color:var(--kapur-dim);font-size:.83rem;padding:.34rem .75rem;border-radius:999px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.chip:hover{border-color:var(--sogan-light)}.chip[aria-pressed=true]{background:var(--sogan);border-color:var(--sogan-light);color:var(--kapur)}.chip.f[aria-pressed=true]{background:var(--nila-700);border-color:var(--kunir)}.age-row{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem}.age-row input{width:5.5rem;background:var(--nila);color:var(--kapur);border:1px solid var(--nila-500);padding:.4rem .6rem;border-radius:2px;font-family:var(--font-mono);font-size:.9rem}#findingsBlock{border-top:1px dashed var(--nila-500);padding-top:1.2rem}#findingsBlock.hidden,.hidden{display:none}.dx-row{display:grid;grid-template-columns:minmax(0,1fr) 3.2rem;gap:.8rem;align-items:center;padding:.42rem 0}.dx-row .name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dx-row .icd{font-family:var(--font-mono);font-size:.72rem;color:var(--sogan-light);margin-left:.45rem}.dx-row .pct{font-family:var(--font-mono);font-size:.8rem;text-align:right;color:var(--kapur-dim)}.meter{grid-column:1 / -1;height:6px;background:var(--nila);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:var(--kunir);border-radius:4px;transition:width .5s cubic-bezier(.16,1,.3,1)}.meter.dim i{background:var(--sogan-light)}.badge{display:inline-block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;padding:.12rem .5rem;border-radius:2px;margin-left:.5rem;vertical-align:1px}.badge.tegak{background:var(--daun);color:var(--kapur)}.out-h{color:var(--kapur-deep);margin:1.5rem 0 .6rem}.out-h:first-child{margin-top:0}.poli-card{border:1px solid var(--nila-700);border-radius:3px;padding:.85rem 1rem;margin-bottom:.6rem}.poli-card.lead{border-color:var(--kunir)}.poli-card .row1{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.poli-card .pname{font-weight:600}.poli-card .stats{font-family:var(--font-mono);font-size:.74rem;color:var(--kapur-deep)}.poli-card .note{font-size:.82rem;color:var(--kapur-deep);margin-top:.3rem}.banner{border:1px solid var(--abang);background:#d8391f14;border-radius:3px;padding:1rem 1.2rem}.banner .type-label{color:var(--abang)}.banner p{font-size:.9rem;color:var(--kapur-dim);margin-top:.5rem}.banner p b{color:var(--kapur)}.closure{border:1px solid var(--daun);background:#3f7d5b1a;border-radius:3px;padding:1rem 1.2rem}.closure .type-label{color:var(--daun)}.closure p{font-size:.9rem;color:var(--kapur-dim);margin-top:.5rem}.empty{color:var(--nila-500);font-family:var(--font-display);font-style:italic;font-size:1.3rem;padding:3rem 1rem;text-align:center}.disclaim{padding:.9rem 1.4rem;border-top:1px solid var(--nila-700);color:var(--kapur-deep);font-size:.78rem}.advisory{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--kapur-deep);margin-top:1.2rem;padding-top:.8rem;border-top:1px dashed var(--nila-500)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;margin-top:2rem}.pillar h3{font-size:1.25rem;margin-bottom:.6rem}.pillar p{color:var(--kapur-deep);font-size:.92rem}.pillar .type-label{color:var(--sogan-light);display:block;margin-bottom:.7rem}.paket{border:1px solid var(--nila-700);background:var(--nila-900);border-radius:3px;margin-top:2.2rem;overflow:hidden}.paket-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.paket-price{padding:2.2rem 1.8rem;border-right:1px solid var(--nila-700)}.paket-price .harga{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,3.4rem);font-variation-settings:"SOFT" 30,"WONK" 1;line-height:1;color:var(--kunir)}.paket-price .harga small{font-size:45%;color:var(--kapur-dim)}.paket-price .harga .mulai{font-size:38%;color:var(--kapur-dim)}.paket-price .harga2{font-family:var(--font-display);font-size:1.7rem;line-height:1;font-variation-settings:"SOFT" 30,"WONK" 1;color:var(--kapur);margin-top:.5rem}.paket-price .harga2 small{font-size:60%;color:var(--kapur-dim)}.paket-price .per{color:var(--kapur-deep);font-size:.88rem;margin-top:.7rem;max-width:34ch}.paket-price .per b{color:var(--kapur-dim)}.paket-price .btn{margin-top:1.8rem}.bulan{padding:1.6rem 1.8rem}.bulan-item{display:grid;grid-template-columns:6.5rem 1fr;gap:1.1rem;padding:.95rem 0;border-bottom:1px dashed var(--nila-500)}.bulan-item:last-child{border-bottom:none}.bulan-item .b{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;color:var(--sogan-light);text-transform:uppercase;padding-top:.2rem}.bulan-item p{font-size:.9rem;color:var(--kapur-dim)}.bulan-item p b{color:var(--kapur);font-weight:600}footer.site{margin-top:5rem}footer.site .inner{padding:2.2rem 0 3rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;color:var(--kapur-deep);font-size:.85rem}footer.site a{color:var(--kapur-dim)}footer.site .fine{max-width:52ch}@media(max-width:860px){header.site nav a{margin-left:.9rem}.spine:before{display:none}section.step{padding-left:0}section.step:before,.hero:before{display:none}.hero{padding-left:0}.demo-body,.paket-grid{grid-template-columns:1fr}.demo-in,.paket-price{border-right:none;border-bottom:1px solid var(--nila-700)}.tiles,.pillars{grid-template-columns:1fr}.tier{grid-template-columns:3rem 1fr}.tier .ds{grid-column:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.meter i{transition:none}}