@font-face{font-family:Fraunces;src:url(/aset/fonts/fraunces-hitam-miring.woff2)format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/aset/fonts/plus-jakarta-sans.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--tinta:#141414;--krem:#fff4da;--putih:#fff;--cokelat:#2a150d;--cokelat-muda:#4a2a1b;--kuning:#ffd84d;--pink:#ff9ec4;--mint:#7fe0c2;--ungu:#b9a4ff;--biru:#8fd3ff;--oranye:#ffae5c;--persik:#ffc59e;--lime:#c6ee7a;--pink-tua:#ff5c97;--merah:#e4002b;--abu:#4f473f;--display:"Fraunces", Georgia, serif;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--garis:3px solid var(--tinta);--taburan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg opacity='.5' stroke-linecap='round' stroke-width='6'%3E%3Cpath d='M18 24l13 8' stroke='%23FF9EC4'/%3E%3Cpath d='M94 16l-5 14' stroke='%237FE0C2'/%3E%3Cpath d='M132 70l14-4' stroke='%23B9A4FF'/%3E%3Cpath d='M54 94l4 14' stroke='%23FFAE5C'/%3E%3Cpath d='M118 130l12 8' stroke='%238FD3FF'/%3E%3Cpath d='M20 140l14-3' stroke='%23FF9EC4'/%3E%3C/g%3E%3C/svg%3E");--tetes-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='24' preserveAspectRatio='none'%3E%3Cpath d='M0 0h132v7c-9 0-12 4-19 4s-9-4-15-4c-5 0-7 3-7 9 0 5-3 8-6 8s-6-3-6-8c0-6-3-8-8-8-10 0-14 6-24 6S27 7 18 7C10 7 7 10 0 10z'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--kuning);-webkit-text-size-adjust:100%}body{color:var(--tinta);background:var(--krem);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;margin:0;font-size:clamp(16px,1.15vw,18px);font-weight:500;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer}p,ul,ol,h1,h2,h3,dl,dd{margin:0}ul,ol{padding:0;list-style:none}s{text-decoration-thickness:.1em}:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:8px}.bungkus{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(18px,4vw,56px)}.miring{font-family:var(--display);letter-spacing:-.01em;font-style:italic;font-weight:900}.j2{letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;font-size:clamp(32px,5vw,76px);font-weight:800;line-height:1.02}.j3{letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;font-size:clamp(26px,3.2vw,46px);font-weight:800;line-height:1.05}.teks-besar{text-wrap:pretty;font-size:clamp(18px,1.7vw,25px);font-weight:600;line-height:1.4}.kecil-tebal{font-weight:800}.label{letter-spacing:.05em;color:var(--krem);background:var(--tinta);border-radius:999px;margin-bottom:18px;padding:6px 13px;font-size:clamp(11.5px,1vw,14px);font-weight:800;line-height:1.25;display:inline-block;transform:rotate(-1.5deg)}.label-terang{color:var(--tinta);background:var(--kuning)}.stiker{background:var(--putih);border:var(--garis);box-shadow:3px 3px 0 var(--tinta);border-radius:11px;padding:5px 13px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.stiker-kecil{letter-spacing:.03em;background:var(--putih);border:2.5px solid var(--tinta);box-shadow:2.5px 2.5px 0 var(--tinta);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1.2;display:inline-block}.sorot{background:linear-gradient(var(--kuning), var(--kuning)) 0 88% / 100% .32em no-repeat}.poin{gap:7px;display:grid}.poin li{padding-left:32px;font-weight:600;line-height:1.32;position:relative}.poin li:before{content:"";border:2.5px solid var(--tinta);background:radial-gradient(circle, var(--krem) 0 21%, var(--tinta) 22% 33%, var(--w,var(--pink)) 34%);border-radius:50%;width:23px;height:23px;position:absolute;top:-1px;left:0}.tetes{z-index:3;pointer-events:none;background:var(--c);height:clamp(38px,5.5vw,76px);-webkit-mask:var(--tetes-mask) 0 0 / auto 100% repeat-x;mask:var(--tetes-mask) 0 0 / auto 100% repeat-x;transform-origin:top;position:absolute;top:-1px;left:0;right:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tetes{animation:linear both tetes-turun view();animation-range:entry entry 90%}@keyframes tetes-turun{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}}}.tombol{letter-spacing:-.012em;text-align:left;max-width:100%;color:var(--tinta);background:var(--pink-tua);border:var(--garis);box-shadow:6px 6px 0 var(--tinta);border-radius:18px;justify-content:center;align-items:center;gap:.6em;padding:.95em 1.3em;font-size:clamp(16px,1.3vw,21px);font-weight:800;line-height:1.14;text-decoration:none;transition:transform .13s cubic-bezier(.3,1.6,.5,1),box-shadow .13s;display:inline-flex}.tombol img{flex:none;width:1.75em;height:1.75em;transition:transform .6s cubic-bezier(.2,.9,.2,1)}.tombol:hover{box-shadow:9px 9px 0 var(--tinta);transform:translate(-3px,-3px)}.tombol:hover img{transform:rotate(200deg)scale(1.12)}.tombol:active{box-shadow:0 0 0 var(--tinta);transform:translate(6px,6px)}.nowrap{white-space:nowrap}.tombol-kuning{background:var(--kuning);box-shadow:6px 6px 0 var(--pink-tua)}.tombol-kuning:hover{box-shadow:9px 9px 0 var(--pink-tua)}.hero{background:var(--kuning);isolation:isolate;position:relative}.panggung{z-index:-1;background:var(--kuning) var(--taburan);contain:strict;height:100lvh;margin-bottom:-100lvh;position:sticky;top:0;overflow:hidden}@supports (height:100lvh){.hero-jalur{--lvh:100lvh}}.gerbang{aspect-ratio:1;will-change:transform;width:min(90vh,49vw);position:absolute;top:50%;left:74.5%;transform:translate(-50%,-50%)}.donat-gerbang{width:100%;height:100%;animation:70s linear infinite putar;position:absolute;inset:0}.isi-lubang{aspect-ratio:1;background:var(--cokelat);opacity:0;border-radius:50%;width:30%;margin:-15% 0 0 -15%;position:absolute;top:50%;left:50%}.orbit{width:100%;height:100%;animation:46s linear infinite reverse putar;position:absolute;inset:0;overflow:visible}.orbit text{font:800 25px var(--sans);fill:var(--tinta);letter-spacing:.04em}@keyframes putar{to{rotate:360deg}}.h-awan{position:absolute;inset:0}.awan{left:var(--x);top:var(--y);width:calc(var(--u) * 1vmax);margin:calc(var(--u) * -.5vmax) 0 0 calc(var(--u) * -.5vmax);will-change:transform;position:absolute}.awan img{width:100%;animation:7s ease-in-out infinite melayang}.awan.dekat{z-index:3}@keyframes melayang{0%,to{translate:0;rotate:-3deg}50%{translate:0 -5%;rotate:4deg}}.hero-isi{z-index:2;padding-inline:clamp(18px,4vw,96px);flex-direction:column;max-width:none;min-height:100svh;padding-top:clamp(16px,2.2vh,26px);padding-bottom:clamp(26px,5vh,54px);display:flex;position:relative}.logo{color:var(--tinta);background:var(--pink);border:var(--garis);box-shadow:3px 3px 0 var(--tinta);border-radius:999px;align-self:flex-start;margin-bottom:clamp(14px,3vh,34px);padding:4px 16px 6px;font-size:clamp(18px,1.6vw,24px);text-decoration:none;transform:rotate(-3deg)}.hero-kolom{flex-direction:column;align-items:flex-start;width:min(51%,920px);margin-block:auto;display:flex}h1{letter-spacing:-.04em;text-transform:uppercase;font-weight:800;line-height:1}.h1-a{font-size:clamp(38px,min(3.72vw,6.8vh),72px);display:block}.h1-b{margin-top:.3em;font-size:clamp(24px,min(2.5vw,4.4vh),44px);line-height:1.04;display:block}.stiker-cuan{color:var(--tinta);background:var(--pink);border:.055em solid var(--tinta);box-shadow:.08em .08em 0 var(--tinta);text-transform:none;letter-spacing:-.01em;border-radius:.2em;padding:.02em .22em .08em .16em;animation:2.6s ease-in-out infinite goyang-cuan;display:inline-block;transform:rotate(-4deg)}@keyframes goyang-cuan{0%,to{rotate:-1deg}50%{rotate:2deg;scale:1.04}}.hero-sub{text-wrap:pretty;max-width:60ch;margin-top:clamp(12px,2vh,22px);font-size:clamp(15.5px,min(1.22vw,2.1vh),19px);font-weight:600;line-height:1.42}.hero-paket{letter-spacing:.01em;color:var(--kuning);background:var(--tinta);border-radius:8px;margin-top:clamp(12px,1.9vh,20px);padding:4px 11px;font-size:clamp(12.5px,1vw,15px);line-height:1.3;transform:rotate(-.8deg)}.hero-kecil{margin-top:7px;font-size:clamp(14px,1.02vw,16px);font-weight:600}.hero-harga{flex-wrap:wrap;align-items:flex-end;gap:4px 20px;margin-top:clamp(10px,1.7vh,18px);display:flex}.coret-wadah{padding-bottom:.5em;font-size:clamp(15px,1.25vw,20px);font-weight:700}.coret-wadah small{font-size:.72em;display:block}.coret-wadah s{text-decoration-color:var(--merah);text-decoration-thickness:.13em}.harga-besar{align-items:baseline;gap:.3em;display:flex}.harga-besar small{font-size:clamp(13px,1.1vw,17px);font-weight:800}.harga-besar b{font-size:clamp(50px,min(5.6vw,9.6vh),92px);line-height:1}.hero-dapat{letter-spacing:.01em;margin:4px 0 11px;font-size:clamp(12.5px,1vw,15px);font-weight:800}.hero-catatan{margin-top:14px;font-size:clamp(13px,.96vw,15px);font-weight:600}.hero-jalur{height:170vh}@media (width<=860px){.gerbang{width:min(76vw,480px);top:clamp(124px,17vh,150px);left:66%}.orbit text{font-size:27px}.hero-isi{padding-bottom:104px}.logo{margin-bottom:clamp(222px,min(60vw,33vh),340px)}.hero-kolom{width:100%;margin-block:0}.h1-a{font-size:clamp(32px,10vw,58px)}.h1-b{font-size:clamp(22px,6.5vw,40px)}.harga-besar b{font-size:clamp(48px,15vw,80px)}.sembunyi-hp{display:none}.awan{left:var(--mx);top:var(--my);width:var(--mu);margin:calc(var(--mu) / -2) 0 0 calc(var(--mu) / -2)}}.masalah{z-index:1;background:var(--cokelat);color:var(--krem);padding-block:clamp(30px,6vh,70px) clamp(70px,14vh,160px);position:relative}.m-kepala{max-width:1040px}.m-kepala .j2{color:var(--krem)}.m-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,5vw,80px);margin-top:clamp(30px,6vh,72px);display:grid}.m-donat-wadah{align-self:start;position:sticky;top:max(50vh - 26vw,40px)}.m-donat{aspect-ratio:1;max-height:78vh;position:relative}.m-donat svg{width:100%;height:100%;overflow:visible}.gg{transition:transform .38s cubic-bezier(.3,1.5,.5,1);transform:scale(0)}.gg.kena{transform:scale(1)}.m-hitung{color:var(--krem);align-items:baseline;line-height:1;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.m-hitung b{color:var(--kuning);font-size:clamp(32px,4.4vw,62px)}.m-hitung span{font-size:clamp(14px,1.5vw,22px);font-weight:800}.remah{z-index:30;width:var(--s);height:var(--s);pointer-events:none;border-radius:40%;position:fixed}.m-daftar{gap:clamp(14px,22vh,220px);padding-block:clamp(10px,16vh,180px) clamp(30px,22vh,240px);display:grid}.m-item{background:var(--cokelat-muda);transform:rotate(var(--r));opacity:.58;border:3px solid #120704;border-radius:22px;align-items:flex-start;gap:16px;padding:clamp(16px,2vw,28px);transition:opacity .3s,background-color .3s,color .3s,transform .3s,box-shadow .3s;display:flex;box-shadow:6px 6px #120704}.no-js .m-item,html:not(.js) .m-item{opacity:1}.m-item.aktif{opacity:1;color:var(--tinta);background:var(--kuning);border-color:var(--tinta);transform:rotate(var(--r)) scale(1.03);box-shadow:8px 8px #000}.m-item.lewat{opacity:.72}.m-no{flex:none;font-size:clamp(34px,3.8vw,58px);line-height:.95}.m-item p{letter-spacing:-.015em;text-wrap:pretty;font-size:clamp(18px,1.9vw,29px);font-weight:700;line-height:1.22}.m-penutup{letter-spacing:-.03em;text-wrap:pretty;max-width:1100px;margin-top:clamp(20px,4vh,60px);font-size:clamp(26px,4vw,62px);font-weight:800;line-height:1.1}.kata{opacity:.2;transition:opacity .18s}.kata.nyala{opacity:1}@media (width<=860px){.m-grid{display:block}.m-donat-wadah{z-index:2;background:linear-gradient(var(--cokelat) 84%, transparent);margin-inline:calc(-1*clamp(18px,4vw,56px));padding:8px 0 12px;top:0}.m-donat{width:min(44vw,22vh);margin-inline:auto}.m-daftar{gap:24vh;padding-block:5vh 26vh}}.solusi{background:var(--krem) var(--taburan);padding-top:clamp(90px,15vh,180px);position:relative;overflow:clip}.solusi-kepala{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:1180px;display:flex}.solusi-kepala .label{margin-bottom:0}.kipas{--buka:0;height:clamp(300px,44vw,620px);margin-top:clamp(30px,6vh,70px);position:relative}.kipas img{border:var(--garis);width:clamp(150px,24vw,340px);box-shadow:8px 8px 0 var(--tinta);transform-origin:50% 130%;transform:rotate(calc(var(--i) * 13deg * var(--buka))) translateY(calc(var(--i) * var(--i) * 3px * var(--buka)));will-change:transform;border-radius:8px 14px 14px 8px;margin-left:calc(clamp(150px,24vw,340px)/-2);position:absolute;bottom:-14%;left:50%}html:not(.js) .kipas{--buka:1}.galeri{background:var(--kuning);position:relative}.galeri-panggung{position:relative}.galeri-total,.galeri-titik{display:none}.vol{background:var(--w);gap:26px;padding:clamp(40px,7vh,70px) clamp(18px,4vw,56px);display:grid;position:relative;overflow:clip}.vol-gambar{height:clamp(310px,80vw,520px);position:relative}.vol-no{color:#0000;-webkit-text-stroke:3px var(--tinta);opacity:.9;font-size:clamp(120px,40vw,240px);line-height:.9;position:absolute;top:-14px;left:-4px}.vol-donat{width:92%;max-width:560px;transform:rotate(var(--roll,0deg));position:absolute;bottom:-8%;right:-24%}.buku{perspective:1400px;width:clamp(180px,50vw,300px);position:absolute;bottom:0;left:50%;translate:-50%}.buku-putar{aspect-ratio:620/877;transform-style:preserve-3d;transform:rotateY(var(--ry,-26deg)) rotateX(var(--rx,5deg));--t:26px;transition:transform .5s cubic-bezier(.2,.9,.3,1.1);position:relative}.buku-depan,.buku-belakang,.buku-punggung,.buku-kertas{backface-visibility:hidden;display:block;position:absolute}.buku-depan{width:100%;height:100%;transform:translateZ(calc(var(--t) / 2));outline:2.5px solid var(--tinta);outline-offset:-2px;border-radius:2px 7px 7px 2px;inset:0}.buku-belakang{transform:rotateY(180deg) translateZ(calc(var(--t) / 2));background:var(--wt);border-radius:7px 2px 2px 7px;inset:0;box-shadow:18px 22px #14141400}.buku-punggung{width:var(--t);margin-left:calc(var(--t) / -2);background:var(--wt);outline:2.5px solid var(--tinta);outline-offset:-2px;backface-visibility:visible;top:0;bottom:0;left:0;transform:rotateY(-90deg)}.buku-kertas{width:var(--t);margin-right:calc(var(--t) / -2);outline:2px solid var(--tinta);outline-offset:-1px;background:repeating-linear-gradient(90deg,#fff 0 2px,#e9dfcb 2px 3.5px);top:4px;bottom:4px;right:0;transform:rotateY(90deg)}.vol-teks{z-index:2;position:relative}.vol-atas{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.tag-nilai{background:var(--tinta);color:var(--krem);border-radius:8px;padding:4px 12px;font-size:.95em;font-weight:700;transform:rotate(1deg)}.tag-nilai b{color:var(--w);font-weight:800}.vol h3{letter-spacing:-.03em;text-wrap:balance;margin-top:16px;font-size:clamp(25px,3vw,46px);font-weight:800;line-height:1.04}.vol-pengantar{text-wrap:pretty;margin-top:12px;font-size:clamp(16.5px,1.35vw,21px);font-weight:600;line-height:1.38}.vol .poin{--w:var(--krem);margin-top:16px}.vol-penutup{margin-top:14px;font-weight:800}.vol+.vol:before{content:"";background:var(--c-atas,var(--tinta));height:36px;-webkit-mask:var(--tetes-mask) 0 0 / auto 100% repeat-x;mask:var(--tetes-mask) 0 0 / auto 100% repeat-x;z-index:2;position:absolute;top:-1px;left:0;right:0}.vol[data-vol="2"]{--c-atas:#ffd84d}.vol[data-vol="3"]{--c-atas:#ffc59e}.vol[data-vol="4"]{--c-atas:#ff9ec4}.vol[data-vol="5"]{--c-atas:#c6ee7a}.vol[data-vol="6"]{--c-atas:#8fd3ff}.vol[data-vol="7"]{--c-atas:#b9a4ff}@media (width>=1000px) and (height>=620px) and (prefers-reduced-motion:no-preference){.js .galeri{height:720vh}.js .galeri-panggung{background:var(--bg,var(--kuning));height:100vh;position:sticky;top:0;overflow:hidden}.js .galeri-rel{will-change:transform;width:700vw;height:100%;display:flex}.js .vol{background:0 0;flex:none;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(30px,5vw,90px);width:100vw;height:100vh;padding:clamp(24px,5vh,60px) clamp(40px,6vw,110px) clamp(56px,9vh,90px);overflow:visible}.js .vol+.vol:before{display:none}.js .vol-gambar{height:min(76vh,40vw)}.js .vol-no{font-size:min(38vh,22vw);top:-3%;left:-2%}.js .vol-donat{width:min(104vh,50vw);max-width:none;bottom:-36%;left:-24%;right:auto}.js .buku{width:min(47vh,24vw);bottom:1%;left:50%}.js .buku-putar{--t:34px}.js .vol h3{font-size:clamp(24px,min(2.9vw,5.2vh),46px)}.js .vol-pengantar{font-size:clamp(15px,min(1.3vw,2.3vh),20px)}.js .vol .poin{grid-template-columns:1fr 1fr;gap:8px 22px;font-size:clamp(14px,min(1.12vw,2vh),17px)}.js .galeri-total{z-index:4;background:var(--putih);border:var(--garis);box-shadow:4px 4px 0 var(--tinta);border-radius:16px;padding:6px 18px 9px;display:block;position:absolute;top:clamp(16px,3vh,30px);right:clamp(20px,3vw,44px);transform:rotate(1.5deg)}.galeri-total small{letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.galeri-total b{font-variant-numeric:tabular-nums;font-size:clamp(24px,2.2vw,34px);line-height:1}.js .galeri-titik{z-index:4;gap:8px;display:flex;position:absolute;top:clamp(16px,3vh,30px);left:clamp(40px,6vw,110px)}.galeri-titik i{width:34px;height:34px;font:800 13px var(--sans);border:2.5px solid var(--tinta);background:var(--putih);border-radius:50%;place-items:center;transition:background-color .2s,transform .25s cubic-bezier(.3,1.6,.5,1);display:grid}.galeri-titik i.aktif{background:var(--tinta);color:var(--w);transform:scale(1.22)rotate(-8deg)}}.webv{background:var(--w);padding-block:0 clamp(60px,11vh,130px);transition:background-color .45s;position:relative;overflow:clip}.sabuk{background:var(--tinta);color:var(--kuning);white-space:nowrap;letter-spacing:.03em;margin-block:clamp(18px,3vh,34px) clamp(30px,6vh,70px);padding:11px 0;font-size:clamp(14px,1.3vw,19px);font-weight:800;overflow:hidden;transform:rotate(-1.4deg)scale(1.03)}.sabuk>div{animation:42s linear infinite sabuk;display:inline-block}@keyframes sabuk{to{transform:translate(-50%)}}.webv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,80px);display:grid}.webv-teks .teks-besar{margin-top:18px}.webv-tab{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.webv-tab button{background:var(--putih);border:var(--garis);box-shadow:3px 3px 0 var(--tinta);border-radius:12px;padding:9px 16px;font-weight:800;transition:transform .12s,box-shadow .12s,background-color .2s}.webv-tab button:hover{box-shadow:4px 4px 0 var(--tinta);transform:translate(-1px,-1px)}.webv-tab button[aria-selected=true]{background:var(--tinta);color:var(--w);box-shadow:none;transform:translate(3px,3px)}.webv-fitur{margin-top:18px;display:grid;position:relative}.fitur{background:var(--putih);border:var(--garis);box-shadow:5px 5px 0 var(--tinta);opacity:0;visibility:hidden;border-radius:20px;grid-area:1/1;padding:clamp(16px,1.8vw,24px);transition:opacity .25s,transform .3s cubic-bezier(.3,1.4,.5,1),visibility .25s;transform:translateY(10px)rotate(.5deg)}html:not(.js) .fitur{opacity:1;visibility:visible;grid-area:auto;margin-bottom:12px}.fitur.aktif{opacity:1;visibility:visible;transform:none}.fitur h3{letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(21px,2vw,30px);font-weight:800;line-height:1.1}.webv-hp{justify-content:center;min-height:0;padding-right:clamp(60px,9vw,150px);display:flex;position:relative}.hp{aspect-ratio:390/800;background:var(--tinta);border-radius:clamp(32px,3.2vw,46px);width:clamp(218px,22vw,320px);padding:9px;position:relative;box-shadow:10px 12px #14141447}.hp-layar{background:var(--krem);border-radius:clamp(24px,2.5vw,37px);width:100%;height:100%;position:relative;overflow:hidden}.hp-layar img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.1);position:absolute;inset:0;transform:translateY(12px)scale(.985)}.hp-layar img.aktif{opacity:1;transform:none}.hp-depan{z-index:2}.hp-belakang{z-index:1;width:clamp(180px,18vw,262px);position:absolute;top:7%;right:0;transform:rotate(7deg)}.hp-nav{z-index:2;grid-template-columns:repeat(5,1fr);height:8.5%;display:grid;position:absolute;bottom:2.5%;left:3%;right:3%}.hp-nav button{background:0 0;border:0;padding:0}.ketuk{z-index:3;animation:2.6s ease-in-out infinite goyang-cuan;position:absolute;bottom:10%;left:calc(50% - clamp(170px,18vw,270px));transform:rotate(-7deg)}@media (width<=860px){.webv-grid{grid-template-columns:minmax(0,1fr)}.webv-hp{margin-top:8px;padding-right:16vw}.hp{width:min(62vw,300px)}.hp-belakang{width:min(48vw,230px);right:2vw}.ketuk{left:4px}.webv-tab{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-18px;padding:4px 18px 8px;overflow-x:auto}.webv-tab button{flex:none}}.intip{z-index:1;background:var(--tinta);color:var(--krem);padding-block:clamp(60px,11vh,130px) clamp(90px,15vh,170px);position:relative;overflow:clip}.intip-kepala{justify-items:start;gap:4px;max-width:1280px;display:grid}.intip-kepala .j2{color:var(--krem)}.intip-kepala .teks-besar{max-width:42ch;margin-top:14px}.intip-dinding{gap:clamp(12px,1.6vw,22px);margin-top:clamp(30px,6vh,60px);display:grid;transform:rotate(-3.5deg)scale(1.08)}.intip-baris{overflow:hidden}.gerak{width:max-content;animation:geser var(--d,120s) linear infinite;display:flex}.balik .gerak{animation-direction:reverse}.henti .gerak,.henti .sabuk>div{animation-play-state:paused}@keyframes geser{to{transform:translate(-50%)}}.intip-baris .gerak{gap:clamp(12px,1.6vw,22px);padding-right:clamp(12px,1.6vw,22px)}.intip-baris img{background:var(--krem);border:2.5px solid #000;border-radius:10px;width:clamp(170px,19vw,280px)}.bonus{background:var(--ungu);padding-block:clamp(90px,15vh,170px);position:relative}.bonus-kepala{max-width:1000px}.bonus-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(26px,5vw,80px);margin-top:clamp(28px,5vh,60px);display:grid}.bonus-teks{justify-items:start;gap:14px;display:grid}.bonus-teks .poin{--w:var(--kuning)}.peringatan{background:var(--kuning);border:var(--garis);box-shadow:4px 4px 0 var(--tinta);border-radius:16px;padding:14px 16px;font-weight:700;line-height:1.32;transform:rotate(-.7deg)}.kalk{background:var(--krem);border:var(--garis);box-shadow:9px 9px 0 var(--tinta);border-radius:26px;gap:15px;padding:clamp(18px,2.4vw,32px);display:grid;position:relative}.kalk-kepala{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.kalk-kepala .stiker-kecil{background:var(--pink);transform:rotate(-3deg)}.kalk-kepala b{letter-spacing:-.02em;font-size:clamp(19px,1.7vw,25px);font-weight:800}.geser{gap:7px;display:grid}.geser>span{justify-content:space-between;align-items:baseline;gap:10px;font-size:.95em;font-weight:700;line-height:1.2;display:flex}.geser output{font-variant-numeric:tabular-nums;flex:none;font-weight:800}.geser-dua{grid-template-columns:1fr 1fr;gap:15px;display:grid}input[type=range]{-webkit-appearance:none;appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ungu) var(--isi,50%), #fff var(--isi,50%));border:2.5px solid var(--tinta);border-radius:99px;height:12px}input[type=range]::-moz-range-track{border:2.5px solid var(--tinta);background:#fff;border-radius:99px;height:8px}input[type=range]::-moz-range-progress{background:var(--ungu);border-radius:99px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--tinta);background:radial-gradient(circle, var(--krem) 0 19%, var(--tinta) 20% 31%, var(--pink) 32%);width:30px;height:30px;box-shadow:2px 2px 0 var(--tinta);border-radius:50%;margin-top:-11.5px;transition:scale .12s}input[type=range]::-moz-range-thumb{border:2.5px solid var(--tinta);background:radial-gradient(circle, var(--krem) 0 19%, var(--tinta) 20% 31%, var(--pink) 32%);border-radius:50%;width:26px;height:26px}input[type=range]:active::-webkit-slider-thumb{scale:1.2}.kalk-hasil{background:var(--kuning);border:var(--garis);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:16px 20px;padding:15px 17px;display:grid}.kalk-hpp small{font-weight:800;display:block}.kalk-hpp b{font-variant-numeric:tabular-nums;font-size:clamp(42px,5vw,74px);line-height:1;display:block}.kalk-hasil dl{gap:3px;font-size:.95em;display:grid}.kalk-hasil dl div{border-bottom:2px dashed #1414144d;justify-content:space-between;gap:10px;padding-bottom:3px;display:flex}.kalk-hasil dt{font-weight:600}.kalk-hasil dd{font-variant-numeric:tabular-nums;font-weight:800}.kalk-rumus{font-size:.95em;font-weight:800;line-height:1.3}.kalk-catatan{color:var(--abu);font-size:.85em;font-weight:600;line-height:1.38}@media (width<=860px){.bonus-grid,.kalk-hasil{grid-template-columns:minmax(0,1fr)}}.katalog{z-index:1;background:var(--mint);place-items:center;min-height:118vh;padding:clamp(100px,16vh,170px) 18px clamp(70px,12vh,130px);display:grid;position:relative;overflow:clip}.tembok{align-content:center;gap:clamp(10px,1.2vw,16px);display:grid;position:absolute;inset:-14% -10%;transform:rotate(-6deg)}.tembok-baris{overflow:visible}.tembok-baris .gerak{gap:clamp(10px,1.2vw,16px);padding-right:clamp(10px,1.2vw,16px)}.ubin{background:var(--w);border:2.5px solid var(--tinta);width:clamp(122px,13vw,188px);box-shadow:3.5px 3.5px 0 var(--tinta);border-radius:18px;flex:none;justify-items:center;gap:2px;padding:8px 6px 7px;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:grid}.ubin:hover{transform:translate(-2px,-3px)rotate(-1.5deg)}.ubin img{aspect-ratio:320/270;object-fit:contain;width:82%}.ubin span{text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:100%;font-size:clamp(11px,1vw,14px);font-weight:800;line-height:1.15;display:block;overflow:hidden}.ubin span b{margin-right:1px;font-size:1.05em}.kat-kartu{z-index:2;text-align:center;background:var(--krem);border:var(--garis);width:min(100%,640px);box-shadow:11px 11px 0 var(--tinta);border-radius:30px;justify-items:center;gap:8px;padding:clamp(22px,3vw,40px);display:grid;position:relative;transform:rotate(1.2deg)}.kat-kartu .label{margin-bottom:0}.kat-angka{color:var(--pink-tua);-webkit-text-stroke:4px var(--tinta);paint-order:stroke fill;text-shadow:7px 7px 0 var(--tinta);font-variant-numeric:tabular-nums;padding-right:.08em;font-size:clamp(100px,15vw,200px);line-height:.84}.kat-kartu p:not(.label){text-wrap:pretty;font-weight:600;line-height:1.36}.kat-chip{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.kat-chip li{background:var(--w);border:2px solid var(--tinta);border-radius:99px;padding:3px 10px;font-size:13px;font-weight:700;line-height:1.3}.kenapa{background:var(--krem) var(--taburan);padding-block:clamp(70px,12vh,140px);position:relative}.kenapa header{max-width:1040px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(30px,6vh,64px);display:grid}.petak{padding:clamp(18px,2vw,28px);background:var(--w);border:var(--garis);min-height:240px;box-shadow:6px 6px 0 var(--tinta);border-radius:24px;grid-column:span 2;padding-right:clamp(18px,2vw,28px);position:relative}.petak:first-child,.petak:nth-child(2),.petak:nth-child(6),.petak:nth-child(7){grid-column:span 3}.petak-donat{background:0 0;border:0;width:clamp(76px,7.6vw,112px);padding:0;position:absolute;top:clamp(6px,1vw,16px);right:clamp(8px,1.2vw,20px)}.petak-no{font-size:clamp(44px,5vw,74px);line-height:.95;display:block}.petak h3{letter-spacing:-.025em;text-wrap:balance;margin-top:10px;font-size:clamp(20px,1.9vw,28px);font-weight:800;line-height:1.1}.petak p{text-wrap:pretty;margin-top:8px;font-weight:600;line-height:1.38}@media (width<=860px){.bento{grid-template-columns:minmax(0,1fr)}.petak,.petak:nth-child(n){grid-column:auto;min-height:0}}.nilai{z-index:1;background:var(--tinta);color:var(--krem);padding-block:clamp(90px,14vh,150px);position:relative;overflow:clip}.nilai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,90px);display:grid}.struk-wadah{justify-self:center;width:min(100%,520px);position:relative}.printer{z-index:3;background:var(--pink);border:3px solid #000;border-radius:16px 16px 8px 8px;height:78px;margin-inline:-14px;position:relative;box-shadow:0 5px #000}.printer i{background:#000;border-radius:4px;height:8px;position:absolute;bottom:9px;left:14px;right:14px}.printer span{letter-spacing:.03em;color:var(--tinta);font-size:12px;font-weight:800;line-height:1.15;position:absolute;top:11px;left:14px}.printer b{text-align:right;min-width:150px;color:var(--mint);font-variant-numeric:tabular-nums;background:#000;border-radius:7px;padding:3px 10px;font:700 clamp(18px,1.6vw,22px) ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:9px;right:14px}.struk-jendela{margin-top:-3px;margin-inline:-12px;padding:0 12px 26px;overflow:hidden}.struk{color:var(--tinta);clip-path:inset(0 0 calc(100% - var(--cetak,100%)) 0);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 11px) no-repeat, conic-gradient(from -45deg at 50% 100%, transparent 90deg, #000 0) bottom / 18px 11px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 11px) no-repeat, conic-gradient(from -45deg at 50% 100%, transparent 90deg, #000 0) bottom / 18px 11px repeat-x;background:#fffdf6;padding:20px clamp(16px,2vw,26px) 34px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(13px,1.02vw,15px);line-height:1.35;transition:clip-path .17s steps(4,end);position:relative}.struk-judul{text-align:center;letter-spacing:.04em;border-bottom:2px dashed var(--tinta);padding-bottom:10px;font-weight:800}.struk table{border-collapse:collapse;width:100%;margin-top:8px}.struk th,.struk td{text-align:left;vertical-align:top;padding:5px 0;font-weight:600}.struk thead th{font-weight:800}.struk th:last-child,.struk td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:12px}.struk tfoot th{border-top:2px dashed var(--tinta);padding-top:9px;font-weight:800}.struk-total{font-size:1.25em;position:relative}.garis-coret{background:var(--merah);transform-origin:0;border-radius:4px;height:4px;transition:transform .28s cubic-bezier(.6,0,.3,1);position:absolute;top:58%;left:4px;right:-5px;transform:rotate(-3deg)scaleX(0)}.struk.dicoret .garis-coret,html:not(.js) .garis-coret{transform:rotate(-3deg)scaleX(1)}.struk-ruang-cap{height:108px}.struk-bonus{border-top:2px dashed var(--tinta);gap:4px;margin-top:8px;padding-top:8px;font-weight:600;display:grid}.struk-bonus li{justify-content:space-between;gap:10px;display:flex}.struk-bonus li span:last-child{font-weight:800}.cap{z-index:2;width:232px;font-family:var(--sans);color:var(--merah);border:5px solid var(--merah);opacity:0;background:#fffdf6e6;border-radius:14px;justify-items:center;margin-left:-116px;padding:6px 14px 10px;line-height:1;display:grid;position:absolute;bottom:22px;left:50%;transform:rotate(-11deg)}.struk.dicap .cap,html:not(.js) .cap{opacity:1}.cap small{letter-spacing:.14em;font-size:14px;font-weight:800}.cap b{font-size:clamp(34px,3.6vw,50px)}.nilai-teks .j2{color:var(--krem);font-size:clamp(30px,4vw,62px)}.nilai-harga{margin-top:clamp(14px,3vh,28px);position:relative}.nilai-harga s{text-decoration-color:var(--pink-tua);opacity:.8;font-size:clamp(22px,2.3vw,34px);font-weight:700}.nilai-cukup{color:var(--kuning);align-items:baseline;gap:12px;display:flex}.nilai-cukup small{font-size:clamp(16px,1.5vw,23px);font-weight:800}.nilai-cukup b{font-size:clamp(54px,7.4vw,118px);line-height:.98}.stempel-hemat{color:var(--tinta);background:var(--mint);box-shadow:4px 4px 0 var(--pink-tua);border:3px solid #000;border-radius:12px;margin-top:8px;padding:4px 16px 7px;font-size:clamp(21px,2.2vw,33px);display:inline-block;transform:rotate(-2deg)}.nilai-sudah{margin-block:16px 22px;font-size:clamp(16px,1.35vw,20px);font-weight:600}@media (width<=860px){.nilai-grid{grid-template-columns:minmax(0,1fr)}.nilai-cukup b{font-size:16vw}}.cocok{background:var(--biru);padding-block:clamp(90px,14vh,150px) clamp(70px,12vh,130px);position:relative}.cocok-awan{flex-wrap:wrap;justify-content:center;gap:clamp(14px,1.7vw,24px);margin-top:clamp(28px,5vh,56px);display:flex}.cocok-awan li{background:var(--w);border:var(--garis);max-width:480px;box-shadow:5px 5px 0 var(--tinta);text-wrap:pretty;border-radius:22px;flex:340px;align-items:center;gap:12px;padding:10px 18px 10px 10px;font-size:clamp(16.5px,1.35vw,20px);font-weight:700;line-height:1.22;display:flex}.cocok-awan img{flex:none;width:clamp(68px,6.4vw,92px)}.cocok-penutup{text-align:center;letter-spacing:-.025em;text-wrap:balance;max-width:860px;margin:clamp(30px,5vh,56px) auto 0;font-size:clamp(21px,2.3vw,34px);font-weight:800;line-height:1.2}.faq{background:var(--krem) var(--taburan);padding-block:clamp(90px,14vh,150px);position:relative}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,80px);display:grid}.faq-grid .j2{font-size:clamp(32px,4vw,58px)}.faq-daftar{gap:12px;display:grid}details{background:var(--putih);border:var(--garis);box-shadow:4px 4px 0 var(--tinta);border-radius:18px}summary{letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:13px 13px 13px 18px;font-size:clamp(17px,1.4vw,21px);font-weight:800;line-height:1.22;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary img{flex:none;width:36px;height:36px;transition:rotate .45s cubic-bezier(.3,1.5,.5,1),scale .3s}details[open] summary img{rotate:200deg;scale:1.14}details p{text-wrap:pretty;padding:0 18px 16px;font-weight:600;line-height:1.42}@media (width<=860px){.faq-grid{grid-template-columns:minmax(0,1fr)}}.penutup{background:var(--pink);touch-action:pan-y;padding-block:clamp(240px,38vh,380px) clamp(130px,22vh,240px);position:relative;overflow:clip}.tumpukan{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.penutup-isi{z-index:1;justify-content:center;display:flex;position:relative}.penutup-kartu{text-align:center;background:var(--krem);border:var(--garis);width:min(100%,880px);min-width:0;box-shadow:11px 11px 0 var(--tinta);border-radius:32px;justify-items:center;gap:14px;padding:clamp(22px,3.4vw,50px);display:grid;position:relative}.penutup-kartu .j2{font-size:clamp(26px,3.5vw,52px)}.penutup-teks{text-wrap:pretty;max-width:62ch;font-size:clamp(16px,1.35vw,20px);font-weight:600;line-height:1.4}.penutup-nilai{font-weight:800}.penutup-nilai s{text-decoration-color:var(--merah)}.penutup-hari{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;font-weight:800;display:flex}.penutup-hari b{color:var(--pink-tua);-webkit-text-stroke:3px var(--tinta);paint-order:stroke fill;text-shadow:5px 5px 0 var(--tinta);font-size:clamp(64px,8.4vw,124px);line-height:1}.penutup-kecil{font-weight:600}@media (width<=860px){.penutup-hari b{font-size:min(16.5vw,100px)}}.ketuk-tumpukan{z-index:3;pointer-events:none;transition:opacity .3s;position:absolute;top:clamp(70px,11vh,120px);left:50%;transform:rotate(-3deg)}.penutup.dipegang .ketuk-tumpukan{opacity:0}.kaki{background:var(--tinta);color:var(--krem);padding-block:30px clamp(100px,13vh,130px);font-size:.92em;line-height:1.45}.kaki-merek{opacity:.7;margin-top:10px;font-weight:700}.dok{left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--putih);border:var(--garis);width:max-content;max-width:calc(100vw - 20px);box-shadow:5px 5px 0 var(--tinta);border-radius:22px;align-items:center;gap:12px;padding:7px 7px 7px 10px;transition:transform .4s cubic-bezier(.3,1.3,.5,1),opacity .25s;display:flex;position:fixed;transform:translate(-50%)}.dok.sembunyi{opacity:0;pointer-events:none;transform:translate(-50%,160%)}.dok-maju{border:2.5px solid var(--tinta);background:#f1e4c6;border-radius:50%;flex:none;width:34px;height:34px;position:relative}.dok-maju i{background:conic-gradient(var(--pink-tua) calc(var(--maju,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:0}.dok-maju:after{content:"";background:var(--putih);border:2.5px solid var(--tinta);border-radius:50%;position:absolute;inset:8px}.dok-harga{line-height:1.04;display:grid}.dok-harga s{text-decoration-color:var(--merah);font-size:11.5px;font-weight:700}.dok-harga b{font-size:23px}.dok-tombol{color:var(--tinta);white-space:nowrap;background:var(--pink-tua);border:2.5px solid var(--tinta);box-shadow:2.5px 2.5px 0 var(--tinta);border-radius:14px;padding:10px 15px;font-size:15px;font-weight:800;line-height:1.1;text-decoration:none;transition:transform .12s,box-shadow .12s}.dok-tombol:active{box-shadow:none;transform:translate(2.5px,2.5px)}@media (width>=861px){.dok{bottom:20px;left:auto;right:22px;transform:none}.dok.sembunyi{transform:translateY(160%)}}.kabar{z-index:50;text-align:center;width:min(92vw,440px);color:var(--krem);background:var(--tinta);box-shadow:4px 4px 0 var(--pink-tua);border-radius:14px;padding:12px 16px;font-weight:700;line-height:1.3;position:fixed;bottom:90px;left:50%;translate:-50%}.meses{z-index:60;pointer-events:none;will-change:transform;border-radius:3px;width:12px;height:5px;position:fixed}.js [data-muncul]{opacity:0;transform:translateY(26px) rotate(var(--r,0deg)) scale(.98);transition:opacity .5s,transform .6s cubic-bezier(.2,1.1,.3,1)}.js [data-muncul].tampil{opacity:1;transform:rotate(var(--r,0deg))}.petak:not([data-muncul]),.cocok-awan li:not([data-muncul]){transform:rotate(var(--r,0deg))}@supports not (overflow:clip){html{overflow-x:hidden}.solusi,.vol,.webv,.intip,.katalog,.nilai,.penutup{overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero-jalur{height:0}.js [data-muncul]{opacity:1;transform:rotate(var(--r,0deg))}.js .m-item,.js .kata{opacity:1}.js .kipas{--buka:1}.js .struk .garis-coret{transform:rotate(-3deg)scaleX(1)}.js .cap{opacity:1}}