.pub{font-family:var(--font-inter),"Inter",system-ui,sans-serif;background:#070d0b;color:#e8f0ea;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.pub button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;line-height:normal}.pub input{font-family:inherit;font-size:14px}.pub :focus-visible{outline:2px solid #7de3bd;outline-offset:3px;border-radius:6px;box-shadow:none}.pub .lewati{position:absolute;left:-9999px;top:0;z-index:99;background:#25c98a;color:#04231a;padding:10px 16px;border-radius:0 0 10px 0;font-weight:700;font-size:13px}.pub .lewati:focus{left:0}.pub .pub-wrap{max-width:1180px;margin:0 auto;padding:0 24px}.pub h1,.pub h2,.pub h3{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;letter-spacing:-.02em;color:#fff;font-weight:700;line-height:inherit}.pub p{color:#a8bdb0}.pub .pub-nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:rgba(7,13,11,.78);border-bottom:1px solid rgba(255,255,255,.07)}.pub .pub-nav .in{display:flex;align-items:center;gap:26px;max-width:1180px;margin:0 auto;padding:14px 24px}.pub .pub-logo{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}.pub .pub-logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#25c98a,#0e7c6b);display:grid;place-items:center;font-style:normal;font-size:15px}.pub .pub-nav button.tautan{font-size:13.5px;color:#a8bdb0;cursor:pointer;font-family:inherit}.pub .pub-nav button.tautan:hover{color:#fff}.pub .pub-nav .sp{flex:1}.pub .pub-hero{position:relative;padding:86px 0 110px;min-height:620px}.pub .pub-hero .grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.pub .pub-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#25c98a;background:rgba(37,201,138,.1);border:1px solid rgba(37,201,138,.25);padding:6px 13px;border-radius:999px;margin-bottom:20px}.pub .pub-hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.05;margin-bottom:18px}.pub .pub-hero h1 em{font-style:normal;background:linear-gradient(100deg,#25c98a,#7de3bd);-webkit-background-clip:text;background-clip:text;color:transparent}.pub .pub-hero p.lead{font-size:16.5px;line-height:1.65;max-width:520px;margin-bottom:26px}.pub .pub-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pub .pbtn{padding:13px 24px;border-radius:11px;font-size:14.5px;font-weight:600;transition:.16s;border:1px solid transparent}.pub .pbtn-1{background:linear-gradient(140deg,#25c98a,#0e9f74);color:#04231a;box-shadow:0 10px 30px rgba(37,201,138,.28)}.pub .pbtn-1:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(37,201,138,.36)}.pub .pbtn-2{background:rgba(255,255,255,.06);color:#e8f0ea;border-color:rgba(255,255,255,.16)}.pub .pbtn-2:hover{background:rgba(255,255,255,.11)}.pub .pub-gratis{font-size:12.5px;color:#7f9a8c;margin-top:14px}.pub .dot{width:7px;height:7px;border-radius:99px;background:#25c98a;flex:none}.pub .orb{position:absolute;border-radius:50%;filter:blur(52px);opacity:.5;pointer-events:none}.pub .orb-a{width:340px;height:340px;background:#0e7c6b;left:-70px;top:20px}.pub .orb-b{width:260px;height:260px;background:#1f7a52;right:-40px;bottom:0}.pub .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.pub .rv.in{opacity:1;transform:none}.pub .rv-d1{transition-delay:.08s}.pub .rv-d2{transition-delay:.16s}.pub .rv-d3{transition-delay:.24s}.pub .rv-d4{transition-delay:.32s}.pub .pub-sec{padding:92px 0;position:relative}.pub .pub-sec.alt{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent)}.pub .pub-h{max-width:640px;margin-bottom:44px}.pub .pub-h h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin-bottom:14px}.pub .pub-h p{font-size:15.5px;line-height:1.7}.pub .ai-band{background:radial-gradient(1100px 380px at 20% 0,rgba(37,201,138,.13),transparent 70%)}.pub .ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px}.pub .ai-card{background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(125,227,189,.16);border-radius:16px;padding:20px;transform-style:preserve-3d;transition:transform .3s,border-color .3s,box-shadow .3s}.pub .ai-card:hover{transform:translateY(-6px) rotateX(4deg);border-color:rgba(125,227,189,.42);box-shadow:0 22px 50px rgba(0,0,0,.4)}.pub .ai-card .ic{width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,rgba(37,201,138,.28),rgba(14,124,107,.2));display:grid;place-items:center;font-size:18px;margin-bottom:13px}.pub .ai-card h3{font-size:16px;margin-bottom:7px}.pub .ai-card p{font-size:13.5px;line-height:1.6}.pub .ai-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7de3bd;background:rgba(37,201,138,.13);padding:3px 9px;border-radius:999px;margin-top:11px}.pub .ai-jaga{margin-top:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:22px 24px}.pub .ai-jaga h3{font-size:16px;margin-bottom:12px}.pub .ai-jaga ul{display:grid;gap:9px;margin-left:19px}.pub .ai-jaga li{list-style:disc;font-size:13.5px;color:#a8bdb0;line-height:1.6}.pub .ai-jaga li b{color:#e8f0ea}.pub .tower-teks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:34px}.pub .tower-teks div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:15px 17px}.pub .tower-teks b{display:block;font-size:14px;color:#fff;margin-bottom:3px}.pub .tower-teks span{font-size:12.5px;color:#7f9a8c}.pub .jj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.pub .jj-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px;transition:.25s}.pub .jj-card:hover{background:rgba(255,255,255,.075);transform:translateY(-4px)}.pub .jj-card b{display:block;font-size:19px;color:#fff;margin-bottom:8px;font-family:var(--font-fraunces),"Fraunces",Georgia,serif}.pub .jj-card p{font-size:13px;line-height:1.6}.pub .jj-card .n{font-size:11.5px;color:#7de3bd;margin-top:11px;display:block}.pub .angka-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.pub .angka{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:22px;text-align:center}.pub .angka b{display:block;font-size:34px;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;color:#7de3bd;line-height:1;font-variant-numeric:tabular-nums}.pub .angka span{display:block;font-size:12.5px;color:#a8bdb0;margin-top:7px}.pub .ai-akses{margin-top:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:rgba(37,201,138,.08);border:1px solid rgba(37,201,138,.24);border-radius:14px;padding:15px 18px;font-size:13.5px;line-height:1.6;color:#bcd8c9}.pub .ai-akses b{color:#e8f0ea}.pub .ai-akses span{flex:1;min-width:260px}.pub .pkt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px 26px;display:flex;flex-direction:column}.pub .pkt--dasar{background:linear-gradient(150deg,rgba(37,201,138,.15),rgba(14,124,107,.05));border-color:rgba(125,227,189,.34);margin-bottom:38px}.pub .pkt-atas{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:18px}.pub .pkt-nama{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:19px;font-weight:600;color:#fff;letter-spacing:-.01em}.pub .pkt-sub{font-size:12.5px;color:#8fa89a;margin-top:4px;line-height:1.5}.pub .pkt-harga{text-align:right}.pub .pkt-harga b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:29px;font-weight:600;color:#7de3bd;line-height:1.1;font-variant-numeric:tabular-nums}.pub .pkt-harga span{display:block;font-size:11.5px;color:#8fa89a;margin-top:4px;max-width:220px}.pub .pkt ul{list-style:none;display:grid;gap:10px;margin:0}.pub .pkt-kolom{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px 26px}.pub .pkt li{position:relative;padding-left:19px;font-size:13.5px;line-height:1.55;color:#cfe3d7}.pub .pkt li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:#25c98a}.pub .pkt li.no{color:#8fa89a}.pub .pkt li.no:before{background:none;border:1px solid rgba(255,255,255,.28);width:7px;height:7px;top:7px}.pub .pkt-judul{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:17px;font-weight:600;color:#fff;margin-bottom:16px}.pub .pkt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pub .pkt-buka{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7de3bd;background:rgba(37,201,138,.13);padding:4px 10px;border-radius:999px;margin-bottom:14px}.pub .pkt-catatan{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pub .pkt-catatan div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:18px 20px;font-size:13px;line-height:1.65;color:#a8bdb0}.pub .pkt-catatan b{color:#e8f0ea}.pub .as-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:16px;margin-bottom:38px}.pub .as-peran{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}.pub .as-peran h3{font-size:16px;margin-bottom:6px}.pub .as-peran .keadaan{font-size:12.5px;color:#7f9a8c;line-height:1.55;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);font-style:italic}.pub .as-peran ul{list-style:none;display:grid;gap:10px}.pub .as-peran li{position:relative;padding-left:17px;font-size:13px;line-height:1.55;color:#cfe3d7}.pub .as-peran li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#25c98a}.pub .as-split{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;align-items:start}.pub .as-tutup{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:clamp(19px,2.3vw,27px);line-height:1.4;color:#fff;text-align:center;max-width:740px;margin:46px auto 0;letter-spacing:-.01em}.pub .demo{background:linear-gradient(155deg,rgba(20,76,59,.55),rgba(9,40,31,.35));border:1px solid rgba(125,227,189,.22);border-radius:18px;padding:22px 24px}.pub .demo-pita{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7de3bd;margin-bottom:13px}.pub .demo-perintah{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-size:13.5px;color:#e8f0ea;line-height:1.55;margin-bottom:6px}.pub .demo-perintah em{display:block;font-style:normal;font-size:11px;color:#7f9a8c;margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.pub .demo-kaki{font-size:11.5px;color:#7f9a8c;margin-bottom:16px}.pub .langkah{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.pub .langkah:last-child{border-bottom:none}.pub .langkah.izin{background:rgba(201,135,31,.12);border-radius:12px;padding:13px;margin:5px -7px;border:1px solid rgba(240,201,135,.32)}.pub .lk-ik{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800;border:1px solid;margin-top:1px}.pub .langkah b{display:block;font-size:13px;font-weight:550;color:#e8f0ea;line-height:1.45}.pub .lk-tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-top:6px;background:rgba(240,201,135,.16);color:#f0c987}.pub .lk-tag--baca{background:rgba(125,227,189,.14);color:#7de3bd}.pub .lk-hasil{font-size:11.5px;color:#8fa89a;margin-top:5px;line-height:1.5}.pub .lk-izin{font-size:12px;color:#f0c987;margin-top:6px;line-height:1.5}.pub .demo-aksi{display:flex;gap:9px;justify-content:flex-end;align-items:center;margin-top:16px;flex-wrap:wrap}.pub .demo-ring{flex:1;font-size:12px;color:#8fa89a;min-width:180px}.pub .dbtn{font-size:12.5px;font-weight:600;padding:9px 15px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#cfe3d7}.pub .dbtn:hover{background:rgba(255,255,255,.11)}.pub .dbtn--ok{background:#25c98a;border-color:#25c98a;color:#04231a}.pub .dbtn--ok:hover{background:#38d79b}.pub .pub-foot{border-top:1px solid rgba(255,255,255,.08);padding:40px 0;font-size:12.5px;color:#7f9a8c}.pub .pub-foot .in{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:0 24px}@media(max-width:720px){.pub .pub-nav .in{gap:8px;padding:10px 12px}.pub .pub-nav .in .pbtn{padding:8px 11px;font-size:12.5px}}.pub{--sp:0;--cp:0;--tp:0;--mx:0;--my:0;overflow-x:clip}.pub .pub-progress{position:sticky;top:56px;z-index:41;height:3px;background:rgba(255,255,255,.06)}.pub .pub-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp));background:linear-gradient(90deg,#6EE7B7,#25c98a);box-shadow:0 0 12px rgba(37,201,138,.5)}.pub .pub-cinema{height:2100px;position:relative}.pub .pub-cinema-pin{position:sticky;top:56px;height:calc(100svh - 56px);min-height:560px;display:grid;place-items:stretch}.pub .pub-cinema-pin .grid2{height:100%;align-items:center;padding:28px 0 40px}.pub .pub-hint{display:flex;align-items:center;gap:10px;margin-top:20px;color:#86efac;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.pub .pub-hint .mouse{width:18px;height:28px;border:1.5px solid #6ee7b7;border-radius:10px;position:relative}.pub .pub-hint .mouse:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:2px;background:#6EE7B7;transform:translateX(-50%);animation:pub-wheel 1.3s ease-in-out infinite}@keyframes pub-wheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(8px)}}.pub .helix{position:relative;height:100%;min-height:440px;perspective:1400px;perspective-origin:50% 46%}.pub .helix-cam{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(18deg + var(--my)*10deg)) rotateY(calc(var(--cp)*-320deg + var(--mx)*18deg));will-change:transform}.pub .helix-glow{width:220px;height:220px;margin:-110px 0 0 -110px;background:radial-gradient(circle,rgba(37,201,138,.45),transparent 68%);filter:blur(16px);pointer-events:none}.pub .gem,.pub .helix-glow{position:absolute;left:50%;top:48%}.pub .gem{width:72px;height:72px;margin:-36px 0 0 -36px;transform-style:preserve-3d;transform:rotateX(18deg) rotate(calc(var(--cp)*40deg))}.pub .gem i{position:absolute;inset:10px;background:linear-gradient(135deg,rgba(125,227,189,.55),rgba(14,124,107,.2));border:1px solid rgba(125,227,189,.55)}.pub .gem .g1{transform:rotateY(0deg) translateZ(22px)}.pub .gem .g2{transform:rotateY(90deg) translateZ(22px)}.pub .gem .g3{transform:rotateY(180deg) translateZ(22px)}.pub .gem .g4{transform:rotateY(-90deg) translateZ(22px)}.pub .gem .g5{transform:rotateX(90deg) translateZ(22px);background:linear-gradient(180deg,#7de3bd,#0e7c6b)}.pub .gem .g6{transform:rotateX(-90deg) translateZ(22px);background:#04231a}.pub .helix-ring{position:absolute;inset:0}.pub .panel{position:absolute;left:50%;top:50%;width:168px;height:108px;margin:-54px 0 0 -84px;border-radius:14px;padding:14px 14px 12px;background:linear-gradient(155deg,rgba(20,76,59,.96),rgba(9,40,31,.92));border:1px solid rgba(125,227,189,.32);box-shadow:0 16px 40px rgba(0,0,0,.42);backface-visibility:hidden}.pub .panel b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:13.5px;color:#fff;margin-bottom:4px}.pub .panel span{display:block;font-size:11px;color:#7de3bd;line-height:1.35}.pub .bead{width:8px;height:8px;margin:-4px;border-radius:50%;background:#25c98a;box-shadow:0 0 10px rgba(37,201,138,.8)}.pub .bead,.pub .orbit{position:absolute;left:50%;top:50%}.pub .orbit{width:340px;height:340px;margin:-170px;border:1px dashed rgba(125,227,189,.22);border-radius:50%;transform:rotateX(78deg)}.pub .pilar-ring{position:relative;height:620px;perspective:1200px;perspective-origin:50% 0;margin:8px auto 12px;overflow:visible}.pub .pilar-cam{position:absolute;inset:0;transform-style:preserve-3d;transform:none!important}.pub .pilar-card:first-child{transform:translate(-50%) rotateX(10deg)}.pub .pilar-card:nth-child(2){transform:translate(-50%,72px) rotateX(12deg)}.pub .pilar-card:nth-child(3){transform:translate(-50%,144px) rotateX(14deg)}.pub .pilar-card:nth-child(4){transform:translate(-50%,216px) rotateX(16deg)}.pub .pilar-card:nth-child(5){transform:translate(-50%,288px) rotateX(18deg)}.pub .pilar-card:nth-child(6){transform:translate(-50%,360px) rotateX(20deg)}.pub .pilar-card:nth-child(7){transform:translate(-50%,432px) rotateX(22deg)}.pub .pilar-card{position:absolute;left:50%;top:24px;width:min(460px,92vw);border-radius:16px;padding:16px 18px;background:linear-gradient(155deg,rgba(20,76,59,.96),rgba(9,40,31,.94));border:1px solid rgba(125,227,189,.3);box-shadow:0 18px 36px rgba(0,0,0,.4);color:#e8f0ea;will-change:transform;transform-style:preserve-3d}.pub .pilar-card b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:15px;margin-bottom:4px;color:#fff}.pub .pilar-card span{display:block;font-size:12px;color:#7de3bd}.pub .pilar-card i{position:absolute;right:12px;top:12px;font-style:normal;font-size:11px;font-weight:700;color:#7de3bd;opacity:.7}.pub .pilar-hint{text-align:center;margin:8px 0 20px;color:#86efac;font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}@media(max-width:900px){.pub .pub-wrap{padding:0 16px}.pub .pub-nav .in{gap:8px;padding:10px 14px;flex-wrap:nowrap}.pub .pub-nav .in button.tautan{display:none}.pub .pub-nav .in .pbtn{padding:8px 12px;font-size:12.5px;white-space:nowrap}.pub .pub-hero .grid2{grid-template-columns:1fr;gap:18px}.pub .pub-hero{padding:0;min-height:0}.pub .pub-hero h1{font-size:clamp(28px,8vw,40px)}.pub .pub-hero p.lead{font-size:15px;max-width:none}.pub .pub-cinema{height:auto}.pub .pub-cinema-pin{position:relative;top:auto;height:auto;min-height:0}.pub .pub-cinema-pin .grid2{height:auto;padding:28px 0 20px}.pub .helix{height:280px;min-height:280px}.pub .panel{width:128px;height:88px;margin:-44px 0 0 -64px}.pub .pilar-ring{height:520px}.pub .pilar-card{width:170px;height:100px;margin:-50px 0 0 -85px;padding:12px}.pub .pub-sec{padding:48px 0}.pub .pub-h{margin-bottom:24px}.pub .as-split{grid-template-columns:1fr}.pub .pub-cta{gap:8px}.pub .pbtn{padding:12px 16px;font-size:13.5px}.pub .ai-grid,.pub .angka-grid,.pub .jj-grid,.pub .pkt-grid{gap:10px}.pub .pub-hint{margin-top:8px;font-size:11px}}@media(max-width:560px){.pub .pub-logo span{font-size:15px}.pub .helix,.pub .panel:nth-child(n+5),.pub .sat{display:none}.pub .pub-kicker{font-size:10.5px;padding:5px 10px}.pub .angka{padding:16px}.pub .angka b{font-size:26px}.pub .pkt,.pub .pkt--dasar{padding:18px 16px}.pub .pkt-atas{flex-direction:column}.pub .pkt-harga{text-align:left}.pub .ai-akses{flex-direction:column;align-items:stretch}.pub .pub-foot .in{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.pub .helix-cam,.pub .pilar-cam{transform:rotateX(12deg) rotateY(-16deg)!important}.pub .rv{transition:none;opacity:1}.pub .ai-card:hover,.pub .jj-card:hover,.pub .pbtn-1:hover,.pub .rv{transform:none}.pub .pub-hint .mouse:after{animation:none}.pub .pub-cinema{height:auto}.pub .pub-cinema-pin{position:relative;height:auto}}.pub .helix-ring{transform-style:preserve-3d}.pub .pub-hero .grid2>div:first-child{transform:translate3d(0,calc(var(--cp)*-28px),0);opacity:calc(1 - var(--cp)*.22);will-change:transform,opacity}.pub .helix{transform:translate3d(0,calc(var(--cp)*12px),0) scale(calc(1 + var(--cp)*.12));transform-origin:50% 48%}.pub .pub-hint{opacity:calc(1 - var(--cp)*1.2)}.pub .ai-card,.pub .jj-card,.pub .pkt{transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .55s,opacity .55s}.pub .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pub .hero-gl{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s ease;-webkit-mask-image:radial-gradient(120% 95% at 70% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(120% 95% at 70% 50%,#000 42%,transparent 100%)}.pub.gl-on .hero-gl{opacity:.9}.pub.gl-on .pub-hero .orb{opacity:.16}.pub .pub-hero>.pub-wrap{position:relative;z-index:1}@media(max-width:1228px){.pub .pub-cinema-pin .grid2{padding-left:24px;padding-right:24px}}@media(max-width:900px){.pub .pub-cinema-pin .grid2{padding-left:16px;padding-right:16px}}.pub .kata .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .03em .16em;margin:0 -.03em -.16em}.pub .kata .wi{display:inline-block;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.75,.12,1);transition-delay:calc(var(--i)*55ms)}.pub .kata.on .wi{transform:none}.pub .kata.gores .wi{transition:none;transform:translateY(calc((1 - var(--k,0))*110%));opacity:calc(.15 + var(--k,0)*.85)}.pub .pub-hero h1.kata em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}.pub .pub-hero h1.kata em .wi{background:linear-gradient(100deg,#25c98a,#7de3bd);-webkit-background-clip:text;background-clip:text;color:transparent}@media (hover:hover) and (pointer:fine){.pub .spot{position:relative;isolation:isolate}.pub .spot:before{padding:1px;background:radial-gradient(240px circle at var(--x,50%) var(--y,50%),rgba(125,227,189,.8),rgba(125,227,189,.12) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pub .spot:after,.pub .spot:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s}.pub .spot:after{z-index:-1;background:radial-gradient(380px circle at var(--x,50%) var(--y,50%),rgba(37,201,138,.09),transparent 65%)}.pub .spot:focus-visible:before,.pub .spot:hover:after,.pub .spot:hover:before{opacity:1}}.pub .mstack{display:none;position:relative;height:150px;margin:4px 0 0;perspective:900px}.pub .mk{position:absolute;left:0;right:0;top:30px;margin:0 auto;width:min(330px,100%);border-radius:14px;padding:13px 15px 14px;background:linear-gradient(155deg,rgba(20,76,59,.97),rgba(9,40,31,.95));border:1px solid rgba(125,227,189,.3);box-shadow:0 16px 36px rgba(0,0,0,.45);opacity:0;transform:translateY(36px) scale(.9);transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .75s;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}.pub .mk .dot{grid-row:span 2}.pub .mk b{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:14px;color:#fff}.pub .mk .v{font-size:12px;color:#7de3bd}.pub .mk .bar{grid-column:1/-1;display:block;height:4px;border-radius:9px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden}.pub .mk .bar i{display:block;height:100%;background:linear-gradient(90deg,#25c98a,#7de3bd)}.pub .mk.r0{opacity:1;transform:none;z-index:3}.pub .mk.r1{opacity:.6;transform:translateY(-13px) scale(.95);z-index:2}.pub .mk.r2{opacity:.3;transform:translateY(-25px) scale(.9);z-index:1}.pub .mk.keluar{opacity:0;transform:translateY(44px) scale(1.02) rotateX(-16deg);z-index:4}.pub .pres-tombol{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#a8bdb0;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.pub .pres-tombol:hover{color:#fff;border-color:rgba(125,227,189,.4)}.pub .pres-tombol kbd{font:inherit;font-size:10.5px;font-weight:700;color:#7de3bd;border:1px solid rgba(125,227,189,.35);border-radius:5px;padding:0 5px}.pub .lewati-adegan{font-size:12px;color:#7f9a8c;text-decoration:underline;text-underline-offset:3px;margin-top:14px;padding:4px 0}.pub .lewati-adegan:hover{color:#e8f0ea}.pub .alir{position:relative;height:320vh}.pub .alir-pin{position:sticky;top:56px;height:calc(100svh - 56px);min-height:560px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(900px 520px at 72% 50%,rgba(37,201,138,.075),transparent 70%),#070d0b}.pub .alir-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center;width:100%}.pub .alir-jam,.pub .kota-jam{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:#7de3bd;background:rgba(37,201,138,.1);border:1px solid rgba(37,201,138,.26);border-radius:999px;padding:5px 12px}.pub .alir-jam{margin-bottom:16px}.pub .alir-jam i,.pub .kota-jam i{width:7px;height:7px;border-radius:50%;background:#25c98a;animation:pub-detak 1.6s ease-out infinite}.pub .alir-judul{font-size:clamp(30px,4.3vw,58px);line-height:1.04;letter-spacing:-.03em;margin-bottom:22px}.pub .alir-judul em{font-style:normal;color:#25c98a}.pub .alir-log{list-style:none;display:grid;gap:7px;margin:0 0 18px}.pub .alir-log li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:baseline;font-size:13px;line-height:1.45;color:#cfe3d7;opacity:.14;transform:translateY(3px);transition:opacity .45s,transform .45s}.pub .alir-log li.on{opacity:1;transform:none}.pub .alir-log time{font-variant-numeric:tabular-nums;font-weight:700;color:#7de3bd;font-size:12px}.pub .alir-log b{color:#fff;font-weight:600}.pub .alir-akhir{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:clamp(17px,1.8vw,22px);color:#e8f0ea;line-height:1.35}.pub .alir-panggung{position:relative;width:100%;aspect-ratio:640/460}.pub .alir-panggung svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pub .al-dasar{fill:none;stroke:rgba(125,227,189,.18);stroke-width:1.4;stroke-dasharray:2 6;stroke-linecap:round}.pub .al-nyala{fill:none;stroke:#25c98a;stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(37,201,138,.7))}.pub .al-kepala .k-halo{fill:rgba(125,227,189,.22)}.pub .al-kepala .k-inti{fill:#effff8}.pub .al-simpul .cincin{fill:#0b1813;stroke:rgba(125,227,189,.4);stroke-width:1.6;transition:fill .4s,stroke .4s}.pub .al-simpul.on .cincin{fill:#25c98a;stroke:#b9f5dc}.pub .al-simpul .riak,.pub .inti-riak,.pub .src-riak{fill:none;stroke:#7de3bd;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}.pub .al-simpul.on .riak{animation:pub-riak 1.2s cubic-bezier(.2,.7,.3,1) 1}.pub .alir-panggung.inti-on .inti-riak{animation:pub-riak 1.5s cubic-bezier(.2,.7,.3,1) 1}.pub .al-src.tap .src-riak{animation:pub-riak 1.2s ease-out 1}.pub .al-src:not(.tap) .src-badan{animation:pub-napas 2.2s ease-in-out infinite}.pub .al-src .src-badan{fill:#0f2a21;stroke:#7de3bd;stroke-width:1.5}.pub .al-src .sidik{fill:none;stroke:#7de3bd;stroke-width:1.3;stroke-linecap:round;opacity:.85}.pub .inti-badan{fill:#11382c;stroke:rgba(125,227,189,.55);stroke-width:1.5;transition:fill .5s}.pub .alir-panggung.inti-on .inti-badan{fill:#25c98a}.pub .inti-halo{opacity:calc(.18 + var(--g,0)*.82)}.pub .al-label{position:absolute;white-space:nowrap;font-size:12px;line-height:1.3;color:rgba(232,240,234,.42);transition:color .4s;pointer-events:none}.pub .al-label b{display:block;font-weight:650;font-size:12.5px}.pub .al-label span{display:block;font-size:11px;color:#7de3bd;opacity:0;transform:translateY(-3px);transition:opacity .45s,transform .45s}.pub .al-label.on{color:#fff}.pub .al-label.on span{opacity:1;transform:none}.pub .al-label.kiri{text-align:right}.pub .al-label.atas,.pub .al-label.bawah{text-align:center}.pub .al-label--inti{font-size:9.5px;font-weight:700;text-align:center;line-height:1.2;color:rgba(232,240,234,.7);transform:translate(-50%,-50%);transition:color .4s}.pub .alir-panggung.inti-on .al-label--inti{color:#04231a}.pub .demo-perintah .caret{display:inline-block;width:2px;height:1.05em;background:#7de3bd;vertical-align:-2px;margin-left:2px;opacity:0}.pub .demo-perintah.mengetik .caret{opacity:1;animation:pub-kedip .9s steps(1) infinite}.pub .langkah.st-jalan b{background:linear-gradient(90deg,#e8f0ea,#7de3bd 40%,#e8f0ea 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pub-kilau 1.1s linear infinite}.pub .langkah .lk-hasil{animation:pub-muncul .5s cubic-bezier(.2,.8,.2,1) both}.pub .langkah{transition:opacity .6s}.pub .langkah.izin{position:relative;animation:pub-mendarat .75s cubic-bezier(.2,.9,.25,1.15) both}.pub .langkah.izin:after{content:"";position:absolute;inset:-1px;border-radius:12px;border:1px solid rgba(240,201,135,.75);pointer-events:none;animation:pub-denyut 1.9s ease-out .6s infinite}.pub .demo{transition:box-shadow .7s,border-color .7s}.pub .demo.tunggu{border-color:rgba(240,201,135,.45);box-shadow:0 0 0 6px rgba(240,201,135,.06),0 30px 70px rgba(0,0,0,.45)}.pub .demo.tunggu .langkah:not(.izin){opacity:.4}.pub .demo.tunggu .dbtn--ok{animation:pub-ajak 1.8s ease-in-out infinite}.pub .demo.tunggu .demo-ring{flex-basis:100%}.pub .demo-status{display:inline-flex;align-items:center;gap:7px;color:#f0c987;font-weight:650}.pub .demo-status i{width:8px;height:8px;border-radius:50%;background:#f0c987;animation:pub-detakAmber 1.4s ease-out infinite}.pub #pub-asisten .as-grid,.pub #pub-asisten .as-split>.ai-jaga,.pub #pub-asisten .as-tutup,.pub #pub-asisten .pub-h{transition:opacity .9s,filter .9s}.pub #pub-asisten.meredup .as-grid,.pub #pub-asisten.meredup .as-split>.ai-jaga,.pub #pub-asisten.meredup .as-tutup,.pub #pub-asisten.meredup .pub-h{opacity:.28;filter:saturate(.45)}.pub .pilar-disc{position:absolute;left:50%;top:calc(40% + 6px);width:min(480px,90vw);height:150px;pointer-events:none;opacity:max(0,calc(var(--mp,0)*1.9 - .9));transform:translateX(-50%) scale(calc(.72 + var(--mp,0)*.28));display:grid;place-items:center;z-index:30}.pub .pilar-disc .piring,.pub .pilar-disc .riak{position:absolute;inset:0;border-radius:50%}.pub .pilar-disc .piring{background:radial-gradient(ellipse at 50% 38%,rgba(125,227,189,.4),rgba(14,124,107,.3) 45%,rgba(9,40,31,.95) 74%);border:1px solid rgba(125,227,189,.6);box-shadow:0 6px 0 -1px rgba(37,201,138,.5),0 12px 0 -2px rgba(37,201,138,.4),0 18px 0 -3px rgba(37,201,138,.31),0 24px 0 -4px rgba(37,201,138,.23),0 30px 0 -5px rgba(37,201,138,.16),0 36px 0 -6px rgba(37,201,138,.1),0 48px 70px rgba(0,0,0,.55),0 0 90px rgba(37,201,138,.22)}.pub .pilar-disc .riak{border:1px solid rgba(125,227,189,.6);opacity:0}.pub .pilar-ring.menyatu .pilar-disc .riak{animation:pub-riakDisc 2.6s ease-out infinite}.pub .pilar-disc .lbl{position:relative;text-align:center}.pub .pilar-disc .lbl b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:21px;color:#fff;letter-spacing:-.01em}.pub .pilar-disc .lbl span{display:block;font-size:12px;color:#bff2dc;margin-top:3px}.pub .jj-card{display:flex;flex-direction:column}.pub .jj-card .n{margin-top:auto;padding-top:12px}.pub .jj-meter{margin-top:14px}.pub .jj-meter .tr{position:relative;height:6px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.pub .jj-meter .tr i{position:absolute;inset:0;transform-origin:0 50%}.pub .jj-meter .tr i.inti{background:linear-gradient(90deg,#1f9f73,#25c98a);transform:scaleX(var(--fi))}.pub .jj-meter .tr i.kj{background:linear-gradient(90deg,#8fd8e6,#5fb8cc);transform:translateX(calc(var(--fi)*100%)) scaleX(0);transition:transform .75s cubic-bezier(.2,.8,.2,1)}.pub .jj-meter .ang{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:12px;color:#a8bdb0;margin-top:7px}.pub .jj-meter .ang b{display:inline;font-family:inherit;font-size:13px;color:#fff;margin:0;font-variant-numeric:tabular-nums}.pub .jj-meter .ang em{font-style:normal;color:#8fd8e6;opacity:0;transform:translateX(-4px);transition:opacity .4s,transform .4s}.pub .jj-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pub .jj-chips span{font-size:10.5px;line-height:1.3;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#a8bdb0;opacity:.5;transform:translateY(4px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),color .35s;transition-delay:calc(var(--i)*38ms)}.pub .jj-chips span.kj{border-color:rgba(143,216,230,.32);color:#8fd8e6}.pub .jj-card:focus-visible .jj-chips span,.pub .jj-card:hover .jj-chips span{opacity:1;transform:none;color:#e8f0ea}.pub .jj-card:focus-visible .jj-chips span.kj,.pub .jj-card:hover .jj-chips span.kj{color:#bdeef7}.pub .jj-card:focus-visible .tr i.kj,.pub .jj-card:hover .tr i.kj{transform:translateX(calc(var(--fi)*100%)) scaleX(var(--fk))}.pub .jj-card:focus-visible .ang em,.pub .jj-card:hover .ang em{opacity:1;transform:none}@media (hover:none){.pub .jj-chips span{opacity:1;transform:none}.pub .jj-meter .tr i.kj{transform:translateX(calc(var(--fi)*100%)) scaleX(var(--fk))}.pub .jj-meter .ang em{opacity:1;transform:none}}.pub .kota{position:relative;height:340vh;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 30%)}.pub .kota-pin{position:sticky;top:56px;height:calc(100svh - 56px);min-height:600px;display:flex;align-items:center;overflow:hidden}.pub .kota-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;width:100%}.pub .kota-judul{font-size:clamp(28px,3.4vw,46px);line-height:1.07;margin:0 0 18px}.pub .kota-tahap{list-style:none;position:relative;display:grid;gap:9px;margin:0 0 16px;padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}.pub .kota-tahap:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:#25c98a;transform-origin:0 0;transform:scaleY(var(--kt,0))}.pub .kota-tahap li{opacity:.34;transition:opacity .45s}.pub .kota-tahap li.on{opacity:1}.pub .kota-tahap li b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:17px;color:#fff}.pub .kota-tahap li span{display:block;font-size:13px;color:#a8bdb0;line-height:1.55}.pub .kota-metrik{display:grid;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}.pub .kota-metrik div{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;font-size:13px;color:#8fa89a;border-bottom:1px solid rgba(255,255,255,.06);transition:background .4s,color .4s}.pub .kota-metrik div:last-child{border-bottom:0}.pub .kota-metrik div.on{background:rgba(37,201,138,.09);color:#e8f0ea}.pub .kota-metrik b{font-variant-numeric:tabular-nums;color:#7de3bd;font-weight:650;white-space:nowrap}.pub .kota-akhir{position:absolute;left:12px;top:12px;right:12px;z-index:2;margin:0;max-width:430px;padding:10px 13px;border-radius:11px;background:rgba(7,13,11,.82);border:1px solid rgba(125,227,189,.25);backdrop-filter:blur(6px);font-size:13px;line-height:1.5;color:#e8f0ea;opacity:0;transform:translateY(-6px);transition:opacity .5s,transform .5s}.pub .kota-akhir.on{opacity:1;transform:none}.pub .kota-kaki{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px}.pub .kota-kaki .lewati-adegan{margin-top:0}.pub .kota-dp{font-size:12px;color:#7f9a8c;margin:0}.pub .kota-panggung{position:relative;width:100%;aspect-ratio:8/5;border-radius:18px;overflow:hidden;background:#08120e;border:1px solid rgba(125,227,189,.18);box-shadow:0 30px 80px rgba(0,0,0,.45)}.pub .kota-panggung canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.pub .kota-jam{position:absolute;bottom:10px;right:12px;z-index:2;background:rgba(7,13,11,.78)}.pub .kota-cat{position:absolute;left:12px;bottom:14px;right:104px;z-index:2;font-size:11px;color:#8fa89a;opacity:0;transition:opacity .45s}.pub .kota-cat.on{opacity:1}.pub .rakit{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:linear-gradient(155deg,rgba(20,76,59,.34),rgba(9,40,31,.18));border:1px solid rgba(125,227,189,.2);border-radius:18px;padding:24px 26px}.pub .rakit-sub{font-size:13px;line-height:1.6;margin:-6px 0 16px}.pub .rakit-seg{display:inline-flex;gap:4px;background:rgba(0,0,0,.25);padding:3px;border-radius:10px;margin-bottom:14px}.pub .rakit-seg button{padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:650;color:#bcd8cc;transition:background .2s,color .2s}.pub .rakit-seg button[aria-pressed=true]{background:#25c98a;color:#04231a}.pub .rakit-opsi{display:grid;gap:8px;margin-bottom:14px}.pub .rakit-opsi button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}.pub .rakit-opsi button:hover{border-color:rgba(125,227,189,.35)}.pub .rakit-opsi .cek{width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;flex:none;font-size:12px;font-weight:800;color:transparent;transition:background .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}.pub .rakit-opsi button[aria-pressed=true]{border-color:rgba(125,227,189,.55);background:rgba(37,201,138,.09)}.pub .rakit-opsi button[aria-pressed=true] .cek{background:#25c98a;border-color:#25c98a;color:#04231a;transform:scale(1.08)}.pub .rakit-opsi b{display:block;font-size:13.5px;color:#fff}.pub .rakit-opsi em{display:block;font-style:normal;font-size:11.5px;color:#8fa89a;margin-top:1px}.pub .rakit-murid{display:grid;gap:7px;font-size:12.5px;color:#a8bdb0}.pub .rakit-murid[hidden]{display:none}.pub .rakit-murid b{color:#fff;font-variant-numeric:tabular-nums}.pub .rakit-murid input{accent-color:#25c98a;width:100%}.pub .rakit-kanan{background:rgba(4,12,9,.45);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.pub .rakit-angka b{display:block;font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:46px;color:#7de3bd;line-height:1;font-variant-numeric:tabular-nums}.pub .rakit-angka>span{display:block;font-size:12.5px;color:#a8bdb0;margin-top:5px}.pub .rakit-batang{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.pub .rakit-batang i{position:absolute;inset:0;transform-origin:0 50%;transform:translateX(0) scaleX(0);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.pub .rb-g{background:#25c98a}.pub .rb-a{background:#7de3bd}.pub .rb-k{background:#d9e59a}.pub .rb-m{background:#8fd8e6}.pub .rakit-rincian{list-style:none;display:grid;margin:0}.pub .rakit-rincian li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;font-size:12.5px;color:#cfe3d7;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.pub .rakit-rincian li.baru{animation:pub-muncul .45s cubic-bezier(.2,.8,.2,1) both}.pub .rakit-rincian li i{width:8px;height:8px;border-radius:50%;align-self:center}.pub .rakit-rincian li b{font-variant-numeric:tabular-nums;color:#fff;font-weight:600;text-align:right}.pub .rakit-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:6px;font-size:12.5px;color:#a8bdb0}.pub .rakit-total b{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:27px;color:#fff;font-variant-numeric:tabular-nums;text-align:right}.pub .rakit-total small{display:block;font-family:var(--font-inter),"Inter",system-ui,sans-serif;font-size:11px;color:#8fd8e6;font-weight:500}.pub .rakit-cat{font-size:11.5px;color:#8fa89a;line-height:1.6}.pub .pres-hud{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 16px;border-radius:14px;background:rgba(9,20,16,.9);backdrop-filter:blur(12px);border:1px solid rgba(125,227,189,.3);box-shadow:0 20px 60px rgba(0,0,0,.55);color:#e8f0ea;font-size:13px;max-width:96vw}.pub .pres-hud[hidden]{display:none}.pub .pres-no{font-variant-numeric:tabular-nums;color:#7de3bd;font-weight:700}.pub .pres-hud b{font-family:var(--font-fraunces),"Fraunces",Georgia,serif;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.pub .pres-bar{width:110px;height:3px;background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden;flex:none}.pub .pres-bar i{display:block;height:100%;background:#25c98a;transform-origin:0 50%;transform:scaleX(var(--pp,0))}.pub .pres-ket{font-size:11.5px;color:#8fa89a;white-space:nowrap}.pub .pres-hud button{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.07);color:#e8f0ea;font-size:13px;flex:none}.pub .pres-hud button:hover{background:rgba(255,255,255,.15)}html.kursor-sembunyi,html.kursor-sembunyi *{cursor:none!important}@keyframes pub-detak{0%{box-shadow:0 0 0 0 rgba(37,201,138,.55)}to{box-shadow:0 0 0 9px rgba(37,201,138,0)}}@keyframes pub-detakAmber{0%{box-shadow:0 0 0 0 rgba(240,201,135,.6)}to{box-shadow:0 0 0 9px rgba(240,201,135,0)}}@keyframes pub-riak{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes pub-riakDisc{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes pub-napas{0%,to{opacity:.7}50%{opacity:1}}@keyframes pub-kedip{50%{opacity:0}}@keyframes pub-kilau{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes pub-muncul{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes pub-mendarat{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes pub-denyut{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes pub-ajak{0%,to{box-shadow:0 0 0 0 rgba(37,201,138,.5)}50%{box-shadow:0 0 0 7px rgba(37,201,138,0)}}.pub .alir:not(.fx-on) *,.pub .kota:not(.fx-on) *{animation-play-state:paused!important}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.pub .pub-progress i{animation:pub-sdMaju linear both;animation-timeline:scroll(root)}.pub .pkt-catatan>div,.pub .tower-teks>div{animation:pub-sdMasuk linear both;animation-timeline:view();animation-range:entry 0 cover 28%}}}@keyframes pub-sdMaju{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pub-sdMasuk{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@media(min-width:901px) and (max-height:800px){.pub .kota-teks .pub-kicker{display:none}.pub .kota-judul{font-size:clamp(26px,3vw,38px);margin-bottom:14px}.pub .kota-tahap li span{font-size:12.5px}.pub .alir-judul{font-size:clamp(28px,3.8vw,50px);margin-bottom:16px}.pub .alir-log{gap:5px}}@media(max-width:900px){.pub .pres-tombol{display:none}.pub .alir{height:280vh}.pub .alir-pin{align-items:flex-start;padding-top:12px}.pub .alir-grid{grid-template-columns:1fr;gap:4px}.pub .alir-panggung{order:-1;aspect-ratio:360/440;width:min(100%,calc((100svh - 56px) * .5 * 360 / 440));margin:0 auto}.pub .alir-jam,.pub .alir-judul{margin-bottom:8px}.pub .alir-judul{font-size:clamp(24px,7vw,34px)}.pub .alir-log{gap:4px;margin-bottom:6px}.pub .alir-log li{font-size:12px;grid-template-columns:38px 1fr;opacity:1;transform:none}.pub .alir-log li:not(.tampak){display:none}.pub .alir-akhir{font-size:16px}.pub .al-label span{display:none}.pub .al-label b{font-size:10.5px}.pub .kota{height:300vh}.pub .kota-pin{align-items:flex-start;padding-top:12px}.pub .kota-grid{grid-template-columns:1fr;gap:12px}.pub .kota-panggung{order:-1}.pub .kota-dp,.pub .kota-teks .pub-kicker{display:none}.pub .kota-judul{font-size:clamp(22px,6.4vw,30px);margin-bottom:8px}.pub .kota-tahap{padding-left:12px;margin-bottom:10px}.pub .kota-tahap li:not(.on){display:none}.pub .kota-metrik div{padding:6px 12px;font-size:12px}.pub .kota-akhir{font-size:12px;padding:8px 10px;left:8px;right:8px;top:8px}.pub .kota-cat{display:none}.pub .rakit{grid-template-columns:1fr;padding:18px 16px}.pub .pilar-disc{height:110px;top:calc(40% + 2px)}.pub .pilar-disc .lbl b{font-size:17px}}@media(max-width:560px){.pub .mstack{display:block}.pub .rakit-angka b{font-size:38px}.pub .pres-bar,.pub .pres-hud .pres-ket{display:none}}@media(prefers-reduced-motion:reduce){.pub .kata .wi,.pub .kata.gores .wi{transform:none!important;transition:none;opacity:1!important}.pub .alir,.pub .kota{height:auto}.pub .alir-pin,.pub .kota-pin{position:relative;top:auto;height:auto;min-height:0;padding:72px 0}.pub .alir-jam i,.pub .demo-status i,.pub .kota-jam i{animation:none}.pub .langkah.st-jalan b{animation:none;background:none;color:#e8f0ea}.pub .langkah .lk-hasil,.pub .langkah.izin,.pub .rakit-rincian li.baru{animation:none}.pub .langkah.izin:after{display:none}.pub .al-simpul.on .riak,.pub .al-src .src-badan,.pub .al-src .src-riak,.pub .alir-panggung.inti-on .inti-riak,.pub .demo.tunggu .dbtn--ok,.pub .pilar-ring.menyatu .pilar-disc .riak{animation:none}.pub .hero-gl,.pub .jj-chips span,.pub .jj-meter .tr i.kj,.pub .mk,.pub .rakit-batang i,.pub .rakit-opsi .cek{transition:none}}.pub a.pbtn{display:inline-block;text-decoration:none}.pub .pub-foot-tautan{display:flex;gap:16px}.pub .pub-foot-tautan a:hover{color:#fff}.pub a.pbtn{line-height:normal}