#rd-journey{--rj-sky:light-dark(#dce9df,#0d1b2e);--rj-ground:light-dark(#bbc5a0,#354b40);--rj-grass:light-dark(#81976c,#3c5d44);--rj-leaf:light-dark(#627e48,#2d4d3c);--rj-leaf-light:light-dark(#91a367,#4f6d48);--rj-roof:light-dark(#aa7b60,#765c54);--rj-wall:light-dark(#ede6d0,#bfc4b7);--rj-wood:light-dark(#8a785b,#62564c);--rj-path:light-dark(#d9d4ba,#747e70);--rj-water:light-dark(#a0bcb0,#3c625f);--rj-ink:light-dark(#294334,#eff1de);--rj-muted:light-dark(#566950,#c2d0b8);--rj-panel:light-dark(#f6f7ec,#1c302d);--rj-line:light-dark(#c6d1bc,#4f6650);--rj-accent:light-dark(#365f3d,#ccdfb2);--rj-on-accent:light-dark(#fbfbee,#25412e);font:14px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--rj-ink)}
#rd-journey *{box-sizing:border-box}#rd-journey [hidden]{display:none!important}#rd-journey button{font:inherit;color:inherit}#rd-journey .rj-window{position:relative;height:740px;overflow:hidden;isolation:isolate;background:var(--rj-sky);border-radius:14px}#rd-journey .rj-landscape{position:absolute;inset:0;z-index:-2;touch-action:pan-y}#rd-journey canvas{display:block;width:100%;height:100%}#rd-journey .rj-soften{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--rj-panel),transparent 8%),color-mix(in srgb,var(--rj-panel),transparent 35%) 29%,transparent 61%);opacity:1;transition:opacity 400ms}#rd-journey .rj-window[data-view=overview] .rj-soften,#rd-journey .rj-window[data-view=surat] .rj-soften,#rd-journey .rj-window[data-view=warga] .rj-soften,#rd-journey .rj-window[data-view=statistik] .rj-soften,#rd-journey .rj-window[data-view=daftar] .rj-soften{opacity:0}
#rd-journey .rj-nav{height:70px;padding:0 112px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--rj-line),transparent 60%);background:color-mix(in srgb,var(--rj-panel),transparent 30%);backdrop-filter:blur(10px);position:relative;z-index:8}#rd-journey .rj-brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.5px;white-space:nowrap;font-size:17px}#rd-journey .rj-brand-mark{background:var(--rj-accent);color:var(--rj-on-accent);border-radius:8px;width:26px;height:26px;display:grid;place-items:center;transform:rotate(-7deg);font-family:Georgia,serif;font-size:19px}#rd-journey .rj-nav-center{font-size:11px;color:var(--rj-muted)}#rd-journey .rj-nav-actions{display:flex;gap:12px;align-items:center}#rd-journey .rj-nav button{border:0;background:transparent;min-height:42px;padding:9px 12px;font-size:12px;border-radius:7px}#rd-journey .rj-nav .rj-register{background:var(--rj-accent);color:var(--rj-on-accent);padding-inline:15px}
#rd-journey .rj-intro{position:absolute;left:36px;top:150px;width:330px;z-index:3}#rd-journey .rj-eyebrow{font-size:11px;letter-spacing:.13em;color:var(--rj-muted);display:block;margin-bottom:17px;font-weight:500}#rd-journey h1{font-size:clamp(36px,4.8vw,52px);line-height:1.07;letter-spacing:-1.7px;margin:0 0 20px;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--rj-ink)}#rd-journey h1 em{font-weight:400;color:var(--rj-accent)}#rd-journey .rj-intro p{font-size:12px;color:var(--rj-muted);max-width:260px;margin:0 0 24px;line-height:1.85}#rd-journey .rj-primary{border:0;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:11px 17px;background:var(--rj-accent);color:var(--rj-on-accent);font-size:12px;font-weight:500;border-radius:7px;box-shadow:0 6px 15px color-mix(in srgb,var(--rj-ink),transparent 90%)}#rd-journey .rj-primary svg{width:16px;height:16px}#rd-journey .rj-intro small{font-size:11px;color:var(--rj-muted);display:block;margin-top:13px}
#rd-journey .rj-back{position:absolute;top:88px;left:25px;min-height:42px;padding:8px 12px;display:flex;align-items:center;gap:8px;background:var(--rj-panel);color:var(--rj-ink);border:1px solid var(--rj-line);border-radius:7px;z-index:6;font-size:11px}#rd-journey .rj-back svg{width:15px;height:15px}#rd-journey .rj-hotspots{position:absolute;inset:0;pointer-events:none;z-index:4}#rd-journey .rj-place{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid var(--rj-line);border-radius:7px;background:var(--rj-panel);box-shadow:0 4px 12px color-mix(in srgb,var(--rj-ink),transparent 85%);padding:9px 13px;min-height:43px;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}#rd-journey .rj-place:after{content:'';position:absolute;top:100%;left:50%;width:1px;height:20px;background:var(--rj-accent)}#rd-journey .rj-place svg{width:15px;height:15px}#rd-journey .rj-place:hover{background:var(--rj-accent);color:var(--rj-on-accent)}
#rd-journey .rj-detail{position:absolute;left:28px;top:158px;z-index:5;width:274px;background:var(--rj-panel);padding:23px;border:1px solid var(--rj-line);border-radius:11px;box-shadow:0 15px 40px color-mix(in srgb,var(--rj-ink),transparent 90%)}#rd-journey .rj-detail .rj-eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:12px}#rd-journey .rj-detail h3{font-size:28px;line-height:1.12;letter-spacing:-.8px;font-family:Georgia,serif;font-weight:400;margin:0 0 14px;color:var(--rj-ink)}#rd-journey .rj-detail p{font-size:12px;color:var(--rj-muted);margin:0;line-height:1.8}#rd-journey .rj-detail-steps{display:grid;gap:8px;margin-top:19px}#rd-journey .rj-step{padding:9px 10px;min-height:42px;background:transparent;border:1px solid var(--rj-line);border-radius:6px;display:flex;gap:9px;align-items:center;text-align:left;font-size:11px}#rd-journey .rj-step>span{font-size:11px;color:var(--rj-muted)}#rd-journey .rj-step[aria-pressed=true]{background:var(--rj-accent);color:var(--rj-on-accent);border-color:var(--rj-accent)}#rd-journey .rj-step[aria-pressed=true]>span{color:inherit}#rd-journey .rj-step-note{border-top:1px solid var(--rj-line);padding-top:13px;margin-top:16px!important;min-height:58px}
#rd-journey .rj-dock{position:absolute;z-index:6;left:50%;bottom:46px;transform:translateX(-50%);display:flex;padding:5px;gap:4px;background:var(--rj-panel);border:1px solid var(--rj-line);border-radius:11px;box-shadow:0 9px 26px color-mix(in srgb,var(--rj-ink),transparent 90%);max-width:calc(100% - 40px)}#rd-journey .rj-dock button{display:flex;align-items:center;gap:8px;min-height:42px;font-size:11px;padding:9px 12px;background:transparent;border:0;border-radius:7px;white-space:nowrap}#rd-journey .rj-dock button[aria-pressed=true]{background:var(--rj-accent);color:var(--rj-on-accent)}#rd-journey .rj-dock svg{width:16px;height:16px}#rd-journey .rj-footer{position:absolute;bottom:15px;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;color:var(--rj-muted);font-size:11px;z-index:3}#rd-journey .rj-footer>span{background:var(--rj-panel);padding:3px 7px;border-radius:4px;width:fit-content}#rd-journey .rj-status:empty{display:none}#rd-journey .rj-status{background:var(--rj-panel);padding:6px 9px;border-radius:6px;position:absolute;top:93px;left:50%;transform:translateX(-50%);color:var(--rj-muted);font-size:11px;max-width:310px;z-index:2}#rd-journey .rj-error{position:absolute;left:30px;right:30px;bottom:140px;background:var(--rj-panel);padding:15px;border-radius:8px;z-index:9;font-size:12px}
@media(max-width:700px){#rd-journey .rj-window{height:830px;border-radius:11px}#rd-journey .rj-nav{height:66px;padding:0 95px 0 16px;gap:7px}#rd-journey .rj-brand{font-size:14px;gap:6px}#rd-journey .rj-brand-mark{width:23px;height:23px;font-size:17px}#rd-journey .rj-nav-center{display:none}#rd-journey .rj-nav-actions{gap:1px}#rd-journey .rj-nav button{font-size:11px;padding:8px 9px;min-height:44px}#rd-journey .rj-nav .rj-register{display:none}#rd-journey .rj-intro{top:104px;left:22px;width:calc(100% - 44px)}#rd-journey h1{font-size:clamp(35px,10.3vw,41px);max-width:330px;line-height:1.05;margin-bottom:14px}#rd-journey .rj-eyebrow{font-size:11px;margin-bottom:12px}#rd-journey .rj-intro p{font-size:12px;max-width:260px;margin-bottom:18px}#rd-journey .rj-intro small{margin-top:10px}#rd-journey .rj-back{top:78px;left:15px;min-height:44px}#rd-journey .rj-detail{left:16px;right:16px;top:auto;bottom:136px;width:auto;padding:17px}#rd-journey .rj-detail h3{font-size:25px;margin-bottom:8px}#rd-journey .rj-detail .rj-eyebrow{margin-bottom:6px}#rd-journey .rj-detail-steps{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px}#rd-journey .rj-step{display:block;font-size:11px;padding:8px;line-height:1.4;min-height:57px}#rd-journey .rj-step>span{display:block;margin-bottom:3px}#rd-journey .rj-step-note{font-size:11px!important;margin-top:11px!important;padding-top:10px;min-height:0}#rd-journey .rj-dock{bottom:63px;width:calc(100% - 30px);max-width:none;gap:2px;justify-content:space-between}#rd-journey .rj-dock button{flex:1;flex-direction:column;gap:3px;padding:5px 4px;font-size:11px;min-height:52px}#rd-journey .rj-place{font-size:11px;padding:9px 10px;min-height:44px;gap:6px}#rd-journey .rj-footer{left:18px;right:18px;bottom:15px;flex-direction:column;gap:2px;font-size:11px}#rd-journey .rj-footer>span{background:var(--rj-panel);padding:3px 7px;border-radius:4px;width:fit-content}#rd-journey .rj-status:empty{display:none}#rd-journey .rj-status{background:var(--rj-panel);padding:6px 9px;border-radius:6px;top:auto;transform:none;left:20px;bottom:148px;max-width:190px}#rd-journey .rj-soften{background:linear-gradient(180deg,var(--rj-panel),color-mix(in srgb,var(--rj-panel),transparent 20%) 33%,transparent 64%)} }
@media(prefers-reduced-motion:reduce){#rd-journey *{transition:none!important;animation:none!important}}

#rd-journey .rj-nav .rj-mode{display:flex;align-items:center;gap:7px;background:var(--rj-panel);border:1px solid var(--rj-line);padding:8px 10px;min-height:42px}#rd-journey .rj-mode span{display:flex;align-items:center}#rd-journey .rj-mode svg{width:18px;height:18px}#rd-journey .rj-mode-label{font-size:11px}#rd-journey .rj-intro-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#rd-journey .rj-explore{border:0;background:transparent;min-height:46px;padding:10px 6px;display:flex;align-items:center;gap:7px;font-size:12px}#rd-journey .rj-explore svg{width:14px;height:14px}
@media(max-width:900px){#rd-journey .rj-nav-center{display:none}}
@media(max-width:700px){#rd-journey .rj-nav .rj-mode{position:absolute;top:80px;right:16px;width:44px;height:44px;justify-content:center;padding:8px;z-index:8}#rd-journey .rj-mode .rj-mode-label{display:none}#rd-journey .rj-primary{gap:14px;padding:11px 14px}#rd-journey .rj-explore{font-size:11px;gap:5px}#rd-journey .rj-intro-actions{gap:9px}}

#rd-journey .rj-detail{width:292px;padding:22px}#rd-journey .rj-detail h3{font-size:27px}#rd-journey .rj-detail-steps{display:flex;gap:5px;border-top:1px solid var(--rj-line);padding-top:16px}#rd-journey .rj-step{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;gap:7px;padding:9px 5px;min-height:66px;font-size:11px;line-height:1.35}#rd-journey .rj-step svg{width:19px;height:19px}#rd-journey .rj-step-note{display:none}#rd-journey .rj-story-navigation{display:flex;justify-content:space-between;gap:8px;margin-top:16px}#rd-journey .rj-story-navigation button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;min-height:44px;padding:7px 9px;font-size:11px;background:transparent}#rd-journey .rj-story-navigation button svg{width:14px;height:14px}#rd-journey .rj-story-navigation .rj-next{background:var(--rj-accent);color:var(--rj-on-accent)}#rd-journey .rj-previous:disabled{opacity:.35}#rd-journey .rj-stage-tags{position:absolute;inset:0;pointer-events:none;z-index:4}#rd-journey .rj-story-tag{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;min-height:40px;width:max-content;max-width:200px;pointer-events:auto;border:1px solid var(--rj-line);border-radius:7px;background:var(--rj-panel);box-shadow:0 5px 20px color-mix(in srgb,var(--rj-ink),transparent 88%);padding:8px 12px;font-size:11px}#rd-journey .rj-story-tag:after{content:'';position:absolute;top:100%;left:50%;height:15px;width:1px;background:var(--rj-accent)}
@media(max-width:700px){#rd-journey .rj-detail{width:auto;padding:15px}#rd-journey .rj-detail h3{font-size:23px}#rd-journey .rj-detail p{font-size:11px;line-height:1.7}#rd-journey .rj-detail-steps{gap:5px;margin-top:13px;padding-top:12px}#rd-journey .rj-step{min-height:56px;padding:7px 4px}#rd-journey .rj-story-navigation{margin-top:10px}#rd-journey .rj-story-tag{min-height:44px;padding:8px 10px}}

body[data-page=landing]{margin:0;padding:0}body[data-page=landing]>.public{max-width:none;margin:0;padding:0}#rd-journey .rj-window{min-height:740px;height:100svh;border-radius:0}#rd-journey .rj-nav{padding-right:28px}#rd-journey button{cursor:pointer}#rd-journey button:disabled{cursor:default;opacity:.6}#rd-journey svg{flex-shrink:0} @media(max-width:700px){#rd-journey .rj-nav{padding-right:16px}#rd-journey .rj-window{min-height:830px}}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation-duration:420ms;animation-timing-function:ease-in-out}
 ::view-transition-new(root){animation-duration:420ms;animation-timing-function:ease-in-out}
}