:root{--bg:#FFFFFF;--card:#FFFFFF;--ink:#3C3C3C;--mute:#777777;--faint:#AFAFAF;--line:#E5E5E5;--line2:#F0F0F0;--soft:#F7F7F7;--blue:#1CB0F6;--blue_d:#1899D6;--blue_t:#1899D6;--blue_s:#DDF4FF;--blue_l:#84D8FF;--green:#58CC02;--green_d:#58A700;--green_t:#58A700;--green_s:#D7FFB8;--green_l:#B8F28B;--orange:#FF9600;--orange_d:#E08600;--yellow:#FFC800;--yellow_d:#E5B400;--red:#FF4B4B;--red_d:#EA2B2B;--red_s:#FFDFE0;--red_l:#FFB2B2;--warn_bg:#FFF0D1;--warn_t:#CC7A00;--trophy:#FFF4CC;--sea:#DDF4FF;--land:#FFFFFF;--overlay:#00000066;color-scheme:light}html[data-theme=dark]{--bg:#131F24;--card:#131F24;--ink:#F1F7FB;--mute:#9DB2BD;--faint:#5B707A;--line:#37464F;--line2:#202F36;--soft:#202F36;--blue:#1CB0F6;--blue_d:#1899D6;--blue_t:#49C0F8;--blue_s:#16313D;--blue_l:#2B6E8F;--green:#58CC02;--green_d:#58A700;--green_t:#79D634;--green_s:#1C3311;--green_l:#3F7A1A;--orange:#FF9600;--orange_d:#E08600;--yellow:#FFC800;--yellow_d:#E5B400;--red:#FF4B4B;--red_d:#EA2B2B;--red_s:#3E1F22;--red_l:#7A3236;--warn_bg:#3A2C10;--warn_t:#FFC800;--trophy:#3A3212;--sea:#102A33;--land:#1B2B31;--overlay:#000000aa;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--bg:#131F24;--card:#131F24;--ink:#F1F7FB;--mute:#9DB2BD;--faint:#5B707A;--line:#37464F;--line2:#202F36;--soft:#202F36;--blue:#1CB0F6;--blue_d:#1899D6;--blue_t:#49C0F8;--blue_s:#16313D;--blue_l:#2B6E8F;--green:#58CC02;--green_d:#58A700;--green_t:#79D634;--green_s:#1C3311;--green_l:#3F7A1A;--orange:#FF9600;--orange_d:#E08600;--yellow:#FFC800;--yellow_d:#E5B400;--red:#FF4B4B;--red_d:#EA2B2B;--red_s:#3E1F22;--red_l:#7A3236;--warn_bg:#3A2C10;--warn_t:#FFC800;--trophy:#3A3212;--sea:#102A33;--land:#1B2B31;--overlay:#000000aa;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}img{display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.mock{font:600 12px/1.4 system-ui;text-align:center;padding:7px 12px;background:#111;color:#fff}
.nav{position:sticky;top:0;z-index:20}.navin{display:flex;align-items:center;gap:22px;height:66px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.tabs{display:flex;gap:4px}.tabs a{padding:8px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;text-align:center}
.tab{display:none}.tab.on{display:block}.page{padding:28px 28px 72px}.crumb{font-size:13px;margin-bottom:18px;opacity:.75}.crumb a{text-decoration:underline}
.search{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 14px}.fld{display:flex;flex-direction:column;flex:1 1 160px}.fld input{border:0;background:transparent;font:inherit;outline:0;width:100%}
.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
.stat{display:flex;flex-direction:column}.sec{padding:56px 0}.sec-head{margin-bottom:24px;max-width:720px}
.hero{padding:40px 0 24px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.stns{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stn{display:flex;flex-direction:column;gap:2px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.snip-num{display:flex;align-items:baseline;gap:8px;margin:10px 0}
.ticket{display:flex;position:relative}.tk-main{flex:1;position:relative}.tk-top{display:flex;justify-content:space-between;align-items:center}
.tk-route{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.tk-route>div{display:flex;flex-direction:column}
.tk-line{height:2px;position:relative;text-align:center}.tk-line span{position:relative;top:-11px;padding:0 8px;white-space:nowrap}
.tk-stub{width:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px}.tk-stub .btn{margin-top:10px}
.ctabox{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.ctawide{flex-direction:row;align-items:center;gap:28px}.ctawide>div{flex:1}
.ctabox .logo168{height:32px;width:auto}.foot{padding:36px 0;font-size:13px}.foot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.foot .logo168{height:26px;width:auto}
.st-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.st-head>div:nth-child(2){flex:1}.st-badge{display:flex;align-items:center;justify-content:center}
.hist{margin:0 0 20px}.hist-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.bars{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;height:120px;align-items:end}.bar{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:4px}
.bar i{display:block;width:100%;min-height:2px}.bar span{font-size:10px;opacity:.6}
.filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filter input{flex:1 1 280px;font:inherit;outline:0}.chips{display:flex;gap:8px;flex-wrap:wrap}
.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:80px 1.3fr 1.6fr 1fr 110px 70px;gap:14px;align-items:center}
.rr{grid-template-columns:90px 1.4fr 90px 1fr 110px 80px}.row small{display:block}.row-h{font-size:12px}.note{font-size:13px;margin-top:14px;opacity:.75}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.two>div{display:flex;flex-direction:column;gap:20px}
.prof-bar{display:flex;height:34px;gap:1px}.prof-bar i{flex:1}.prof-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:10px}
.prof-leg span{display:flex;align-items:center;gap:5px}.prof-leg i{width:12px;height:12px;display:inline-block}
.kroute{list-style:none}.kroute li{display:grid;grid-template-columns:16px 56px 1fr auto 64px;gap:10px;align-items:center;padding:9px 0}
.kroute li.lw{display:none}.show-lw .kroute li.lw{display:grid}.k-dot{width:12px;height:12px;border-radius:50%}.k-nama small{display:block;font-size:11px;opacity:.6}
.k-v{font-size:12px;text-align:right;opacity:.7}.tog{font-size:13px;display:flex;gap:6px;align-items:center;cursor:pointer}
.pg-sub{margin:6px 0 4px}.ds-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin-top:22px}.ds-sub{margin:28px 0 10px}
.sws{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sw{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}
.sw i{grid-row:span 3;width:38px;height:38px;display:block}.sw b{font-size:13px}.sw code{font-size:12px;opacity:.75}.sw span{font-size:11px;opacity:.7}
.ty{display:flex;flex-direction:column;margin-bottom:14px}.ty-lbl{font-size:11px;opacity:.6}.comp{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:18px}
.tok{display:flex;flex-direction:column;gap:3px;font-size:12px;opacity:.75}.prin{padding-left:18px;font-size:14px;line-height:1.5}.prin li{margin-bottom:6px}.card h4{margin-bottom:12px}
.mtab{display:none}
.mapcard{margin:0 0 20px}.map{display:block;width:100%;height:auto;margin-bottom:10px;overflow:hidden}.map-net{stroke-width:2.2;stroke-linecap:round;stroke-opacity:.55}.map-hl{stroke-width:5;stroke-linecap:round}.map-dot{stroke-width:3}.map-lbl{font:700 22px system-ui}.map-lbl.big{font-size:26px}.mapcard .btn{margin-top:8px}
.vs-big{display:flex;align-items:baseline;gap:10px;margin:4px 0 12px}.vs-big b{font-size:40px;line-height:1}.vs-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 70px;gap:8px;padding:7px 0;font-size:14px;border-bottom:1px solid #8883}
.vs-row b{text-align:right}.vs-h{font-size:12px;opacity:.65;border-bottom:0}.dbar{display:block;height:6px;border-radius:3px;background:#8882;margin-top:5px;overflow:hidden}.dbar i{display:block;height:100%;border-radius:3px}
.row.ch{grid-template-columns:1.3fr 1.3fr 1.2fr 110px}.row.pt{grid-template-columns:1fr 130px}.r-d{text-align:right}.r-d b{font-size:15px}.soon{margin-top:20px}.soon h3{margin:6px 0}
.faq{margin-top:40px;max-width:820px}.faq-h{margin-bottom:12px}.faq-i{padding:14px 0;border-bottom:1px solid #8884}.faq-i summary{cursor:pointer;font-weight:800;font-size:16px}.faq-i p{margin-top:8px}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.seo-grid>*{min-width:0;overflow-x:auto}.seo-t{width:100%;border-collapse:collapse;font-size:13px}.seo-t td,.seo-t th{text-align:left;padding:7px 8px;border-bottom:1px solid #8883;vertical-align:top}
.seo-t code{font-size:12px;word-break:break-all}.serp{font-family:arial,sans-serif;background:#fff;color:#202124;border-radius:12px;padding:16px;border:1px solid #dadce0;margin-bottom:12px}
.serp small{color:#4d5156;font-size:12px}.serp b{display:block;color:#1a0dab;font-size:19px;font-weight:400;margin:3px 0}.serp p{font-size:14px;color:#4d5156;line-height:1.5}
@media(max-width:860px){.row.ch{grid-template-columns:1fr auto}.row.ch .r-arah,.row.ch .r-t{grid-column:1/-1;grid-row:auto}.row.ch .r-d{grid-column:2;grid-row:1}.seo-grid{grid-template-columns:1fr}.vs-row{grid-template-columns:1.4fr 1fr 1fr 60px;font-size:12px}
.wrap,.page{padding-left:16px;padding-right:16px}.tabs{display:none}.hero-grid,.two,.grid3,.ds-grid{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}.stns{grid-template-columns:1fr 1fr}.ctawide{flex-direction:column;align-items:flex-start}
.row,.rr{grid-template-columns:62px 1fr auto;gap:4px 10px}.row-h{display:none}.r-arah,.r-t{grid-column:2/4;font-size:13px}.r-st{grid-column:2/3}.r-go{grid-column:3;grid-row:1}
.rr .r-jam:nth-of-type(3){grid-column:1}.bars{gap:2px}.bar span{font-size:8px}.kroute li{grid-template-columns:14px 46px 1fr auto}.k-v{display:none}
.mtab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
.mtab a{display:flex;flex-direction:column;align-items:center;font-size:11px;gap:2px;padding:4px 8px}.mtab a b{font-size:18px;line-height:1}body{padding-bottom:70px}
.ticket{transform:none!important}.tk-stub{width:92px}.btn{white-space:normal}}

body{background:var(--bg);color:var(--ink);font:700 15px/1.55 Nunito,system-ui}
.nav{background:var(--bg);border-bottom:2px solid var(--line)}.brand-mark{font-size:20px}.brand-txt{font:800 18px Nunito}.brand-txt b{color:var(--blue_t)}
.tabs a{font:700 14px Nunito;color:var(--mute);border-radius:16px}.tabs a.aktif{background:var(--blue_s);color:var(--ink)}
.btn{font:800 15px Nunito;border-radius:16px;padding:14px 22px;text-transform:uppercase;letter-spacing:.06em}.btn-sm{padding:9px 15px;font-size:13px}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green_d)}.btn-ghost{background:transparent;border:2px solid var(--line);color:var(--ink)}
.btn-invert{background:#FFFFFF;color:var(--blue_d)}
.eyebrow{display:inline-block;background:var(--blue_s);color:var(--blue_d);font:800 13px Nunito;padding:6px 12px;border-radius:16px}
.hero h1{font:900 54px/1.02 Nunito;letter-spacing:-.03em;margin:16px 0}.hero p{font-size:18px;color:var(--mute)}
.search{background:var(--card);border-radius:16px;padding:8px;border:2px solid var(--line);border-bottom-width:4px}.fld{padding:9px 14px;background:var(--soft);border-radius:12px}
.fld span{font:700 12px Nunito;color:var(--mute)}.fld input{font:700 16px Nunito;color:var(--ink)}
.quick span{color:var(--mute)}.quick a{background:var(--card);padding:5px 11px;border-radius:16px;font-weight:700;}
.stat{background:var(--card);border-radius:16px;padding:16px 20px;border:2px solid var(--line);border-bottom-width:4px}.stat b{font:900 30px Nunito;color:var(--blue_t);letter-spacing:-.02em}.stat span{font-size:13px;color:var(--mute);font-weight:600}
.sec-alt{background:var(--soft)}.sec-head h2,.pg-h,.st-head h1{font:900 36px/1.1 Nunito;letter-spacing:-.02em;margin-bottom:6px}.sec-head p,.pg-sub,.st-head p{color:var(--mute)}
.stn{background:var(--card);border-radius:16px;padding:18px;border:2px solid var(--line);border-bottom-width:4px}.stn-kode{font:500 13px Nunito;color:var(--blue_t)}.stn b{font:800 18px Nunito}.stn small{color:var(--mute);font-weight:600}
.card{background:var(--card);border-radius:16px;padding:24px;border:2px solid var(--line);border-bottom-width:4px}.kicker{font:800 12px Nunito;color:var(--orange);text-transform:uppercase;letter-spacing:.06em}
.snip-num b{font:900 50px Nunito;color:var(--blue_t);letter-spacing:-.03em}.snip-num span{color:var(--mute);font-weight:600;font-size:13px}
.snip h3{font:800 19px/1.25 Nunito;margin-bottom:6px}.snip p{color:var(--mute);font-size:14px;margin-bottom:12px}.lnk{color:var(--green_t);font-weight:800;font-size:14px}
.ticket{background:var(--card);border-radius:16px;border:2px solid var(--line);border-bottom-width:4px}.tk-main{padding:26px 26px 22px;border-right:3px dashed var(--line)}
.tk-main:before,.tk-main:after{content:"";position:absolute;right:-17px;width:32px;height:32px;border-radius:50%;background:var(--bg);}.tk-main:before{top:-16px}.tk-main:after{bottom:-16px}
.tk-no{font:500 14px Nunito;color:var(--mute)}.tk-cls{background:var(--blue_s);color:var(--orange);font-weight:800;font-size:12px;padding:4px 10px;border-radius:16px}
.tk-name{font:900 38px Nunito;letter-spacing:-.02em;margin:6px 0 16px}.tk-route b{font:500 32px Nunito;color:var(--blue_t)}.tk-route span{font:800 18px Nunito}.tk-route small{font-size:12px;color:var(--mute)}
.tk-line{background:var(--line)}.tk-line span{background:var(--card);font:500 12px Nunito;color:var(--mute)}
.tk-stops{margin-top:16px;font-size:13px;color:var(--mute);background:var(--soft);padding:10px 12px;border-radius:12px}
.tk-stub span{font-size:12px;color:var(--mute)}.tk-stub b{font:900 26px Nunito}
.ctabox{background:var(--blue);color:#fff}.ctabox h3{font:900 28px/1.1 Nunito}.ctabox p{opacity:.88}
.foot{color:var(--mute)}.foot a{color:var(--green_t);font-weight:800}.crumb{color:var(--mute)}
.st-badge{width:72px;height:72px;border-radius:16px;background:var(--blue_t);color:#fff;font:900 26px Nunito}
.bar i{background:var(--blue_t);border-radius:8px 8px 4px 4px}
.filter input{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 18px;color:var(--ink)}
.chip{font:800 12px Nunito;padding:5px 11px;border-radius:16px;white-space:nowrap}.chip-on{background:var(--ink);color:var(--bg)}
.chip-new{background:var(--blue_s);color:var(--blue_t)}.chip-ok{background:var(--green_s);color:var(--green_t)}.chip-mute{background:var(--soft);color:var(--mute)}.chip-warn{background:var(--warn_bg);color:var(--warn_t)}
.rows{gap:10px}.row{background:var(--card);padding:14px 16px;border-radius:16px;border:2px solid var(--line);border-bottom-width:4px}.row-h{background:transparent;box-shadow:none;border:0;color:var(--mute);font-weight:700;padding-top:4px;padding-bottom:4px}
.r-jam{font:500 22px Nunito;color:var(--blue_t)}.r-jam small{font-size:11px;color:var(--mute)}.r-ka b{font-size:16px}.r-ka small,.r-t small{color:var(--mute);font-size:12px;font-weight:600}.r-t{font:500 14px Nunito}
.r-arah{font-weight:600}.r-go{background:var(--green_s);color:var(--green_t);font-weight:800;font-size:13px;padding:7px 12px;border-radius:16px;text-align:center;white-space:nowrap}
.kroute li{border-bottom:2px dotted var(--line)}.hn .k-dot{background:var(--blue_t);box-shadow:0 0 0 4px var(--blue_s)}.lw .k-dot{background:var(--line);width:8px;height:8px;margin-left:2px}
.k-kode{font:500 14px Nunito;color:var(--mute)}.hn .k-nama{font-weight:800}.lw{color:var(--mute)}.k-jam{font:500 14px Nunito;color:var(--blue_t)}
.prof-bar{border-radius:12px;overflow:hidden}.prof-leg i{border-radius:3px}
.card h4,.ds-sub{font:800 12px Nunito;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}.sw i{border-radius:12px;border:1px solid #0001}
.mtab{background:var(--card);border-top:1px solid var(--line)}.mtab a{color:var(--mute);font-weight:700}.mtab a.aktif{color:var(--blue_d)}
@media(max-width:860px){.hero h1{font-size:40px}.tk-name{font-size:30px}.tk-route b{font-size:24px}.sec-head h2,.pg-h,.st-head h1{font-size:28px}}
.up{color:var(--red)}.dn{color:var(--green_t)}.dbar i.up{background:var(--red)}.dbar i.dn{background:var(--green_t)}.lim{color:var(--blue_t)}.faq-h{font:900 26px Nunito}.vs-big b{font-family:Nunito;font-weight:900}.map-sea{fill:var(--sea)}.map-land{fill:var(--land);stroke:var(--line);stroke-width:1.5}.map-net{stroke:var(--faint)}.map-hl{stroke:var(--blue_t)}.map-dot{fill:var(--card);stroke:var(--ink)}.map-dot.big{fill:var(--blue_t)}.map-lbl{fill:var(--ink);font-family:Nunito;paint-order:stroke;stroke:var(--card);stroke-width:5px}
.tk-main:before,.tk-main:after{display:none}.ticket{transform:none!important}.tk-main{border-right-style:solid!important;border-right-width:1px!important}.hero h1{font-size:56px;line-height:1.02;color:var(--ink)}.hero p{font-weight:700}
.btn{transition:transform .08s}.btn:active{transform:translateY(4px);box-shadow:none!important}.btn-primary{background:var(--green);color:#fff}
.btn-ghost{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);color:var(--blue_t)}.btn-invert{background:#fff;color:#1899D6;box-shadow:0 4px 0 #1680B4}
.eyebrow{background:var(--blue_s);color:var(--blue_t);border:2px solid var(--blue_l);border-radius:12px}
.tabs a{border:2px solid transparent;border-radius:12px;text-transform:uppercase;font-size:12px;letter-spacing:.05em;font-weight:800}.tabs a.aktif{background:var(--blue_s);color:var(--blue_t);border-color:var(--blue_l)}
.brand-txt{font:900 20px Nunito;color:var(--green)}.brand-txt b{color:var(--blue)}
.quick a{border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;background:var(--card);color:var(--blue_t);font-weight:800}
.stat b{font-size:34px}.stats .stat:nth-child(4n+1) b{color:var(--green)}.stats .stat:nth-child(4n+2) b{color:var(--blue)}.stats .stat:nth-child(4n+3) b{color:var(--orange)}.stats .stat:nth-child(4n) b{color:var(--red)}
.stn-kode{align-self:flex-start;background:var(--blue_s);color:var(--blue_t);font-weight:900;padding:1px 8px;border-radius:8px}.kicker{color:var(--orange)}
.snip-num b{color:var(--green)}.st-badge{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green_d)}.r-jam{font-weight:900}.r-go{border:2px solid var(--green_l);border-bottom-width:4px}
.chip{border:2px solid transparent}.chip-on{background:var(--blue);color:#fff}.bar i{background:var(--blue);box-shadow:inset 0 -4px 0 var(--blue_d)}
.row:hover{border-color:var(--blue_l)}.faq-i{border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;padding:14px 18px;margin-bottom:10px}
.mtab{border-top:2px solid var(--line);background:var(--bg)}.mtab a.aktif{background:var(--blue_s);border:2px solid var(--blue_l);border-radius:12px;color:var(--blue_t)}
.tk-route b{font-weight:900}.ctabox h3{color:#fff}.fld{background:var(--soft)}.fld input,.fld select{color:var(--ink)}.tk-stops{background:var(--soft)}
.sx{border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;overflow:hidden}.sx-big{font:900 116px/0.9 Nunito;color:var(--green);letter-spacing:-.04em;padding:22px;border-bottom:2px solid var(--line);display:flex;gap:16px;align-items:flex-end}
.sx-big span{font:800 16px/1.3 Nunito;color:var(--mute);letter-spacing:0;padding-bottom:12px}.sx-h{font:800 12px Nunito;text-transform:uppercase;letter-spacing:.06em;padding:12px 22px;color:var(--faint);border-bottom:2px solid var(--line)}
.sx-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:11px 22px;border-bottom:2px solid var(--line2);align-items:center}.sx-row:last-child{border-bottom:0}
.sx-row b{font:900 20px Nunito;color:var(--blue_t)}.sx-row span{font-weight:800}.sx-row small{color:var(--faint);font-weight:700;font-size:13px}
.xp{margin-top:16px;border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;padding:16px 20px}.xp-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.xp-top b{color:var(--orange);font-size:18px;font-weight:900}.xp-top span{color:var(--mute);font-weight:700}.xp-bar{height:16px;border-radius:8px;background:var(--line);overflow:hidden}
.xp-bar i{display:block;height:100%;background:var(--yellow);border-radius:8px;box-shadow:inset 0 -4px 0 var(--yellow_d)}.xp small{display:block;margin-top:8px;color:var(--faint);font-weight:700}
.unit{background:var(--green);color:#fff;border-radius:16px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 4px 0 var(--green_d)}
.unit small{display:block;font-weight:800;opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.unit b{font:900 20px Nunito}
.unit a{border:2px solid #ffffff80;border-bottom-width:4px;border-radius:12px;padding:8px 12px;font-weight:900;font-size:12px;text-transform:uppercase;white-space:nowrap}
.path-wrap{display:flex;flex-direction:column;gap:18px}.path{display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px 0}
.pn{position:relative;display:flex;align-items:center;gap:14px}.pn-b{width:72px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;font-weight:900}
.pn-b.done{background:var(--yellow);box-shadow:0 7px 0 var(--yellow_d)}.pn-b.next{background:var(--green);box-shadow:0 7px 0 var(--green_d);font-size:18px}.pn-b.goal{background:var(--blue);box-shadow:0 7px 0 var(--blue_d)}
.pn-l{position:absolute;left:88px;white-space:nowrap;display:flex;flex-direction:column}.pn-l b{font:900 18px Nunito;color:var(--blue_t)}.pn-l span{font-weight:800;color:var(--mute)}
.tip{position:absolute;top:-34px;left:50%;transform:translateX(-50%);background:var(--card);border:2px solid var(--line);border-radius:10px;padding:2px 10px;font:900 12px Nunito;color:var(--green);letter-spacing:.06em}
.path-ft{text-align:center;font-weight:800;color:var(--faint)}
.lg{border:2px solid var(--line);border-bottom-width:4px;border-radius:20px;overflow:hidden}.lg-h{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:2px solid var(--line)}
.lg-tr{font-size:30px;width:56px;height:56px;border-radius:14px;background:var(--trophy);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--yellow_d)}.lg-h b{font:900 20px Nunito;display:block}.lg-h small{color:var(--mute);font-weight:700}
.lg-r{display:grid;grid-template-columns:34px 44px 1fr auto;gap:12px;align-items:center;padding:10px 20px}.lg-r:hover{background:var(--soft)}.lg-r b{font-weight:900}.lg-r b small{display:block;color:var(--blue_t);font-size:12px}
.lg-n{font:900 18px Nunito;color:var(--mute);text-align:center;width:30px;height:30px;line-height:30px;border-radius:50%}.lg-n.g{background:var(--yellow);color:#fff;box-shadow:0 3px 0 var(--yellow_d)}.lg-n.s{background:#CED7DE;color:#fff;box-shadow:0 3px 0 #A9B6C0}.lg-n.br{background:#E0A06B;color:#fff;box-shadow:0 3px 0 #BF7F4B}
.lg-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 13px Nunito;color:#fff}.av0{background:var(--green)}.av1{background:var(--blue)}.av2{background:var(--orange)}.av3{background:var(--red)}.av4{background:#2B70C9}
.lg-x{font:900 16px Nunito;color:var(--mute)}.lg-sep{text-align:center;color:var(--faint);font-weight:900;letter-spacing:.3em}.lg-r.me{background:var(--blue_s);border-top:2px solid var(--blue_l)}
.map-lbl{stroke:var(--card)}
@media(max-width:860px){.hero h1{font-size:40px}.nav .btn-sm{white-space:nowrap;font-size:11px;padding:9px 12px}.sx-big{font-size:84px}}.v60{background:#DDF4FF}.v70{background:#A8E3FF}.v80{background:#6FCDFB}.v100{background:#1CB0F6}.v110{background:#1899D6}
.swap{flex:0 0 auto;width:48px;border-radius:50%;border:2px solid var(--line);border-bottom-width:4px;background:var(--card);color:var(--blue_t);font:900 20px Nunito;cursor:pointer;align-self:center;height:48px}
.fld select{border:0;background:transparent;font:700 16px Nunito;outline:0;width:100%;appearance:none}
.pop{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-weight:800;color:var(--mute);font-size:13px;margin-bottom:18px}
.pop button{font:800 13px Nunito;color:var(--blue_t);background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:6px 12px;cursor:pointer}
.pk-sum{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:8px 0 10px}.pk-sum h2{font:900 28px Nunito}.pk-sum span{font-weight:800;color:var(--mute)}
.pk-bar{position:sticky;top:66px;z-index:10;background:var(--bg);display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none;border-bottom:2px solid var(--line2)}.pk-bar::-webkit-scrollbar{display:none}
.pk-c{flex:0 0 auto;font:800 13px Nunito;color:var(--ink);background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.pk-c.on{background:var(--blue_s);border-color:var(--blue_l);color:var(--blue_t)}.pk-c i{font-style:normal;color:var(--faint);margin-left:4px}.pk-sort{color:var(--blue_t)}
.pk-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.kc{border:2px solid var(--line);border-bottom-width:4px;border-radius:18px;background:var(--card);transition:border-color .15s}.kc:hover{border-color:var(--blue_l)}
.kc.sel{border-color:var(--green);background:var(--green_s)}.kc-main{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px 18px;cursor:pointer;width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit}
.kc-t{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.kc-t b{font:900 28px Nunito;color:var(--ink);line-height:1}.kc-t small{display:block;font-weight:800;color:var(--mute);font-size:12px;margin-top:3px}
.kc-d{display:flex;flex-direction:column;align-items:center;gap:5px}.kc-d span{font:900 13px Nunito;color:var(--mute)}.kc-db{height:8px;width:100%;border-radius:4px;background:var(--line);overflow:hidden}.kc-db i{display:block;height:100%;background:var(--blue);border-radius:4px}
.kc-n{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.kc-n b{font:900 17px Nunito}.kc-n small{font-weight:800;color:var(--faint)}
.kc-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;text-align:right}.kc-p{font:900 18px Nunito;color:var(--orange)}.kc-p small{display:block;font:800 11px Nunito;color:var(--faint)}
.bd{font:900 11px Nunito;padding:3px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.bd-cepat{background:var(--blue_s);color:var(--blue_t)}.bd-pagi{background:var(--warn_bg);color:var(--warn_t)}
.bd-murah{background:var(--green_s);color:var(--green_t)}.bd-fak{background:var(--soft);color:var(--mute)}.bd-kl{background:var(--soft);color:var(--ink)}.bd-up{background:var(--red_s);color:var(--red)}.bd-dn{background:var(--green_s);color:var(--green_t)}
.kc-x{display:none;border-top:2px solid var(--line);padding:16px 18px;gap:18px;grid-template-columns:1fr 1fr}.kc.open .kc-x{display:grid}
.kc-tl{list-style:none}.kc-tl li{display:grid;grid-template-columns:14px 52px 1fr auto;gap:10px;align-items:center;padding:6px 0;font-weight:800}.kc-tl li i{width:12px;height:12px;border-radius:50%;background:var(--line)}
.kc-tl li.on i{background:var(--green);box-shadow:0 0 0 4px var(--green_s)}.kc-tl li.on{color:var(--ink)}.kc-tl li.off{color:var(--faint)}.kc-tl code{font:800 12px Nunito;color:var(--mute)}.kc-tl em{font-style:normal;color:var(--blue_t)}
.kc-map svg{width:100%;height:auto;border-radius:12px;background:var(--sea)}.kc-map .ml{fill:var(--land);stroke:var(--line)}.kc-map .mn{stroke:var(--faint);stroke-opacity:.5;stroke-width:2;fill:none}
.kc-map .mr{stroke:var(--blue);stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round}.kc-map .mr2{stroke:var(--green);stroke-width:8;fill:none;stroke-linecap:round}.kc-map circle{fill:var(--card);stroke:var(--ink);stroke-width:4}
.kc-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kc-hint{font-weight:800;color:var(--faint);font-size:12px}
.pk-empty{text-align:center;border:2px dashed var(--line);border-radius:18px;padding:36px 20px;font-weight:800;color:var(--mute)}.pk-empty b{display:block;font:900 22px Nunito;color:var(--ink);margin:8px 0}
.pk-sel{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--green_s);border-top:2px solid var(--green_l);display:none}.pk-sel.on{display:block;animation:naik .2s ease-out}@keyframes naik{from{transform:translateY(100%)}to{transform:none}}
.pk-sel-in{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 28px;flex-wrap:wrap}.pk-sel b{display:block;font:900 20px Nunito;color:var(--green_t)}.pk-sel span{font-weight:800;color:var(--ink)}.pk-sel-b{display:flex;gap:10px}
.sheet{position:fixed;inset:0;z-index:60;background:var(--overlay);display:none;align-items:flex-end;justify-content:center}.sheet.on{display:flex}
.sheet-in{background:var(--card);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px;display:flex;flex-direction:column;gap:10px;border:2px solid var(--line)}.sheet-in b{font:900 20px Nunito}
.sheet-in button{font:800 16px Nunito;text-align:left;padding:14px;border-radius:14px;border:2px solid var(--line);border-bottom-width:4px;background:var(--card);color:var(--ink);cursor:pointer}.sheet-in button.on{border-color:var(--blue_l);background:var(--blue_s);color:var(--blue_t)}
.tema{width:40px;height:40px;border-radius:12px;border:2px solid var(--line);border-bottom-width:4px;background:var(--card);font-size:18px;cursor:pointer}
.gaya-bar{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:8px 12px;background:var(--soft);border-bottom:2px solid var(--line);font:800 13px Nunito;color:var(--mute);align-items:center}
.gaya-bar button{font:900 12px Nunito;border:2px solid var(--line);border-bottom-width:4px;border-radius:10px;padding:4px 10px;background:var(--card);color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.04em}
.gaya-bar button.on{background:var(--blue_s);border-color:var(--blue_l);color:var(--blue_t)}
.gv,.gb{display:none}body[data-gaya=D1] .gv-D1,body[data-gaya=D2] .gv-D2,body[data-gaya=D4] .gv-D4{display:inline}body[data-gaya=D1] .gb-D1,body[data-gaya=D2] .gb-D2,body[data-gaya=D4] .gb-D4{display:block}
.tabs a{white-space:nowrap;padding:8px 10px;letter-spacing:.03em}.navin{gap:14px}.sx-row{cursor:pointer}.sx-row:hover{background:var(--soft)}
@media(max-width:860px){.kc-x{grid-template-columns:1fr}.kc-t b{font-size:24px}.kc-main{grid-template-columns:1fr}.kc-r{flex-direction:row;align-items:center;text-align:left}
.pk-sel{bottom:62px}.pk-form .fld{flex:0 0 auto}.nav .tema{width:36px;height:36px}.hm{display:none}.pk-sel-in{padding:12px 16px}.swap{width:40px;height:40px;position:relative;margin:-14px auto;z-index:2}.pk-form{flex-direction:column}}
.tab{display:block}.page{padding-top:22px}main{min-height:60vh}
.seg{display:inline-flex;gap:6px;flex-wrap:wrap}.seg button{font:800 13px Nunito;color:var(--ink);background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:7px 12px;cursor:pointer}
.seg button.on{background:var(--blue_s);border-color:var(--blue_l);color:var(--blue_t)}
.row.ls{background:var(--soft)}.row.ls .r-jam{color:var(--mute)}.est{font-size:12px;color:var(--faint);font-weight:800}
.chip-ls{background:var(--soft);color:var(--mute);border:2px dashed var(--line)!important}
.r-ka a,.k-nama a,.lnk2{color:var(--blue_t);font-weight:900}.r-ka a:hover,.k-nama a:hover{text-decoration:underline}
.kroute li{display:grid!important;grid-template-columns:16px 56px 1fr 120px 64px}.hide-ls .kroute li.lw{display:none!important}.kroute li.lw{color:var(--mute)}
.k-ar{font:800 14px Nunito;color:var(--blue_t);text-align:right}.lw .k-ar{color:var(--mute)}
.links-grid{display:flex;flex-wrap:wrap;gap:8px}.links-grid a{border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:6px 12px;font-weight:800;color:var(--blue_t);background:var(--card)}
.az{columns:4 220px;column-gap:24px}.az a{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line2);font-weight:800;break-inside:avoid}.az small{color:var(--faint)}
.az h3{font:900 20px Nunito;color:var(--green);margin:14px 0 4px;break-after:avoid}
.mapcard .btn{margin-top:8px}.crumb a{text-decoration:underline}.lead{font-size:17px;color:var(--mute);font-weight:700;max-width:760px;margin:6px 0 4px}
.sec2{margin-top:34px}.sec2 h2{font:900 26px Nunito;margin-bottom:12px}
.prose{max-width:760px;font-size:16px;line-height:1.7}.prose h2{font:900 24px Nunito;margin:24px 0 8px}.prose p,.prose li{margin-bottom:10px}.prose ul{padding-left:20px}
.kc a.kc-main{text-decoration:none}
.fld{position:relative}.ac{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);z-index:80;background:var(--card);border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;
 max-height:min(420px,60vh);overflow-y:auto;padding:6px;display:none;box-shadow:0 12px 28px #0000001f;min-width:280px}.ac.on{display:block}
.ac-h{font:900 11px Nunito;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:10px 10px 4px}
.ac-i{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;cursor:pointer;color:var(--ink)}
.ac-i.on,.ac-i:hover{background:var(--blue_s)}.ac-i.on{box-shadow:inset 0 0 0 2px var(--blue_l)}
.ac-k{height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font:900 11px Nunito;color:#fff;background:var(--blue);box-shadow:0 3px 0 var(--blue_d)}
.ac-k.kota{background:var(--green);box-shadow:0 3px 0 var(--green_d);font-size:16px}.ac-n{font:800 15px Nunito;line-height:1.2;min-width:0}.ac-n small{display:block;font:700 12px Nunito;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-n mark{background:none;color:var(--blue_t);font-weight:900;text-decoration:underline;text-underline-offset:3px}.ac-c{font:900 13px Nunito;color:var(--mute);white-space:nowrap;letter-spacing:.04em}.ac-c mark{background:none;color:var(--blue_t)}
.ac-0{padding:16px 12px;font-weight:800;color:var(--mute);text-align:center}.fld input:focus{outline:0}.fld:focus-within{box-shadow:inset 0 0 0 2px var(--blue_l);border-radius:12px}
@media(max-width:860px){.ac{min-width:0;max-height:52vh}.ac-i{padding:10px 12px}}
@media(max-width:860px){.kroute li{grid-template-columns:14px 46px 1fr 96px!important}.k-v{display:none}}