@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2)format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--p:#006e29;--op:#fff;--pc:#62c870;--opc:#002f0d;--sc:#c0f4be;--osc:#27542c;--t:#006876;--ot:#fff;--tc:#88e6f9;--otc:#004953;--s:#f5fbf0;--os:#171d17;--osv:#3f4a3e;--ol:#6f7a6c;--olv:#becaba;--c1:#fff;--c2:#f0f5eb;--c3:#eaf0e5;--c4:#e4eadf;--c5:#dee4da;--pf:#91f99b;--inv:#2c322b;--oinv:#f0f5eb;--pro-bg:#00290a;--pro-bg2:#0b3d17;--ml-off:#5a665a;--listen-bg:#00525d;--listen-bg2:#006676;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Nunito", "Nunito Sans", system-ui, sans-serif;--font-arabic:"Amiri Quran", "Scheherazade New", serif;--maxw:1280px;--gutter:24px;--progress:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--p:#78de84;--op:#003911;--pc:#4eb45f;--opc:#001804;--sc:#aee1ac;--osc:#1b4821;--t:#e8faff;--ot:#00363e;--tc:#7cdaed;--otc:#00414a;--s:#0f150f;--os:#dee4da;--osv:#becaba;--ol:#889486;--olv:#3f4a3e;--c1:#0a100a;--c2:#171d17;--c3:#1b211b;--c4:#262c25;--c5:#30362f;--pf:#91f99b;--inv:#dee4da;--oinv:#171d17;--ml-off:#8a978a;--listen-bg:#07282e;--listen-bg2:#0c3a43;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:640px){:root{--gutter:20px}}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/amiri-quran-subset-Cm1cjWGy.woff2)format("woff2")}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-BhLq0xZB.woff2)format("woff2")}:root{--sky1:#e1f8e2;--sky2:#c0f4be;--sky3:#a6ecfb;--sky4:#0b6b78;--sky5:#06100a}:root[data-theme=dark]{--sky1:#14251a;--sky2:#183a21;--sky3:#0f3c47;--sky4:#0a2d33;--sky5:#050a05}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}.sk{display:contents}html[lang=id] .sk-en,html:not([lang=id]) .sk-id{display:none}#app{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}body{background:var(--s);color:var(--os);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .5s var(--ease), color .5s var(--ease);margin:0;font-size:16px;line-height:1.5;overflow-x:clip}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}::selection{background:var(--pf);color:#00290a}.dsp{font-family:var(--font-display)}.ar{font-family:var(--font-arabic)}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-user-select:none;user-select:none;direction:ltr;flex:none;width:1em;height:1em;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--p);color:var(--op);font:800 14px var(--font-display);transition:transform .3s var(--spring);border-radius:999px;padding:12px 20px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus-visible{transform:none}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:clamp(72px,10vw,128px) 0}.h2{font:800 clamp(34px, 4.8vw, 64px) / 1.03 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.h3{font:800 clamp(22px, 2.2vw, 30px) / 1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.lead{font:400 clamp(17px, 1.5vw, 20px) / 1.6 var(--font-body);color:var(--osv);text-wrap:pretty}.eyebrow{background:var(--sc);min-height:36px;color:var(--osc);font:800 13px var(--font-display);letter-spacing:.02em;border-radius:16px 0;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:0 16px;display:inline-flex}.eyebrow .ms{font-size:18px}.stack{flex-direction:column;display:flex}:focus-visible{outline:3px solid var(--t);outline-offset:3px}[data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(44px)scale(.98)}[data-reveal=left]{transform:translate(-48px)}[data-reveal=right]{transform:translate(48px)}@media (max-width:1000px){[data-reveal=left],[data-reveal=right]{transform:translateY(44px)scale(.98)}}[data-reveal=scale]{transform:scale(.9)}[data-reveal].in{opacity:1;transform:none}.sw{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.sw>span{transition:transform 1s var(--ease-out);transition-delay:calc(var(--w,0) * 55ms);display:inline-block;transform:translateY(110%)}.in .sw>span,.sw.in>span{transform:none}.progress{z-index:120;pointer-events:none;height:4px;position:fixed;inset:0 0 auto}.progress i{background:linear-gradient(90deg, var(--pc), var(--tc), var(--pf));transform-origin:0;height:100%;transform:scaleX(var(--progress));border-radius:0 4px 4px 0;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal],.sw>span{opacity:1;transform:none}}.btn{min-height:56px;font:800 16px/1 var(--font-display);cursor:pointer;white-space:nowrap;transition:transform .4s var(--spring), border-radius .4s var(--spring), background .3s, box-shadow .3s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn:active{border-radius:18px;transform:scale(.95)}.btn-fill{background:var(--p);color:var(--op);box-shadow:0 10px 24px -12px var(--p)}.btn-tonal{background:var(--sc);color:var(--osc)}.btn-inv{background:var(--op);color:var(--p)}.btn-outline-inv{color:var(--op);border:2px solid var(--op);background:0 0}.btn-pro{color:#00290a;background:#91f99b;box-shadow:0 14px 34px -14px #91f99b}.btn-proghost{color:#91f99b;background:0 0;border:2px solid #91f99b}.btn-sm{min-height:44px;padding:0 20px;font-size:14px}.btn .ms{font-size:22px}.btn-sm .ms{font-size:20px}.icon-btn{background:var(--c4);min-width:48px;height:48px;color:var(--os);cursor:pointer;transition:transform .4s var(--spring), border-radius .4s var(--spring), background .3s;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{transform:rotate(18deg)scale(1.06)}.icon-btn:active{border-radius:16px}.lang-btn{width:auto;font:800 13px var(--font-display);border-radius:999px;gap:6px;padding:0 16px}.lang-btn:hover{transform:translateY(-2px)}.stores{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.store{transition:transform .4s var(--spring), filter .3s;border-radius:12px;align-items:center;display:inline-flex}.store:hover{filter:drop-shadow(0 12px 18px #00280a47);transform:translateY(-4px)scale(1.03)}.store:active{transform:scale(.96)}.store img{width:auto;height:56px}.store.sm img{height:44px}.chip{border:1.5px solid var(--olv);min-height:44px;color:var(--os);font:700 14px var(--font-body);cursor:pointer;transition:border-radius .45s var(--spring), background .3s, color .3s, transform .35s var(--spring);background:0 0;border-radius:16px;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.chip:hover{transform:translateY(-2px)}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--sc);color:var(--osc);border-color:#0000;border-radius:999px}.chip.mini{min-height:36px;padding:0 14px;font-size:12px}.seg{background:var(--c4);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:44px;color:var(--osv);font:800 14px var(--font-body);cursor:pointer;transition:background .4s var(--spring), color .3s;background:0 0;border:0;border-radius:999px;padding:0 20px}.seg button[aria-pressed=true]{background:var(--p);color:var(--op)}.tlink{min-height:44px;font:800 14px var(--font-display);color:var(--p);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.tlink .ms{transition:transform .4s var(--spring);font-size:20px}.tlink:hover .ms{transform:translate(5px)}.nav{z-index:100;background:color-mix(in srgb, var(--c3) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);width:calc(100% - 24px);max-width:1240px;box-shadow:0 0 16px color-mix(in srgb, var(--os) 18%, transparent);transition:transform .6s var(--ease), box-shadow .4s, background .4s;border-radius:999px;align-items:center;gap:8px;margin:12px auto 0;padding:8px 8px 8px 16px;display:flex;position:sticky;top:12px}.nav.scrolled{box-shadow:0 12px 40px -12px color-mix(in srgb, var(--os) 38%, transparent)}.nav.hide{transform:translateY(-140%)}.brand{border-radius:999px;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:40px;height:40px;transition:transform .6s var(--spring)}.brand:hover img{transform:rotate(-8deg)scale(1.1)}.brand span{font:800 22px var(--font-display);letter-spacing:-.02em}.navlinks{gap:4px;margin:0 auto;display:flex}.navlinks a{min-height:44px;font:700 14px var(--font-body);color:var(--osv);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.navlinks a:hover,.navlinks a[aria-current=true]{background:var(--c5);color:var(--os)}.navlinks a.navpro{background:var(--tc);color:var(--otc);gap:6px;padding:0 16px 0 10px}.navlinks a.navpro .ms{font-size:20px}.nav .grow{flex:1}.nav-end{align-items:center;gap:8px;display:flex}.card{background:var(--c3);transition:transform .5s var(--spring), box-shadow .4s;border-radius:32px;padding:28px;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px)}.fchip{z-index:3;background:var(--c1);min-height:44px;color:var(--os);font:800 14px var(--font-display);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 12px;text-decoration:none;animation:6s ease-in-out infinite bob;display:inline-flex;position:absolute;box-shadow:0 10px 30px -10px #003c0f66}.fchip .ms{color:var(--p);font-size:22px}.probadge{color:#00290a;min-height:40px;font:800 14px var(--font-display);isolation:isolate;background:#91f99b;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:0 18px 0 12px;display:inline-flex;position:relative;overflow:hidden}.probadge:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000 35%,#ffffffbf 50%,#0000 65%);animation:3.6s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.probadge img{object-fit:contain;width:28px;height:28px}input[type=range]{width:100%;height:44px;accent-color:var(--p);cursor:pointer}input[type=range]:disabled{cursor:not-allowed;opacity:.45}.toast{z-index:150;background:var(--inv);min-height:48px;color:var(--oinv);font:700 15px var(--font-body);animation:pop .5s var(--spring) both;border-radius:16px;align-items:center;gap:10px;padding:0 22px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes morph{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(40deg)scale(1.14,.9)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes draw{0%{stroke-dashoffset:420px}to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}70%{transform:translate(-50%)scale(1.05)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes swap{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes settle{0%{transform:rotate(0)}55%{transform:rotate(314deg)}78%{transform:rotate(287deg)}to{transform:rotate(295deg)}}@keyframes pulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.spin{animation:90s linear infinite spin}.spin-r{animation:70s linear infinite reverse spin}.morph{border-radius:58% 42% 55% 45%/50% 58% 42% 50%;animation:9s ease-in-out infinite morph}.rise{animation:rise .9s var(--spring) both}.shape{pointer-events:none;position:absolute}.spin,.spin-r{will-change:transform}.off .spin,.off .spin-r{will-change:auto}.off,.off *,.off :before,.off :after{animation-play-state:paused!important}@media (max-width:1000px){.navlinks{display:none}.nav{padding-left:14px}.nav .grow{display:block}}@media (max-width:520px){.nav .btn{display:none}.nav{padding-right:10px}}@media (max-width:640px){.btn{padding:0 22px}.fchip{display:none}.brand span{font-size:20px}.store img{height:50px}}