:root{--pegas: linear(0, .006 1.1%, .023 2.2%, .096 4.8%, .532 15.4%, .72 21%, .793 23.9%, .853 26.7%, .902 29.9%, .941 33%, .968 36.2%, .987 39.7%, 1 43.7%, 1.007 48.3%, 1.009 55.3%, 1.002 78.2%, 1 100%);--halus: cubic-bezier(.22, .61, .36, 1)}@supports (animation-timeline: view()){@media(min-width:992px){.hero-section{view-timeline:--hero block}.hero-section>.container{animation:hero-pergi linear both;animation-timeline:--hero;animation-range:exit 25% exit 90%}.hero-stat-box{animation:naik-parallax linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}}}@keyframes hero-pergi{0%{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-60px,0) scale(.95)}}@keyframes naik-parallax{0%{transform:translateZ(0)}to{transform:translate3d(0,-38px,0)}}.partner-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.partner-marquee>.marquee-jalur{display:flex;width:-moz-max-content;width:max-content;gap:clamp(2rem,5vw,4.5rem);align-items:center}.partner-marquee>.marquee-jalur{animation:geser-mendatar 38s linear infinite}.partner-marquee:hover>.marquee-jalur,.partner-marquee:focus-within>.marquee-jalur{animation-play-state:paused}@keyframes geser-mendatar{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(hover:hover){.stat-card,.waste-card,.reward-card,.step-card,.testi-card{transition:transform .55s var(--pegas),box-shadow .4s var(--halus)}.stat-card:hover,.waste-card:hover,.reward-card:hover,.step-card:hover,.testi-card:hover{transform:translate3d(0,-8px,0)}.btn-tajir-primary,.btn-tajir-secondary,.navbar-tajir .btn-wa{transition:transform .5s var(--pegas),background-color .3s var(--halus),color .3s var(--halus),box-shadow .3s var(--halus)}.btn-tajir-primary:hover,.btn-tajir-secondary:hover,.navbar-tajir .btn-wa:hover{transform:translate3d(0,-3px,0)}}.stat-card:active,.waste-card:active,.reward-card:active,.btn-tajir-primary:active,.btn-tajir-secondary:active,.navbar-tajir .btn-wa:active{transform:scale(.975);transition-duration:.1s}@media(max-width:991.98px){[data-aos=fade-left],[data-aos=fade-right]{transform:translate3d(0,30px,0)!important}[data-aos=fade-left].aos-animate,[data-aos=fade-right].aos-animate{transform:translateZ(0)!important}}html.pakai-scrub [data-aos][data-aos][data-aos]{opacity:1;transform:none}@supports (animation-timeline: view()){#beranda,#reward,#kontak{overflow:clip}[data-aos]{animation:masuk-naik linear both;animation-timeline:view();animation-range:cover 0% cover 46%}[data-aos=fade-right]{animation-name:masuk-kiri}[data-aos=fade-left]{animation-name:masuk-kanan}@media(max-width:991.98px){[data-aos=fade-right],[data-aos=fade-left]{animation-name:masuk-naik}}.waste-card,.reward-card,.testi-card,.step-card,.stat-card{animation:kartu-masuk linear both;animation-timeline:view();animation-range:cover 0% cover 46%}.section-title{animation:judul-masuk linear both;animation-timeline:view();animation-range:cover 0% cover 44%}section[id]:not(#beranda) .section-title:before{transform-origin:left center;animation:garis-tergambar linear both;animation-timeline:view();animation-range:cover 0% cover 40%}.hero-section .col-lg-6:last-child{animation:hero-parallax linear both;animation-timeline:scroll(root block);animation-range:0 100vh}}@keyframes masuk-naik{0%{opacity:0;transform:translate3d(0,80px,0)}20%{opacity:1}28%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes masuk-naik-2{0%{opacity:0;transform:translate3d(0,80px,0)}20%{opacity:1}36%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes masuk-naik-3{0%{opacity:0;transform:translate3d(0,80px,0)}20%{opacity:1}44%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes masuk-naik-4{0%{opacity:0;transform:translate3d(0,80px,0)}20%{opacity:1}52%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes masuk-kiri{0%{opacity:0;transform:translate3d(-90px,40px,0)}20%{opacity:1}32%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes masuk-kanan{0%{opacity:0;transform:translate3d(90px,40px,0)}20%{opacity:1}32%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes kartu-masuk{0%{opacity:0;transform:translate3d(0,72px,0) scale(.9)}20%{opacity:1}30%{transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes kartu-masuk-2{0%{opacity:0;transform:translate3d(0,72px,0) scale(.9)}20%{opacity:1}38%{transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes kartu-masuk-3{0%{opacity:0;transform:translate3d(0,72px,0) scale(.9)}20%{opacity:1}46%{transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes kartu-masuk-4{0%{opacity:0;transform:translate3d(0,72px,0) scale(.9)}20%{opacity:1}54%{transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes judul-masuk{0%{opacity:0;transform:translate3d(0,110px,0)}20%{opacity:1}26%{transform:none}to{opacity:1;transform:translateZ(0)}}@keyframes garis-tergambar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-parallax{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(0,-110px,0)}}#sampah,#reward,#cara-kerja,#dampak,#testimoni{overflow:clip}.ubin{animation:ubin-rakit linear both;animation-timeline:view();animation-range:cover 0% cover 44%}@keyframes ubin-rakit{0%{opacity:0;transform:translate3d(var(--dx, 0),var(--dy, 70px),0) scale(var(--s, 1.2))}22%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}.kata{display:inline-block;animation:kata-naik linear both;animation-timeline:view();will-change:transform}@keyframes kata-naik{0%{opacity:0;transform:translate3d(0,46px,0) rotate(2.5deg)}45%{opacity:1}to{opacity:1;transform:translateZ(0) rotate(0)}}html.pakai-scrub .section-title:has(.kata),html.pakai-scrub .hero-title:has(.kata){animation:none;opacity:1;transform:none}html.pakai-scrub .kata{opacity:1}.section-badge{animation:pop-masuk linear both;animation-timeline:view();animation-range:cover 0% cover 38%}.section-subtitle{animation:masuk-halus linear both;animation-timeline:view();animation-range:cover 0% cover 40%}.hero-chip{animation:pop-masuk linear both;animation-timeline:view()}.waste-icon,.step-icon-wrap,.stat-icon,.reward-card i,.reward-card .fas{display:inline-block;animation:ikon-pop linear both;animation-timeline:view();animation-range:cover 4% cover 40%}.step-number{animation:pop-masuk linear both;animation-timeline:view();animation-range:cover 3% cover 38%}.btn-tajir,.btn-tajir-primary,.btn-tajir-secondary,section .btn-lg,.download-btn{animation:masuk-halus linear both;animation-timeline:view();animation-range:cover 2% cover 42%}.accordion-item{animation:masuk-halus linear both;animation-timeline:view()}.waste-name,.waste-satuan,.waste-badge,.step-title,.step-desc{animation:masuk-halus linear both;animation-timeline:view();animation-range:cover 5% cover 42%}@keyframes pop-masuk{0%{opacity:0;transform:scale(.72) translate3d(0,22px,0)}55%{opacity:1}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes masuk-halus{0%{opacity:0;transform:translate3d(0,30px,0)}35%{opacity:1}to{opacity:1;transform:translateZ(0)}}@keyframes ikon-pop{0%{opacity:0;transform:scale(.5) rotate(-14deg)}50%{opacity:1}to{opacity:1;transform:scale(1) rotate(0)}}@media(hover:hover){.hero-chip,.waste-icon,.step-icon-wrap,.stat-icon{transition:transform .5s var(--pegas)}.hero-chip:hover{transform:translate3d(0,-4px,0) scale(1.04)}.waste-card:hover .waste-icon,.step-card:hover .step-icon-wrap,.stat-card:hover .stat-icon{transform:scale(1.14) rotate(-6deg)}.accordion-button{transition:background-color .3s var(--halus),color .3s var(--halus)}.navbar-tajir .nav-link,.footer-link{transition:color .3s var(--halus),transform .4s var(--pegas);display:inline-block}.navbar-tajir .nav-link:hover,.footer-link:hover{transform:translate3d(0,-2px,0)}}section{overflow-x:clip}