.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:#22d3ee;width:6px;height:6px}.demo-kursor-cincin{border:1px solid #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}.pita-demo{z-index:200;color:#cbd5e1;background:#0a0f1e;border:1px solid #94a3b847;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:12.5px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.pita-demo a{color:#22d3ee;white-space:nowrap;font-weight:700}@media (prefers-reduced-motion:reduce){.ungkap-kata>span{opacity:1;transition:none;transform:none}.demo-gradien-hidup{animation:none}}.pembuka{z-index:9998;background:#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:#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:#060914;border-radius:clamp(20px,3vw,36px) clamp(20px,3vw,36px) 0 0;margin-top:-1px;position:relative;box-shadow:0 -30px 80px #000000bf}.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) both 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}}.demo-situs{--aksen:#22d3ee;--aksen-teks:#04222a;--aksen-terang:#67e8f9}.demo-wadah{max-width:1180px;margin:0 auto;padding:clamp(30px,5vw,56px) 24px 0}.demo-remah{color:#8794ad;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(18px,3vw,30px);font-size:13px;display:flex}.demo-remah a:hover{color:var(--aksen)}.demo-judul{font-family:var(--font-space-grotesk), sans-serif;letter-spacing:-1.5px;color:#f8fafc;margin:0 0 12px;font-size:clamp(28px,4.4vw,46px);font-weight:700;line-height:1.1}.demo-sub{color:#94a3b8;max-width:62ch;margin:0 0 clamp(26px,4vw,40px);font-size:16px;line-height:1.7}.demo-tombol,.demo-tombol-kedua{cursor:pointer;border:1px solid #0000;border-radius:11px;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,opacity .15s;display:inline-flex}.demo-tombol{background:var(--aksen);color:var(--aksen-teks)}.demo-tombol:hover:not(:disabled){background:var(--aksen-terang);transform:translateY(-1px)}.demo-tombol-kedua{color:#e2e8f0;background:0 0;border-color:#94a3b847;font-weight:600}.demo-tombol-kedua:hover:not(:disabled){border-color:var(--aksen);color:#f8fafc}.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:#cbd5e1;font-size:13px;font-weight:600}.demo-kolom input,.demo-kolom select,.demo-kolom textarea{color:#f8fafc;background:#0a0f1ecc;border:1px solid #94a3b83d;border-radius:10px;width:100%;padding:13px 14px;font-family:inherit;font-size:14.5px}.demo-kolom textarea{resize:vertical;min-height:84px;line-height:1.6}.demo-kolom input::placeholder,.demo-kolom textarea::placeholder{color:#8794ad}.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:#f87171b3}.demo-galat{color:#fca5a5;font-size:12.5px}.demo-bantuan{color:#8794ad;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{background:#0f152a73;border:1px solid #94a3b82e;border-radius:18px;margin-bottom:20px;padding:clamp(20px,3vw,28px)}.demo-blok h2{font-family:var(--font-space-grotesk), sans-serif;color:#f8fafc;margin:0 0 4px;font-size:18px;font-weight:700}.demo-blok-sub{color:#94a3b8;margin:0 0 20px;font-size:13.5px;line-height:1.6}.demo-pilih{gap:10px;display:grid}.demo-pilih-baris{cursor:pointer;border:1px solid #94a3b838;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.demo-pilih-baris:hover{border-color:color-mix(in srgb, var(--aksen) 45%, transparent)}.demo-pilih-baris input{accent-color:var(--aksen);cursor:pointer;flex:none;width:17px;height:17px}.demo-pilih-terpilih{border-color:var(--aksen);background:color-mix(in srgb, var(--aksen) 9%, transparent)}.demo-kosong{text-align:center;border:1px dashed #94a3b84d;border-radius:16px;padding:clamp(40px,7vw,70px) 24px}.demo-kosong h2{font-family:var(--font-space-grotesk), sans-serif;color:#f8fafc;margin:0 0 8px;font-size:21px}.demo-kosong p{color:#94a3b8;margin:0 0 20px;font-size:14.5px}.demo-situs a:focus-visible,.demo-situs button:focus-visible{outline:2px solid var(--aksen);outline-offset:3px;border-radius:4px}