.BerandaMock_root__J0wR4{--m-bg:#fff;--m-ink:#1c1c2e;--m-ink-2:#6b7280;--m-ink-3:#9ca3af;--m-line:#e5e7eb;--m-line-2:#f1f3f2;--m-card:#fff;--m-soft:#f3f5f4;--m-comp:#f5f7f6;--m-chrome:#ecefed;--m-dot:#d3dad6;--m-pop-line:#d1d5db;--m-green:#2dd4a0;--m-green-ink:#0a3d2d;--m-hover-shadow:0 8px 28px rgba(15,30,25,.13);--m-win-shadow:0 60px 120px -50px rgba(15,30,25,.38),0 20px 44px -28px rgba(15,30,25,.22);position:relative;height:100%;font-family:var(--font-dm-sans),"DM Sans",ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.4;color:var(--m-ink);-webkit-tap-highlight-color:transparent}html.dark .BerandaMock_root__J0wR4{--m-bg:#0e1117;--m-ink:#e2e8f0;--m-ink-2:#94a3b8;--m-ink-3:#64748b;--m-line:#252d3d;--m-line-2:#1a202c;--m-card:#161b27;--m-soft:#1c2333;--m-comp:#121721;--m-chrome:#121620;--m-dot:#2a3242;--m-pop-line:hsla(0,0%,100%,.22);--m-hover-shadow:0 8px 28px rgba(0,0,0,.35);--m-win-shadow:0 60px 120px -40px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.03)}.BerandaMock_stage__O2A1b{--sc:0.6;position:sticky;top:var(--lpa-hdr,76px);height:calc(100vh - var(--lpa-hdr, 76px));height:calc(100svh - var(--lpa-hdr, 76px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;overflow:clip}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_stage__O2A1b{gap:14px}.BerandaMock_box__KNBy0{position:relative;flex-shrink:0;width:calc(1280px * var(--sc));height:calc(800px * var(--sc));transform-origin:50% 85%}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_box__KNBy0{width:calc(410px * var(--sc));height:calc(864px * var(--sc))}.BerandaMock_canvas__cL1CX{position:absolute;left:0;top:0;width:1280px;height:800px;transform:scale(var(--sc));transform-origin:0 0;border-radius:14px;border:1px solid var(--m-line);background:var(--m-bg);box-shadow:var(--m-win-shadow);overflow:hidden}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_canvas__cL1CX{width:410px;height:864px;border:10px solid #0b0f14;border-radius:58px;box-shadow:var(--m-win-shadow),0 0 0 1px rgba(0,0,0,.25)}html.dark .BerandaMock_root__J0wR4[data-hp] .BerandaMock_canvas__cL1CX{box-shadow:var(--m-win-shadow),0 0 0 1.5px #2b3343}.BerandaMock_chrome__kSMyx{position:relative;height:40px;display:flex;align-items:center;padding:0 16px;background:var(--m-chrome);border-bottom:1px solid var(--m-line)}.BerandaMock_dots__51El_{display:flex;gap:7px}.BerandaMock_dots__51El_ i{width:11px;height:11px;border-radius:50%;background:var(--m-dot)}.BerandaMock_url__TfHcw{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:380px;height:26px;border-radius:8px;background:var(--m-bg);color:var(--m-ink-2);font-size:12.5px}.BerandaMock_app__KHYXC{position:absolute;left:0;right:0;top:40px;bottom:0;overflow:hidden;background:var(--m-bg)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_app__KHYXC{top:0;border-radius:48px}.BerandaMock_status__HGJh4{position:absolute;left:0;right:0;top:0;height:44px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:2px 30px 0 34px;background:var(--m-bg)}.BerandaMock_jam__iR0n8{font-size:15px;font-weight:600;letter-spacing:-.01em}.BerandaMock_island__5K6ri{position:absolute;left:50%;top:9px;width:104px;height:30px;margin-left:-52px;border-radius:20px;background:#000}.BerandaMock_sinyal__TEFwG{display:flex;align-items:flex-end;gap:2px;height:12px}.BerandaMock_sinyal__TEFwG i{width:3px;border-radius:1px;background:var(--m-ink)}.BerandaMock_sinyal__TEFwG i:first-child{height:4px}.BerandaMock_sinyal__TEFwG i:nth-child(2){height:6px}.BerandaMock_sinyal__TEFwG i:nth-child(3){height:8.5px}.BerandaMock_sinyal__TEFwG i:nth-child(4){height:11px}.BerandaMock_sinyal__TEFwG b{position:relative;width:24px;height:12px;margin-left:6px;border-radius:3.5px;border:1.5px solid color-mix(in srgb,var(--m-ink) 45%,transparent)}.BerandaMock_sinyal__TEFwG b:after{content:"";position:absolute;inset:1.5px 6px 1.5px 1.5px;border-radius:1.5px;background:var(--m-ink)}.BerandaMock_top__WwcKL{position:absolute;left:0;right:0;top:0;z-index:3;height:60px;display:flex;align-items:center;gap:12px;padding:0 22px 0 16px;background:var(--m-bg);border-bottom:1px solid var(--m-line-2)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_top__WwcKL{top:44px;height:54px;padding:0 14px 0 12px}.BerandaMock_burger__1Q5J1{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--m-ink-2)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_burger__1Q5J1{background:var(--m-card);box-shadow:0 1px 8px rgba(0,0,0,.08)}.BerandaMock_wordmark__xJ1Ca{font-size:19px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#2dd4a0,#5bc8c0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.BerandaMock_topRight__fzKpZ{margin-left:auto;display:flex;align-items:center;gap:14px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_topRight__fzKpZ{gap:9px}.BerandaMock_ring__4nzYP{display:block;flex-shrink:0}.BerandaMock_ringTrack__ScCY2{stroke:color-mix(in srgb,var(--m-green) 18%,transparent)}.BerandaMock_ringArc__WFwl7{stroke:var(--m-green)}.BerandaMock_instal__ssjnU{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#3b82f6;color:#fff;font-size:13.5px;font-weight:500}html.dark .BerandaMock_instal__ssjnU{background:#2559b5}.BerandaMock_plus__P9A72{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e3ecfe;color:#16a34a}html.dark .BerandaMock_plus__P9A72{background:#1d2942;color:#2dd4a0}.BerandaMock_ico__zFDSl{display:inline-grid;place-items:center;color:var(--m-ink-2)}.BerandaMock_bell__4oFUx{transform-origin:50% 10%}.BerandaMock_root__J0wR4[data-on] .BerandaMock_bell__4oFUx{animation:BerandaMock_goyang__o7594 .9s ease 1.3s both}.BerandaMock_avatar__3jDff{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fda4af,#f472b6 55%,#c084fc);color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 0 2px var(--m-bg),0 0 0 3px #fbcfe8}.BerandaMock_libtab__8Ffbj{position:absolute;right:0;top:76px;z-index:4;width:40px;height:58px;border-radius:14px 0 0 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#eef2f7;color:#16a34a}html.dark .BerandaMock_libtab__8Ffbj{background:#1a2233;color:#2dd4a0}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_libtab__8Ffbj{top:112px;width:34px;height:52px}.BerandaMock_view__3wVRG{position:absolute;left:0;right:0;top:60px;bottom:0;overflow:hidden}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_view__3wVRG{top:98px}.BerandaMock_home__IfrLy{position:absolute;inset:0;transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_home__IfrLy{opacity:0;transform:translateY(-28px) scale(.985);pointer-events:none}.BerandaMock_feed__OCUDg{position:relative;width:976px;margin:0 auto;padding:34px 0 230px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_feed__OCUDg{width:auto;padding:24px 16px 250px}.BerandaMock_hello__adUcr{margin:0 0 30px;text-align:center;font-size:52px;font-weight:700;line-height:1.12;letter-spacing:-.03em}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_hello__adUcr{margin-bottom:24px;padding:0 12px;font-size:34px;line-height:1.2}.BerandaMock_hw__lGMDH{display:inline-block;margin-right:.26em;padding-bottom:.08em;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(.5em)}.BerandaMock_hw__lGMDH:last-child{margin-right:0}.BerandaMock_root__J0wR4[data-on] .BerandaMock_hw__lGMDH{animation:BerandaMock_kataNaik__rRy9X .8s cubic-bezier(.16,1,.3,1) both}.BerandaMock_grp__Z3R3y{margin-bottom:26px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_grp__Z3R3y{margin-bottom:22px}.BerandaMock_gl__kr9iS{display:flex;align-items:center;gap:10px;margin-bottom:10px}.BerandaMock_gl__kr9iS span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--a);opacity:0;transform:translateX(-8px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_gl__kr9iS span{font-size:12px;letter-spacing:.05em}.BerandaMock_gl__kr9iS i{flex:1;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--a) 30%,transparent),transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.16,1,.3,1) .1s}.BerandaMock_grp__Z3R3y[data-in] .BerandaMock_gl__kr9iS span{opacity:1;transform:none}.BerandaMock_grp__Z3R3y[data-in] .BerandaMock_gl__kr9iS i{transform:none}.BerandaMock_grid__uzJ42{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_grid__uzJ42{grid-template-columns:repeat(2,1fr)}.BerandaMock_cell__R6r5m{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .45s ease calc(var(--i) * 55ms + 80ms),transform .7s cubic-bezier(.16,1,.3,1) calc(var(--i) * 55ms + 80ms)}.BerandaMock_grp__Z3R3y[data-in] .BerandaMock_cell__R6r5m{opacity:1;transform:none}.BerandaMock_card__vmHOm{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:110px;padding:14px;border-radius:14px;border:1px solid var(--m-line);background:var(--m-card);box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1)}.BerandaMock_card__vmHOm>svg{transform-origin:80% 80%;transition:transform .55s cubic-bezier(.16,1,.3,1)}.BerandaMock_card__vmHOm:hover,.BerandaMock_root__J0wR4[data-hover] .BerandaMock_card__vmHOm[data-target]{border-color:var(--c);transform:translateY(-3px);box-shadow:var(--m-hover-shadow)}.BerandaMock_card__vmHOm:hover>svg,.BerandaMock_root__J0wR4[data-hover] .BerandaMock_card__vmHOm[data-target]>svg{transform:translate(-6px,-5px) scale(1.08) rotate(-3deg)}.BerandaMock_card__vmHOm:active{transform:scale(.97)}.BerandaMock_lbl__EUw2_{position:relative;z-index:1;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#1c1c2e}html.dark .BerandaMock_lbl__EUw2_{color:#e2e8f0}.BerandaMock_card__vmHOm[data-baru] .BerandaMock_lbl__EUw2_{padding-bottom:30px}.BerandaMock_baru__ffOwj{position:absolute;left:14px;bottom:14px;z-index:2;overflow:hidden;padding:2px 6px;border-radius:999px;background:var(--m-green);color:var(--m-green-ink);font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.05em;text-transform:uppercase}.BerandaMock_baru__ffOwj:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.7) 50%,transparent 70%);transform:translateX(-120%)}.BerandaMock_root__J0wR4[data-on] .BerandaMock_grp__Z3R3y[data-in] .BerandaMock_baru__ffOwj:after{animation:BerandaMock_kilau__V_bpd 4s ease-in-out calc(1.4s + var(--i) * .18s) infinite}.BerandaMock_confirm__NfDGM{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:color-mix(in srgb,var(--m-bg) 86%,transparent);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.BerandaMock_card__vmHOm[data-open] .BerandaMock_confirm__NfDGM,.BerandaMock_root__J0wR4[data-confirm] .BerandaMock_card__vmHOm[data-target] .BerandaMock_confirm__NfDGM{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s}.BerandaMock_pop__4j5tS{display:flex;gap:4px;padding:6px;border-radius:12px;border:2px solid var(--m-pop-line);background:var(--m-card);box-shadow:0 20px 40px -12px rgba(0,0,0,.28);transform:scale(.9);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}html.dark .BerandaMock_pop__4j5tS{background:#1f2937}.BerandaMock_card__vmHOm[data-open] .BerandaMock_pop__4j5tS,.BerandaMock_root__J0wR4[data-confirm] .BerandaMock_card__vmHOm[data-target] .BerandaMock_pop__4j5tS{transform:none}.BerandaMock_pop__4j5tS .BerandaMock_mulai__wvESp{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border:0;border-radius:8px;font-family:inherit;line-height:inherit;cursor:pointer;background:var(--m-green);color:var(--m-green-ink)!important;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s ease,transform .15s ease}.BerandaMock_pop__4j5tS .BerandaMock_mulai__wvESp:hover{background:#25ba8c}.BerandaMock_root__J0wR4[data-press] .BerandaMock_card__vmHOm[data-target] .BerandaMock_mulai__wvESp{animation:BerandaMock_tekan__RnyEs .3s ease both}.BerandaMock_info__GxPA4{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#f9fafb;color:#4b5563;font-size:12px;font-weight:500;white-space:nowrap}html.dark .BerandaMock_info__GxPA4{background:hsla(0,0%,100%,.05);color:#9ca3af}.BerandaMock_chat__SEhaH{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_chat__SEhaH{opacity:1;transition:opacity .35s ease .25s}.BerandaMock_thread__s1rgl{display:flex;flex-direction:column;gap:22px;width:720px;margin:0 auto;padding-top:34px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_thread__s1rgl{width:auto;gap:16px;padding:70px 16px 0}.BerandaMock_uMsg__4qYDw{align-self:flex-end;max-width:78%;opacity:0}.BerandaMock_uMsg__4qYDw p{padding:11px 15px;border-radius:18px 18px 4px 18px;background:var(--m-soft);font-size:14.5px;line-height:1.5}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_uMsg__4qYDw{max-width:86%}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_uMsg__4qYDw{animation:BerandaMock_naik__2XQ5l .45s cubic-bezier(.16,1,.3,1) .05s both}.BerandaMock_aMsg__G9Hbm{display:flex;align-items:flex-start;gap:12px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_aMsg__G9Hbm{gap:10px}.BerandaMock_aAva__BrL6p{width:28px;height:28px;flex-shrink:0;border-radius:50%;opacity:0}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_aAva__BrL6p{animation:BerandaMock_tampil__fpv28 .3s ease .35s both}.BerandaMock_aBody__UyvQ5{position:relative;flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_aBody__UyvQ5{gap:10px}.BerandaMock_typing__J_ECM{position:absolute;left:0;top:9px;display:flex;gap:4px;opacity:0}.BerandaMock_typing__J_ECM i{width:7px;height:7px;border-radius:50%;background:var(--m-ink-3);animation:BerandaMock_lompat__Wj270 1s ease-in-out infinite}.BerandaMock_typing__J_ECM i:nth-child(2){animation-delay:.15s}.BerandaMock_typing__J_ECM i:nth-child(3){animation-delay:.3s}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_typing__J_ECM{animation:BerandaMock_titik__eZTU1 1.2s linear both}.BerandaMock_aEnd__woa5H,.BerandaMock_aTxt__qEJZO{font-size:14.5px;line-height:1.6}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_aEnd__woa5H,.BerandaMock_root__J0wR4[data-hp] .BerandaMock_aTxt__qEJZO{font-size:14px;line-height:1.55}.BerandaMock_w__4gfpY{opacity:0}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_w__4gfpY{animation:BerandaMock_kata__OP0EQ .3s ease-out both}.BerandaMock_aEnd__woa5H{opacity:0}.BerandaMock_root__J0wR4[data-akhir] .BerandaMock_aEnd__woa5H{animation:BerandaMock_naik__2XQ5l .45s cubic-bezier(.16,1,.3,1) .05s both}.BerandaMock_src__qRegX{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none}.BerandaMock_src__qRegX li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--m-line);background:var(--m-card);opacity:0}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_src__qRegX li{padding:8px 10px;gap:8px}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_src__qRegX li{animation:BerandaMock_naik__2XQ5l .45s cubic-bezier(.16,1,.3,1) both}.BerandaMock_srcIco__ki72W{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#ecfdf5;color:#059669}html.dark .BerandaMock_srcIco__ki72W{background:rgba(6,78,59,.45);color:#34d399}.BerandaMock_srcTxt__uqpWl{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--m-ink-2)}.BerandaMock_srcTxt__uqpWl b{font-weight:600;color:var(--m-ink)}.BerandaMock_srcTag__Xq8Qa{flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--m-soft);color:var(--m-ink-2);font-size:10.5px;font-weight:600}.BerandaMock_dock__FnoIg{position:absolute;left:50%;bottom:18px;z-index:5;width:720px;transform:translateX(-50%)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_dock__FnoIg{left:10px;right:10px;bottom:12px;width:auto;transform:none}.BerandaMock_steps__w76B1{position:absolute;left:0;right:0;bottom:calc(100% + 8px);overflow:hidden;border-radius:16px;border:1px solid #dbeafe;background:#eff6ff;opacity:0}html.dark .BerandaMock_steps__w76B1{border-color:rgba(59,130,246,.3);background:#161b27}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_steps__w76B1{animation:BerandaMock_naik__2XQ5l .45s cubic-bezier(.16,1,.3,1) .15s both}.BerandaMock_stepHead__6xwIU{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px}.BerandaMock_stepIco__mudXs{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:#2563eb;color:#fff}.BerandaMock_stepHead__6xwIU b{font-weight:500;color:#374151}html.dark .BerandaMock_stepHead__6xwIU b{color:#f1f5f9}.BerandaMock_stepN__8l2dZ{display:grid;color:#9ca3af}.BerandaMock_stepLine__BF_cr>span,.BerandaMock_stepN__8l2dZ>span{grid-area:1/1}.BerandaMock_stepChev__1lhTq{margin-left:auto;color:#9ca3af}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_stepN__8l2dZ{display:none}.BerandaMock_n2__pijWy{opacity:0}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_n1__120dg{animation:BerandaMock_sembunyi__hBPpo .2s ease both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_n2__pijWy{animation:BerandaMock_tampil__fpv28 .25s ease .05s both}.BerandaMock_stepLine__BF_cr{display:grid;padding:0 14px 9px;font-size:12px;color:#6b7280}html.dark .BerandaMock_stepLine__BF_cr{color:#94a3b8}.BerandaMock_stepRow__Ufs6i{display:flex;justify-content:center;align-items:flex-start;margin:0;padding:8px 14px 11px;list-style:none;border-top:1px solid rgba(191,219,254,.6)}html.dark .BerandaMock_stepRow__Ufs6i{border-top-color:rgba(59,130,246,.1)}.BerandaMock_stepItem__dZw7E{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:96px}.BerandaMock_stepItem__dZw7E+.BerandaMock_stepItem__dZw7E:before{content:"";position:absolute;top:9px;right:calc(50% + 15px);width:calc(100% - 30px);height:2px;border-radius:1px;background:#e5e7eb}html.dark .BerandaMock_stepItem__dZw7E+.BerandaMock_stepItem__dZw7E:before{background:hsla(0,0%,100%,.1)}.BerandaMock_dot__mVbd3{display:grid;width:20px;height:20px}.BerandaMock_dot__mVbd3>span{grid-area:1/1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700}.BerandaMock_dTodo__ewtF9{background:#f3f4f6;color:#9ca3af}html.dark .BerandaMock_dTodo__ewtF9{background:hsla(0,0%,100%,.06);color:#64748b}.BerandaMock_dCur__7teWV{background:#2563eb;color:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.18);opacity:0}.BerandaMock_dDone__b_yTE{background:#22c55e;color:#fff;opacity:0}.BerandaMock_dLbl__j1v5A{font-size:9.5px;white-space:nowrap;color:#9ca3af}.BerandaMock_stepItem__dZw7E[data-i="0"] .BerandaMock_dCur__7teWV{opacity:1}.BerandaMock_stepItem__dZw7E[data-i="0"] .BerandaMock_dLbl__j1v5A{color:#2563eb;font-weight:600}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="0"] .BerandaMock_dCur__7teWV{animation:BerandaMock_sembunyi__hBPpo .2s ease both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="0"] .BerandaMock_dDone__b_yTE{animation:BerandaMock_muncul__kpOh_ .35s cubic-bezier(.34,1.56,.64,1) both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="0"] .BerandaMock_dLbl__j1v5A{animation:BerandaMock_jadiHijau__aatfL .3s ease both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="1"] .BerandaMock_dCur__7teWV{animation:BerandaMock_muncul__kpOh_ .35s cubic-bezier(.34,1.56,.64,1) .1s both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="1"] .BerandaMock_dLbl__j1v5A{animation:BerandaMock_jadiBiru__GicrX .3s ease .1s both}.BerandaMock_root__J0wR4[data-balas] .BerandaMock_stepItem__dZw7E[data-i="1"]:before{animation:BerandaMock_garisHijau__do4BX .4s ease both}.BerandaMock_composer__ce0ie{position:relative;padding:8px;border-radius:26px;border:1px solid var(--m-line);background:var(--m-comp);box-shadow:0 12px 32px -14px rgba(15,30,25,.22)}.BerandaMock_chips__OUfsW{display:flex;gap:8px;padding:2px 6px 8px}.BerandaMock_chip__uRQVh{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:999px;background:var(--m-bg);font-size:13.5px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_chip__uRQVh{height:28px;padding:0 10px;font-size:13px}.BerandaMock_star__WJU1R{fill:#f59e0b;color:#f59e0b}.BerandaMock_inbox__q7CX5{padding:12px 14px 8px;border-radius:20px;border:1px solid var(--m-line);background:var(--m-card)}.BerandaMock_input__Gd5tI{position:relative;display:grid;align-items:center;height:24px;padding-left:4px;font-size:15px;color:var(--m-ink-3)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_input__Gd5tI{height:44px;align-items:start;font-size:14.5px;line-height:1.45}.BerandaMock_input__Gd5tI>span:not(.BerandaMock_caret__wTx1S){grid-area:1/1}.BerandaMock_caret__wTx1S{position:absolute;left:0;top:3px;width:1.5px;height:18px;background:var(--m-green);animation:BerandaMock_kedip__Q6oKu 1.1s steps(1) infinite}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_caret__wTx1S{display:none}.BerandaMock_ph1__rr4Mg,.BerandaMock_root__J0wR4[data-chat] .BerandaMock_ph0__BPPK0{opacity:0}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_ph0__BPPK0{animation:BerandaMock_tampil__fpv28 .3s ease .1s both}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_ph1__rr4Mg{animation:BerandaMock_phLangkah__izAYa .8s linear both}.BerandaMock_ketik__L__EF{color:var(--m-ink)}.BerandaMock_kw__Ysmc0{opacity:0}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_kw__Ysmc0{animation:BerandaMock_tampil__fpv28 .08s linear both}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_ketik__L__EF{animation:BerandaMock_sembunyi__hBPpo .15s ease both}.BerandaMock_tools__v2oRj{display:flex;align-items:center;gap:14px;margin-top:10px}.BerandaMock_toolsR__5Izdz{display:flex;align-items:center;gap:14px;margin-left:auto}.BerandaMock_clip__9_XWX{color:#16a34a}.BerandaMock_search__Rmc2J{color:#2dd4a0}.BerandaMock_sendWrap___hcJ_{display:grid;place-items:center;width:30px;height:30px}.BerandaMock_sendWrap___hcJ_>*{grid-area:1/1}.BerandaMock_send__EBMs_{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--m-green);color:var(--m-green-ink);opacity:0;transform:scale(.6)}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_search__Rmc2J{animation:BerandaMock_sembunyi__hBPpo .15s ease .85s both}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_search__Rmc2J{animation:BerandaMock_tampil__fpv28 .2s ease .25s both}.BerandaMock_root__J0wR4[data-chat] .BerandaMock_send__EBMs_{animation:BerandaMock_muncul__kpOh_ .25s ease .85s both}.BerandaMock_root__J0wR4[data-kirim] .BerandaMock_send__EBMs_{animation:BerandaMock_kirimTekan__doMPw .35s ease both}.BerandaMock_cursor__mMSJn{position:absolute;left:0;top:0;z-index:20;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.BerandaMock_root__J0wR4[data-cur] .BerandaMock_cursor__mMSJn{opacity:1}.BerandaMock_ptr1__oKosh,.BerandaMock_ptr2__j_3nS{display:block;position:relative;width:0;height:0;transform-origin:0 0}.BerandaMock_root__J0wR4[data-confirm] .BerandaMock_ptr1__oKosh,.BerandaMock_root__J0wR4[data-press] .BerandaMock_ptr2__j_3nS{animation:BerandaMock_klik__yJ0r_ .26s ease both}.BerandaMock_arrow__dPsvi{position:absolute;left:-2px;top:-2px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.BerandaMock_arrow__dPsvi path{fill:#111;stroke:#fff}html.dark .BerandaMock_arrow__dPsvi path{fill:#fff;stroke:#111}.BerandaMock_tap__Hx3ML{position:absolute;left:-17px;top:-17px;display:block;width:34px;height:34px;border-radius:50%;border:2px solid hsla(0,0%,100%,.9);background:rgba(15,30,25,.24);box-shadow:0 4px 12px rgba(0,0,0,.18)}html.dark .BerandaMock_tap__Hx3ML{background:hsla(0,0%,100%,.28)}.BerandaMock_rip1__uL_Ub,.BerandaMock_rip2__YiqMJ{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;border:2px solid var(--m-green);opacity:0}.BerandaMock_root__J0wR4[data-confirm] .BerandaMock_rip1__uL_Ub,.BerandaMock_root__J0wR4[data-press] .BerandaMock_rip2__YiqMJ{animation:BerandaMock_riak__15UrW .6s ease-out both}.BerandaMock_caps__TNMwd{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:0 22px;flex-shrink:0;width:calc(1280px * var(--sc));max-width:100%;height:50px}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_caps__TNMwd{grid-template-columns:1fr;gap:10px;width:calc(410px * var(--sc) + 64px);max-width:calc(100% - 32px);height:84px}.BerandaMock_ticks__crt1m{display:flex;gap:4px;margin:0;padding:10px 0 0;list-style:none}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_ticks__crt1m{justify-content:center;padding-top:0}.BerandaMock_ticks__crt1m li{width:18px;height:3px;border-radius:2px;background:var(--rule,#dde4df);transition:background .4s ease}.BerandaMock_ticks__crt1m li[data-on]{background:var(--green,#2dd4a0)}.BerandaMock_capList__8gqjd{display:grid}.BerandaMock_cap__GMt_w{grid-area:1/1;max-width:100%;text-wrap:pretty;font-size:15px;line-height:1.55;color:var(--ink-2,#48564f);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.BerandaMock_root__J0wR4[data-hp] .BerandaMock_cap__GMt_w{justify-self:center;text-align:center;font-size:14px}.BerandaMock_cap__GMt_w[data-on]{opacity:1;transform:none;transition-delay:.08s}.BerandaMock_cap__GMt_w b{font-weight:600;color:var(--ink,#0f1e19)}.BerandaMock_capSeq__QjYop{margin-right:10px;font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--ink-3,#616f68)}@keyframes BerandaMock_kataNaik__rRy9X{0%{opacity:0;transform:translateY(.5em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes BerandaMock_goyang__o7594{0%,to{transform:none}20%{transform:rotate(14deg)}40%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}@keyframes BerandaMock_kilau__V_bpd{0%{transform:translateX(-120%)}22%,to{transform:translateX(120%)}}@keyframes BerandaMock_tampil__fpv28{0%{opacity:0}to{opacity:1}}@keyframes BerandaMock_sembunyi__hBPpo{to{opacity:0}}@keyframes BerandaMock_naik__2XQ5l{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes BerandaMock_muncul__kpOh_{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes BerandaMock_kata__OP0EQ{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes BerandaMock_lompat__Wj270{0%,60%,to{transform:none;opacity:.55}30%{transform:translateY(-4px);opacity:1}}@keyframes BerandaMock_kedip__Q6oKu{50%{opacity:0}}@keyframes BerandaMock_klik__yJ0r_{50%{transform:scale(.8)}}@keyframes BerandaMock_riak__15UrW{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}@keyframes BerandaMock_tekan__RnyEs{50%{transform:scale(.92)}}@keyframes BerandaMock_jadiHijau__aatfL{to{color:#16a34a;font-weight:600}}@keyframes BerandaMock_jadiBiru__GicrX{to{color:#2563eb;font-weight:600}}@keyframes BerandaMock_garisHijau__do4BX{to{background:#4ade80}}@keyframes BerandaMock_titik__eZTU1{0%,28%{opacity:0}32%,92%{opacity:1}to{opacity:0}}@keyframes BerandaMock_phLangkah__izAYa{0%{opacity:0}15%,92%{opacity:1}to{opacity:0}}@keyframes BerandaMock_kirimTekan__doMPw{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(.82)}to{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.BerandaMock_stage__O2A1b{position:relative;top:0;height:auto;padding-block:56px}.BerandaMock_caps__TNMwd,.BerandaMock_cursor__mMSJn{display:none}.BerandaMock_cell__R6r5m,.BerandaMock_gl__kr9iS i,.BerandaMock_gl__kr9iS span,.BerandaMock_hw__lGMDH{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.BerandaMock_baru__ffOwj:after,.BerandaMock_bell__4oFUx,.BerandaMock_caret__wTx1S{animation:none!important}}