/* {t_zhukey} Indonesia: adjust the palette here. */
:root{--ink:#152f4b;--muted:#586e83;--blue:#1379bc;--deep:#102c4b;--gold:#e9b54d;--paper:#f5f9fc;--line:#d6e3eb;--soft:#eaf3fa;--radius:21px;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 5% 15%,#e3f2ff,transparent 35%),var(--paper);color:var(--ink);font:16px/1.85 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(38px,4.8vw,66px);font-weight:800}h2{font-size:clamp(27px,3vw,40px)}h3{font-size:22px}p{color:var(--muted)}a{color:inherit;text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:15px;top:-100px;z-index:90;background:var(--deep);color:white;padding:10px 20px}.skip:focus{top:10px}:focus-visible{outline:3px solid #d59728;outline-offset:5px;border-radius:5px}.eyebrow{display:block;font-size:11px;letter-spacing:1.8px;font-weight:750;color:#2379ad;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 22px;border-radius:10px;border:1px solid #15588b;background:linear-gradient(115deg,#1f83c2,#15558c);color:#fff;font-size:14px;font-weight:750;line-height:1.5;box-shadow:0 7px 20px #215e8c18}.button:hover{text-decoration:none;background:linear-gradient(115deg,#2b95d5,#19639f)}.button.ghost{background:#fff;color:#1d5887;border-color:#c9dce9;box-shadow:none}.mast{background:#fff;border-bottom:1px solid #c6ddeb;box-shadow:0 4px 18px #1d4f7810;position:relative;z-index:10}.mast-row{display:flex;gap:24px;align-items:center;min-height:87px;justify-content:space-between}.brand{display:block;flex:0 0 148px}.brand img{width:148px;height:auto}.mast nav{display:flex;gap:4px;justify-content:center;align-items:center;flex:1}.mast nav a{font-size:13px;padding:9px 12px;border-radius:9px;font-weight:600;white-space:nowrap;color:#527087}.mast nav a:hover,.mast nav [aria-current=page]{background:#e4f0fa;color:#175f95;text-decoration:none}.mast-action{font-size:12px;padding:12px 16px;white-space:nowrap;background:linear-gradient(115deg,#ffe2a1,#e9b346);border-color:#e9b346;color:#3f2a09}.mast-action:hover{background:#f8d582}.menu-toggle{display:none}.page{padding-top:30px;padding-bottom:32px}.block{margin-top:30px}.block:first-child{margin-top:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:25px;align-items:start}.hero-main,.hero-side{border:1px solid #cbdeea;border-radius:var(--radius);background:linear-gradient(150deg,#fff 40%,#eaf4fb);padding:35px;box-shadow:0 17px 45px #426a8610}.hero-main{padding:38px 37px}.brand-seal{width:176px;margin-bottom:30px}.brand-seal img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:30px;filter:drop-shadow(0 10px 15px #344b7018)}.hero-main h1{margin-top:18px;color:#173451}.hero-main .lead{font-size:17px;line-height:1.95;margin-top:25px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-side{padding:25px;position:sticky;top:22px}.hero-side>.eyebrow{padding:16px 18px;background:linear-gradient(110deg,#153b60,#17699a);color:#e6f5ff;border-left:4px solid #f1c66c;border-radius:12px;letter-spacing:1.5px}.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.hero-tiles>div{padding:20px;border:1px solid #ccdfec;border-radius:12px;min-height:120px;background:#fff;display:flex;flex-direction:column;gap:7px;justify-content:center}.hero-tiles>div:nth-child(2){background:#fff8e8;border-color:#e8d6aa}.hero-tiles>div:nth-child(3){background:#eaf5ff}.hero-tiles>div:nth-child(4){background:#eef5f3}.hero-tiles strong{font-size:22px;letter-spacing:-.025em;color:#164d77;line-height:1.3}.hero-tiles span{font-size:12px;line-height:1.6;color:#688098}.side-links{display:grid;gap:12px;margin-top:18px}.side-links>a{position:relative;padding:20px 45px 20px 20px;border:1px solid #cbdfe9;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.side-links>a:hover{border-color:#438bb9;text-decoration:none}.side-links strong{font-size:17px;line-height:1.4;color:#204c70}.side-links span{font-size:12px;line-height:1.75;color:#637e91}.side-links b{position:absolute;right:20px;top:21px;color:#b8892e;font-weight:400}.side-note{margin-top:25px;padding:24px;background:#e3eff8;border:1px solid #c5dae9;border-radius:13px}.side-note>span{color:#be8e31;font-size:26px}.side-note h2{font-size:23px;margin-top:12px}.side-note p{font-size:14px;margin-top:14px;line-height:1.9}.chapter-list{margin-top:32px;border-top:1px solid #d5e3ec}.chapter{padding-top:25px;margin-top:5px}.chapter h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;color:#20557b}.chapter p{font-size:15px;line-height:1.95;margin-top:15px}.section-media{padding:25px;background:linear-gradient(130deg,#173b5d,#174e7c 60%,#44778a);border:1px solid #427e9f;border-radius:var(--radius)}.content-art{max-width:700px;margin:auto}.content-art img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:16px;box-shadow:0 12px 36px #051d3430}.content-art figcaption{text-align:center;font-size:11px;line-height:1.5;padding:15px 10px 0;color:#d2e6f4}.section-head{max-width:950px;margin-bottom:28px}.section-head h2{margin-top:12px}.section-head>p{font-size:16px;line-height:1.9;margin-top:19px}.section-overview,.section-lanes,.section-payments,.section-faq{padding:32px;border:1px solid #d2e1eb;border-radius:var(--radius);background:#fff}.section-overview{background:linear-gradient(135deg,#fff,#edf5fc)}.overview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:25px;align-items:start}.rich-panel{background:#fff;border:1px solid #d2e0eb;border-radius:14px;padding:27px}.rich-panel h3{font-size:23px;margin-top:26px}.rich-panel h3:first-child{margin-top:0}.rich-panel p{font-size:16px;line-height:1.95;margin-top:17px}.route-panel{padding:27px;background:#e7f0f8;border:1px solid #c5dce9;border-radius:14px}.route-panel h3{font-size:22px}.route-panel ol{padding-left:21px;margin:22px 0 0}.route-panel li{padding:11px 0;border-top:1px solid #cadbe7;font-size:14px;font-weight:650}.section-features,.section-personas,.section-related{padding-block:12px}.cards{display:grid;gap:22px}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{padding:29px;background:#fff;border:1px solid #d0e0ec;border-top:3px solid #3686b7;border-radius:17px;box-shadow:0 10px 28px #17466a08}.info-card.tone-1{border-top-color:#d5a33b;background:linear-gradient(145deg,#fffdf5,#fff)}.info-card.tone-2{border-top-color:#3a9b9e;background:linear-gradient(145deg,#f5fbfc,#fff)}.card-index{display:grid;place-items:center;width:35px;height:35px;border:1px solid #b9d4e4;border-radius:50%;color:#397395;font-size:11px;letter-spacing:1px;margin-bottom:20px}.info-card h3{font-size:23px;line-height:1.25;color:#1b5078}.info-card>p{font-size:14px;line-height:1.95;margin-top:18px}.text-link{display:inline-block;margin-top:22px;font-size:12px;color:#237aaa;font-weight:700}.lanes{display:grid;gap:13px}.lanes article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;padding:25px;border:1px solid #d0e2ed;border-radius:13px;background:#f7fbfd}.lanes article:nth-child(even){background:#f5f8fa}.lanes h3{font-size:21px;color:#245d84}.lanes span{display:inline-block;margin-top:11px;border-radius:5px;padding:3px 9px;background:#fff0c9;color:#987025;font-size:10px;font-weight:650;line-height:1.5}.lanes p{font-size:14px;line-height:1.95}.interest-card{padding:28px;border:1px solid #cddfe9;border-radius:17px;background:linear-gradient(145deg,#fff,#edf6fc);display:grid;grid-template-columns:40px 1fr;gap:14px 17px;align-items:center}.interest-card>span{grid-column:1;font-size:27px;color:#b6882b}.interest-card h3{grid-column:2;font-size:23px;color:#1b567e}.interest-card p{grid-column:1/-1;font-size:14px;line-height:1.95;margin-top:2px}.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.payment-grid article{position:relative;padding:24px;border:1px solid #d2e0eb;border-radius:13px;background:#f7fbfe}.payment-grid article>span{font-size:24px;color:#ba8a2d}.payment-grid h3{font-size:19px;margin-top:12px;color:#1f557c}.payment-grid p{font-size:13px;line-height:1.9;margin-top:12px}.faq-list{display:grid;gap:11px}.faq-list details{padding:20px 23px;border:1px solid #cddfea;border-radius:12px;background:#f7fbfe}.faq-list details[open]{background:#fff;border-color:#72a7c9}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:700;line-height:1.7;color:#235575}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;font-weight:400;color:#ad812d}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin-top:15px;font-size:14px;line-height:1.95;max-width:1000px}.section-cta{padding:36px;background:linear-gradient(115deg,#173651,#1a5a86);border:1px solid #3b7196;border-radius:var(--radius);color:white}.cta-grid{display:flex;align-items:center;gap:40px;justify-content:space-between}.cta-grid>div{max-width:950px}.cta-grid .eyebrow{color:#f4cf7d}.cta-grid h2{font-size:33px;margin-top:12px}.cta-grid p{font-size:15px;line-height:1.95;margin-top:19px;color:#cedeea}.cta-grid>.button{flex-shrink:0;background:linear-gradient(115deg,#ffe3a2,#e8b344);border-color:#e8b344;color:#3d2b0e}.footer{margin-top:5px;padding-top:42px;background:#102a44;color:#d8e7f3;border-top:4px solid #d9ac54}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:55px}.footer-brand{font-size:36px;font-weight:800;color:#f7d18a;letter-spacing:-1px;line-height:1}.footer-brand span{display:block;font-size:9px;letter-spacing:1.8px;color:#a9c8dd;margin-top:13px}.footer-grid p{font-size:13px;line-height:1.95;color:#a9c2d6;margin-top:23px}.footer-grid h2{font-size:17px;letter-spacing:0;margin-bottom:21px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;font-size:13px;color:#c1d7e7}.footer-grid>div>a:not(.footer-brand){display:inline-block;margin-top:20px;font-size:12px;color:#f0d18d}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-block:20px;border-top:1px solid #ffffff20;color:#99b8cf;font-size:10px}.mobile-access{display:none}.utility{min-height:100svh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 95% 0%,#286392,transparent 70%),#112b43}.utility main{width:min(100%,650px);padding:40px;border:1px solid #b8d5e9;border-top:5px solid #e9b54d;border-radius:var(--radius);background:#fff;box-shadow:0 20px 60px #0003}.utility h1{font-size:35px;margin-top:20px}.utility p{font-size:15px;line-height:1.9;margin-block:22px}.utility strong{overflow-wrap:anywhere}
@media(max-width:1200px){.wrap{width:calc(100% - 40px)}.mast-row{gap:14px;flex-wrap:wrap;padding-block:16px}.mast nav{order:3;flex:0 0 100%;justify-content:space-between;gap:2px}.mast nav a{font-size:12px;padding:8px 11px}.mast-action{margin-left:auto}.hero-main{padding:29px}.hero-side{padding:22px}.hero-tiles>div{padding:17px;min-height:105px}.hero-tiles strong{font-size:21px}.side-links>a{padding:18px 40px 18px 18px}.hero-main h1{font-size:clamp(40px,4.7vw,57px)}.overview{grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr)}.footer-grid{gap:32px}}
@media(max-width:700px){body{padding-bottom:76px}.wrap{width:calc(100% - 30px)}.mast-row{min-height:75px;padding-block:13px;gap:10px}.brand{flex-basis:122px}.brand img{width:122px}.mast-action{font-size:10px;padding:10px 12px;margin-left:auto}.menu-toggle{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:8px;border:1px solid #aec9db;border-radius:7px;background:#f4f9fd;color:#285978;order:1}.mast nav{display:none;order:3;grid-template-columns:1fr 1fr;flex-basis:100%;padding-top:9px;gap:5px}.mast nav.open{display:grid}.mast nav a{font-size:13px;padding:9px 12px;border:1px solid #e0eaf1}.page{padding-top:20px;padding-bottom:23px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-main,.hero-side{padding:24px;border-radius:18px}.hero-side{position:static}.brand-seal{width:135px;margin-bottom:23px}.brand-seal img{border-radius:23px}.hero-main h1{font-size:39px;line-height:1.15;margin-top:15px}.hero-main .lead{font-size:15px;line-height:1.95;margin-top:23px}.eyebrow{font-size:10px;letter-spacing:1.4px}.actions{gap:9px;margin-top:24px}.actions .button{font-size:12px;padding:12px 15px}.hero-tiles{gap:10px}.hero-tiles>div{min-height:103px;padding:15px}.hero-tiles strong{font-size:21px}.hero-tiles span{font-size:11px}.side-links>a{padding:18px 38px 18px 17px}.side-links strong{font-size:16px}.side-links span{font-size:12px}.chapter h2{font-size:24px}.chapter p{font-size:14px;line-height:1.95}.chapter{padding-top:23px}.block{margin-top:23px}.section-media{padding:15px;border-radius:18px}.content-art img{border-radius:12px}.content-art figcaption{font-size:10px;padding-top:12px}.section-overview,.section-lanes,.section-payments,.section-faq{padding:23px 20px;border-radius:18px}.section-head{margin-bottom:24px}.section-head h2{font-size:29px;line-height:1.3}.section-head>p{font-size:14px;line-height:1.95;margin-top:16px}.overview{grid-template-columns:1fr;gap:17px}.rich-panel,.route-panel{padding:23px}.rich-panel h3{font-size:23px}.rich-panel p{font-size:14px}.route-panel li{font-size:13px}.cards,.cols-2,.cols-3{grid-template-columns:1fr;gap:15px}.info-card{padding:25px}.info-card h3{font-size:23px}.info-card>p{font-size:14px;margin-top:16px}.card-index{margin-bottom:17px}.lanes{gap:12px}.lanes article{grid-template-columns:1fr;gap:17px;padding:23px 20px}.lanes h3{font-size:23px}.lanes span{margin-top:9px}.lanes p{font-size:14px;line-height:1.95}.interest-card{padding:25px;gap:12px 14px}.interest-card h3{font-size:23px}.interest-card p{font-size:14px;line-height:1.95}.payment-grid{grid-template-columns:1fr;gap:12px}.payment-grid article{padding:21px}.payment-grid h3{font-size:21px}.payment-grid p{font-size:14px}.faq-list details{padding:18px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.section-cta{padding:28px 24px;border-radius:18px}.cta-grid{flex-direction:column;align-items:flex-start;gap:23px}.cta-grid h2{font-size:29px;line-height:1.3}.cta-grid p{font-size:14px}.footer{padding-top:36px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid p{margin-top:19px}.footer-grid h2{margin-bottom:18px}.footer-grid nav{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;gap:12px}.copyright{font-size:9px;gap:15px;margin-top:28px}.mobile-access{display:flex;position:fixed;z-index:40;left:0;right:0;bottom:0;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#103552fa;color:white;border-top:1px solid #7cafd2;box-shadow:0 -5px 20px #23466820}.mobile-access>span{font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:1}.mobile-access small{display:block;font-size:8px;font-weight:400;letter-spacing:.5px;margin-top:6px;color:#b8d6e9}.mobile-access .button{font-size:11px;padding:10px 17px;background:#f1c466;border-color:#f1c466;color:#3e2a0b;box-shadow:none}.utility main{padding:28px}.utility h1{font-size:30px}.utility{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.side-links>a{transition:none}}