/* KlikWJP v3 — full structural redesign: editorial banking workspace */
:root{--kw-ink:#142b40;--kw-ink-soft:#28455c;--kw-gold:#b69a62;--kw-gold-light:#e5d5ad;--kw-paper:#f5f4f0;--kw-white:#fff;--kw-muted:#6f7c88;--kw-line:#e1e4e4;--kw-shadow:0 18px 50px rgba(21,43,64,.08);--kw-radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:var(--kw-paper)!important;color:var(--kw-ink)!important;-webkit-font-smoothing:antialiased}#klikwjp-app-container{all:initial;display:block;min-width:320px;background:var(--kw-paper);color:var(--kw-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;box-sizing:border-box}#klikwjp-app-container *{box-sizing:border-box;font-family:inherit}#klikwjp-app-container a,#klikwjp-app-container button{-webkit-tap-highlight-color:transparent}#klikwjp-app-container a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}#klikwjp-app-container button{font:inherit;cursor:pointer}#klikwjp-app-container a:focus-visible,#klikwjp-app-container button:focus-visible{outline:3px solid #b69a62;outline-offset:3px}::selection{background:#e5d5ad;color:#142b40}
/* New header: compact, typographic, not a restyle of the previous header */
.kwjp-shell-header{display:block}
.kwjp-shell-header,.kwjp-shell-header{position:sticky;top:0;z-index:1000;background:rgba(18,39,57,.97);color:#f8f7f2;border-bottom:1px solid rgba(229,213,173,.28);backdrop-filter:blur(18px);box-shadow:0 8px 26px rgba(11,28,42,.09)}
.kwjp-header-inner{display:block}
.kwjp-header-inner,.kwjp-header-inner{max-width:1500px;margin:0 auto;padding:0 clamp(18px,4.5vw,70px);min-height:82px;display:flex;align-items:center;gap:30px}
.kwjp-brand{display:block}
.kwjp-brand,.kwjp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex-shrink:0}.kwjp-brand-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff;padding:5px;box-shadow:0 0 0 1px #e5d5ad66}.kwjp-brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.kwjp-brand-copy{display:flex;flex-direction:column;gap:4px}.kwjp-brand-copy strong{font-size:20px;line-height:1;font-weight:760;letter-spacing:-.04em}.kwjp-brand-copy small{font-size:8px;letter-spacing:.2em;color:#d7c59c;font-weight:750}.kwjp-main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.5vw,38px);margin-left:auto}.kwjp-main-nav>a,.kwjp-nav-dropdown>button{border:0;background:transparent;color:#dbe1e4;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.01em;padding:10px 0}.kwjp-main-nav>a:hover,.kwjp-nav-dropdown>button:hover,.kwjp-main-nav>a.is-active{color:#e5d5ad}.kwjp-nav-dropdown{position:relative}.kwjp-nav-dropdown>button span{padding-left:5px;color:#c4ad79}.kwjp-nav-menu{display:none;position:absolute;top:calc(100% + 12px);left:-18px;min-width:190px;padding:8px;background:#fff;border:1px solid #e4e3dd;border-radius:12px;box-shadow:var(--kw-shadow)}.kwjp-nav-dropdown:hover .kwjp-nav-menu,.kwjp-nav-dropdown:focus-within .kwjp-nav-menu{display:grid}.kwjp-nav-menu a{padding:11px 12px;text-decoration:none;color:var(--kw-ink);font-size:12px;border-radius:7px}.kwjp-nav-menu a:hover{background:#f4f1e8}.kwjp-external{color:#d5bd83}.kwjp-header-actions{display:flex;align-items:center;gap:13px;padding-left:20px;border-left:1px solid #ffffff24}.kwjp-header-caption{font-size:8px;font-weight:800;letter-spacing:.2em;color:#aebbc3}.kwjp-theme-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff38;border-radius:50%;background:transparent;color:#e5d5ad;font-size:18px}.kwjp-theme-button:hover{background:#ffffff12}.kwjp-mobile-trigger{display:none;width:40px;height:40px;border:1px solid #ffffff35;border-radius:11px;background:transparent;align-content:center;justify-items:center;gap:5px}.kwjp-mobile-trigger span{width:17px;height:1.5px;background:#f4f3ed;display:block}.kwjp-mobile-overlay{display:none}.kwjp-mobile-panel{display:none}
/* Home composition: spacious editorial hero and a true directory layout */
#home.kwjp-homepage{display:block;padding:0 clamp(16px,4.4vw,68px) 66px!important;margin:0;background:radial-gradient(ellipse at 88% 9%,#e6dfce 0,transparent 27%),var(--kw-paper)!important;min-height:0!important;color:var(--kw-ink)}.kwjp-home-wrap{max-width:1360px;margin:0 auto}.kwjp-welcome-line{height:48px;display:flex;align-items:center;gap:10px;color:#78828b;font-size:9px;letter-spacing:.17em;font-weight:800}.kwjp-live-dot{width:6px;height:6px;border-radius:50%;background:#9c8856;box-shadow:0 0 0 4px #b69a621c}.kwjp-welcome-rule{height:1px;background:#d9dcd9;flex:1;margin-left:7px}.kwjp-welcome-year{font-size:9px;color:#a0a5a5;letter-spacing:.08em}
.kwjp-editorial-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr) 38px;min-height:445px;overflow:hidden;background:#142b40;border-radius:3px;color:#f8f7f2;isolation:isolate;box-shadow:0 22px 58px #152b4018}.kwjp-editorial-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 57%,#ffffff08 57.1%,transparent 57.25%),radial-gradient(ellipse at 75% 50%,#29465a 0,transparent 50%)}.kwjp-editorial-hero:after{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--kw-gold)}.kwjp-hero-left{padding:clamp(32px,5.5vw,78px) 0 clamp(28px,4vw,56px) clamp(25px,5vw,74px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.kwjp-hero-eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.19em;font-weight:800;color:#d5c49c;margin-bottom:28px}.kwjp-eyebrow-bar{display:block;width:28px;height:1px;background:var(--kw-gold)}.kwjp-hero-left h2{font-size:clamp(38px,4.7vw,69px)!important;line-height:1.02!important;letter-spacing:-.065em!important;font-weight:570!important;color:#fff!important;margin:0 0 22px!important;max-width:690px}.kwjp-hero-left h2 em{font-style:normal;color:#d9c28f;font-weight:430}.kwjp-hero-lead{font-size:14px!important;line-height:1.85!important;color:#b9c5cc!important;max-width:480px;margin:0 0 30px!important}.kwjp-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.kwjp-primary-action{display:flex;align-items:center;gap:13px;min-width:224px;padding:13px 17px;border:1px solid #c9b17c;background:#c6ae78;color:#172e42;text-decoration:none}.kwjp-primary-action:hover{background:#e2d1a6;transform:translateY(-2px)}.kwjp-primary-action-icon{display:grid;place-items:center;width:34px;height:34px;background:#173047;color:#e9d8aa;font-size:20px}.kwjp-primary-action>span:last-child{display:grid;gap:4px}.kwjp-primary-action small{font-size:8px;letter-spacing:.16em;font-weight:850}.kwjp-primary-action strong{font-size:13px;letter-spacing:-.015em}.kwjp-secondary-action{font-size:11px;color:#e5e9e9;text-decoration:none;border-bottom:1px solid #ffffff40;padding:10px 0}.kwjp-secondary-action span{color:#d9c28f;margin-left:8px}.kwjp-secondary-action:hover{color:#e5d5ad}.kwjp-hero-footnote{display:flex;align-items:center;gap:10px;margin-top:37px;color:#8397a4;font-size:8px;letter-spacing:.19em;font-weight:800}.kwjp-footnote-line{width:24px;height:1px;background:#8f7d56}.kwjp-hero-art{position:relative;min-height:100%;overflow:hidden}.kwjp-art-orbit{position:absolute;border:1px solid #d4bf8a28;border-radius:50%;aspect-ratio:1}.kwjp-orbit-one{width:min(33vw,390px);right:2%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 35px #ffffff04,0 0 0 75px #ffffff03}.kwjp-orbit-two{width:min(23vw,270px);right:17%;top:50%;transform:translateY(-50%);border-color:#d4bf8a45}.kwjp-art-monogram{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-family:Georgia,serif!important;font-size:clamp(100px,14vw,190px);font-weight:400;letter-spacing:-.12em;color:#e3d2a4;opacity:.92;white-space:nowrap;text-shadow:0 14px 38px #081a2b55}.kwjp-art-monogram span{color:#fff;font-style:italic;margin-left:-.05em}.kwjp-art-panel{position:absolute;display:flex;align-items:center;gap:11px;background:#f8f7f1;color:#183247;padding:13px 15px;box-shadow:0 15px 36px #07192938;min-width:190px}.kwjp-panel-top{top:19%;left:4%}.kwjp-panel-bottom{bottom:17%;right:0;min-width:222px;background:#213d52;color:#fff;border:1px solid #ffffff2b}.kwjp-panel-dot{width:8px;height:8px;border-radius:50%;background:#8e9e7b;box-shadow:0 0 0 4px #8e9e7b20}.kwjp-art-panel div{display:grid;gap:4px;flex:1}.kwjp-art-panel small{font-size:7px;letter-spacing:.16em;font-weight:800;color:#8b9394}.kwjp-art-panel strong{font-size:12px}.kwjp-art-panel>b{font-size:10px;color:#a0a6a4}.kwjp-panel-symbol{display:grid;place-items:center;width:31px;height:31px;background:#c7af79;color:#183247;font-size:18px}.kwjp-panel-status{font-size:7px;letter-spacing:.08em;color:#d6c18d;white-space:nowrap}.kwjp-art-vertical{position:absolute;top:50%;right:16px;transform:translateY(-50%);writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:#9babb5}.kwjp-hero-index{display:flex;align-items:center;justify-content:center;gap:11px;writing-mode:vertical-rl;border-left:1px solid #ffffff20;color:#cdbb8c;font-size:10px;letter-spacing:.12em}.kwjp-hero-index i{display:block;width:1px;height:65px;background:linear-gradient(#cdbb8c,transparent)}.kwjp-hero-index span:last-child{color:#8294a0}
.kwjp-directory{padding:clamp(43px,6vw,78px) 0 18px}.kwjp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.kwjp-section-eyebrow{display:block;font-size:9px;letter-spacing:.19em;font-weight:850;color:#9b8350;margin-bottom:13px}.kwjp-section-heading h2{font-size:clamp(30px,3.6vw,45px)!important;line-height:1.08!important;letter-spacing:-.055em!important;font-weight:620!important;color:var(--kw-ink)!important;margin:0 0 10px!important}.kwjp-section-heading h2 em{font-style:normal;color:#a48a54}.kwjp-section-heading p{font-size:13px;color:#77838b;margin:0}.kwjp-directory-count{display:flex;align-items:center;gap:11px;padding:0 0 4px 20px;border-left:1px solid #d9dcd9}.kwjp-directory-count strong{font-family:Georgia,serif!important;font-size:36px;line-height:1;color:#a48a54;font-weight:400}.kwjp-directory-count span{font-size:8px;line-height:1.6;letter-spacing:.12em;font-weight:800;color:#77838b}.kwjp-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe2df;border:1px solid #dfe2df}.kwjp-service-card{position:relative;min-width:0;min-height:236px;padding:23px 22px 20px;background:#fbfaf7;display:flex;flex-direction:column;overflow:hidden;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.kwjp-service-card:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:#b69a62;transition:right .25s ease}.kwjp-service-card:hover{background:#fff;z-index:1;transform:translateY(-3px);box-shadow:0 14px 32px #142b4012}.kwjp-service-card:hover:after{right:0}.kwjp-service-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.kwjp-service-index{font-size:9px;letter-spacing:.12em;font-weight:850;color:#a5aaa8}.kwjp-service-icon{display:grid;place-items:center;width:43px;height:43px;background:#f0ebdf;color:#8c7445;border:1px solid #e8dfcd}.kwjp-service-icon svg{width:22px;height:22px;display:block}.kwjp-service-copy{flex:1}.kwjp-service-copy h3{font-size:15px!important;line-height:1.35!important;letter-spacing:-.025em!important;font-weight:760!important;color:var(--kw-ink)!important;margin:0 0 8px!important}.kwjp-service-copy p{font-size:11px!important;line-height:1.7!important;color:#75818a!important;margin:0 0 19px!important}.kwjp-service-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 0 0;border:0;border-top:1px solid #e5e5df;background:transparent;color:#8e7440;text-decoration:none;text-align:left;font-size:10px;font-weight:850;letter-spacing:.035em;margin-top:auto}.kwjp-service-action:hover{color:#17354d}.kwjp-action-arrow{font-size:16px;font-weight:400;transition:transform .2s}.kwjp-service-action:hover .kwjp-action-arrow{transform:translate(2px,-2px)}
.kwjp-bottom-note{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:20px;margin-top:34px;padding:24px 26px;background:#eae7de;border:1px solid #dfdbd0}.kwjp-bottom-note-mark{display:grid;place-items:center;width:48px;height:48px;background:#173047;color:#e5d5ad;font-family:Georgia,serif!important;font-size:25px}.kwjp-bottom-note>div:nth-child(2)>span{font-size:8px;letter-spacing:.16em;font-weight:850;color:#9a8150}.kwjp-bottom-note h3{font-size:16px;font-weight:750;letter-spacing:-.03em;margin:5px 0;color:#1b3448}.kwjp-bottom-note p{font-size:11px;line-height:1.6;color:#6f7c84;margin:0}.kwjp-bottom-note>a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#19364d;font-size:10px;font-weight:850;letter-spacing:.1em;padding:12px 0 12px 20px;border-left:1px solid #d1cbbd}.kwjp-bottom-note>a span{color:#9b8150;font-size:17px}
/* New footer structure */
.kwjp-new-footer{background:#10283c;color:#e9eceb;padding:0 clamp(18px,4.4vw,68px)}.kwjp-footer-main{max-width:1360px;margin:0 auto;padding:52px 0 42px;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.4fr);gap:clamp(35px,8vw,120px)}.kwjp-footer-identity{display:grid;grid-template-columns:48px 1fr;align-content:start;column-gap:13px}.kwjp-footer-logo{display:grid;place-items:center;width:46px;height:46px;background:#fff;border-radius:12px;padding:5px}.kwjp-footer-logo img{width:100%;height:100%;object-fit:contain}.kwjp-footer-identity>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.kwjp-footer-identity>div strong{font-size:19px;letter-spacing:-.04em}.kwjp-footer-identity>div span{font-size:8px;letter-spacing:.18em;font-weight:800;color:#c9b37f}.kwjp-footer-identity>p{grid-column:1/-1;max-width:330px;margin:22px 0 0;font-size:12px;line-height:1.8;color:#aebbc3}.kwjp-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.kwjp-footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.kwjp-footer-label{font-size:8px;letter-spacing:.17em;font-weight:850;color:#c9b37f;margin-bottom:5px}.kwjp-footer-links a,.kwjp-footer-links p{font-size:11px;line-height:1.6;color:#bdc7cc;text-decoration:none;margin:0}.kwjp-footer-links a:hover{color:#fff}.kwjp-footer-bottom{max-width:1360px;margin:0 auto;min-height:58px;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8fa0aa;font-size:9px;letter-spacing:.03em}.kwjp-footer-bottom span:last-child{font-size:8px;letter-spacing:.14em}.kwjp-footer-bottom i{font-style:normal;color:#d5bf89;margin-left:8px}
/* Keep calculator/form sections functional and consistent with the new design */
#simulator,#depositSimulator,#savingsSimulator,#eligibility,#results,#penagihan{background:var(--kw-paper)!important;color:var(--kw-ink)!important;padding:clamp(28px,5vw,68px) clamp(14px,3.8vw,56px)!important;min-height:60vh}#simulator>.container,#depositSimulator>.container,#savingsSimulator>.container,#eligibility>.container,#results>.container,#penagihan>.container{max-width:1240px!important;margin:0 auto!important}#simulator h2,#depositSimulator h2,#savingsSimulator h2,#eligibility h2,#results h2,#penagihan h2{color:var(--kw-ink)!important;letter-spacing:-.04em!important;font-weight:750!important}#simulator .bg-white,#depositSimulator .bg-white,#savingsSimulator .bg-white,#eligibility .bg-white,#results .bg-white,#penagihan .bg-white{border:1px solid #e5e1d8;border-radius:16px;box-shadow:0 8px 28px #14243a0a}input,select,textarea{max-width:100%}input:focus,select:focus,textarea:focus{outline:0!important;border-color:#b99a5e!important;box-shadow:0 0 0 3px #bd98551c!important}button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:active{transform:translateY(1px)}
/* Mobile navigation uses the same IDs required by the original JavaScript */
@media(max-width:950px){.kwjp-header-inner{min-height:72px}.kwjp-main-nav{gap:16px}.kwjp-main-nav>a,.kwjp-nav-dropdown>button{font-size:11px}.kwjp-header-caption{display:none}.kwjp-header-actions{padding-left:13px}.kwjp-editorial-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) 28px}.kwjp-hero-left{padding-left:34px}.kwjp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kwjp-service-card{min-height:225px}}
@media(max-width:760px){.kwjp-header-inner{padding:0 16px;min-height:68px;gap:10px}.kwjp-brand-logo{width:38px;height:38px}.kwjp-brand-copy strong{font-size:18px}.kwjp-main-nav{display:none}.kwjp-header-actions{margin-left:auto;border:0;padding:0;gap:9px}.kwjp-theme-button{width:33px;height:33px}.kwjp-mobile-trigger{display:grid}.kwjp-mobile-overlay{display:block;position:fixed;inset:0;z-index:1001;background:#0819279c;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.kwjp-mobile-overlay:not(.hidden){opacity:1;visibility:visible}.kwjp-mobile-panel{display:flex;flex-direction:column;position:fixed;z-index:1002;right:0;top:0;bottom:0;width:min(88vw,360px);padding:25px 22px;background:#f7f5ee;color:#173047;box-shadow:-20px 0 60px #071a2c30;transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility .28s}.kwjp-mobile-panel.open{transform:translateX(0);visibility:visible}.kwjp-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;margin-bottom:12px;border-bottom:1px solid #deddd5}.kwjp-mobile-head strong{font-size:19px;letter-spacing:-.04em}.kwjp-mobile-head button{border:0;background:transparent;color:#173047;font-size:29px;line-height:1}.kwjp-mobile-panel>a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e3e1d8;color:#173047;text-decoration:none;font-size:13px;font-weight:650}.kwjp-mobile-panel>a span{font-size:9px;color:#a58a52;letter-spacing:.1em}.kwjp-mobile-note{margin-top:auto;padding-top:20px;font-size:11px;line-height:1.7;color:#71808a}.kwjp-welcome-line{height:42px;font-size:8px;letter-spacing:.12em}.kwjp-editorial-hero{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:2px}.kwjp-hero-left{padding:34px 25px 30px}.kwjp-hero-eyebrow{font-size:8px;margin-bottom:22px}.kwjp-hero-left h2{font-size:clamp(37px,9.5vw,54px)!important;line-height:1.03!important;margin-bottom:17px!important}.kwjp-hero-lead{font-size:12px!important;line-height:1.8!important;margin-bottom:24px!important}.kwjp-hero-actions{gap:17px}.kwjp-primary-action{min-width:0;padding:10px 12px;gap:9px}.kwjp-primary-action-icon{width:30px;height:30px}.kwjp-primary-action strong{font-size:11px}.kwjp-primary-action small{font-size:7px}.kwjp-secondary-action{font-size:10px}.kwjp-hero-footnote{margin-top:27px;font-size:7px}.kwjp-hero-art{min-height:230px;border-top:1px solid #ffffff16;background:linear-gradient(135deg,#17364c,#1e3b50)}.kwjp-orbit-one{width:235px;right:13%;top:50%}.kwjp-orbit-two{width:170px;right:24%;top:50%}.kwjp-art-monogram{font-size:120px}.kwjp-panel-top{top:12%;left:7%;min-width:155px;padding:10px}.kwjp-panel-bottom{bottom:10%;right:5%;min-width:185px;padding:10px}.kwjp-art-vertical{right:8px;font-size:7px}.kwjp-hero-index{display:none}.kwjp-directory{padding-top:44px}.kwjp-section-heading{align-items:flex-start;margin-bottom:20px}.kwjp-section-heading h2{font-size:31px!important}.kwjp-section-heading p{font-size:11px}.kwjp-directory-count{gap:8px;padding-left:12px}.kwjp-directory-count strong{font-size:29px}.kwjp-directory-count span{font-size:7px}.kwjp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kwjp-service-card{padding:16px 14px 14px;min-height:220px}.kwjp-service-top{margin-bottom:19px}.kwjp-service-icon{width:37px;height:37px}.kwjp-service-icon svg{width:20px;height:20px}.kwjp-service-copy h3{font-size:13px!important}.kwjp-service-copy p{font-size:10px!important;line-height:1.6!important}.kwjp-service-action{font-size:9px;padding-top:10px}.kwjp-bottom-note{grid-template-columns:39px 1fr;gap:13px;padding:17px;margin-top:23px}.kwjp-bottom-note-mark{width:38px;height:38px;font-size:21px}.kwjp-bottom-note h3{font-size:13px;line-height:1.4}.kwjp-bottom-note p{font-size:10px}.kwjp-bottom-note>a{grid-column:2;border-left:0;border-top:1px solid #d1cbbd;padding:11px 0 0;justify-content:space-between}.kwjp-footer-main{grid-template-columns:1fr;gap:34px;padding:38px 0 30px}.kwjp-footer-links{gap:17px}.kwjp-footer-links>div{gap:10px}.kwjp-footer-links a,.kwjp-footer-links p{font-size:10px}.kwjp-footer-bottom{min-height:65px;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px}.kwjp-footer-bottom span:last-child{font-size:7px}#simulator,#depositSimulator,#savingsSimulator,#eligibility,#results,#penagihan{padding:28px 14px!important}}
@media(max-width:390px){#home.kwjp-homepage{padding-left:10px!important;padding-right:10px!important}.kwjp-hero-left{padding:29px 18px 25px}.kwjp-hero-left h2{font-size:36px!important}.kwjp-hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.kwjp-primary-action{width:100%}.kwjp-secondary-action{border-bottom:0}.kwjp-service-card{padding:14px 11px;min-height:218px}.kwjp-service-copy h3{font-size:12px!important}.kwjp-service-copy p{font-size:9px!important}.kwjp-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.kwjp-footer-links>div:last-child{grid-column:1/-1}}
#klikwjp-app-container.dark{background:#101d29!important;color:#e6e9e8!important}#klikwjp-app-container.dark #home.kwjp-homepage{background:#101d29!important}#klikwjp-app-container.dark .kwjp-service-card{background:#172938;color:#e6e9e8;border-color:#2a3b47}#klikwjp-app-container.dark .kwjp-service-copy h3{color:#f0eee8!important}#klikwjp-app-container.dark .kwjp-service-copy p{color:#b5c0c6!important}#klikwjp-app-container.dark .kwjp-section-heading h2{color:#f0eee8!important}#klikwjp-app-container.dark .kwjp-bottom-note{background:#1b2c39;border-color:#31414b}#klikwjp-app-container.dark .kwjp-bottom-note h3{color:#f0eee8}#klikwjp-app-container.dark .kwjp-bottom-note p{color:#c0c9ce}#klikwjp-app-container.dark .kwjp-directory-count span,#klikwjp-app-container.dark .kwjp-section-heading p{color:#b4c0c7}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v4.0.0 — complete hero contrast and shortcut redesign */
:root{--kwjp-v4-ink:#f7f5ef;--kwjp-v4-navy:#071a30;--kwjp-v4-navy2:#0d2a46;--kwjp-v4-gold:#e4c783;--kwjp-v4-muted:#c2d0dc}
.kwjp-hero-rebuild{display:grid!important;grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr)!important;grid-template-rows:1fr!important;min-height:570px!important;border-radius:0!important;background:radial-gradient(ellipse at 78% 35%,#254d6d 0,#102d4a 34%,#071a30 72%)!important;box-shadow:0 24px 60px #071a3026!important;border:1px solid #29445d!important;isolation:isolate}
.kwjp-hero-rebuild:before{background:linear-gradient(115deg,#071a30 0%,#0b2440ed 47%,#0c2944a6 100%),repeating-linear-gradient(90deg,transparent 0 79px,#ffffff06 80px)!important;z-index:-1}
.kwjp-hero-rebuild:after{width:0!important;display:none!important}
.kwjp-hero-rebuild .kwjp-hero-left{padding:clamp(30px,4vw,62px)!important;align-self:stretch;justify-content:center;min-width:0}
.kwjp-hero-rebuild .kwjp-hero-eyebrow{color:#f0d89c!important;margin-bottom:24px!important;font-size:10px!important;letter-spacing:.17em!important}
.kwjp-hero-eyebrow-dot{color:#e4c783;font-size:14px}
.kwjp-hero-rebuild .kwjp-hero-left h2{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(40px,4.8vw,70px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:500!important;color:#fff!important;margin-bottom:19px!important;max-width:780px}
.kwjp-hero-rebuild .kwjp-hero-left h2 em{color:#e7cb8b!important;font-weight:400!important}
.kwjp-hero-rebuild .kwjp-hero-lead{max-width:560px!important;font-size:14px!important;line-height:1.8!important;color:#d1dce5!important;margin-bottom:30px!important}
.kwjp-hero-shortcuts{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}
.kwjp-shortcut{min-width:0;min-height:92px;display:flex;align-items:center;gap:12px;padding:13px 12px;text-decoration:none!important;color:#f8f7f2!important;background:#0b2440d9;border:1px solid #7590a84d;border-radius:10px;transition:transform .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 10px 24px #020d1a22}
.kwjp-shortcut:hover{transform:translateY(-3px);border-color:#e4c783;background:#123451}
.kwjp-shortcut-featured{background:linear-gradient(120deg,#f0d89d,#d4b36e)!important;color:#10263d!important;border-color:#f0d89d!important}
.kwjp-shortcut-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#ffffff12;border:1px solid #ffffff22;color:#f1d99b;font-size:21px}
.kwjp-shortcut-featured .kwjp-shortcut-icon{background:#102b46;color:#f0d89d;border-color:#102b46}
.kwjp-shortcut-copy{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.kwjp-shortcut-copy small{font-size:7px;line-height:1.4;letter-spacing:.12em;font-weight:850;color:#c8d4dd;white-space:normal}
.kwjp-shortcut-featured .kwjp-shortcut-copy small{color:#594c30}
.kwjp-shortcut-copy strong{font-size:13px;line-height:1.25;font-weight:750;letter-spacing:-.02em;color:inherit}
.kwjp-shortcut-copy em{font-style:normal;font-size:9px;line-height:1.4;color:#c2cfda}
.kwjp-shortcut-featured .kwjp-shortcut-copy em{color:#51472f}
.kwjp-shortcut-arrow{font-size:16px;color:#e4c783;align-self:flex-start}
.kwjp-shortcut-featured .kwjp-shortcut-arrow{color:#10263d}
.kwjp-hero-rebuild .kwjp-hero-footnote{margin-top:24px!important;color:#a9bac7!important}
.kwjp-hero-art-rebuild{min-height:100%!important;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#315875 0,#153a59 37%,#0a2037 73%)!important}
.kwjp-hero-art-rebuild:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 0 37%,#ffffff07 37.2% 37.5%,transparent 37.7%),linear-gradient(90deg,transparent 0 80%,#e5c98512 80.2% 80.5%,transparent 80.7%)}
.kwjp-building-glow{position:absolute;width:120%;height:78%;right:-23%;top:12%;transform:skewY(-13deg);border:1px solid #e3c7835e;background:linear-gradient(110deg,#102e49aa,#37617a88 45%,#0b2138cc);box-shadow:0 0 0 12px #e3c78308,0 0 0 30px #e3c78306}
.kwjp-building-frame{position:absolute;right:-6%;top:10%;width:91%;height:75%;transform:skewY(-13deg);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);border-top:2px solid #e6c9879c;border-left:2px solid #e6c98744;opacity:.8}
.kwjp-building-frame span{border-right:1px solid #b5c9d72c;border-bottom:1px solid #b5c9d72c;background:linear-gradient(135deg,#b8d4e50a,#ffffff00 65%)}
.kwjp-hero-art-rebuild .kwjp-art-monogram{font-size:clamp(105px,13vw,190px)!important;left:49%;top:49%;color:#e7ce93!important;opacity:.92!important;text-shadow:0 12px 44px #020c19!important}
.kwjp-hero-art-rebuild .kwjp-art-monogram span{color:#fff!important}
.kwjp-hero-art-rebuild .kwjp-orbit-one{width:min(31vw,360px);right:7%;border-color:#e3c78345;box-shadow:0 0 0 25px #ffffff04,0 0 0 58px #ffffff03}
.kwjp-hero-art-rebuild .kwjp-orbit-two{width:min(23vw,260px);right:20%;border-color:#e3c7835c}
.kwjp-hero-art-rebuild .kwjp-panel-top{top:14%;left:2%;background:#f7f4eb;color:#132b42;border-radius:5px}
.kwjp-hero-art-rebuild .kwjp-panel-bottom{bottom:12%;right:0;border-radius:5px;background:#0a2037eF}
.kwjp-hero-art-rebuild .kwjp-art-vertical{color:#bdcbd5}
/* Improve light-page text contrast and card readability */
.kwjp-homepage{background:#f5f3ed!important;color:#102945!important}
.kwjp-welcome-line{color:#516274!important}
.kwjp-welcome-year{color:#667786!important}
.kwjp-directory{color:#102945!important}
.kwjp-section-heading h2{color:#102945!important}
.kwjp-section-heading h2 em{color:#a6813e!important}
.kwjp-section-heading p{color:#536579!important}
.kwjp-service-card{background:#fffefa!important;border:1px solid #e1ddd3!important;box-shadow:0 8px 24px #122b4209!important}
.kwjp-service-copy h3{color:#102945!important}
.kwjp-service-copy p{color:#526477!important}
.kwjp-service-index{color:#9b783a!important}
.kwjp-service-action{color:#102945!important;border-color:#ded7c9!important}
.kwjp-new-footer{background:#071a30!important}
@media(max-width:950px){.kwjp-hero-rebuild{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)!important;min-height:550px!important}.kwjp-hero-rebuild .kwjp-hero-left{padding:30px!important}.kwjp-shortcut{gap:8px;padding:11px 9px}.kwjp-shortcut-icon{flex-basis:32px;width:32px;height:32px}}
@media(max-width:760px){.kwjp-hero-rebuild{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.kwjp-hero-rebuild .kwjp-hero-left{padding:34px 22px 25px!important}.kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(38px,10vw,54px)!important}.kwjp-hero-rebuild .kwjp-hero-lead{font-size:12px!important}.kwjp-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kwjp-shortcut{min-height:90px;padding:10px 8px;gap:8px}.kwjp-shortcut-icon{flex-basis:30px;width:30px;height:30px;font-size:17px}.kwjp-shortcut-copy strong{font-size:11px}.kwjp-shortcut-copy em{font-size:8px}.kwjp-shortcut-copy small{font-size:6px}.kwjp-shortcut-arrow{font-size:13px}.kwjp-hero-art-rebuild{min-height:220px!important;border-top:1px solid #ffffff1a}.kwjp-hero-art-rebuild .kwjp-art-monogram{font-size:115px!important}.kwjp-hero-art-rebuild .kwjp-orbit-one{width:230px;right:12%}.kwjp-hero-art-rebuild .kwjp-orbit-two{width:170px;right:24%}.kwjp-hero-art-rebuild .kwjp-panel-top{top:10%;left:5%;min-width:145px}.kwjp-hero-art-rebuild .kwjp-panel-bottom{bottom:9%;right:4%;min-width:180px}}
@media(max-width:390px){.kwjp-hero-rebuild .kwjp-hero-left{padding:28px 15px 22px!important}.kwjp-hero-shortcuts{gap:7px}.kwjp-shortcut{min-height:88px;padding:9px 7px}.kwjp-shortcut-icon{display:none}.kwjp-shortcut-copy strong{font-size:10px}.kwjp-shortcut-copy em{font-size:7px}.kwjp-shortcut-copy small{font-size:6px}}

/* v4.1 — requested clean hero, readable navigation, real workspace visual and developer badge */
.kwjp-hero-rebuild{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;min-height:520px!important}
.kwjp-hero-rebuild .kwjp-hero-left{padding:clamp(30px,4.4vw,64px)!important}
.kwjp-hero-rebuild .kwjp-hero-eyebrow{margin-bottom:28px!important}
.kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(46px,5.2vw,76px)!important;line-height:1.04!important;max-width:660px!important;margin-bottom:34px!important;overflow-wrap:normal}
.kwjp-hero-rebuild .kwjp-hero-left h2 em{display:inline-block;color:#edcf86!important}
.kwjp-hero-rebuild .kwjp-hero-shortcuts{margin-top:0!important;gap:10px!important}
.kwjp-hero-art-rebuild{position:relative!important;min-width:0!important;min-height:100%!important;background:#102943!important;overflow:hidden!important}
.kwjp-hero-art-rebuild:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a3033,transparent 35%),linear-gradient(0deg,#071a3026,transparent 45%);z-index:1;pointer-events:none}
.kwjp-hero-workspace-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.86) contrast(1.02)}
/* Ensure every dropdown label remains readable over the white menu surface */
.kwjp-nav-dropdown{z-index:1005}
.kwjp-nav-menu{z-index:1006!important;background:#fffdf8!important;color:#102945!important;min-width:220px!important;padding:8px!important;box-shadow:0 18px 42px #071a3030!important}
.kwjp-nav-menu a,.kwjp-nav-menu a:visited{display:flex!important;align-items:center;min-height:40px;color:#102945!important;background:transparent!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important;white-space:normal!important}
.kwjp-nav-menu a:hover{color:#071a30!important;background:#f1ead9!important}
.kwjp-main-nav>a,.kwjp-nav-dropdown>button{color:#f3f4f5!important;font-size:12px!important;font-weight:700!important}
.kwjp-main-nav>a:hover,.kwjp-nav-dropdown>button:hover,.kwjp-main-nav>a.is-active{color:#edcf86!important}
.kwjp-footer-bottom{gap:12px;flex-wrap:wrap}
.kwjp-developer-badge{display:inline-flex!important;align-items:center;gap:9px;padding:8px 13px;border:1px solid #e4c78375;border-radius:999px;background:linear-gradient(120deg,#17314a,#0b1f34);color:#f1d89d!important;font-size:10px!important;font-weight:750;letter-spacing:.025em;box-shadow:inset 0 1px #ffffff12}
.kwjp-developer-badge b{display:inline-grid;place-items:center;min-width:38px;height:23px;padding:0 7px;border-radius:999px;background:#e4c783;color:#10263d;font-size:10px;letter-spacing:.04em}
@media(max-width:760px){.kwjp-hero-rebuild{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.kwjp-hero-rebuild .kwjp-hero-left{padding:33px 22px 24px!important}.kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(42px,10vw,58px)!important;margin-bottom:25px!important}.kwjp-hero-art-rebuild{min-height:240px!important;height:240px!important}.kwjp-hero-workspace-image{object-position:center 45%}.kwjp-nav-menu{display:none!important}.kwjp-developer-badge{font-size:9px!important}}
@media(max-width:390px){.kwjp-hero-rebuild .kwjp-hero-left h2{font-size:39px!important}.kwjp-hero-art-rebuild{height:210px!important;min-height:210px!important}.kwjp-developer-badge{padding:7px 9px;gap:6px}}


/* v4.2 — compact responsive hero and user-supplied Bank WJP digital-workspace image */
.kwjp-hero-rebuild{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  min-height:390px!important;
  height:auto!important;
  max-height:none!important;
  align-items:stretch!important;
}
.kwjp-hero-rebuild .kwjp-hero-left{
  padding:clamp(24px,3vw,42px)!important;
  gap:0!important;
  justify-content:center!important;
}
.kwjp-hero-rebuild .kwjp-hero-eyebrow{margin-bottom:17px!important;font-size:9px!important}
.kwjp-hero-rebuild .kwjp-hero-left h2{
  font-size:clamp(38px,4.1vw,58px)!important;
  line-height:1.03!important;
  margin:0 0 23px!important;
  max-width:610px!important;
}
.kwjp-hero-rebuild .kwjp-hero-shortcuts{gap:8px!important;align-content:center}
.kwjp-hero-rebuild .kwjp-shortcut{min-height:72px!important;padding:9px 10px!important;gap:9px!important}
.kwjp-hero-rebuild .kwjp-shortcut-icon{flex:0 0 31px!important;width:31px!important;height:31px!important}
.kwjp-hero-rebuild .kwjp-shortcut-copy small{font-size:7px!important;line-height:1.25!important}
.kwjp-hero-rebuild .kwjp-shortcut-copy strong{font-size:12px!important;line-height:1.25!important}
.kwjp-hero-rebuild .kwjp-shortcut-copy em{font-size:9px!important;line-height:1.3!important}
.kwjp-hero-art-rebuild{min-height:390px!important;height:auto!important;align-self:stretch!important;background:#102943!important}
.kwjp-hero-workspace-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center center!important;display:block!important;
  filter:saturate(.9) contrast(1.02)!important;
}
@media (min-width:761px) and (max-width:1100px){
  .kwjp-hero-rebuild{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;min-height:360px!important}
  .kwjp-hero-rebuild .kwjp-hero-left{padding:24px!important}
  .kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(36px,4.4vw,48px)!important;margin-bottom:18px!important}
  .kwjp-hero-rebuild .kwjp-shortcut{min-height:66px!important;padding:8px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy em{display:none!important}
  .kwjp-hero-art-rebuild{min-height:360px!important}
}
@media(max-width:760px){
  .kwjp-hero-rebuild{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
  .kwjp-hero-rebuild .kwjp-hero-left{padding:27px 21px 20px!important}
  .kwjp-hero-rebuild .kwjp-hero-eyebrow{margin-bottom:14px!important}
  .kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(36px,8.5vw,48px)!important;line-height:1.04!important;margin-bottom:20px!important}
  .kwjp-hero-rebuild .kwjp-hero-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .kwjp-hero-rebuild .kwjp-shortcut{min-height:68px!important;padding:9px!important;gap:8px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-icon{display:grid!important;flex-basis:28px!important;width:28px!important;height:28px!important;font-size:15px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy strong{font-size:11px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy em{font-size:8px!important;display:block!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy small{font-size:6px!important}
  .kwjp-hero-art-rebuild{height:clamp(155px,44vw,220px)!important;min-height:0!important;border-top:1px solid #ffffff1a}
  .kwjp-hero-workspace-image{object-position:center 48%!important}
}
@media(max-width:420px){
  .kwjp-hero-rebuild .kwjp-hero-left{padding:24px 15px 17px!important}
  .kwjp-hero-rebuild .kwjp-hero-left h2{font-size:clamp(33px,9vw,39px)!important;margin-bottom:16px!important}
  .kwjp-hero-rebuild .kwjp-hero-shortcuts{gap:7px!important}
  .kwjp-hero-rebuild .kwjp-shortcut{min-height:65px!important;padding:8px 7px!important;gap:6px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-icon{display:none!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy strong{font-size:10px!important}
  .kwjp-hero-rebuild .kwjp-shortcut-copy em{font-size:7px!important}
  .kwjp-hero-art-rebuild{height:clamp(145px,48vw,190px)!important}
}