/* Scoped final artwork and navigation; uses the existing five-step renderer. */
html,body{background-color:#f7fcff!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda .hero-section{background:linear-gradient(90deg,#16467766,#1d6bb51a),var(--ref-art,none) center/cover no-repeat,#eaf7ff!important}
html:root:root:root:root:root #beranda .kcd-sakura-welcome::before,html:root:root:root:root:root #beranda .kcd-sakura-welcome::after,html:root:root:root:root:root #beranda .hero-section::before,html:root:root:root:root:root #beranda .hero-section::after,html:root:root:root:root:root #syarat .kcd-v69-hero::before,html:root:root:root:root:root #syarat .kcd-v69-hero::after,html:root:root:root:root:root #testimoni>.page-title::before,html:root:root:root:root:root #testimoni>.page-title::after{display:none!important;content:none!important;background:none!important}
.kcd-flow-paint{width:100%;height:100%;display:block;pointer-events:none}
#cara-order-beranda .kcd-flow-scene{aspect-ratio:3/1;min-height:0!important;margin:-12px 0 -20px!important;container-type:inline-size;clip-path:none!important}
#cara-order-beranda .kcd-flow-steps{position:absolute!important;inset:0;display:grid!important;padding:0!important;gap:0!important}
#cara-order-beranda .kcd-flow-step:nth-child(n){position:absolute!important;width:17.5%;height:29%;margin:0!important;padding:0!important;text-align:center!important}
#cara-order-beranda .kcd-flow-step:nth-child(1){left:1.5%;top:47%}#cara-order-beranda .kcd-flow-step:nth-child(2){left:21.2%;top:47%}#cara-order-beranda .kcd-flow-step:nth-child(3){left:40.7%;top:51%}#cara-order-beranda .kcd-flow-step:nth-child(4){left:60.4%;top:43%}#cara-order-beranda .kcd-flow-step:nth-child(5){left:81.5%;top:48%}
#cara-order-beranda .kcd-flow-icon{display:none!important}
#cara-order-beranda .kcd-flow-card{height:100%;min-height:0!important;padding:16% 9% 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
#cara-order-beranda .kcd-flow-card h3{font-size:clamp(12px,1.2cqw,18px)!important;line-height:1.15!important;margin:0 0 5px!important}
#cara-order-beranda .kcd-flow-card p{font-size:clamp(10px,.9cqw,14px)!important;line-height:1.35!important;margin:0!important}
#cara-order-beranda .kcd-flow-number{left:3%!important;top:-17%!important;width:25%!important;height:42%!important;border:0!important;background:none!important;box-shadow:none!important;font-size:clamp(18px,2.4cqw,36px)!important}
#cara-order-beranda .kcd-flow-tools{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;max-width:780px!important;margin:0 auto 12px!important}
#cara-order-beranda .kcd-flow-mascot img{width:155px!important;height:220px!important}
.kcd-nav-glow{position:absolute;left:0;bottom:3px;width:var(--nav-line-w,45px);height:3px;transform:translateX(var(--nav-line-x,20px));border-radius:9px;background:#39c9ff;box-shadow:0 0 8px #29bfff,0 -3px 14px #2abfff80;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),width .45s}
@media(min-width:781px){html:root:root:root:root:root [data-kedaicdid-legacy-root]>.kcd-site-header{position:fixed!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}html:root:root:root:root:root [data-kedaicdid-legacy-root]>.kcd-site-header.kcd-header-scrolled{background:#f7fcffed!important;backdrop-filter:blur(14px)!important}html:root:root:root:root:root #main-scroll-nav{position:relative!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding-bottom:10px!important}html:root:root:root:root:root #main-scroll-nav .nav-item{background:none!important;box-shadow:none!important;color:#173e71!important;padding:12px 19px!important;transform:none!important}html:root:root:root:root:root #main-scroll-nav .nav-item.active{color:#088acf!important}html:root:root:root:root:root #main-scroll-nav .nav-item::after{display:none!important}html:root:root:root:root:root #main-scroll-nav .kcd-nav-icon{display:none!important}}
@media(max-width:999px){#cara-order-beranda .kcd-flow-scene{aspect-ratio:auto;margin:24px auto 0!important;max-width:560px!important}#cara-order-beranda .kcd-flow-paint{display:none}#cara-order-beranda .kcd-flow-vertical{display:block!important}#cara-order-beranda .kcd-flow-steps{position:relative!important;inset:auto;display:flex!important;flex-direction:column;gap:20px!important}#cara-order-beranda .kcd-flow-step:nth-child(n){position:relative!important;display:flex!important;align-items:center;left:auto;top:auto;width:100%;height:auto;min-height:110px!important;text-align:left!important}#cara-order-beranda .kcd-flow-icon{display:block!important;flex:0 0 75px!important;width:75px!important;height:85px!important;margin:0 -8px 0 0!important}#cara-order-beranda .kcd-flow-card{flex:1;min-height:100px!important;height:auto;padding:24px 18px 16px 24px!important;border:1px solid white!important;border-radius:24px!important;background:linear-gradient(125deg,#fffffff0,#edfaffde)!important;box-shadow:0 8px 18px #238acc14!important}#cara-order-beranda .kcd-flow-card h3{font-size:15px!important}#cara-order-beranda .kcd-flow-card p{font-size:11px!important;line-height:1.5!important}#cara-order-beranda .kcd-flow-number{left:auto!important;right:12px!important;top:-10px!important;width:28px!important;height:28px!important;font-size:16px!important;border:2px solid white!important;background:linear-gradient(135deg,#7beafa,#078afa)!important}}
@media(max-width:780px){#cara-order-beranda .kcd-flow-tools{gap:8px!important;max-width:460px!important;margin:18px auto 8px!important}#cara-order-beranda .kcd-flow-mascot img{width:93px!important;height:152px!important}#cara-order-beranda .kcd-flow-mascot span{display:none!important}html:root:root:root:root:root #cara-order-beranda .ref-tracking{width:auto!important;min-width:0;flex:1;padding:13px!important}html:root:root:root:root:root #scroll-nav-wrapper{bottom:0!important;top:auto!important;left:0!important;right:0!important;width:100%!important;height:calc(50px + env(safe-area-inset-bottom))!important;background:#f9fdfff5!important;box-shadow:0 -1px 12px #257aab0d!important;border-radius:14px 14px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important;box-sizing:border-box!important}html:root:root:root:root:root #main-scroll-nav{height:50px!important;width:100%!important;max-width:560px!important;margin:auto!important;padding:0 4px!important;background:none!important;border:0!important;box-shadow:none!important}html:root:root:root:root:root #main-scroll-nav .nav-item{min-height:48px!important;height:48px!important;padding:5px 1px!important;gap:3px!important;background:none!important;box-shadow:none!important;transform:none!important;justify-content:center!important}html:root:root:root:root:root #main-scroll-nav .nav-item .kcd-nav-icon{display:grid!important;width:18px!important;height:18px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;margin:0!important;color:inherit!important}html:root:root:root:root:root #main-scroll-nav .kcd-nav-custom-label{font-size:8px!important}.kcd-nav-glow{display:none}html:root:root:root:root:root #footer-sosmed{padding:23px 20px calc(65px + env(safe-area-inset-bottom))!important}html:root:root:root:root:root #footer-sosmed .footer-grid{padding:0!important;gap:18px 14px!important}html:root:root:root:root:root #footer-sosmed .f-col{gap:3px!important}html:root:root:root:root:root #footer-sosmed :is(.f-col p,.f-col a){font-size:10px!important;line-height:1.6!important;margin-bottom:5px!important}}
@media(prefers-reduced-motion:no-preference){.kcd-flow-paint{transition:opacity 1s,clip-path 1.2s cubic-bezier(.16,1,.3,1);clip-path:inset(0)}.kcd-flow:not(.kcd-flow-visible) .kcd-flow-paint{opacity:0;clip-path:inset(0 100% 0 0)}}
@media(prefers-reduced-motion:reduce){.kcd-flow-paint,.kcd-nav-glow{animation:none!important;transition:none!important;clip-path:none!important}}