:root{--sky-1:#FFE7C2;--sky-2:#FFC09A;--sky-3:#FF9C86;--teal:#0E6E70;--teal-deep:#0B4146;--merah:#D4322C;--sun:#FFC24B;--ink:#13262B;--paper:#FFFFFF;--mist:#F2F6F5;--muted:#56676C;--line:#DCE4E3;--asphalt:#262B30;--c3:var(--sun);--c5:var(--merah);--c10:var(--teal);--font:"Archivo","Helvetica Neue",Arial,sans-serif;--wrap:1200px;--gutter:clamp(16px,4vw,40px)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-stretch:100%;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}svg{display:block}a{color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}h1,h2,h3{margin:0;font-stretch:125%;font-weight:900;line-height:.98;letter-spacing:-.015em}h2{font-size:clamp(36px,5.2vw,64px)}p{margin:0}.lead{font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:56ch}.btn{display:inline-flex;align-items:center;justify-content:center;font:700 16px/1 var(--font);padding:16px 26px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s ease}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#26444B}.btn-merah{background:var(--merah);color:#fff}.btn-merah:hover{background:#B5261F}.btn-line{border-color:var(--ink);color:var(--ink)}.btn-line:hover{background:rgba(19,38,43,.06)}.btn-sun{background:var(--sun);color:var(--ink)}.btn-sun:hover{background:#FFD47A}.nav{position:absolute;inset:0 0 auto;z-index:5}.nav .wrap{justify-content:space-between;height:80px;gap:16px}.logo,.nav .wrap{display:flex;align-items:center}.logo{gap:10px;text-decoration:none;font-weight:900;font-stretch:125%;font-size:20px;line-height:1}.logo svg{width:30px;height:30px}.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav ul a{text-decoration:none;font-weight:600;font-size:15px}.nav ul a:hover{text-decoration:underline;text-underline-offset:4px}.nav .btn{padding:12px 20px;font-size:15px}@media (max-width:880px){.nav ul{display:none}}.nav-menu{display:none}@media (max-width:880px){.nav .wrap{gap:12px}.nav .logo{margin-right:auto}.nav-menu{display:block;position:relative}.nav-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:none;border:2px solid var(--ink);border-radius:10px;color:var(--ink);cursor:pointer;transition:background-color .15s ease}.nav-toggle svg{width:22px;height:22px}.nav-toggle:hover{background:rgba(19,38,43,.06)}.nav-toggle[aria-expanded=true]{background:var(--ink);color:#fff}.nav .nav-mobile{position:absolute;top:calc(100% + 10px);left:0;display:flex;flex-direction:column;gap:0;min-width:220px;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(19,38,43,.18);z-index:6}.nav .nav-mobile[hidden]{display:none}.nav .nav-mobile a{display:block;padding:11px 14px;border-radius:8px;font-size:15px;white-space:nowrap}.nav .nav-mobile a:hover{background:var(--mist);text-decoration:none}}.hero{background:linear-gradient(180deg,var(--sky-1) 0,var(--sky-2) 60%,var(--sky-3) 100%);padding-top:140px;overflow:hidden}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.hero-copy>*{max-width:760px}.hero h1{font-size:clamp(46px,7.6vw,104px)}.hero .lead{color:#5A3B32;margin-top:22px;max-width:52ch}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chip{background:rgba(255,255,255,.6);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.sun{position:absolute;right:9%;bottom:clamp(150px,19vw,280px);width:clamp(120px,15vw,210px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#FFF0C2 0,var(--sun) 55%,#FFAE45 100%);animation:rise 2.2s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{transform:translateY(220px);opacity:.4}to{transform:none;opacity:1}}.skyline{position:relative;z-index:1;margin-top:-10px;height:clamp(200px,27vw,380px)}.skyline svg{width:100%;height:100%}@media (max-width:760px){.sun{bottom:96px;right:6%;width:96px}}.road{background:var(--asphalt);color:#fff;position:relative;padding:30px 0 34px}.road:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:4px;background:repeating-linear-gradient(90deg,#F2F2F2 0 48px,transparent 48px 96px);opacity:.75}.road .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.road p{font-weight:600;max-width:30ch}.cd{display:flex;gap:clamp(18px,4vw,48px)}.cd div{text-align:center}.cd b{display:block;font-stretch:125%;font-weight:900;font-size:clamp(36px,5vw,56px);line-height:1;color:var(--sun);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd span{font-size:14px;opacity:.7}section{padding:clamp(80px,10vw,128px) 0}.head{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px 48px;gap:28px 48px;align-items:end;margin-bottom:52px}@media (max-width:860px){.head{grid-template-columns:1fr}}.cats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.cat{border:2px solid var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.cat-top{background:var(--c);padding:22px 26px 18px;display:flex;justify-content:space-between;align-items:flex-end;color:#fff}.cat[data-k="3"] .cat-top{color:var(--ink)}.cat-dist{font-stretch:125%;font-weight:900;font-size:76px;line-height:.85}.cat-dist small{font-size:.42em}.cat-name{font-weight:700;font-size:17px;text-align:right}.cat-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1 1}.cat-body p{color:var(--muted)}.cat dl{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 16px;gap:8px 16px;margin:22px 0 26px;font-size:15px}.cat dt{color:var(--muted)}.cat dd{margin:0;font-weight:600;text-align:right}.price{margin-top:auto;font-stretch:125%;font-weight:900;font-size:34px;line-height:1}.price s{font-stretch:100%;font-weight:500;font-size:15px;color:var(--muted);margin-left:6px}.cat .btn{margin-top:18px}.note{margin-top:24px;color:var(--muted);font-size:15px}@media (max-width:940px){.cats{grid-template-columns:1fr}}.route{background:var(--mist)}.route-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:56px;gap:56px;align-items:start}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 30px}.tabs button{font:700 15px/1 var(--font);padding:11px 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.stat{background:#fff;border-radius:16px;padding:16px 18px}.stat b{display:block;font-stretch:125%;font-weight:900;font-size:26px;line-height:1.1}.stat span{font-size:14px;color:var(--muted)}.stops{list-style:none;margin:0;padding:0;position:relative}.stops:before{content:"";position:absolute;left:35px;top:36px;bottom:36px;width:6px;border-radius:6px;background:var(--rc,var(--teal))}.stop{position:relative;display:grid;grid-template-columns:76px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:10px 0}.stop-ico{width:76px;height:76px;border-radius:50%;background:#fff;border:3px solid var(--rc,var(--teal));display:grid;place-items:center;position:relative;z-index:1}.stop-ico svg{width:42px;height:42px}.stop-km{font-size:14px;font-weight:700;color:var(--rc,var(--teal))}.stop b{display:block;font-size:19px;line-height:1.3}.stop span{color:var(--muted);font-size:15px}.route-note{margin-top:22px;font-size:14px;color:var(--muted)}@media (max-width:900px){.route-grid{grid-template-columns:1fr;gap:40px}.route-stats{grid-template-columns:repeat(3,1fr)}}.fac{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 32px;gap:40px 32px}.fac-item{border-top:2px solid var(--ink);padding-top:20px}.fac-item b{display:block;font-size:19px;margin-bottom:6px}.fac-item span{color:var(--muted)}@media (max-width:860px){.fac{grid-template-columns:1fr 1fr}}@media (max-width:540px){.fac{grid-template-columns:1fr}}.sched{background:var(--teal-deep);color:#fff}.sched .lead{color:rgba(255,255,255,.72)}.tl{list-style:none;margin:0;padding:0}.tl li{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;padding:24px 0;border-top:1px solid rgba(255,255,255,.18)}.tl li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.tl-when{font-stretch:125%;font-weight:900;font-size:28px;line-height:1.1;color:var(--sun)}.tl-when small{display:block;font-stretch:100%;font-weight:500;font-size:14px;color:rgba(255,255,255,.65);margin-top:4px}.tl b{display:block;font-size:19px}.tl span{color:rgba(255,255,255,.72)}@media (max-width:640px){.tl li{grid-template-columns:1fr;gap:6px}}.cta{background:linear-gradient(180deg,var(--sky-1),var(--sky-2));text-align:center;padding:clamp(72px,9vw,112px) 0}.cta h2{max-width:16ch;margin:0 auto}.cta p{margin:20px auto 30px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:48px;gap:48px}details{border-bottom:1px solid var(--line)}details:first-of-type{border-top:2px solid var(--ink)}summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:700;font-size:18px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"";position:absolute;right:6px;top:50%;width:13px;height:13px;margin-top:-9px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);transition:transform .2s ease}details[open] summary:after{transform:rotate(225deg);margin-top:-2px}details p{padding:0 0 24px;color:var(--muted);max-width:62ch}@media (max-width:860px){.faq-grid{grid-template-columns:1fr}}footer{background:var(--ink);color:#fff;padding:64px 0 36px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:32px;gap:32px;font-size:15px}.foot b{display:block;margin-bottom:10px}.foot a{display:block;color:rgba(255,255,255,.78);text-decoration:none;margin-bottom:6px}.foot a:hover{color:#fff}.foot p{color:rgba(255,255,255,.78);max-width:42ch}.copy{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;color:rgba(255,255,255,.6)}@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}.btn[aria-disabled=true]{opacity:.55;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}