:root{--bg:#FFFFFF;--bg2:#F3F7FB;--fg:#0B2545;--muted:#52647A;--line:#DCE5EE;--biru:#0078D7;--biru-tua:#005FAB;--biru-muda:#E3F1FC;--tinta:#0B2545;--oranye:#FF7F0A;--hijau:#0B7A3E;--kartu:#FFFFFF;--bayang:0 18px 44px rgba(11,37,69,.14);--sans:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0A1422;--bg2:#101D2E;--fg:#EAF1F8;--muted:#A3B4C8;--line:#22334A;--biru-muda:#13304D;--biru-tua:#6CB6F5;--tinta:#07101B;--kartu:#142338;--bayang:0 18px 44px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--bg:#0A1422;--bg2:#101D2E;--fg:#EAF1F8;--muted:#A3B4C8;--line:#22334A;--biru-muda:#13304D;--biru-tua:#6CB6F5;--tinta:#07101B;--kartu:#142338;--bayang:0 18px 44px rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}h2{font-size:clamp(1.9rem,1.3rem+1.8vw,2.9rem);font-weight:800}p{margin:0}a{color:var(--biru-tua)}img{max-width:100%}button{font:inherit}:focus-visible{outline:3px solid var(--oranye);outline-offset:3px}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.sec{padding-block:clamp(56px,7vw,96px);overflow-x:clip}.eyebrow{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--biru-tua);letter-spacing:.02em}.lead{color:var(--muted);font-size:18px;max-width:60ch}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #005fab2e}.btn:active{transform:translateY(0)}.btn-biru{background:var(--biru);color:#fff}.btn-putih{background:var(--kartu);color:var(--fg);border-color:var(--line)}.btn-tinta{background:var(--tinta);color:#fff}.btn-oranye{background:var(--oranye);color:#0b2545}.btn-hijau{background:var(--hijau);color:#fff}.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.topbar{background:var(--tinta);color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-block:9px}.topbar .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--oranye);margin-right:10px;animation:denyut 2.4s ease-in-out infinite}@keyframes denyut{0%,to{box-shadow:0 0 #ff7f0a8c}60%{box-shadow:0 0 0 8px #ff7f0a00}}header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}header.nav.terangkat{box-shadow:0 8px 30px #0b254514}.nav .baris{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:800;font-size:19px;letter-spacing:-.02em}.brand img{width:42px;height:42px}.menu{display:flex;gap:26px;align-items:center;white-space:nowrap}@media(max-width:1240px){.menu{gap:18px}.menu a{font-size:14px}.menu a.menu-sorot i{display:none}}.menu a{color:var(--fg);text-decoration:none;font-weight:600;font-size:15px;position:relative;padding:6px 0}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--oranye);transition:right .25s ease}.menu a:hover:after{right:0}.hamburger{display:none;width:48px;height:48px;border:0;border-radius:12px;background:var(--bg2);color:var(--fg);align-items:center;justify-content:center;cursor:pointer}.menu-hp{display:none;flex-direction:column;border-top:1px solid var(--line);background:var(--bg)}.menu-hp a{padding:14px 0;text-decoration:none;color:var(--fg);font-weight:700;font-size:17px;border-bottom:1px solid var(--line)}.menu-hp.buka{display:flex;animation:turun .25s ease}@keyframes turun{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:900px){.menu,.nav .baris>.btn,.topbar .lebar{display:none}.hamburger{display:flex}}.menu-hp a{text-align:left}@media(min-width:901px){.menu-hp.buka{display:none}}.hero{background:var(--bg2);overflow:hidden;position:relative}.hero .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:center;padding-block:clamp(44px,6vw,92px)}.hero h1{font-size:clamp(2.4rem,1.2rem+3.4vw,4.2rem);font-weight:800;line-height:1.04;letter-spacing:-.035em}.hero h1 .ganti{display:inline-block;color:var(--biru);min-width:4.6ch;position:relative}.hero h1 .ganti span{display:block;animation:muncul .5s ease}@keyframes muncul{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.hero .aksi{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.masuk{opacity:0;transform:translateY(16px);animation:masuk .7s cubic-bezier(.2,.7,.2,1) forwards}.masuk.d1{animation-delay:.08s}.masuk.d2{animation-delay:.18s}.masuk.d3{animation-delay:.3s}.masuk.d4{animation-delay:.45s}@keyframes masuk{to{opacity:1;transform:none}}.panggung{position:relative;display:flex;justify-content:center;padding:120px 0 28px;min-width:0}.cincin{position:absolute;inset:0 auto auto 2%;width:min(230px,52%);aspect-ratio:1;fill:none;stroke:var(--biru);opacity:.22;stroke-width:34;stroke-linecap:round}.cincin .jalur{stroke-dasharray:800;stroke-dashoffset:800;animation:gambar 1.8s .3s ease-out forwards}.cincin .titik{fill:var(--oranye);stroke:none;opacity:0;animation:munculTitik .5s 2.4s ease-out forwards;transform-origin:200px 200px}@keyframes munculTitik{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes gambar{to{stroke-dashoffset:0}}.cincin .garis{stroke-dasharray:160;stroke-dashoffset:160;animation:gambar 1s 1.6s ease-out forwards}.kartu-demo{position:relative;width:100%;max-width:390px;background:var(--kartu);border-radius:20px;box-shadow:var(--bayang);padding:24px;animation:melayang 6s ease-in-out infinite}@keyframes melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kartu-demo .atas{display:flex;justify-content:space-between;align-items:center;gap:12px}.pil{font-size:13px;font-weight:700;padding:5px 11px;border-radius:99px;background:var(--biru-muda);color:var(--biru-tua);transition:background .3s,color .3s}.pil.siap{background:#e3f6ea;color:#0b7a3e}.langkah{display:flex;flex-direction:column;gap:12px;margin-top:18px;font-size:15px}.langkah div{display:flex;align-items:center;gap:12px;color:var(--muted);transition:color .3s}.langkah i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;transition:all .35s}.langkah div.ok{color:var(--fg)}.langkah div.ok i{background:var(--biru);border-color:var(--biru);color:#fff}.langkah div.kini{color:var(--fg);font-weight:700}.langkah div.kini i{border:6px solid var(--oranye);background:var(--kartu)}.langkah svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s}.langkah div.ok svg{opacity:1}.bar{height:4px;background:var(--line);border-radius:99px;margin-top:18px;overflow:hidden}.bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--biru),var(--oranye));transition:width .8s cubic-bezier(.2,.7,.2,1)}.pita{border-bottom:1px solid var(--line);overflow:hidden}.pita .wrap{padding-block:0}.pita-jalur{display:flex;gap:48px;width:max-content;padding-block:22px;animation:geser 28s linear infinite}.pita:hover .pita-jalur{animation-play-state:paused}.pita-jalur span{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}.pita-jalur span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--oranye)}@keyframes geser{to{transform:translate(-50%)}}.ungkap{opacity:1;transform:none}.js .ungkap{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.js .ungkap.tampak{opacity:1;transform:none}.js .ungkap.kiri{transform:translate(-28px)}.js .ungkap.kanan{transform:translate(28px)}.js .ungkap.kiri.tampak,.js .ungkap.kanan.tampak{transform:none}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tab{border:1px solid var(--line);background:var(--kartu);color:var(--fg);padding:10px 18px;border-radius:99px;font-weight:700;cursor:pointer;min-height:44px;transition:all .2s}.tab.kecil{font-weight:600;color:var(--muted)}.pemisah{align-self:center;color:var(--muted);font-size:14px;padding:0 6px}.tab[aria-selected=true]{background:var(--biru);color:#fff;border-color:var(--biru);box-shadow:0 6px 16px #0078d747}.panel{display:none;margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:32px;align-items:start}.panel.aktif{display:grid;animation:muncul .4s ease}.daftar{border:1px solid var(--line);border-radius:18px;padding:8px 24px;background:var(--kartu)}.daftar div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line)}.daftar div:last-child{border-bottom:0}.daftar b{font-family:var(--mono);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.catatan{display:flex;flex-direction:column;gap:14px}.catatan .k{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--kartu)}.catatan .k strong{display:block;font-size:17px}.catatan .k span strong{display:inline;font-size:inherit}.catatan .k span{color:var(--muted);font-size:15px}.progres{background:var(--biru);color:#fff}.progres .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:center}.form{background:#fff;color:#0b2545;border-radius:18px;padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:14px;align-items:end;box-shadow:var(--bayang)}.form label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.form input{width:100%;height:48px;border:1px solid #8DA0B5;border-radius:10px;padding:0 14px;font-family:var(--mono);font-size:16px;background:#fff;color:#0b2545}.form .btn{grid-column:1/-1}.hasil{grid-column:1/-1;display:none;border-top:1px dashed #B9C8D8;padding-top:14px;font-size:15px}.hasil.tampil{display:block;animation:muncul .4s ease}.bisnis{background:var(--tinta);color:#fff}.bisnis .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;margin-top:40px}.bisnis .item{border-top:2px solid var(--oranye);padding-top:18px;transition:transform .3s}.bisnis .item:hover{transform:translateY(-4px)}.bisnis .item h3{font-size:21px;font-weight:800}.bisnis .item p{margin-top:8px;color:#d5e0ec}.bisnis .lead{color:#d5e0ec}.portofolio{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.portofolio div{aspect-ratio:4/3;border-radius:14px;background:#13304d;color:#a3b4c8;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:14px;max-width:100%}.alur{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;margin-top:40px;counter-reset:n}.alur div{position:relative;padding-top:18px;border-top:1px solid var(--line)}.alur div:before{counter-increment:n;content:counter(n,decimal-leading-zero);font-family:var(--mono);color:var(--biru-tua);font-weight:600;display:block;margin-bottom:8px}.alur h3{font-size:19px;font-weight:800}.alur p{margin-top:6px;color:var(--muted);font-size:15px}.jualbeli{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px;margin-top:36px}.jualbeli .k{border-radius:20px;padding:30px;background:var(--bg2);display:flex;flex-direction:column;gap:12px;transition:transform .3s,box-shadow .3s}.jualbeli .k:hover{transform:translateY(-4px);box-shadow:var(--bayang)}.jualbeli h3{font-size:24px;font-weight:800}.jualbeli p{color:var(--muted)}.jualbeli .btn{align-self:flex-start;margin-top:8px}.toko{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:24px;margin-top:36px}.toko .k{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--kartu)}.toko h3{font-size:24px;font-weight:800}.toko p{margin-top:8px;color:var(--muted)}.toko .aksi{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tips{background:var(--bg2)}.tips .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:36px}.tips a{display:block;background:var(--kartu);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--fg);transition:transform .3s,box-shadow .3s}.tips a:hover{transform:translateY(-4px);box-shadow:var(--bayang)}.tips .foto{height:170px;background:var(--biru-muda);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:14px}.tips .isi{padding:20px}.tips h3{font-size:19px;font-weight:800;line-height:1.3;margin-top:6px}footer{background:var(--tinta);color:#fff}footer .wrap{padding-block:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px}footer h4{margin:0 0 10px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#a3b4c8}footer a{color:#fff;text-decoration:none;display:block;padding:4px 0}footer a:hover{color:var(--oranye)}.bawah{border-top:1px solid #22334A;color:#a3b4c8;font-size:14px}.bawah .wrap{padding-block:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.wa{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.wa-tombol{width:60px;height:60px;border:0;border-radius:50%;background:var(--hijau);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px #0b254547;transition:transform .2s;animation:waDenyut 2s ease-in-out 1.5s 2}@keyframes waDenyut{0%,to{box-shadow:0 10px 26px #0b254547,0 0 #0b7a3e73}50%{box-shadow:0 10px 26px #0b254547,0 0 0 12px #0b7a3e00}}.wa-tombol:hover{transform:scale(1.06)}.wa-tombol .ic{width:32px;height:32px}.wa-kotak{display:none;width:300px;max-width:calc(100vw - 40px);background:var(--kartu);color:var(--fg);border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px #00000059,0 2px 8px #0000002e;padding:10px}.wa-kotak a+a{border-top:1px solid var(--line);border-radius:0 0 10px 10px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .wa-kotak{background:#1b2d46;border-color:#2e4563}}:root[data-theme=dark] .wa-kotak{background:#1b2d46;border-color:#2e4563}.wa-kotak.buka{display:block;animation:muncul .25s ease}.wa-kotak p{font-weight:800;padding:8px 10px}.wa-kotak a{display:block;padding:12px 10px;border-radius:10px;text-decoration:none;color:var(--fg);font-weight:700}.wa-kotak a:hover{background:var(--bg2)}.wa-kotak small{display:block;font-family:var(--mono);font-weight:500;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .ungkap{opacity:1;transform:none}}.konsul{border:0;padding:0;background:transparent;max-width:min(640px,100vw);width:100%;max-height:100dvh;margin:auto auto 0;overflow:hidden;color:var(--fg)}@media(min-width:700px){.konsul{margin:auto}}html:has(.konsul[open]){overflow:hidden}.konsul::backdrop{background:#0b25458c;backdrop-filter:blur(3px)}.konsul-isi{background:var(--kartu);border-radius:20px 20px 0 0;padding:22px max(18px,env(safe-area-inset-left,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:16px;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;animation:naik .3s cubic-bezier(.2,.7,.2,1)}@keyframes naik{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(min-width:700px){.konsul-isi{border-radius:20px;max-height:min(88dvh,860px)}}.konsul-atas{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.konsul-tutup{width:44px;height:44px;border:0;border-radius:12px;background:var(--bg2);color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.kf{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}.kf legend,.kf>label{font-weight:700;font-size:14px;padding:0}.opsional{color:var(--muted);font-weight:500}.kf input,.kf select,.kf textarea{width:100%;box-sizing:border-box;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;background:var(--bg);color:var(--fg)}.kf textarea{resize:vertical}.kf-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{position:relative;cursor:pointer}.chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.chips span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg);font-weight:600;font-size:15px;transition:all .15s}.chips input:checked+span{background:var(--biru);border-color:var(--biru);color:#fff}.chips input:focus-visible+span{outline:3px solid var(--oranye);outline-offset:2px}.konsul-aksi{display:flex;flex-direction:column;gap:10px;margin-top:4px}.konsul-aksi .btn{width:100%}.konsul-info{font-size:14px;color:#a33a00;min-height:1em}.konsul-isi[hidden]{display:none}.kf-jebak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.konsul-alt{text-align:center;font-size:14px;color:var(--muted);margin-top:-6px}.konsul-alt button{border:0;background:none;color:var(--hijau);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}.konsul-terkirim{align-items:stretch;text-align:center}.terkirim-ikon{width:72px;height:72px;border-radius:50%;margin:0 auto;background:var(--hijau);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--hijau) 70%,transparent);animation:munculTitik .4s ease}.terkirim-ikon .ic{width:38px;height:38px;stroke-width:3}.terkirim-tiket{font-size:16px;color:var(--muted)}.terkirim-tiket b{display:inline-block;margin-left:6px;padding:4px 12px;border-radius:99px;background:var(--bg2);color:var(--fg);font-family:var(--mono,ui-monospace,monospace);font-size:18px;letter-spacing:.04em}#konsul-nomor{white-space:nowrap}.terkirim-teks{font-size:15.5px;max-width:460px;margin:0 auto}.terkirim-aksi{display:flex;flex-direction:column;gap:10px}.terkirim-aksi .btn{width:100%;justify-content:center}.terkirim-kecil{font-size:13px;color:var(--muted)}.konsul-kirim-sibuk{opacity:.6;pointer-events:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.remah{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted);padding-block:14px}.remah a{color:var(--muted);text-decoration:none}.remah a:hover{color:var(--biru-tua)}.remah [aria-current]{color:var(--fg);font-weight:600}.hero-kecil{background:var(--bg2)}.hero-kecil .wrap{padding-block:clamp(28px,4vw,56px)}.hero-kecil h1{font-size:clamp(1.9rem,1.2rem+2.4vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-top:10px;max-width:22ch}.h-kecil{font-size:clamp(1.4rem,1.1rem+1vw,1.9rem);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}.h-kecil span{display:block;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:4px}.meta{font-size:14px;color:var(--muted)}.tautan{background:none;border:0;padding:0;color:var(--biru-tua);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ajakan{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--biru-muda);border-radius:20px;padding:28px}.cari{margin-top:22px;max-width:560px}.cari input{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;padding:0 18px;font:inherit;font-size:16px;background:var(--kartu);color:var(--fg)}.saring{margin-top:12px}.grid-panduan{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.kartu-panduan{display:flex;flex-direction:column;gap:8px;background:var(--kartu);border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:var(--fg);transition:transform .3s,box-shadow .3s,border-color .3s}.kartu-panduan:hover{transform:translateY(-4px);box-shadow:var(--bayang);border-color:var(--biru)}.kartu-panduan h3{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.01em}.kartu-panduan p{color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kartu-panduan .meta{margin-top:auto;padding-top:6px}.kartu-panduan[hidden]{display:none}.label-perangkat{align-self:flex-start;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--biru-tua);background:var(--biru-muda);padding:4px 9px;border-radius:99px}.kosong{color:var(--muted);padding:24px 0}.spek{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 0}.spek div{display:flex;flex-direction:column}.spek dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.spek dd{margin:0;font-weight:700;font-size:17px}.panduan .meta{margin-top:14px}.isi-panduan{padding-block:32px 72px;display:flex;flex-direction:column;gap:40px}.prosa{max-width:68ch;font-size:17px}.prosa p+p{margin-top:14px}.penyebab{border:1px solid var(--line);border-radius:16px;background:var(--kartu);margin-bottom:12px;overflow:hidden;transition:border-color .3s}.penyebab[open]{border-color:var(--biru)}.penyebab summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.penyebab summary::-webkit-details-marker{display:none}.penyebab .nomor{flex:none;width:34px;height:34px;border-radius:50%;background:var(--biru-muda);color:var(--biru-tua);font-family:var(--mono);font-weight:600;display:flex;align-items:center;justify-content:center}.penyebab[open] .nomor{background:var(--biru);color:#fff}.judul-penyebab{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.judul-penyebab strong{font-size:17px;letter-spacing:-.01em}.sering{font-size:13px;font-weight:600;color:var(--muted)}.sering.s-paling-sering{color:#a84e00}.panah{transition:transform .3s;color:var(--muted)}.penyebab[open] .panah{transform:rotate(180deg)}.badan-penyebab{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;padding:0 20px 20px;animation:muncul .35s ease}.badan-penyebab h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}.badan-penyebab p{font-size:15.5px}.solusi{grid-column:1/-1;display:block;background:var(--bg2);border-radius:12px;padding:16px}.solusi p{max-width:70ch}.solusi.toko{background:#fff1e3;color:#0b2545}.aksi-penyebab{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.aksi-penyebab:empty{display:none}.persiapan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;background:var(--bg2);border-radius:20px;padding:24px;margin-bottom:28px}.alat{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.awas-blok{background:#fff1e3;color:#0b2545;border-radius:14px;padding:16px}.awas-blok strong{display:block;color:#a84e00;margin-bottom:4px}.stepper-kepala{position:sticky;top:calc(var(--tinggi-nav,72px) + env(safe-area-inset-top,0px));z-index:5;background:var(--bg);padding:10px 0 12px}.progres-bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.progres-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--biru),var(--oranye));border-radius:99px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.progres-teks{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:8px}.langkah-daftar{list-style:none;margin:0;padding:0;position:relative}.langkah-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;align-items:center;background:var(--kartu);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:360px}.langkah-item[aria-hidden=true]{display:none}.langkah-item.masuk-kanan{animation:dariKanan .4s cubic-bezier(.2,.7,.2,1)}.langkah-item.masuk-kiri{animation:dariKiri .4s cubic-bezier(.2,.7,.2,1)}@keyframes dariKanan{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes dariKiri{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.langkah-gambar{background:var(--bg2);border-radius:16px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%}.langkah-gambar img{width:100%;height:100%;object-fit:cover}.ilus{width:70%;height:auto;fill:none;stroke:var(--biru);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.langkah-teks h3{font-size:clamp(1.3rem,1rem+1vw,1.7rem);font-weight:800;letter-spacing:-.02em;margin:6px 0 10px}.langkah-teks p{font-size:16.5px}.tips,.awas{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:15px}.tips{background:var(--biru-muda)}.tips strong{color:var(--biru-tua);margin-right:6px}.awas{background:#fff1e3;color:#0b2545}.awas strong{color:#a84e00;margin-right:6px}.stepper.semua .langkah-item{display:grid!important;margin-bottom:16px;min-height:0}.stepper.semua .stepper-nav,.stepper.semua .stepper-kepala{display:none}.stepper-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.stepper-nav .btn{min-width:130px}.stepper-bantuan{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.stepper-bantuan .tautan{text-decoration:none;font-size:15px;padding:10px 16px;border:1px solid var(--line);border-radius:99px;color:var(--fg);min-height:44px;display:inline-flex;align-items:center;gap:8px}.stepper-bantuan .tautan:hover{border-color:var(--biru);color:var(--biru-tua)}.ke-teknisi{background:var(--tinta);color:#fff;border-radius:22px;padding:30px}.ke-teknisi h2{font-size:clamp(1.4rem,1.1rem+1vw,1.9rem);font-weight:800;letter-spacing:-.02em}.ke-teknisi ul{margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:#d5e0ec}.ke-teknisi .meta{color:#a3b4c8}.ke-teknisi .btn-putih{background:transparent;color:#fff;border-color:#4c627c}.harga-tabel{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--kartu)}.harga-tabel div{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:16px 20px;border-bottom:1px dashed var(--line);align-items:center}.harga-tabel div:last-child{border-bottom:0}.harga-tabel b{font-family:var(--mono);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.harga-tabel small{grid-column:1/-1;color:var(--muted);font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--biru-tua);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{padding-bottom:16px;color:var(--muted)}.proses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;counter-reset:p}.proses div{border-top:2px solid var(--biru);padding-top:14px}.proses div:before{counter-increment:p;content:counter(p,decimal-leading-zero);font-family:var(--mono);color:var(--biru-tua);font-weight:600;display:block;margin-bottom:6px}.proses h3{font-size:17px;font-weight:800}.proses p{color:var(--muted);font-size:15px;margin-top:4px}html.kunci{overflow:hidden}.cek-wrap{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:28px;align-items:start}@media(max-width:900px){.cek-wrap{grid-template-columns:1fr}}.cek-daftar{display:flex;flex-direction:column;gap:8px;position:sticky;top:calc(var(--tinggi-nav,72px) + 12px)}@media(max-width:900px){.cek-daftar{position:static;flex-direction:row;overflow-x:auto;padding:0 40px 6px 0;scrollbar-width:none;scroll-snap-type:x proximity}.cek-daftar::-webkit-scrollbar{display:none}.cek-tab{scroll-snap-align:start}}.cek-geser{display:none}.cek-bungkus{min-width:0}@media(max-width:900px){.cek-bungkus{position:relative}.cek-bungkus:after{content:"";position:absolute;right:0;top:0;bottom:6px;width:64px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));transition:opacity .3s}.cek-bungkus.ujung:after{opacity:0}.cek-geser{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--muted)}.cek-geser b{color:var(--biru-tua);font-weight:700}.cek-geser .ic{width:16px;height:16px;animation:geserHint 1.4s ease-in-out infinite}.cek-bungkus.ujung .cek-geser .ic{animation:none}@keyframes geserHint{0%,to{transform:translate(0)}50%{transform:translate(6px)}}}.cek-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line);background:var(--kartu);color:var(--fg);border-radius:14px;padding:12px 14px;cursor:pointer;min-width:0;transition:all .2s}@media(max-width:900px){.cek-tab{flex:none;min-width:180px}}.cek-tab[aria-pressed=true]{border-color:var(--biru);box-shadow:0 0 0 3px #0078d726}.cek-nama{font-weight:700;font-size:15px}.cek-untuk{font-size:12px;color:var(--muted)}.cek-status{font-family:var(--mono);font-size:12px;color:var(--biru-tua);min-height:1em}.cek-panel{background:var(--kartu);border:1px solid var(--line);border-radius:20px;padding:24px;animation:muncul .3s ease}.cek-panel h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.cek-panel .meta{margin-bottom:16px}.cek-angka{margin-top:14px;font-size:15px}.btn-grid{display:flex;flex-wrap:wrap;gap:10px}.kbd{display:flex;flex-direction:column;gap:6px;overflow-x:auto;padding:14px;background:var(--bg2);border-radius:14px;user-select:none}.kbd-baris{display:flex;gap:6px;min-width:max-content}.kbd-k{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;border-radius:7px;background:var(--kartu);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);transition:all .15s}.kbd-k.lebar{min-width:66px}.kbd-k.spasi{min-width:220px}.kbd-k.ok{background:var(--biru);border-color:var(--biru);color:#fff;transform:translateY(1px)}.tp-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin-top:16px;align-items:start}.sub-alat{display:flex;align-items:center;gap:10px;font-size:17px;margin:26px 0 6px}.nomor-alat{width:26px;height:26px;border-radius:50%;background:var(--oranye);color:#1a1a1a;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.tp{position:relative;min-height:190px;border:3px dashed var(--oranye);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--fg);padding:18px;cursor:crosshair;background:radial-gradient(circle at 50% 40%,rgba(255,127,10,.14),transparent 70%),var(--bg2);animation:tpAjak 2s ease-in-out infinite;overflow:hidden;user-select:none}.tp.aktif{animation:none;border-style:solid;border-color:var(--biru);background:radial-gradient(circle at 50% 40%,rgba(0,120,215,.16),transparent 70%),var(--bg2)}@keyframes tpAjak{0%,to{box-shadow:0 0 #ff7f0a73}50%{box-shadow:0 0 0 10px #ff7f0a00}}.tp .tp-ikon{width:34px;height:34px;color:var(--oranye);margin-bottom:6px}.tp.aktif .tp-ikon{color:var(--biru)}.tp strong{font-size:16px}.tp span{font-size:14px;color:var(--muted);margin-top:4px}.tp-titik{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--biru);opacity:.85;pointer-events:none;transition:transform .08s}.tp.kedip-kiri .tp-titik{background:var(--biru);transform:scale(1.8)}.tp.kedip-kanan .tp-titik{background:var(--oranye);transform:scale(1.8)}.tp.kedip-tengah .tp-titik{background:var(--hijau);transform:scale(1.8)}.tp-hasil{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tp-hasil li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--bg2);font-weight:600;color:var(--muted);border:1px solid var(--line)}.tp-hasil li b{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}.tp-hasil li.ok{background:var(--biru);color:#fff;border-color:var(--biru)}.tp-hasil li.ok b{border-color:#fff;background:#fff;color:var(--biru)}.swatch-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--line)}.layar-penuh{position:fixed;inset:0;z-index:100;cursor:pointer}.layar-penuh p{position:absolute;left:50%;top:16px;transform:translate(-50%);font-size:14px;transition:opacity .4s;pointer-events:none;background:#80808040;padding:6px 12px;border-radius:99px}.sentuh-penuh{position:fixed;inset:0;z-index:100;background:#0b2545;display:flex;flex-direction:column}.sentuh-penuh[hidden],.layar-penuh[hidden]{display:none}.sentuh-grid{flex:1;display:grid;gap:2px;padding:2px;touch-action:none}.sentuh-grid i{display:block;background:#1b2d46;border-radius:3px;transition:background .1s}.sentuh-grid i.ok{background:var(--biru)}.sentuh-penuh .btn{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.sentuh-info{position:absolute;left:16px;bottom:calc(26px + env(safe-area-inset-bottom,0px));color:#fff;font-family:var(--mono);font-size:14px;margin:0}.kamera-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px;align-items:start}.kamera-wrap video,.kamera-wrap canvas{width:100%;aspect-ratio:4/3;background:#000;border-radius:14px;object-fit:cover;max-width:100%}.vu{height:14px;background:var(--line);border-radius:99px;overflow:hidden;margin:10px 0 6px}.vu b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--hijau),var(--oranye));transition:width .08s}.cek-hasil{margin-top:20px;background:var(--biru-muda);border-radius:20px;padding:24px}.tekan{font-weight:800;color:var(--biru);background:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tekan{color:#7cc4ff}}:root[data-theme=dark] .tekan{color:#7cc4ff}.tekan.oranye{color:#d96a00}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tekan.oranye{color:#ffb366}}:root[data-theme=dark] .tekan.oranye{color:#ffb366}.prosa strong{color:var(--biru-tua)}.ke-teknisi .tekan{color:#ffd39a;background:none}.awas .tekan,.awas-blok .tekan,.solusi.toko .tekan{color:#a84e00;background:none}.pilih-perangkat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:22px;max-width:640px}.pilih-kartu{display:flex;gap:14px;align-items:center;text-align:left;border:2px solid var(--line);background:var(--kartu);color:var(--fg);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;font:inherit}.pilih-kartu .ic{width:30px;height:30px;color:var(--biru-tua);flex:none}.pilih-kartu strong{display:block;font-size:17px}.pilih-kartu small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.pilih-kartu[aria-pressed=true]{border-color:var(--biru);box-shadow:0 0 0 4px #0078d724}.cek-tab[hidden],#hasil-chips label[hidden]{display:none}.sensor-kotak{position:relative;width:min(100%,260px);aspect-ratio:1;border:2px dashed var(--line);border-radius:16px;margin-top:14px;background:var(--bg2);overflow:hidden}.sensor-kotak i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--oranye);box-shadow:0 4px 12px #00000040;transition:transform .08s linear}.sorot-cek{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;align-items:center;background:var(--tinta);color:#fff;border-radius:24px;padding:clamp(24px,4vw,44px);overflow:hidden;position:relative}.sorot-cek .eyebrow{color:var(--oranye)}.sorot-cek p{color:#d5e0ec}.sorot-daftar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.sorot-daftar li{padding:10px 14px;border-radius:99px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-weight:600;font-size:14px}.tema{width:58px;height:32px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);padding:0;cursor:pointer;position:relative;flex:none;transition:background .3s}.tema-rel{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--biru);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.5,1.6,.4,1);color:#fff}.tema .ic{width:15px;height:15px;position:absolute;transition:opacity .25s,transform .35s}.tema .bln{opacity:0;transform:rotate(-90deg)}:root[data-theme=dark] .tema-rel,:root:not([data-theme=light]) .tema-rel.gelap{transform:translate(26px);background:#ffb84d;color:#1a1a1a}:root[data-theme=dark] .tema .srya{opacity:0;transform:rotate(90deg)}:root[data-theme=dark] .tema .bln{opacity:1;transform:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tema-rel{transform:translate(26px);background:#ffb84d;color:#1a1a1a}:root:not([data-theme=light]) .tema .srya{opacity:0;transform:rotate(90deg)}:root:not([data-theme=light]) .tema .bln{opacity:1;transform:none}}@media(max-width:900px){.nav .tema{margin-left:auto;margin-right:4px}}.sorot-cek{background:linear-gradient(135deg,#0b2545,#0e3a6e 55%,#124b8c);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px #0b254559}.sorot-cek:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,127,10,.35),transparent 65%);pointer-events:none}.sorot-cek>*{position:relative}.sorot-cek{padding-bottom:calc(clamp(24px,4vw,44px) + 56px)}.sorot-cek .ekg{position:absolute;left:0;right:0;bottom:0;width:100%;height:84px;pointer-events:none;opacity:.9}.sorot-cek .ekg path{fill:none;stroke:#ffb84d;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;filter:drop-shadow(0 0 6px rgba(255,184,77,.8));animation:ekgJalan 5s cubic-bezier(.4,0,.6,1) infinite}@keyframes ekgJalan{0%{stroke-dashoffset:1400;opacity:1}55%{stroke-dashoffset:0;opacity:1}75%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1400;opacity:0}}.sorot-cek .ekg{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}@media(prefers-reduced-motion:reduce){.sorot-cek .ekg path{animation:none;stroke-dashoffset:0}}.sorot-cek .lencana{display:inline-flex;align-items:center;gap:8px;background:var(--oranye);color:#1a1a1a;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px}.sorot-cek .lencana i{width:8px;height:8px;border-radius:50%;background:#1a1a1a;animation:denyut 1.6s infinite}.sorot-cek .btn-biru{background:var(--oranye);color:#1a1a1a}.sorot-cek .btn-biru:hover{background:#ff9430}.sorot-cek .tekan{color:#ffd39a;background:none}.sorot-daftar li{display:flex;align-items:center;gap:8px;background:#ffffff12;border-color:#ffffff29}.sorot-daftar li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--hijau) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}.catatan .k strong,.harga-tabel div b{color:var(--biru-tua)}.jari-kotak{margin-top:14px;height:220px;border:2px dashed var(--line);border-radius:16px;background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none;position:relative;overflow:hidden}.jari-kotak span{font-size:72px;font-weight:800;line-height:1;color:var(--biru-tua)}.jari-kotak small{color:var(--muted);margin-top:6px}.jari-kotak i{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:3px solid var(--oranye);background:#ff7f0a2e;pointer-events:none}.menu a.menu-sorot{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:linear-gradient(135deg,#ff7f0a29,#0078d724);border:1px solid rgba(255,127,10,.45);color:var(--fg)}.menu a.menu-sorot:after{display:none}.menu a.menu-sorot .ic{width:18px;height:18px;color:var(--oranye)}.menu a.menu-sorot i,.menu-hp a.menu-sorot-hp i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--oranye);color:#1a1a1a;padding:2px 7px;border-radius:99px;margin-left:2px}.menu a.menu-sorot:hover{border-color:var(--oranye);box-shadow:0 0 0 3px #ff7f0a2e}.menu-hp a.menu-sorot-hp{display:flex;align-items:center;gap:8px;color:var(--biru-tua)}.menu-hp a.menu-sorot-hp .ic{width:20px;height:20px;color:var(--oranye)}.isian-qr{display:flex;gap:8px}.isian-qr input{flex:1;min-width:0}.tombol-qr{flex:none;width:46px;border:1px solid #DCE5EE;border-radius:10px;background:#f3f7fb;color:#005fab;cursor:pointer;display:flex;align-items:center;justify-content:center}.tombol-qr .ic{width:22px;height:22px}.tombol-qr:hover{background:#e3f1fc}.qr-layar{position:fixed;inset:0;z-index:70;background:#000;display:flex;align-items:center;justify-content:center}.qr-layar[hidden]{display:none}.qr-layar video{width:100%;height:100%;object-fit:cover}.qr-bingkai{position:absolute;width:min(70vw,280px);aspect-ratio:1;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 100vmax #00000073}.qr-bingkai:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:var(--oranye);animation:qrGaris 1.6s ease-in-out infinite}@keyframes qrGaris{0%,to{top:12%}50%{top:88%}}.qr-pesan{position:absolute;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}.qr-tutup{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%)}.prosa.artikel{max-width:72ch}.prosa.artikel h2{font-size:clamp(1.3rem,1.1rem+.8vw,1.7rem);letter-spacing:-.02em;margin:38px 0 10px}.prosa.artikel h3{font-size:1.1rem;margin:26px 0 8px}.prosa.artikel ul,.prosa.artikel ol{padding-left:22px;margin:12px 0}.prosa.artikel li{margin:6px 0}.prosa.artikel li::marker{color:var(--biru)}.prosa.artikel blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid var(--oranye);background:var(--bg2);border-radius:0 12px 12px 0;color:var(--fg)}.prosa.artikel blockquote p{margin:0}.prosa.artikel table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}.prosa.artikel th,.prosa.artikel td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.prosa.artikel th{color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.prosa.artikel .tabel-gulir{overflow-x:auto}.prosa.artikel hr{border:0;border-top:1px solid var(--line);margin:30px 0}.prosa.artikel a{color:var(--biru);font-weight:600}.ulasan-sec{background:var(--bg2)}.ulasan-kepala{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.ulasan-skor{display:flex;align-items:center;gap:14px;background:var(--kartu);border:1px solid var(--line);border-radius:18px;padding:14px 20px;box-shadow:var(--bayang)}.ulasan-skor b{font-size:46px;line-height:1;letter-spacing:-.04em;color:var(--fg)}.ulasan-skor small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.bintang{display:inline-flex;gap:2px}.bintang .ic{width:20px;height:20px;fill:none;stroke:#f5a623;stroke-width:1.6}.bintang .ic.isi{fill:#f5a623}.bintang.kecil .ic{width:15px;height:15px}.ulasan-contoh{margin:18px 0 0;padding:10px 14px;border-radius:10px;background:#ff7f0a1f;border:1px dashed var(--oranye);font-size:14px;color:var(--fg)}.ulasan-rel{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,340px);gap:16px;overflow-x:auto;padding:22px 16px 12px;scrollbar-width:none;margin:0 -16px;cursor:grab;-webkit-overflow-scrolling:touch}.ulasan-rel.seret{cursor:grabbing;user-select:none}.ulasan-rel::-webkit-scrollbar{display:none}.ulasan-sec .wrap{position:relative}.ulasan-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.ulasan-panah{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--kartu);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ulasan-panah .ic{width:20px;height:20px}.ulasan-panah:hover{background:var(--biru);color:#fff;border-color:var(--biru)}@media(min-width:900px){.ulasan-rel{margin:0;padding:26px 0 12px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}.ulasan-kartu{height:100%;background:var(--kartu);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.ulasan-kartu:before{content:"“";position:absolute;right:16px;top:-6px;font-size:84px;line-height:1;color:var(--w);opacity:.14;font-family:Georgia,serif}.ulasan-kartu:hover{transform:translateY(-3px);box-shadow:var(--bayang)}.ulasan-kartu header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ulasan-kartu header>div{flex:1;min-width:0}.ulasan-kartu header strong{display:block;font-size:15px}.ulasan-kartu header small{color:var(--muted);font-size:12px}.ulasan-kartu .avatar{width:42px;height:42px;border-radius:50%;background:var(--w);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}.ulasan-kartu p{margin:0;font-size:15px;line-height:1.6;color:var(--fg)}.ulasan-tag{align-self:flex-start;font-size:12px;font-weight:700;color:var(--biru-tua);background:var(--biru-muda);padding:4px 10px;border-radius:99px;margin-top:auto}.ulasan-kaki{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.ulasan-kaki .meta{margin:0;flex-basis:100%}@media(max-width:700px){.prosa.artikel thead{display:none}.prosa.artikel table,.prosa.artikel tbody,.prosa.artikel tr,.prosa.artikel td{display:block;width:100%}.prosa.artikel tr{border:1px solid var(--line);border-radius:14px;padding:6px 14px 10px;margin:12px 0;background:var(--kartu)}.prosa.artikel td{border:0;padding:8px 0}.prosa.artikel td+td{border-top:1px dashed var(--line)}.prosa.artikel td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.prosa.artikel td:first-child{font-size:17px}.prosa.artikel td:first-child:before{display:none}}.btn .ic{width:18px;height:18px;margin-right:8px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center}.btn-oranye{background:var(--oranye);color:#1a1a1a;border:1px solid transparent}.btn-oranye:hover{background:#ff9430}.btn-maps{background:var(--kartu);color:var(--fg);border:1px solid var(--line);padding-left:10px}.btn-maps b{margin-left:5px;color:var(--biru-tua)}.maps-pin{width:30px;height:30px;border-radius:50%;background:#ea4335;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;flex:none}.maps-pin .ic{margin:0;width:16px;height:16px}.btn-maps:hover{border-color:#ea4335;box-shadow:0 6px 18px #ea43352e}.toko .aksi .btn-putih{border-color:var(--line)}:root{--c-hp:#0078D7;--c-hp-muda:#E3F1FC;--c-laptop:#E06A00;--c-laptop-muda:#FFF1E3;--c-komputer:#0B7A3E;--c-komputer-muda:#E3F6EA;--c-printer:#7C3AED;--c-printer-muda:#F0E9FF}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-hp:#6CB6F5;--c-hp-muda:#13304D;--c-laptop:#FFB366;--c-laptop-muda:#3A2410;--c-komputer:#5FD68F;--c-komputer-muda:#0F3322;--c-printer:#B99CFF;--c-printer-muda:#2A1E4A}}:root[data-theme=dark]{--c-hp:#6CB6F5;--c-hp-muda:#13304D;--c-laptop:#FFB366;--c-laptop-muda:#3A2410;--c-komputer:#5FD68F;--c-komputer-muda:#0F3322;--c-printer:#B99CFF;--c-printer-muda:#2A1E4A}.p-hp,.kartu-panduan.p-hp{--cp:var(--c-hp);--cp-muda:var(--c-hp-muda)}.p-laptop,.kartu-panduan.p-laptop{--cp:var(--c-laptop);--cp-muda:var(--c-laptop-muda)}.p-komputer,.kartu-panduan.p-komputer{--cp:var(--c-komputer);--cp-muda:var(--c-komputer-muda)}.p-printer,.kartu-panduan.p-printer{--cp:var(--c-printer);--cp-muda:var(--c-printer-muda)}.kartu-panduan{position:relative;overflow:hidden;--cp:var(--biru);--cp-muda:var(--biru-muda)}.kartu-panduan:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cp),transparent 80%)}.kartu-panduan .label-perangkat{color:var(--cp);background:var(--cp-muda)}.kartu-panduan:after{content:"→";position:absolute;right:20px;bottom:18px;font-size:20px;color:var(--cp);opacity:0;transform:translate(-6px);transition:all .3s}.kartu-panduan:hover:after{opacity:1;transform:none}.kartu-panduan:hover{border-color:var(--cp)}.hero-panduan{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cp-muda,var(--biru-muda)),var(--bg2) 60%)}.hero-panduan .wrap{position:relative}.hero-ikon{position:absolute;right:-10px;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(260px,40vw);height:auto;fill:none;stroke:var(--cp,var(--biru));stroke-width:1.2;opacity:.12;pointer-events:none}.eyebrow-chip{display:inline-flex;align-items:center;gap:8px;background:var(--kartu);border:1px solid var(--line);border-radius:99px;padding:6px 12px 6px 8px;color:var(--cp,var(--biru-tua))}.eyebrow-chip .ic{width:18px;height:18px}.spek div{background:var(--kartu);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.spek dd{font-weight:700;margin:0}.isi-panduan .prosa>p:first-child{font-size:19px;line-height:1.6;padding-left:18px;border-left:4px solid var(--cp,var(--oranye));color:var(--fg)}.penyebab{border-left:5px solid var(--line)}.penyebab .nomor{background:var(--cp-muda,var(--biru-muda));color:var(--cp,var(--biru-tua))}.penyebab[open]{border-left-color:var(--cp,var(--biru));border-color:var(--cp,var(--biru))}.penyebab[open] .nomor{background:var(--cp,var(--biru));color:#fff}.sering{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 9px;border-radius:99px;background:var(--bg2);font-size:12px;letter-spacing:.02em}.sering i{width:8px;height:8px;border-radius:50%;background:currentColor}.sering.s-paling-sering{color:#c2410c;background:#fff1e3}.sering.s-sering{color:#b45309;background:#fef3c7}.sering.s-kadang{color:#1d4ed8;background:#dbeafe}.sering.s-jarang{color:#4b5563;background:#e5e7eb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sering.s-paling-sering{background:#3a2410;color:#ffb366}:root:not([data-theme=light]) .sering.s-sering{background:#3a2e0f;color:#fcd34d}:root:not([data-theme=light]) .sering.s-kadang{background:#13304d;color:#93c5fd}:root:not([data-theme=light]) .sering.s-jarang{background:#1f2937;color:#9ca3af}}:root[data-theme=dark] .sering.s-paling-sering{background:#3a2410;color:#ffb366}:root[data-theme=dark] .sering.s-sering{background:#3a2e0f;color:#fcd34d}:root[data-theme=dark] .sering.s-kadang{background:#13304d;color:#93c5fd}:root[data-theme=dark] .sering.s-jarang{background:#1f2937;color:#9ca3af}.badan-penyebab .bag{background:var(--bg2);border-radius:14px;padding:16px}.badan-penyebab h3{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.badan-penyebab h3 .ic{width:18px;height:18px;flex:none}.bag-tanda h3{color:#7c3aed}.bag-cek h3{color:var(--biru)}.solusi h3{color:var(--hijau)}.solusi.toko h3{color:#a84e00}.solusi{border-left:4px solid var(--hijau)}.solusi.toko{border-left-color:var(--oranye)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bag-tanda h3{color:#b99cff}:root:not([data-theme=light]) .solusi.toko{background:#3a2410;color:#eaf1f8}:root:not([data-theme=light]) .solusi.toko h3{color:#ffb366}:root:not([data-theme=light]) .awas,:root:not([data-theme=light]) .awas-blok{background:#3a2410;color:#eaf1f8}:root:not([data-theme=light]) .awas strong,:root:not([data-theme=light]) .awas-blok strong{color:#ffb366}}:root[data-theme=dark] .bag-tanda h3{color:#b99cff}:root[data-theme=dark] .solusi.toko{background:#3a2410;color:#eaf1f8}:root[data-theme=dark] .solusi.toko h3{color:#ffb366}:root[data-theme=dark] .awas,:root[data-theme=dark] .awas-blok{background:#3a2410;color:#eaf1f8}:root[data-theme=dark] .awas strong,:root[data-theme=dark] .awas-blok strong{color:#ffb366}.badge-langkah{display:inline-flex;align-items:baseline;gap:6px;margin:0}.badge-langkah b{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--cp,var(--biru));color:#fff;font-size:17px;font-weight:800}.badge-langkah span{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.langkah-item{border-top:5px solid var(--cp,var(--biru));box-shadow:0 10px 30px #0b25450f}.langkah-gambar{background:radial-gradient(circle at 50% 55%,var(--cp-muda,var(--biru-muda)) 0 42%,var(--bg2) 43%)}.ilus{stroke:var(--cp,var(--biru))}.persiapan{border:1px solid var(--line)}.alat li{display:flex;gap:10px;align-items:flex-start;list-style:none}.alat{padding-left:0}.alat .ic{width:20px;height:20px;color:var(--hijau);flex:none;margin-top:2px}.tips{border-left:4px solid var(--biru)}.awas,.awas-blok{border-left:4px solid var(--oranye)}.daftar-teknisi{list-style:none;padding:0!important}.daftar-teknisi li{display:flex;gap:12px;align-items:flex-start}.daftar-teknisi .ic{width:20px;height:20px;color:#ffb84d;flex:none;margin-top:3px}.ke-teknisi{border-left:6px solid var(--oranye);background:linear-gradient(135deg,#0b2545,#0e3a6e)}.ke-teknisi .btn-tinta{background:var(--oranye);color:#1a1a1a}.toko .k{position:relative;overflow:hidden;border-top:5px solid var(--biru)}.toko .k.kanan{border-top-color:var(--oranye)}.toko-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--biru-tua);background:var(--biru-muda);padding:4px 10px;border-radius:99px;margin-bottom:10px}.toko .k.kanan .toko-label{color:#a84e00;background:#fff1e3}.toko-info{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.toko-info li{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}.toko-info .ic{width:20px;height:20px;flex:none;color:var(--biru);margin-top:2px}.toko .k.kanan .toko-info .ic{color:var(--oranye)}.alur div{border-top:0;padding:22px 20px 20px;background:var(--kartu);border:1px solid var(--line);border-radius:18px}.alur div:before{width:34px;height:34px;border-radius:10px;background:var(--biru);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px}.alur div:nth-child(2):before{background:var(--hijau)}.alur div:nth-child(3):before{background:#7c3aed}.alur div:nth-child(4):before{background:var(--oranye);color:#1a1a1a}@media(min-width:900px){.alur div:not(:last-child):after{content:"";position:absolute;right:-20px;top:36px;width:14px;height:14px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:rotate(45deg)}}.hero-bantuan{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--biru-muda),var(--bg2) 55%,#FFF1E3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-bantuan{background:linear-gradient(135deg,#13304D,var(--bg2) 55%,#2A1C0E)}}:root[data-theme=dark] .hero-bantuan{background:linear-gradient(135deg,#13304D,var(--bg2) 55%,#2A1C0E)}.hero-hias{position:absolute;inset:0;pointer-events:none}.hero-hias svg{position:absolute;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.5;animation:melayang 7s ease-in-out infinite}.hero-hias .h1{right:8%;top:14%;width:150px;stroke:var(--c-laptop)}.hero-hias .h2{right:30%;bottom:10%;width:70px;stroke:var(--c-hp);animation-delay:-2s}.hero-hias .h3{right:3%;bottom:14%;width:90px;stroke:var(--c-printer);animation-delay:-4s}.hero-hias .h4{right:22%;top:8%;width:60px;stroke:var(--c-komputer);animation-delay:-1s}@media(max-width:900px){.hero-hias svg{opacity:.22}.hero-hias .h1{width:100px;right:-10px;top:6%}.hero-hias .h2{right:12%;bottom:4%}}.hero-bantuan .wrap,.cari-kotak{position:relative}.cari-kotak .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--biru)}.cari-kotak input{padding-left:46px;border-width:2px;box-shadow:0 8px 24px #0b254514}.cari-kotak input:focus{outline:none;border-color:var(--biru)}.saring label span{gap:7px}.saring label .ic{width:17px;height:17px}.saring label.p-hp input:checked+span{background:var(--c-hp);border-color:var(--c-hp)}.saring label.p-laptop input:checked+span{background:var(--c-laptop);border-color:var(--c-laptop)}.saring label.p-komputer input:checked+span{background:var(--c-komputer);border-color:var(--c-komputer)}.saring label.p-printer input:checked+span{background:var(--c-printer);border-color:var(--c-printer)}.saring label.p-hp span .ic{color:var(--c-hp)}.saring label.p-laptop span .ic{color:var(--c-laptop)}.saring label.p-komputer span .ic{color:var(--c-komputer)}.saring label.p-printer span .ic{color:var(--c-printer)}.saring label input:checked+span .ic{color:#fff}.h-ikon{display:flex;align-items:center;gap:14px}.h-ikon .h-teks span{margin-top:2px}.ik{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff}.ik .ic{width:24px;height:24px}.ik-oranye{background:linear-gradient(135deg,#ff7f0a,#ffb84d)}.ik-hijau{background:linear-gradient(135deg,#0b7a3e,#3bbf77)}.ik-ungu{background:linear-gradient(135deg,#7c3aed,#b99cff)}.kartu-ikon{position:absolute;right:18px;top:22px;width:44px;height:44px;padding:10px;border-radius:12px;background:var(--cp-muda);color:var(--cp);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kartu-panduan h3{padding-right:56px}.kartu-panduan .meta .angka{font-family:var(--mono);color:var(--cp);font-size:16px}.sulit{padding:2px 8px;border-radius:99px;font-size:12px;font-weight:700;background:var(--bg2)}.sulit.mudah{color:var(--hijau);background:#e3f6ea}.sulit.sedang{color:#b45309;background:#fef3c7}.sulit.butuh-ketelitian{color:#c2410c;background:#fff1e3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sulit.mudah{background:#0f3322;color:#5fd68f}:root:not([data-theme=light]) .sulit.sedang{background:#3a2e0f;color:#fcd34d}:root:not([data-theme=light]) .sulit.butuh-ketelitian{background:#3a2410;color:#ffb366}}:root[data-theme=dark] .sulit.mudah{background:#0f3322;color:#5fd68f}:root[data-theme=dark] .sulit.sedang{background:#3a2e0f;color:#fcd34d}:root[data-theme=dark] .sulit.butuh-ketelitian{background:#3a2410;color:#ffb366}.promo-cek{display:flex;align-items:center;gap:16px;margin-top:36px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,#0b2545,#124b8c);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:transform .2s,box-shadow .2s}.promo-cek:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0b25454d}.promo-cek strong{color:#ffd39a}.promo-ikon{width:46px;height:46px;border-radius:50%;background:var(--oranye);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;flex:none}.promo-ikon .ic{width:24px;height:24px}.promo-panah{margin-left:auto;font-weight:700;white-space:nowrap;color:#ffb84d}@media(max-width:700px){.promo-cek{flex-wrap:wrap}.promo-panah{margin-left:62px}}.h-kecil>.h-teks{display:block;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;margin:0}.ik-biru{background:linear-gradient(135deg,#0078d7,#6cb6f5)}.hero-layanan .hero-ikon{right:40%;width:min(320px,45vw);opacity:.08}@media(max-width:900px){.hero-layanan .hero-ikon{right:-20px;top:18%;width:160px}}.janji{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600}.janji li{display:inline-flex;align-items:center;gap:8px}.janji i{width:10px;height:10px;border-radius:50%;background:var(--w)}.kartu-keluhan{background:var(--kartu);border-radius:22px;padding:22px;box-shadow:var(--bayang);border:1px solid var(--line)}.kartu-keluhan ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.kartu-keluhan button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg2);border:1px solid transparent;border-radius:14px;padding:10px 12px;font:inherit;color:var(--fg);cursor:pointer;transition:all .2s}.kartu-keluhan button:hover{border-color:var(--biru);background:var(--kartu);transform:translate(3px)}.kartu-keluhan button>span:not(.kk-ikon){flex:1;font-weight:700;font-size:15px;line-height:1.3}.kartu-keluhan small{display:block;color:var(--muted);font-weight:500;font-size:13px;margin-top:2px}.kartu-keluhan b{color:var(--biru);font-size:18px}.kk-ikon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--w) 14%,transparent);color:var(--w);display:inline-flex;align-items:center;justify-content:center;flex:none}.kk-ikon .ic{width:22px;height:22px}.harga-ikon{border:0;background:none;display:flex;flex-direction:column;gap:8px;overflow:visible}.harga-ikon button{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;text-align:left;background:var(--kartu);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;color:var(--fg);cursor:pointer;transition:all .2s}.harga-ikon button:hover{border-color:var(--cp);box-shadow:0 8px 22px #0b254514;transform:translateY(-1px)}.harga-ikon .h-ik{width:42px;height:42px;border-radius:12px;background:var(--cp-muda);color:var(--cp);display:flex;align-items:center;justify-content:center}.harga-ikon .h-ik .ic{width:22px;height:22px}.harga-ikon .h-nama{font-weight:700;font-size:15.5px;line-height:1.3}.harga-ikon .h-nama small{display:block;font-weight:500;color:var(--muted);font-size:13px;margin-top:2px}.harga-ikon b{font-family:var(--mono);font-weight:600;font-size:14px;white-space:nowrap;background:var(--cp-muda);color:var(--cp);padding:6px 10px;border-radius:99px}.catatan .k-ikon{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start}.catatan .k-ikon .ki{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--w) 14%,transparent);color:var(--w);display:flex;align-items:center;justify-content:center;margin-top:2px}.catatan .k-ikon .ki .ic{width:22px;height:22px}.catatan .k-ikon strong{color:var(--fg)}.merek-grid{display:flex;flex-wrap:wrap;gap:10px}.merek-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 6px;border-radius:99px;border:1px solid var(--line);font-weight:600;background:var(--kartu)}.merek-chip b{width:32px;height:32px;border-radius:50%;background:var(--w);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.faq-kartu details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:10px;background:var(--kartu);transition:border-color .2s}.faq-kartu details[open]{border-color:var(--biru);background:var(--biru-muda)}.faq-kartu summary{gap:14px;align-items:center}.faq-kartu summary:before{content:"?";flex:none;width:28px;height:28px;border-radius:50%;background:var(--oranye);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.faq-kartu summary span{flex:1}.faq-kartu details[open] summary:before{background:var(--biru);color:#fff}.faq-kartu p{color:var(--fg);padding-left:42px}.ajakan-gelap{background:linear-gradient(135deg,#0b2545,#124b8c);color:#fff;position:relative;overflow:hidden}.ajakan-gelap:before{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,127,10,.35),transparent 65%)}.ajakan-gelap p{color:#d5e0ec}.ajakan-gelap>*{position:relative}.hero-cek{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2545,#0e3a6e 55%,#124b8c);color:#fff}.hero-cek h1,.hero-cek .lead{color:#fff}.hero-cek .lead{color:#d5e0ec}.hero-cek .eyebrow-chip{background:#ffffff1a;border-color:#fff3;color:#ffb84d!important}.hero-cek .wrap{position:relative}.ekg-hero{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px;pointer-events:none;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ekg-hero path{fill:none;stroke:#ffb84d;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;filter:drop-shadow(0 0 6px rgba(255,184,77,.8));animation:ekgJalan 6s cubic-bezier(.4,0,.6,1) infinite}.hero-cek .pilih-kartu{background:#ffffff0f;border-color:#ffffff2e;color:#fff}.hero-cek .pilih-kartu small{color:#a3b4c8}.hero-cek .pilih-kartu .ic{color:#ffb84d}.hero-cek .pilih-kartu[aria-pressed=true]{background:#fff;color:var(--tinta);border-color:#fff;box-shadow:0 0 0 4px #ffb84d59}.hero-cek .pilih-kartu[aria-pressed=true] small{color:#52647a}.hero-cek .pilih-kartu[aria-pressed=true] .ic{color:var(--biru)}.hero-cek .pilih-perangkat{padding-bottom:40px}.cek-tab{flex-direction:row;align-items:center;gap:12px;border-left:4px solid transparent}.cek-ikon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--w) 14%,transparent);color:var(--w);display:inline-flex;align-items:center;justify-content:center;flex:none}.cek-ikon .ic{width:22px;height:22px}.cek-teks{display:flex;flex-direction:column;gap:2px;min-width:0}.cek-tab[aria-pressed=true]{border-left-color:var(--w);border-color:var(--w);box-shadow:0 0 0 3px color-mix(in srgb,var(--w) 15%,transparent)}.cek-tab[aria-pressed=true] .cek-ikon{background:var(--w);color:#fff}.cek-status:not(:empty):before{content:"● ";color:var(--hijau)}.cek-panel{border-top:5px solid var(--w,var(--biru))}.cek-panel h2{color:var(--w,var(--fg))}.cek-panel h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--w);margin-right:10px;vertical-align:middle}.cek-hasil{position:relative;background:linear-gradient(135deg,var(--biru-muda),#FFF1E3);border:1px solid var(--line)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cek-hasil{background:linear-gradient(135deg,#13304d,#2a1c0e)}}:root[data-theme=dark] .cek-hasil{background:linear-gradient(135deg,#13304d,#2a1c0e)}.hasil-ikon{position:absolute;right:20px;top:20px;width:46px;height:46px;border-radius:50%;background:var(--hijau);color:#fff;display:flex;align-items:center;justify-content:center}.hasil-ikon .ic{width:26px;height:26px}#hasil-chips label span{gap:8px;background:var(--kartu)}#hasil-chips label span .ic{width:18px;height:18px;color:var(--w)}#hasil-chips label input:checked+span{background:var(--w);border-color:var(--w);color:#fff}#hasil-chips label input:checked+span .ic{color:#fff}.merek-teks{padding:8px 18px;font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--w);border-color:color-mix(in srgb,var(--w) 35%,var(--line));background:color-mix(in srgb,var(--w) 6%,var(--kartu))}.merek-teks:hover{background:var(--w);color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .merek-teks{color:color-mix(in srgb,var(--w) 60%,#fff)}}:root[data-theme=dark] .merek-teks{color:color-mix(in srgb,var(--w) 60%,#fff)}.tab{display:inline-flex;align-items:center;gap:8px}.tab .ic{width:18px;height:18px;color:var(--cp,var(--biru))}.tab[aria-selected=true]{background:var(--cp,var(--biru));border-color:var(--cp,var(--biru));box-shadow:0 6px 16px color-mix(in srgb,var(--cp,var(--biru)) 30%,transparent)}.tab[aria-selected=true] .ic{color:#fff}.panel .harga-ikon .h-nama{font-size:15px}.merek-logo{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:64px;padding:0 20px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.merek-logo img{height:28px;width:auto;max-width:150px;object-fit:contain;display:block}.merek-logo img[src*=apple]{height:30px}.merek-logo img[src*="/hp"]{height:34px}.merek-logo img[src*=macbook]{height:22px}.merek-logo:hover{transform:translateY(-3px);box-shadow:var(--bayang)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .merek-logo{background:#f3f7fb;border-color:transparent}}:root[data-theme=dark] .merek-logo{background:#f3f7fb;border-color:transparent}@media(max-width:600px){.merek-logo{height:54px;padding:0 14px}.merek-logo img{height:24px}}.merek-logo img[data-logo=xiaomi]{height:36px}.merek-logo img[data-logo=samsung]{height:30px}.merek-logo img[data-logo=iphone]{height:32px}.merek-logo img[data-logo=infinix],.merek-logo img[data-logo=tecno],.merek-logo img[data-logo=oppo],.merek-logo img[data-logo=vivo]{height:22px}.merek-logo img[data-logo=realme],.merek-logo img[data-logo=poco]{height:30px;border-radius:4px}.merek-logo img[data-logo=tecno]{height:20px}.merek-logo img[data-logo=intel]{height:34px}.merek-logo img[data-logo=amd]{height:22px}.merek-logo img[data-logo=nvidia]{height:40px}.merek-logo img[data-logo=windows]{height:24px}.merek-logo img[data-logo=epson],.merek-logo img[data-logo=canon],.merek-logo img[data-logo=brother]{height:26px}.merek-logo img[data-logo=lenovo]{height:30px}.merek-logo.merek-rakitan{gap:8px;font-weight:800;font-size:17px;color:#0b2545}.merek-rakitan .ic{width:24px;height:24px;color:#0b7a3e}.merek-logo img[data-logo=iphone]{height:38px}img.ic.wa-ikon{object-fit:contain;stroke:none;fill:none}.anim{width:100%;height:auto;display:block;font-family:var(--sans)}.langkah-gambar:has(.anim){background:var(--bg2);padding:10px}.anim .w-jendela{fill:#fff;stroke:#dce5ee}.anim .w-judul{fill:#f3f7fb}.anim .w-ikonapp{fill:#0078d7}.anim .w-sisi{fill:#f8fafc}.anim .w-sisi-gelap{fill:#1f3b5b}.anim .w-putih{fill:#fff}.anim .w-t{fill:#0b2545;font-size:11px}.anim .w-kecil{font-size:11px;font-weight:600}.anim .w-tebal{font-weight:700}.anim .w-redup{fill:#52647a}.anim .w-xs{font-size:9px}.anim .w-besar{font-size:16px;font-weight:800}.anim .w-merah{fill:#c2410c}.anim .w-hijau-t{fill:#0b7a3e}.anim .w-mini{fill:none;stroke:#0078d7;stroke-width:1.6;stroke-linejoin:round}.anim .w-ungu{stroke:#7c3aed}.anim .w-hijau{stroke:#0b7a3e}.anim .w-oranye{stroke:#e06a00}.anim .w-grafik{fill:#eef6fd;stroke:#b9d9f5}.anim .w-grafik-hijau{fill:#ecf8f1;stroke:#b7e1c8}.anim .w-garis{fill:none;stroke:#0078d7;stroke-width:2}.anim .w-garis-hijau{stroke:#0b7a3e}.anim .w-pilih{fill:#e3f1fc}.anim .w-pilih-off{fill:transparent}.anim .w-pilih-gelap{fill:#ffffff2e}.anim .w-tipe{font-size:13px;font-weight:800}.anim .w-label{fill:#ff7f0a}.anim .w-label-teks{fill:#1a1a1a;font-size:10.5px;font-weight:800}.anim .w-kursor{fill:#fff;stroke:#0b2545;stroke-width:1.4;stroke-linejoin:round}.anim .a-riak{fill:#0078d759;transform:scale(0);transform-box:fill-box;transform-origin:center}.anim .w-key{fill:#fff;stroke:#0b2545;stroke-width:1.5;transform-box:fill-box;transform-origin:center}.anim .w-key-t{font-size:15px;font-weight:800}.anim .w-taskbar{fill:#dce5ee}.anim .w-start{fill:#0078d7}.anim .w-menu{fill:#fff;stroke:#dce5ee;filter:drop-shadow(0 6px 14px rgba(11,37,69,.18))}.anim .w-kartu{fill:#fff;stroke:#dce5ee}.anim .w-lingkar{fill:#fff;stroke:#dce5ee;stroke-width:1.5}.anim .w-ok{fill:#0b7a3e}.anim .w-ok-garis{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.anim .w-cek{fill:#fff;stroke:#52647a;stroke-width:1.2}.anim .w-cek-isi{fill:none;stroke:#0078d7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}.anim .w-cek-isi.a-tampil1{animation:aTampil1 9s infinite}.anim .w-cek-kosong{opacity:0!important;animation:none!important}.anim .w-tombol{fill:#0078d7}.anim .w-tombol-t{fill:#fff;font-weight:700;font-size:11px}.anim .w-toggle{fill:#dce5ee}.anim .a-toggle{fill:#fff;stroke:#52647a;stroke-width:1.2;animation:aToggle 9s infinite}.anim .w-tab{fill:#fff;stroke:#dce5ee}.anim .w-tab-kecil{fill:#e3f1fc;stroke:#b9d9f5}.anim .w-dropdown{fill:#fff;stroke:#52647a}.anim .w-baterai{fill:#fff;stroke:#0b2545;stroke-width:1.2}.anim .w-alamat{fill:#f3f7fb;stroke:#dce5ee}.anim .w-folder{fill:#ffd166;stroke:#e0a800;stroke-width:1}.anim .w-usb{fill:#0078d7}.anim .w-panah-besar{fill:none;stroke:#0078d7;stroke-width:2.5}.anim .w-avatar{fill:#7c3aed}.anim .w-ikon-update{fill:none;stroke:#0078d7;stroke-width:3;stroke-dasharray:40 20;transform-box:fill-box;transform-origin:center}.anim .a-sorot ellipse,.anim .a-sorot1 ellipse{fill:none;stroke:#ff7f0a;stroke-width:3;transform-box:fill-box;transform-origin:center}.anim .a-bar,.anim .a-bar-c{fill:#0078d7;width:var(--dari);animation:aBar 9s infinite}.anim .a-bar-c{fill:#c2410c;animation-name:aBarC}.anim .a-kursor{animation:aKursor 9s infinite cubic-bezier(.45,0,.2,1)}.anim .a-klik1{animation:aKlik1 9s infinite}.anim .a-klik2{animation:aKlik2 9s infinite}.anim .a-tampil1{opacity:0;animation:aTampil1 9s infinite}.anim .a-tampil2{opacity:0;animation:aTampil2 9s infinite}.anim .a-hilang1{animation:aHilang1 9s infinite}.anim .a-hilang2{animation:aHilang2 9s infinite}.anim .a-sorot{opacity:0;animation:aSorot 9s infinite}.anim .a-sorot ellipse{animation:aDenyut 9s infinite}.anim .a-sorot1{opacity:0;animation:aSorotAwal 9s infinite}.anim .a-pop{transform-box:fill-box;transform-origin:center;animation:aPop 9s infinite}.anim .a-tekan{animation:aTekan 9s infinite}.anim .a-putar{animation:aPutar 1.4s linear infinite}.anim .a-denyut{animation:aDenyutTombol 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.anim .a-gulir{animation:aGulir 9s infinite}.anim .a-giliran{animation:aGiliran 9s infinite;animation-delay:calc(var(--i) * 1.6s)}.anim .a-giliran-ok{opacity:0;animation:aGiliranOk 9s infinite;animation-delay:calc(var(--i) * 1.6s)}.anim .a-pilih-folder .w-pilih{animation:aFolder 9s infinite}.anim .a-kilat{opacity:0;animation:aKilat 9s infinite}@keyframes aKursor{0%,6%{transform:var(--p0)}26%,40%{transform:var(--p1)}58%,92%{transform:var(--p2)}to{transform:var(--p0)}}@keyframes aKlik1{0%,28%{transform:scale(0);opacity:1}31%{transform:scale(1);opacity:1}36%,to{transform:scale(1.6);opacity:0}}@keyframes aKlik2{0%,63%{transform:scale(0);opacity:1}66%{transform:scale(1);opacity:1}71%,to{transform:scale(1.6);opacity:0}}@keyframes aTampil1{0%,30%{opacity:0}34%,96%{opacity:1}to{opacity:0}}@keyframes aTampil2{0%,65%{opacity:0}69%,96%{opacity:1}to{opacity:0}}@keyframes aHilang1{0%,30%{opacity:1}34%,96%{opacity:0}to{opacity:1}}@keyframes aHilang2{0%,65%{opacity:1}69%,96%{opacity:0}to{opacity:1}}@keyframes aSorot{0%,68%{opacity:0}72%,94%{opacity:1}98%,to{opacity:0}}@keyframes aSorotAwal{0%,8%{opacity:0}12%,40%{opacity:1}46%,to{opacity:0}}@keyframes aDenyut{0%,72%{transform:scale(1)}78%{transform:scale(1.12)}84%{transform:scale(1)}90%{transform:scale(1.12)}96%,to{transform:scale(1)}}@keyframes aBar{0%,30%{width:var(--dari)}50%,96%{width:var(--ke)}to{width:var(--dari)}}@keyframes aBarC{0%,30%{width:var(--dari);fill:#c2410c}50%,96%{width:var(--ke);fill:#0078d7}to{width:var(--dari);fill:#c2410c}}@keyframes aToggle{0%,30%{transform:translate(0);fill:#fff}36%,96%{transform:translate(22px);fill:#0078d7;stroke:#0078d7}to{transform:translate(0);fill:#fff}}@keyframes aPop{0%,30%{transform:scale(.85)}36%,to{transform:scale(1)}}@keyframes aTekan{0%,20%{transform:translateY(0);fill:#fff}24%,30%{transform:translateY(3px);fill:#e3f1fc}34%,to{transform:translateY(0);fill:#fff}}@keyframes aPutar{to{transform:rotate(360deg)}}@keyframes aDenyutTombol{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes aGulir{0%,42%{transform:translateY(0)}58%,to{transform:translateY(-120px)}}@keyframes aGiliran{0%,4%{opacity:.45}12%,to{opacity:1}}@keyframes aGiliranOk{0%,10%{opacity:0;transform:scale(.6)}16%,to{opacity:1;transform:scale(1)}}@keyframes aFolder{0%,30%{fill:transparent}34%,96%{fill:#e3f1fc}to{fill:transparent}}@keyframes aKilat{0%,28%{opacity:0}30%{opacity:.9}36%,to{opacity:0}}.anim .a-giliran-ok{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:reduce){.anim *{animation:none!important}.anim .a-tampil1,.anim .a-tampil2,.anim .a-sorot,.anim .a-giliran-ok{opacity:1}.anim .a-hilang1,.anim .a-hilang2,.anim .a-kilat,.anim .a-sorot1{opacity:0}.anim .a-kursor{transform:var(--p2)}.anim .a-bar{width:var(--ke)}}.cek-anim{margin-top:12px;background:var(--kartu);border:1px solid var(--line);border-radius:12px;padding:6px;max-width:440px}.badan-penyebab:has(.cek-anim)>.bag{grid-column:1/-1}.cek-anim:has([data-hp]){max-width:250px}@media(min-width:900px){.badan-penyebab .bag-cek:has(.cek-anim){display:grid;grid-template-columns:1fr minmax(0,360px);gap:6px 18px;align-items:start}.badan-penyebab .bag-cek:has(.cek-anim) h3{grid-column:1/-1}.badan-penyebab .bag-cek .cek-anim{margin-top:0}.badan-penyebab .bag-cek:has([data-hp]){grid-template-columns:1fr 250px}}.anim .h-bodi{fill:#0b2545}.anim .h-layar{fill:#fff}.anim .h-notch{fill:#0b2545}.anim .h-bar{fill:#e5e7eb}.anim .h-isi{fill:#0b7a3e}.anim .h-isi-merah{fill:#c2410c}.wa-chat{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:12px;background:color-mix(in srgb,var(--hijau) 10%,transparent);color:var(--fg);font:inherit;font-weight:800;text-align:left;cursor:pointer;margin-bottom:6px}.wa-chat:hover{background:color-mix(in srgb,var(--hijau) 16%,transparent)}.wa-chat small{display:block;font-family:var(--sans);font-weight:500;color:var(--muted);font-size:13px}.wa-chat-ikon{width:38px;height:38px;border-radius:12px;background:var(--hijau);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.wa-chat-ikon .ic{width:20px;height:20px}.wa-tombol.ada-chat:after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#e5484d;border:3px solid var(--bg)}.wa-tombol{position:relative}html.chat-terbuka .wa{display:none}.chat{position:fixed;z-index:45;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:380px;height:min(600px,calc(100dvh - 40px));display:flex;flex-direction:column;background:var(--kartu);color:var(--fg);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px #0b254552,0 4px 14px #0b254524;overflow:hidden;animation:naik .25s ease}.chat[hidden]{display:none}@media(max-width:600px){.chat{inset:0;width:auto;height:100dvh;border-radius:0;border:0}}.chat-kepala{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px));background:linear-gradient(135deg,#0b2545,#13467a);color:#fff}.chat-logo{width:40px;height:40px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center;flex:none}.chat-logo .ic{width:20px;height:20px}.chat-nama{display:flex;flex-direction:column;min-width:0;flex:1}.chat-nama strong{font-size:16px}#chat-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#fffc}#chat-status b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chat-status i{width:8px;height:8px;border-radius:50%;background:#9aa7b8;flex:none}#chat-status.aktif i{background:#3ddc84;box-shadow:0 0 0 3px #3ddc8440}.chat-tutup{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.chat-isi{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg2);overscroll-behavior:contain}.chat-isi[hidden]{display:none}.chat-b{max-width:82%;padding:8px 12px 6px;border-radius:16px;display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.45;white-space:pre-line;word-break:break-word;box-shadow:0 1px 2px #10182814}.chat-b.saya{align-self:flex-end;background:var(--biru);color:#fff;border-bottom-right-radius:6px}.chat-b.tim{align-self:flex-start;background:var(--kartu);border-bottom-left-radius:6px}.chat-b-nama{font-size:12px;font-weight:800;color:var(--hijau)}.chat-b time{align-self:flex-end;font-size:11px;opacity:.7}.chat-info{align-self:center;max-width:90%;text-align:center;font-size:12.5px;color:var(--muted);background:var(--kartu);border-radius:99px;padding:4px 12px}.chat-info.galat{color:#a33a00}.chat-wa{align-self:stretch;display:flex;flex-direction:column;gap:8px;background:var(--kartu);border:1px dashed color-mix(in srgb,var(--hijau) 50%,var(--line));border-radius:14px;padding:10px 12px;font-size:13.5px}.chat-wa div{display:flex;gap:8px}.chat-wa input{flex:1;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:16px;background:var(--bg);color:var(--fg)}.chat-wa button{border:0;border-radius:10px;background:var(--hijau);color:#fff;font:inherit;font-weight:700;padding:0 14px;cursor:pointer}.chat-mulai{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-mulai[hidden],.chat-tulis[hidden]{display:none}.chat-sapa{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:15px}.chat-mulai .btn{width:100%}.chat-tulis{display:flex;align-items:flex-end;gap:8px;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--kartu)}.chat-tulis textarea{flex:1;resize:none;min-height:44px;max-height:120px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;font-size:16px;background:var(--bg);color:var(--fg)}.chat-tulis button{width:44px;height:44px;border:0;border-radius:50%;background:var(--hijau);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.chat-tulis button .ic{width:20px;height:20px}.wa-angka{display:none}.wa-tombol.ada-chat:after{content:none}.wa-tombol.ada-chat .wa-angka{display:flex;position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:#e5484d;color:#fff;font-size:13px;font-weight:800;align-items:center;justify-content:center;border:2px solid var(--bg);box-shadow:0 4px 10px #e5484d66}.wa-tombol.goyang-chat{animation:goyangChat 1.2s ease 0s 3}@keyframes goyangChat{0%,40%,to{transform:rotate(0)}5%{transform:rotate(-14deg)}10%{transform:rotate(12deg)}15%{transform:rotate(-10deg)}20%{transform:rotate(8deg)}25%{transform:rotate(-4deg)}30%{transform:rotate(2deg)}}.chat-ketik{align-self:flex-start;display:flex;align-items:center;gap:4px;background:var(--kartu);border-radius:16px 16px 16px 6px;padding:8px 12px;font-size:12.5px;color:var(--muted);box-shadow:0 1px 2px #10182814}.chat-ketik i{width:6px;height:6px;border-radius:50%;background:var(--hijau);animation:titikKetik 1s infinite ease-in-out}.chat-ketik i:nth-child(2){animation-delay:.15s}.chat-ketik i:nth-child(3){animation-delay:.3s}.chat-ketik span{margin-left:4px}@keyframes titikKetik{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
