@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.00ewlnc1znsu7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.0bnyh_2yo1emg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.0glcd8n2pdab0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_d361c29d-module__5PBLiG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_d361c29d-module__5PBLiG__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/150f724d70372c02-s.2ym9msm88vm4r.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/750c737482d9de2f-s.08jxdyhjmo52g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.23oeb0afa3wba.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_8524af2f-module__VEC2Nq__className{font-family:Newsreader,Newsreader Fallback;font-style:normal}.newsreader_8524af2f-module__VEC2Nq__variable{--font-newsreader:"Newsreader", "Newsreader Fallback"}
.demo-situs{--latar:#08090c;--latar-2:#0d0f14;--permukaan:linear-gradient(160deg, #1a1c23e6, #0e0f14f5);--permukaan-rata:#121318;--permukaan-2:#ffffff07;--permukaan-samar:#ffffff08;--kepala-latar:#08090ced;--teks:#f7f8f9;--teks-badan:#c9ccd2;--teks-lembut:#8f949d;--teks-samar:#767b85;--garis-siluet:#e2e8f09e;--garis-lembut:#ffffff12;--garis:#ffffff1f;--garis-kuat:#ffffff38;--aksen:#22d3ee;--aksen-atas:#04222a;--aksen-tulis:#22d3ee;--aksen-terang:#67e8f9;--aksen-samar:#22d3ee1a;--aksen-samar-kuat:#22d3ee4d;--baik:#4ade80;--baik-samar:#4ade8024;--awas:#fbbf24;--galat:#f87171;--judul:var(--font-space-grotesk), sans-serif;--radius:14px;--radius-besar:20px;--bayang:none;--bayang-angkat:none;--pita-latar:#14161a;--pita-teks:#c9ccd2;--pita-teks-kuat:#f7f8f9;--pita-garis:#ffffff24;--pita-aksen:#22d3ee;--gambar-latar:transparent;background:var(--latar);color:var(--teks-badan);min-height:100vh}.demo-wadah{max-width:1180px;margin:0 auto;padding:clamp(30px,5vw,56px) 24px 0}.demo-remah{color:var(--teks-samar);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(18px,3vw,30px);font-size:13px;display:flex}.demo-remah a{color:var(--aksen-tulis)}.demo-remah a:hover{text-underline-offset:2px;text-decoration:underline}.demo-judul{font-family:var(--judul);letter-spacing:-1.5px;color:var(--teks);margin:0 0 12px;font-size:clamp(28px,4.4vw,46px);font-weight:700;line-height:1.1}.demo-sub{color:var(--teks-lembut);max-width:62ch;margin:0 0 clamp(26px,4vw,40px);font-size:16px;line-height:1.7}.demo-tombol,.demo-tombol-kedua{border-radius:calc(var(--radius) - 3px);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:15px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.demo-tombol{background:var(--aksen);color:var(--aksen-atas)}.demo-tombol:hover:not(:disabled){background:var(--aksen-terang);transform:translateY(-1px)}.demo-tombol:active:not(:disabled),.demo-tombol-kedua:active:not(:disabled){transition-duration:60ms;transform:translateY(1px)scale(.985)}.demo-tombol-kedua{color:var(--teks);border-color:var(--garis-kuat);background:0 0;font-weight:600}.demo-tombol-kedua:hover:not(:disabled){border-color:var(--aksen);background:var(--aksen-samar)}.demo-tombol:disabled,.demo-tombol-kedua:disabled{opacity:.45;cursor:not-allowed;transform:none}.demo-tombol-lebar{width:100%}.demo-kolom{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.demo-kolom label{color:var(--teks-badan);font-size:13px;font-weight:600}.demo-kolom input,.demo-kolom select,.demo-kolom textarea{background:var(--permukaan-rata);border:1px solid var(--garis-kuat);border-radius:calc(var(--radius) - 4px);color:var(--teks);width:100%;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.demo-kolom textarea{resize:vertical;min-height:84px;line-height:1.6}.demo-kolom input::placeholder,.demo-kolom textarea::placeholder{color:var(--teks-samar)}.demo-kolom input:focus,.demo-kolom select:focus,.demo-kolom textarea:focus{outline:2px solid var(--aksen);outline-offset:1px;border-color:#0000}.demo-kolom-galat input,.demo-kolom-galat select,.demo-kolom-galat textarea{border-color:#e05252}.demo-galat{color:var(--galat,#c62828);font-size:12.5px;font-weight:500}.demo-bantuan{color:var(--teks-samar);font-size:12.5px;line-height:1.6}.demo-kolom-dua{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:0 16px;display:grid}.demo-blok{border:1px solid var(--garis);border-radius:var(--radius-besar);background:var(--permukaan);box-shadow:var(--bayang);margin-bottom:20px;padding:clamp(20px,3vw,28px)}.demo-blok h2{font-family:var(--judul);color:var(--teks);margin:0 0 4px;font-size:18px;font-weight:700}.demo-blok-sub{color:var(--teks-lembut);margin:0 0 20px;font-size:13.5px;line-height:1.6}.demo-pilih{gap:10px;display:grid}.demo-pilih-baris{border:1px solid var(--garis);border-radius:calc(var(--radius) - 2px);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.demo-pilih-baris:hover{border-color:var(--aksen)}.demo-pilih-baris input{accent-color:var(--aksen);cursor:pointer;flex:none;width:17px;height:17px}.demo-pilih-terpilih{border-color:var(--aksen);background:var(--aksen-samar)}.demo-kosong{border:1px dashed var(--garis-kuat);border-radius:var(--radius-besar);text-align:center;padding:clamp(40px,7vw,70px) 24px}.demo-kosong h2{font-family:var(--judul);color:var(--teks);margin:0 0 8px;font-size:21px}.demo-kosong p{color:var(--teks-lembut);margin:0 0 20px;font-size:14.5px}.demo-rangka{background:linear-gradient(90deg, var(--permukaan-samar) 25%, var(--garis-lembut) 37%, var(--permukaan-samar) 63%);border-radius:calc(var(--radius) - 6px);background-size:400% 100%;animation:1.4s infinite rangkaKilau}@keyframes rangkaKilau{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.demo-rangka{animation:none}}.demo-situs a:focus-visible,.demo-situs button:focus-visible{outline:2px solid var(--aksen);outline-offset:3px;border-radius:4px}.pita-demo,.pita-lencana{--pita-latar:#17181c;--pita-teks:#c8cbd1;--pita-teks-kuat:#fff;--pita-garis:#ffffff29;--pita-aksen:#67e8f9}.pita-demo{z-index:200;border:1px solid var(--pita-garis);background:var(--pita-latar);color:var(--pita-teks);border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:11px 12px 11px 18px;font-size:12.5px;animation:.4s cubic-bezier(.16,1,.3,1) pitaMasuk;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000047}.pita-isi{min-width:0}.pita-demo strong{color:var(--pita-teks-kuat)}.pita-tautan{flex:none;gap:14px;display:flex}.pita-demo a{color:var(--pita-aksen);white-space:nowrap;font-weight:700}.pita-demo a:hover{text-underline-offset:2px;text-decoration:underline}.pita-tutup{width:28px;height:28px;color:var(--pita-teks);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.pita-tutup:hover{background:var(--pita-garis);color:var(--pita-teks-kuat)}.pita-lencana{z-index:200;border:1px solid var(--pita-garis);background:var(--pita-latar);color:var(--pita-teks);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 11px;font-family:inherit;font-size:11.5px;font-weight:700;transition:transform .15s,border-color .15s;display:inline-flex;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 18px #00000038}.pita-lencana:hover{border-color:var(--pita-aksen);transform:translateY(-2px)}.pita-titik{background:var(--pita-aksen);border-radius:999px;width:6px;height:6px}@media (max-width:780px){.pita-demo{max-width:none;padding:13px 44px calc(13px + env(safe-area-inset-bottom)) 16px;border-radius:14px 14px 0 0;flex-wrap:wrap;align-items:flex-start;gap:10px;bottom:0;left:0;right:0;transform:none}.pita-isi{flex:100%;order:1}.pita-tautan{order:2}.pita-tutup{position:absolute;top:10px;right:10px}.pita-lencana{padding:5px 11px 5px 9px;font-size:11px;top:70px;bottom:auto;left:12px}}@keyframes pitaMasuk{0%{opacity:0;transform:translate(-50%)translateY(12px)}}@media (max-width:780px){@keyframes pitaMasuk{0%{opacity:0;transform:translateY(14px)}}}.kabar-wadah{z-index:260;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:76px;right:16px}.kabar{border-radius:calc(var(--radius) - 2px);border:1px solid var(--garis);background:var(--permukaan-rata);color:var(--teks);pointer-events:auto;align-items:center;gap:11px;max-width:min(360px,100vw - 32px);padding:12px 16px;font-size:14px;animation:.32s cubic-bezier(.16,1,.3,1) kabarMasuk;display:flex;box-shadow:0 10px 34px #00000038}.kabar-tanda{background:var(--aksen);width:22px;height:22px;color:var(--aksen-atas);border-radius:999px;flex:none;place-items:center;display:grid}.kabar-pesan{font-weight:500}.kabar-tautan{color:var(--aksen-tulis);white-space:nowrap;flex:none;margin-left:auto;font-weight:700}.kabar-tautan:hover{text-underline-offset:2px;text-decoration:underline}@keyframes kabarMasuk{0%{opacity:0;transform:translate(20px)}}@media (max-width:620px){.kabar-wadah{top:auto;bottom:calc(var(--pita-tinggi,0px) + 84px);left:12px;right:12px}.kabar{max-width:none}@keyframes kabarMasuk{0%{opacity:0;transform:translateY(14px)}}}@media (prefers-reduced-motion:reduce){.pita-demo,.kabar{animation:none}}.demo-kepala-aksi{flex:none;align-items:center;gap:12px;display:flex}.demo-menu-tombol{border:1px solid var(--garis-kuat);color:var(--teks);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:9px;padding:8px 14px 8px 12px;font-family:inherit;font-size:13px;font-weight:600;display:none}.demo-menu-garis{background:currentColor;border-radius:2px;width:16px;height:2px;transition:background .2s;position:relative}.demo-menu-garis:before,.demo-menu-garis:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;transition:transform .24s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.demo-menu-garis:before{transform:translateY(-5px)}.demo-menu-garis:after{transform:translateY(5px)}.demo-menu-garis[data-buka=true]{background:0 0}.demo-menu-garis[data-buka=true]:before{transform:rotate(45deg)}.demo-menu-garis[data-buka=true]:after{transform:rotate(-45deg)}.demo-menu-tirai{z-index:118;opacity:0;pointer-events:none;background:#0000006b;transition:opacity .24s;position:fixed;inset:0}.demo-menu-tirai.demo-menu-terbuka{opacity:1;pointer-events:auto}.demo-menu-panel{z-index:119;background:var(--latar);border-left:1px solid var(--garis);visibility:hidden;flex-direction:column;gap:2px;width:min(310px,84vw);padding:84px 20px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.demo-menu-panel.demo-menu-terbuka{visibility:visible;transform:translate(0)}.demo-menu-panel a{color:var(--teks-badan);border-bottom:1px solid var(--garis-lembut);justify-content:space-between;align-items:center;padding:15px 4px;font-size:16.5px;font-weight:600;display:flex}.demo-menu-panel a span{color:var(--teks-samar);transition:transform .15s}.demo-menu-panel a:hover span{transform:translate(3px)}.demo-menu-panel a.demo-menu-aktif{color:var(--aksen-tulis)}@media (max-width:780px){.demo-nav{display:none!important}.demo-menu-tombol{display:inline-flex}.demo-kepala-dalam{gap:12px}}@media (min-width:781px){.demo-menu-panel,.demo-menu-tirai{display:none}}@media (prefers-reduced-motion:reduce){.demo-menu-panel,.demo-menu-tirai,.demo-menu-garis,.demo-menu-garis:before,.demo-menu-garis:after{transition:none}}.foto-hero{border-radius:var(--radius-besar);background:var(--permukaan-2);width:100%;box-shadow:var(--bayang-angkat);position:relative;overflow:hidden}.foto-hero a{width:100%;height:100%;display:block}.foto-hero img{object-fit:cover;width:100%;height:100%;transition:opacity .6s,transform .5s cubic-bezier(.16,1,.3,1);display:block}.foto-hero a:hover img{transform:scale(1.02)}.foto-hero-ket{border-radius:calc(var(--radius) - 2px);color:#ffffffd1;pointer-events:none;background:#0c0b0ab8;border:1px solid #ffffff24;flex-direction:column;gap:2px;padding:11px 15px;font-size:12.5px;line-height:1.45;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.foto-hero-ket strong{color:#fff;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){.foto-hero img{transition:none}.foto-hero a:hover img{transform:none}}
.demo-kursor-aktif,.demo-kursor-aktif a,.demo-kursor-aktif button{cursor:none}.demo-kursor-titik,.demo-kursor-cincin{z-index:9999;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.demo-kursor-titik{background:var(--aksen,#22d3ee);width:6px;height:6px}.demo-kursor-cincin{border:1px solid var(--garis-kuat,#94a3b873);width:34px;height:34px;transition:border-color .25s,background .25s}@media (pointer:coarse){.demo-kursor-titik,.demo-kursor-cincin{display:none}.demo-kursor-aktif,.demo-kursor-aktif a,.demo-kursor-aktif button{cursor:auto}}.ungkap-kata{vertical-align:bottom;display:inline-block;overflow:hidden}.ungkap-kata>span{opacity:0;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .75s;display:inline-block;transform:translateY(110%)}.ungkap-jalan .ungkap-kata>span{opacity:1;transform:translateY(0)}.demo-gradien-hidup{background-color:#060914;background-image:radial-gradient(circle at 25% 30%,#2563eb8c,#0000 55%),radial-gradient(circle at 75% 65%,#7c3aed80,#0000 55%),radial-gradient(circle at 50% 90%,#22d3ee4d,#0000 55%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:180% 180%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:22s ease-in-out infinite alternate gradienHidup;position:absolute;inset:0}@keyframes gradienHidup{0%{background-position:0 0,100% 100%,50% 100%}to{background-position:60% 40%,40% 60%,50% 40%}}.demo-3d{width:100%;transition:opacity .9s}.demo-3d canvas{display:block;width:100%!important;height:100%!important}.geser-wadah{position:relative}.geser-panel{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.geser-jalur{will-change:transform;gap:clamp(18px,3vw,34px);padding:0 6vw;display:flex}.demo-garis{background:linear-gradient(90deg,#0000,#94a3b838,#0000);height:1px}@media (prefers-reduced-motion:reduce){.ungkap-kata>span{opacity:1;transition:none;transform:none}.demo-gradien-hidup{animation:none}}.pembuka{z-index:9998;background:var(--latar,#060914);justify-content:center;align-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1),opacity 1s;display:flex;position:fixed;inset:0}.pembuka-naik{opacity:0;transform:translateY(-100%)}.pembuka-isi{text-align:center;padding:0 24px}.pembuka-jenis{letter-spacing:3px;text-transform:uppercase;opacity:0;margin-bottom:16px;font-size:11.5px;font-weight:700;animation:.7s .15s forwards pembukaMasuk}.pembuka-nama{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-1.8px;color:var(--teks,#f8fafc);opacity:0;font-size:clamp(28px,6vw,60px);font-weight:700;animation:.8s cubic-bezier(.16,1,.3,1) .32s forwards pembukaMasuk}.pembuka-garis{background:#94a3b829;width:min(220px,60vw);height:2px;margin:26px auto 0;overflow:hidden}.pembuka-garis span{transform-origin:0;width:100%;height:100%;animation:1.15s cubic-bezier(.5,0,.2,1) .4s forwards pembukaGaris;display:block;transform:scaleX(0)}@keyframes pembukaMasuk{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pembukaGaris{to{transform:scaleX(1)}}.progres-demo{z-index:150;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.progres-jalur{background:#94a3b82e;width:1px;height:26vh;position:relative;overflow:hidden}.progres-isi{background:linear-gradient(#22d3ee,#7c3aed);border-radius:2px;width:3px;position:absolute;top:0;left:-1px}.progres-angka{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:1px;color:#74839c;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}@media (max-width:899px){.progres-demo{display:none}}.kartu-demo{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s}.kartu-demo:hover{border-color:#22d3ee52;transform:translateY(-5px)}@media (prefers-reduced-motion:reduce){.pembuka,.pembuka-jenis,.pembuka-nama,.pembuka-garis span{transition:none;animation:none}.kartu-demo:hover{transform:none}}.adegan-wadah{z-index:0;position:relative}.adegan-panel{transform-origin:50% 42%;will-change:transform, opacity;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.adegan-kanvas{width:100%;height:100%;transition:opacity .8s;display:block;position:absolute;inset:0}.adegan-tirai{pointer-events:none;background:linear-gradient(#06091494,#06091442 45%,#060914e6);position:absolute;inset:0}.naik-menutupi{z-index:1;background:var(--latar,#060914);border-radius:clamp(20px,3vw,36px) clamp(20px,3vw,36px) 0 0;margin-top:-1px;position:relative;box-shadow:0 -30px 80px #00000073}.naik-menutupi:before{content:"";background:linear-gradient(90deg,#0000,#94a3b847,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.tumpuk{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;position:sticky;top:clamp(60px,12vh,120px)}.tumpuk-tertutup{opacity:.55;transform:scale(.955)translateY(-6px)}.demo-masuk{animation:.65s cubic-bezier(.16,1,.3,1) backwards demoMasuk}@keyframes demoMasuk{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.adegan-panel,.tumpuk,.demo-masuk{transition:none;animation:none;transform:none!important}}