#hero-section{overflow:hidden;position:relative;padding-bottom:4rem}#hero-section .container{position:relative;min-height:80vh;margin-top:10rem;z-index:2;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(6, 1fr)}#hero-section .container .tagline{grid-column:1/6;grid-row:1/4;color:#fff}@media(max-width: 700px){#hero-section .container .tagline{grid-column:1/13}}#hero-section .container .desc{display:flex;justify-content:flex-end;grid-column:9/13;grid-row:6/7}#hero-section .container .desc p{color:#fff}@media(max-width: 700px){#hero-section .container .desc{grid-column:4/13}}#hero-section .hero-bg-wrap{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;pointer-events:none;z-index:1}#hero-section .hero-bg-wrap .hero-bg{position:absolute;bottom:0;min-width:100%;min-height:120%}#hero-section .bubble-overlay{position:absolute;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:screen;bottom:0;z-index:1;pointer-events:none}#hero-section .parallax-item img{position:absolute;z-index:1}#hero-section .parallax-item .reef-bottom-left{left:0;bottom:0;width:300px}#hero-section .parallax-item .reef-bottom-right{right:0;bottom:0;width:400px}#hero-section .parallax-item .reef-top-right{top:0;right:0;width:130px}@media(max-width: 768px){#hero-section .parallax-item .reef-bottom-left{width:200px}#hero-section .parallax-item .reef-bottom-right{width:150px}#hero-section .parallax-item .reef-top-right{width:100px}}#hero-section .sponsor-slider .swiper-wrapper{transition-timing-function:linear}#hero-section .sponsor-slider .swiper-wrapper .swiper-slide{width:-moz-fit-content !important;width:fit-content !important}#hero-section .sponsors{position:relative;overflow:hidden;z-index:3}#hero-section .sponsors .section-header{max-width:1300px;margin:0 auto;color:#d4e6f9;padding:1.5rem}#hero-section .sponsors .section-header h6{font-family:"inter-regular"}#hero-section .sponsors .sponsors-wrap{width:-moz-fit-content;width:fit-content;padding:0 .75rem;top:0;position:absolute;display:flex;gap:1.5rem;animation:infiniteScrolling 20s linear infinite}#hero-section .sponsors .sponsor-card{display:flex;width:-moz-fit-content;width:fit-content;padding:37px 42px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:10px;border:1px solid #fff;background:linear-gradient(106deg, #FFF 0%, #E3E3E3 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#hero-section .sponsors .sponsor-card img{height:100px}@media(max-width: 768px){#hero-section .sponsors .sponsor-card{padding-top:1rem 1.5rem}#hero-section .sponsors .sponsor-card img{height:60px}}#hero-section .object-pinwrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}#hero-section .object-pinwrap #landing-page-3d{position:fixed;top:2rem;max-width:100%;height:calc(100vh - 6rem);transform:translateX(100%);margin-bottom:-100%;pointer-events:none}@media(max-width: 900px){#hero-section .object-pinwrap #landing-page-3d{transform:translateX(40%)}}@media(max-width: 768px){#hero-section .object-pinwrap #landing-page-3d{transform:translateX(20%)}}@media(max-width: 600px){#hero-section .object-pinwrap #landing-page-3d{top:5rem}}@media(max-width: 550px){#hero-section .object-pinwrap #landing-page-3d{top:17rem;height:calc(100vh - 17rem)}}#problem-section{position:relative;background:#fff;padding:8rem 0;z-index:3}#problem-section .container{display:grid;grid-template-columns:repeat(12, 1fr)}#problem-section .container .problem-desc-1{grid-column:1/9}@media(max-width: 768px){#problem-section .container .problem-desc-1{grid-column:1/13}}#problem-section .container .problem-desc-2{grid-column:4/10;text-align:center}@media(max-width: 768px){#problem-section .container .problem-desc-2{grid-column:1/13}}#problem-section .container.problem-details{height:80vh;justify-content:center;align-items:center}@media(max-width: 768px){#problem-section .container.problem-details{height:auto;padding:2rem 1.5rem}#problem-section .container.problem-details .problem-desc-2{text-align:left}}#problem-section .indonesia-island{max-width:100vw;position:relative;margin:0 auto}#problem-section .indonesia-island .indonesia-island-svg{width:100%}#problem-section .indonesia-island .indonesia-island-svg path{transition:ease .3s all}#problem-section .indonesia-island .indonesia-island-svg path:hover{opacity:.5}#problem-section .indonesia-island .indonesia-statistic{position:relative;padding-left:2rem;padding-right:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:-7rem;padding-bottom:7rem}#problem-section .indonesia-island .indonesia-statistic .stats-card{max-width:250px;padding:1.2rem 1.5rem;background:#d4e6f9;border-radius:15px;transition:ease .2s all}#problem-section .indonesia-island .indonesia-statistic .stats-card:hover{background:#b8d5f5;transform:translateY(-5px);box-shadow:0px 5px 15px #d4e6f9}#problem-section .indonesia-island .indonesia-statistic .stats-card h5{margin-bottom:.5rem;color:#236bbb}#problem-section .indonesia-island .indonesia-statistic .stats-card p{color:#495159;margin-bottom:0}@media(max-width: 600px){#problem-section .indonesia-island .indonesia-statistic .stats-card{max-width:100%}}@media(max-width: 600px){#problem-section .indonesia-island .indonesia-statistic{margin-top:-2rem;padding-bottom:2rem}}@media(max-width: 700px){#problem-section .indonesia-island svg{height:400px}}#problem-section .problem-row{position:relative;width:100%;border-top:1px solid #d4e6f9;padding:2rem 0;background:#fff}#problem-section .problem-row:last-child{border-bottom:1px solid #d4e6f9}#problem-section .problem-row .container{display:flex;gap:1.5rem}#problem-section .problem-row .container .prb-title{max-width:470px;display:flex;align-items:center;gap:1.5rem;color:#495159}#problem-section .problem-row .container .prb-desc{max-width:420px;margin-left:auto;color:#616c77}#problem-section .problem-row .container .prb-desc p{margin-bottom:0}@media(max-width: 768px){#problem-section .problem-row .container{flex-direction:column}#problem-section .problem-row .container .prb-desc{max-width:initial;margin-left:0}}#mobile-app-section{margin-bottom:10rem}#mobile-app-section h2{margin:0 auto;max-width:900px;text-align:center;color:#91a2b2}#mobile-app-section h2 span{color:#2a80e0;font-family:"inter-semibold"}@media(max-width: 768px){#mobile-app-section h2{text-align:left}}#mobile-app-section .container.mobile-app-desc{padding-top:5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(4);color:#616c77}#mobile-app-section .container.mobile-app-desc .app-ornament{display:flex;align-items:center;justify-content:center}#mobile-app-section .container.mobile-app-desc .app-ornament img{height:10rem;animation:featureFloat;animation-duration:4s;animation-delay:0;animation-iteration-count:infinite}#mobile-app-section .container.mobile-app-desc .app-ornament.img-ornament-2 img{animation-delay:.5s}#mobile-app-section .container.mobile-app-desc .app-desc-1{grid-area:1/1/2/5}#mobile-app-section .container.mobile-app-desc .img-ornament-1{grid-area:1/9/2/13}#mobile-app-section .container.mobile-app-desc .object-wrap{grid-area:1/4/5/10;height:calc(80vh - 2rem)}#mobile-app-section .container.mobile-app-desc .object-wrap .app-reveal-object{width:100%;height:100%}#mobile-app-section .container.mobile-app-desc .app-desc-2{grid-area:4/9/5/13}#mobile-app-section .container.mobile-app-desc .img-ornament-2{grid-area:4/1/5/5}@media(max-width: 768px){#mobile-app-section .container.mobile-app-desc .app-ornament img{height:6rem}#mobile-app-section .container.mobile-app-desc .app-desc-1{grid-area:1/1/1/11}#mobile-app-section .container.mobile-app-desc .img-ornament-1{grid-area:2/9/3/13}#mobile-app-section .container.mobile-app-desc .app-desc-2{grid-area:4/3/5/13}#mobile-app-section .container.mobile-app-desc .img-ornament-2{grid-area:3/1/4/5}#mobile-app-section .container.mobile-app-desc .object-wrap{grid-area:2/1/4/13;height:calc(60vh - 2rem)}#mobile-app-section .container.mobile-app-desc .object-wrap .app-reveal-object{width:100%;height:100%}}@keyframes featureFloat{0%{transform:translateY(0)}25%{transform:translateY(-1rem)}75%{transform:translateY(rem)}100%{transform:translateY(0)}}#solution-feature-section{background:#f4f9ff}#solution-feature-section p{color:#616c77}#solution-feature-section .sf-mobile{display:none}#solution-feature-section .sf-mobile .container{overflow-x:hidden}#solution-feature-section .sf-wrap{position:relative;min-height:100vh;display:flex}#solution-feature-section .pinslide-wrap,#solution-feature-section .pinslide-img-wrap{width:50%}#solution-feature-section .pinslide-wrap .pinslide,#solution-feature-section .pinslide-wrap .sf-slide,#solution-feature-section .sf-slide-wrap .pinslide,#solution-feature-section .sf-slide-wrap .sf-slide{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#solution-feature-section .pinslide-wrap .pinslide .pinslide-content,#solution-feature-section .pinslide-wrap .sf-slide .pinslide-content,#solution-feature-section .sf-slide-wrap .pinslide .pinslide-content,#solution-feature-section .sf-slide-wrap .sf-slide .pinslide-content{max-width:450px;padding:1.5rem}#solution-feature-section .pinslide-wrap .pinslide .section-divider,#solution-feature-section .pinslide-wrap .sf-slide .section-divider,#solution-feature-section .sf-slide-wrap .pinslide .section-divider,#solution-feature-section .sf-slide-wrap .sf-slide .section-divider{margin:1rem 0}#solution-feature-section .pinslide-wrap .pinslide h4,#solution-feature-section .pinslide-wrap .sf-slide h4,#solution-feature-section .sf-slide-wrap .pinslide h4,#solution-feature-section .sf-slide-wrap .sf-slide h4{color:#2a80e0}#solution-feature-section .pinslide-img-wrap{position:relative}#solution-feature-section .img-wrap{position:sticky;top:0;height:100vh}#solution-feature-section .img-wrap .pinslide-img{height:calc(100% - 3rem);position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;bottom:1.5rem;border-radius:20px;border:1px solid #b8d5f5}#solution-feature-section .sf-slide-wrap{padding:4rem 0}#solution-feature-section .sf-slide-wrap .sf-slide{height:-moz-fit-content;height:fit-content;background:#fff;padding:1rem;border-radius:20px}#solution-feature-section .sf-slide-wrap .sf-slide:not(:last-child){margin-bottom:2rem}#solution-feature-section .sf-slide-wrap .sf-slide-img{width:100%;border-radius:20px;aspect-ratio:16/9;margin-bottom:1.5rem}#solution-feature-section .sf-slide-wrap .sf-slide-content{padding:.5rem}@media(max-width: 1000px){#solution-feature-section .sf-desktop{display:none}#solution-feature-section .sf-mobile{display:initial}}#app-demo-section{padding:10rem 0}@media(max-width: 700px){#app-demo-section{padding:5rem 0}}#app-demo-section .app-demo-desc{max-width:1000px;text-align:center;margin-bottom:4rem}@media(max-width: 650px){#app-demo-section .app-demo-desc{text-align:left}}#app-demo-section .app-demo-wrapper{position:relative;max-width:850px;margin:0 auto}#app-demo-section .app-demo-wrapper iframe{width:100%;aspect-ratio:16/9;border-radius:20px}#product-list{padding:5rem 0}#product-list h1{text-align:center;color:#2a80e0;margin-bottom:3rem}#product-list .col{width:calc(50% - .75rem)}@media(max-width: 900px){#product-list .col{width:100%}}#product-highlight-title{padding-top:5rem}#product-highlight-title .section-header{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}#product-highlight-title .section-header .ph-title{max-width:500px}#product-highlight-title .section-header .ph-title h2{margin-bottom:1.5rem;color:#2a80e0}#product-highlight-title .section-header .ph-title p{margin-bottom:0}#product-highlight{position:relative}#product-highlight .ph-bg-wrap{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}#product-highlight .ph-bg-wrap .product-highlight-bg{position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;bottom:0;min-width:100%;min-height:120%}#product-highlight .container{height:100%}#product-highlight .container .product-img-wrap{padding:10rem 0;position:absolute;height:100%;width:calc(100% - 3rem)}#product-highlight .container .product-img-wrap .product-img{margin:0 auto;position:sticky;position:-webkit-sticky;display:block;top:5rem;max-height:500px;z-index:3;filter:drop-shadow(0 3rem 1rem rgba(0, 0, 0, 0.2))}@media(max-width: 900px){#product-highlight .container .product-img-wrap .product-img{max-height:400px}}#product-highlight .container .product-content-wrap{padding:20rem 0}@media(max-width: 900px){#product-highlight .container .product-content-wrap{padding-top:calc(12rem + 400px)}}#product-highlight .container .product-content-wrap .ph-row{width:100%;display:flex;flex-direction:column}#product-highlight .container .product-content-wrap .ph-row:not(:last-child){margin-bottom:3rem}#product-highlight .container .product-content-wrap .ph-row:nth-child(odd){align-items:flex-start}#product-highlight .container .product-content-wrap .ph-row:nth-child(even){align-items:flex-end}#product-highlight .container .product-content-wrap .ph-card{display:flex;padding:1.5rem 2rem;flex-direction:column;align-items:flex-start;gap:1rem;max-width:500px;border-radius:15px;background:linear-gradient(106deg, #FFF 0%, #E3E3E3 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#product-highlight .container .product-content-wrap .ph-card h6{color:#2a80e0}@media(max-width: 600px){#product-highlight .container .product-content-wrap .ph-card{width:100%;max-width:100%}}#latest-blog{padding:5rem 0;overflow-x:hidden}#latest-blog .section-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}#latest-blog .section-header h2{color:#2a80e0}#latest-blog .swiper-slide{width:300px;transition:ease .5s all}#latest-blog .swiper-slide:nth-child(1){width:550px}#latest-blog .swiper-slide:nth-child(1) .article-card{width:550px}@media(max-width: 768px){#latest-blog .swiper-slide:nth-child(1){width:300px}#latest-blog .swiper-slide:nth-child(1) .article-card{width:300px}}