.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}.tumpuk{position:sticky;top:clamp(60px,12vh,120px)}.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;-webkit-backdrop-filter:blur(14px);color:#cbd5e1;background:#060914db;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}}