:is(main,#_) .sr-lead a{color:inherit;text-decoration:underline;text-decoration-color:var(--langit);text-underline-offset:3px}:is(main,#_) .sr-sum{margin-top:0}.sr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:is(main,#_) .sr-facts{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:0;background:var(--navy-900);color:#fff;border-radius:var(--r-panel);overflow:hidden}:is(main,#_) .sr-facts>div{padding:22px 24px;box-shadow:inset -1px 0 #ffffff1f}:is(main,#_) .sr-facts dt{font-size:var(--fs-xs);color:#9fc1d8}:is(main,#_) .sr-facts dd{margin:4px 0 0;font-family:var(--display);font-weight:800;font-size:var(--fs-h3);line-height:1.2;font-variant-numeric:tabular-nums}:is(main,#_) .sr-facts dd a{color:#fff;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px}:is(main,#_) .sr-facts p{font-size:var(--fs-xs);color:#c9ddea;margin-top:4px;line-height:1.45}:is(main,#_) .sr-upd{font-size:var(--fs-xs);color:var(--abu);margin-top:10px}:is(main,#_) .sr-sec{padding:80px 0;margin-top:56px}:is(main,#_) .sr-alt{background:var(--kertas)}:is(main,#_) .sr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}:is(main,#_) .sr-head h2{font-size:var(--fs-h2)}:is(main,#_) .sr-head p{color:var(--abu);margin-top:10px;max-width:60ch;font-size:var(--fs-body)}:is(main,#_) .sr-head .lnk{white-space:nowrap;flex:none}:is(main,#_) .sr-pilih .pk{background:#fff;box-shadow:0 1px 2px #0c456e0f,0 10px 24px -10px #0c456e2e}:is(main,#_) .sr-pilih .pk--utama{box-shadow:inset 0 0 0 2px var(--navy),0 10px 24px -10px #0c456e2e}:is(main,#_) .sr-pilih .pk>summary{pointer-events:none;cursor:default}:is(main,#_) .sr-pilih .pk .xc{display:none}:is(main,#_) .sr-pilih .pk-i{margin-top:14px;padding-top:14px;gap:8px}:is(main,#_) .sr-pilih .pk .pk-k{display:none}:is(main,#_) .sr-pilih .pk .pk-l{padding-left:0;list-style:none;gap:4px}:is(main,#_) .sr-pilih .pk .pk-l li{font-size:var(--fs-sm)!important;padding-left:18px;position:relative;line-height:1.45}:is(main,#_) .sr-pilih .pk .pk-l li:before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--langit)}:is(main,#_) .sr-pilih .pk .pk-m{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--abu);font-size:var(--fs-xs)!important}:is(main,#_) .sr-pilih .pk .pk-m a{font-size:var(--fs-xs);font-weight:600;color:var(--navy);background:var(--navy-100);border-radius:999px;padding:5px 10px;text-decoration:none;line-height:1.3}:is(main,#_) .sr-pilih .pk .pk-m a:hover{background:#d6e7f3}:is(main,#_) .sr-vs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:24px;align-items:start}:is(main,#_) .sr-tbl{min-width:0}:is(main,#_) .sr-tbl .tbl{margin:0}:is(main,#_) .sr-tbl .muted{font-size:var(--fs-xs)}:is(main,#_) .kr{background:var(--navy);color:#fff;border-radius:var(--r-panel);padding:24px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:110px}:is(main,#_) .kr-h{font-family:var(--display);font-weight:700;font-size:var(--fs-h3)}:is(main,#_) .kr-lab{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:#c9ddea}:is(main,#_) .kr-lab output{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}:is(main,#_) .kr input[type=range]{width:100%;accent-color:var(--kuning)}:is(main,#_) .kr-seg{display:flex;gap:6px;flex-wrap:wrap}:is(main,#_) .kr-seg button{font-family:var(--body);font-size:var(--fs-sm);font-weight:600;border:0;border-radius:999px;padding:8px 14px;background:#ffffff1f;color:#fff;cursor:pointer;min-height:40px}:is(main,#_) .kr-seg button[aria-pressed=true]{background:#fff;color:var(--navy)}:is(main,#_) .kr-seg button:focus-visible{outline:2px solid var(--kuning);outline-offset:2px}:is(main,#_) .kr-res{background:#ffffff1a;border-radius:12px;padding:14px 16px;font-size:var(--fs-sm);color:#c9ddea;line-height:1.5}:is(main,#_) .kr-t{font-family:var(--display);font-weight:700;font-size:var(--fs-card);color:#fff}:is(main,#_) .kr-res p{margin-top:4px;font-size:var(--fs-sm)}:is(main,#_) .kr-m{margin-top:10px}:is(main,#_) .kr-m b{color:#fff}:is(main,#_) .kr .kr-s{font-size:var(--fs-xs)}:is(main,#_) .kr .btn{justify-content:center}:is(main,#_) .sr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}:is(main,#_) .sr-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}:is(main,#_) .sr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}:is(main,#_) .sr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}:is(main,#_) .sr-grid li{background:#fff;border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 1px var(--garis)}:is(main,#_) .sr-grid li.sorot{background:var(--navy-100);box-shadow:none}:is(main,#_) .sr-ic{width:38px;height:38px;border-radius:10px;background:var(--navy-100);color:var(--navy);display:grid;place-items:center}:is(main,#_) .sr-grid li.sorot .sr-ic{background:#fff}:is(main,#_) .sr-jam{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px dashed var(--garis)}:is(main,#_) .sr-jam b{display:block;font-family:var(--display);font-weight:800;font-size:var(--fs-card);color:var(--navy);line-height:1.2;font-variant-numeric:tabular-nums}:is(main,#_) .sr-jam span:not(.sr-ic){display:block;font-size:var(--fs-xs);color:var(--abu)}:is(main,#_) .sr-grid li.sorot .sr-jam{border-bottom-color:#fff}:is(main,#_) .sr-t{font-family:var(--display);font-weight:700;font-size:var(--fs-card);margin-top:6px;line-height:1.3}:is(main,#_) .sr-d{font-size:var(--fs-sm);color:var(--abu);line-height:1.5}:is(main,#_) .sr-demo-w{margin-top:80px}:is(main,#_) .sr-demo{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;background:var(--navy-100);border-radius:28px;overflow:hidden;padding-left:56px}:is(main,#_) .sr-db{padding:52px 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}:is(main,#_) .sr-db h2{font-size:var(--fs-h2)}:is(main,#_) .sr-db>p{color:var(--abu);max-width:54ch;font-size:var(--fs-body)}:is(main,#_) .sr-dh{font-size:var(--fs-card);color:var(--navy);margin-top:18px}:is(main,#_) .sr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:10px;width:100%;counter-reset:d}:is(main,#_) .sr-steps li{background:#fff;border-radius:12px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);line-height:1.45;color:var(--abu)}:is(main,#_) .sr-steps li:before{counter-increment:d;content:counter(d);width:24px;height:24px;border-radius:999px;background:var(--navy);color:#fff;font:800 12px/1 var(--display);display:grid;place-items:center;margin-bottom:4px}:is(main,#_) .sr-steps b{font-family:var(--display);font-size:var(--fs-sm);color:var(--tinta)}:is(main,#_) .sr-dp{position:relative;min-height:100%}:is(main,#_) .sr-dp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}:is(main,#_) .sr-html{min-width:0}:is(main,#_) .sr-html .kt3{gap:14px}:is(main,#_) .sr-html .muted{font-size:var(--fs-xs);color:var(--abu)}:is(main,#_) .kr-a,:is(main,#_) .kr-b{display:contents}:is(main,#_) .sr-kalk .kr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px;align-items:stretch}:is(main,#_) .sr-kalk .kr-a,:is(main,#_) .sr-kalk .kr-b{display:flex;flex-direction:column;gap:16px}:is(main,#_) .sr-kalk .kr-res{flex:1;padding:20px 22px;font-size:var(--fs-body)}:is(main,#_) .sr-kalk .kr-res p{font-size:var(--fs-body)}:is(main,#_) .sr-kalk .sr-head{margin-bottom:24px}@media(max-width:900px){:is(main,#_) .sr-kalk .kr{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px}}:is(main,#_) .sr-faq{display:grid;grid-template-columns:380px minmax(0,1fr);gap:64px;align-items:start}:is(main,#_) .sr-faq h2{font-size:var(--fs-h2)}:is(main,#_) .sr-faq .lnk{margin-top:18px}:is(main,#_) .lj-w{margin-top:72px}:is(main,#_) .lj{display:grid;grid-template-columns:200px repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--garis);padding-top:32px}:is(main,#_) .lj h2{font-size:var(--fs-h3)}:is(main,#_) .lj-h{font-family:var(--display);font-weight:700;font-size:var(--fs-sm);color:var(--abu);margin-bottom:10px}:is(main,#_) .lj ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}:is(main,#_) .lj a{color:var(--navy);font-weight:600;font-size:var(--fs-sm);text-decoration:none}:is(main,#_) .lj a:hover{text-decoration:underline}@media(max-width:1100px){:is(main,#_) .sr-facts{grid-template-columns:repeat(3,minmax(0,1fr))}:is(main,#_) .sr-grid,:is(main,#_) .sr-grid--5,:is(main,#_) .sr-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}:is(main,#_) .sr-grid--3 li:last-child{grid-column:1/-1}:is(main,#_) .sr-grid--5 li:last-child{grid-column:1/-1}:is(main,#_) .sr-vs{grid-template-columns:minmax(0,1fr)}:is(main,#_) .sr-demo{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:900px){:is(main,#_) .sr-facts{grid-template-columns:1fr 1fr}:is(main,#_) .sr-facts>div{padding:14px 16px;box-shadow:inset -1px -1px #ffffff1f}:is(main,#_) .sr-facts>div:last-child:nth-child(odd){grid-column:1/-1}:is(main,#_) .sr-sec{padding:52px 0;margin-top:40px}:is(main,#_) .sr-head{display:block;margin-bottom:22px}:is(main,#_) .sr-head .lnk{margin-top:10px}:is(main,#_) .sr-pilih .pilih{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 14px;scroll-padding:0 20px;scrollbar-width:none}:is(main,#_) .sr-pilih .pilih::-webkit-scrollbar{display:none}:is(main,#_) .sr-pilih .pk{scroll-snap-align:start;padding:18px}:is(main,#_) .sr-pilih .pk>summary{grid-template-columns:minmax(0,1fr);min-height:0}:is(main,#_) .sr-pilih .pilih .pk h3{min-height:0}:is(main,#_) .sr-grid{gap:10px}:is(main,#_) .sr-grid li{padding:14px}:is(main,#_) .sr-demo-w{margin-top:48px}:is(main,#_) .sr-demo{grid-template-columns:1fr;padding-left:0;gap:0;border-radius:22px}:is(main,#_) .sr-dp{order:-1;aspect-ratio:16/10;min-height:0}:is(main,#_) .sr-db{padding:24px 20px}:is(main,#_) .sr-db .btn{align-self:stretch;justify-content:center}:is(main,#_) .sr-steps{grid-template-columns:1fr 1fr}:is(main,#_) .sr-steps li:last-child:nth-child(odd){grid-column:1/-1}:is(main,#_) .sr-faq{grid-template-columns:1fr;gap:12px}:is(main,#_) .lj-w{margin-top:48px}:is(main,#_) .lj{grid-template-columns:1fr;gap:18px;padding-top:24px}:is(main,#_) .lj ul{flex-direction:row;flex-wrap:wrap;gap:6px 16px}}@media(prefers-reduced-motion:reduce){:is(main,#_) .sr-pilih .pilih{scroll-behavior:auto}}:is(main,#_) .prose:has(.tt),:is(main,#_) .prose:has(.tg){max-width:none}:is(main,#_) .tt{display:grid;grid-template-columns:1fr 1fr;gap:20px}:is(main,#_) .tt-col{border-radius:var(--r-panel);padding:24px 26px}:is(main,#_) .tt-ya{background:var(--navy-100)}:is(main,#_) .tt-no{background:#fff;box-shadow:inset 0 0 0 1px var(--garis)}:is(main,#_) .tt-h{font-family:var(--display);font-weight:700;font-size:var(--fs-h3);margin-bottom:14px}:is(main,#_) .tt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}:is(main,#_) .tt li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;margin:0}:is(main,#_) .tt-ic{width:28px;height:28px;border-radius:999px;display:grid;place-items:center}:is(main,#_) .tt-ya .tt-ic{background:var(--navy);color:#fff}:is(main,#_) .tt-no .tt-ic{background:var(--kertas);color:var(--abu);box-shadow:inset 0 0 0 1px var(--garis)}:is(main,#_) .tt-b{font-family:var(--display);font-weight:700;font-size:var(--fs-card);line-height:1.35}:is(main,#_) .tt-p{font-size:var(--fs-sm);color:var(--abu);line-height:1.45;margin-top:2px}:is(main,#_) .tg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:110px}:is(main,#_) .tg-in{background:var(--navy);color:#fff;border-radius:var(--r-panel);padding:26px;display:flex;flex-direction:column;gap:14px}:is(main,#_) .tg-mesin{font-size:var(--fs-sm);color:#c9ddea}:is(main,#_) .tg-mesin a{color:#fff;font-weight:600}:is(main,#_) .tg-lab{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);color:#c9ddea}:is(main,#_) .tg-lab output{font-family:var(--display);font-weight:800;font-size:var(--fs-h3);color:#fff;font-variant-numeric:tabular-nums}:is(main,#_) .tg input[type=range]{width:100%;accent-color:var(--kuning)}:is(main,#_) .tg-scale{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:#9fc1d8;margin-top:-6px}:is(main,#_) .tg-chk{display:flex;gap:10px;align-items:center;font-size:var(--fs-sm);cursor:pointer;min-height:44px}:is(main,#_) .tg-chk input{width:18px;height:18px;accent-color:var(--kuning)}:is(main,#_) .tg-tarif{background:#ffffff14;border-radius:12px;padding:14px 16px}:is(main,#_) .tg-th{font-size:var(--fs-xs);color:#9fc1d8;margin-bottom:8px}:is(main,#_) .tg-tarif ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}:is(main,#_) .tg-tarif li{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm);margin:0}:is(main,#_) .tg-tarif b{white-space:nowrap}:is(main,#_) .tg-bill{background:#fff;border-radius:var(--r-panel);box-shadow:var(--shadow-card);padding:24px 26px}:is(main,#_) .tg-bh{font-family:var(--display);font-weight:700;font-size:var(--fs-card);color:var(--abu);margin-bottom:6px}:is(main,#_) .tg-bill table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}:is(main,#_) .tg-bill td{padding:11px 0;border-bottom:1px dashed var(--garis);vertical-align:top}:is(main,#_) .tg-bill td:last-child{text-align:right;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:12px}:is(main,#_) .tg-tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px}:is(main,#_) .tg-tot span{font-family:var(--display);font-weight:700;font-size:var(--fs-card)}:is(main,#_) .tg-tot b{font-family:var(--display);font-weight:800;font-size:var(--fs-h2);color:var(--navy);font-variant-numeric:tabular-nums}:is(main,#_) .tg-note{font-size:var(--fs-xs);color:var(--abu);margin-top:12px}@media(max-width:900px){:is(main,#_) .tt,:is(main,#_) .tg{grid-template-columns:1fr;gap:14px}:is(main,#_) .tt-col,:is(main,#_) .tg-in,:is(main,#_) .tg-bill{padding:20px}}:is(main,#_) .sr-html .kt p:not(.kt-v),:is(main,#_) .sr-html .ts-b p{font-size:var(--fs-sm)}:is(main,#_) .sr-html .ts-b .ts-k{font-size:var(--fs-xs)}@media(max-width:700px){:is(main,#_) .sr-jam .sr-ic{display:none}:is(main,#_) .sr-jam b{white-space:nowrap}}:is(main,#_) .sr-ms{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}:is(main,#_) .sr-ms-h{position:sticky;top:96px}:is(main,#_) .sr-ms-h h2{font-size:var(--fs-h2)}:is(main,#_) .sr-ms-h p{color:var(--abu);margin-top:12px;font-size:var(--fs-body);max-width:44ch}:is(main,#_) .sr-ms-l{list-style:none;margin:0;padding:0;counter-reset:ms}:is(main,#_) .sr-ms-l li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:22px 0;border-top:1px solid var(--garis)}:is(main,#_) .sr-ms-l li:last-child{border-bottom:1px solid var(--garis)}:is(main,#_) .sr-ms-l .sr-ic{width:44px;height:44px;border-radius:12px}:is(main,#_) .sr-ms-l .sr-t{margin-top:0}:is(main,#_) .sr-ms-l .sr-d{margin-top:4px;font-size:var(--fs-body);max-width:56ch}:is(main,#_) .sr-ms-j{font-size:var(--fs-xs);color:var(--abu);margin-bottom:4px;font-variant-numeric:tabular-nums}:is(main,#_) .sr-ms-j b{color:var(--navy);font-weight:700}:is(main,#_) .sr-ms-l li.sorot{background:var(--navy-100);border-radius:var(--r-card);padding:22px 20px;border-color:transparent;margin-top:12px}:is(main,#_) .sr-ms-l li.sorot .sr-ic{background:#fff}@media(max-width:900px){:is(main,#_) .sr-ms{grid-template-columns:minmax(0,1fr);gap:20px}:is(main,#_) .sr-ms-h{position:static}:is(main,#_) .sr-ms-l li{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0}:is(main,#_) .sr-ms-l .sr-ic{width:40px;height:40px}:is(main,#_) .sr-ms-l .sr-d{font-size:var(--fs-sm)}}:is(main,#_) .sr-facts--tip{overflow:visible}:is(main,#_) .sr-facts--tip>div{position:relative}:is(main,#_) .sr-facts--tip .tip-w{white-space:normal}:is(main,#_) .sr-facts--tip .tip-b{color:#9fc1d8;margin-left:2px}:is(main,#_) .sr-facts--tip .tip-b:focus-visible{outline-color:#fff}:is(main,#_) .sr-facts--tip .tip-t{left:16px;right:16px;width:auto;top:calc(100% - 10px);background:#fff;color:var(--navy-900);font-family:var(--body);font-weight:400;font-size:14px;line-height:1.5;border:1px solid var(--garis)}@media(max-width:800px){:is(main,#_) .sr-facts--tip{grid-template-columns:1fr}:is(main,#_) .sr-facts--tip>div{position:relative;grid-column:auto;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;box-shadow:inset 0 -1px #ffffff1f}:is(main,#_) .sr-facts--tip>div:last-child{box-shadow:none}:is(main,#_) .sr-facts--tip dt{flex:1 1 auto;min-width:0}:is(main,#_) .sr-facts--tip dd{flex:none}:is(main,#_) .sr-facts--tip dd{margin:0;text-align:right;font-size:16px}:is(main,#_) .sr-facts--tip .tip-w{white-space:nowrap}:is(main,#_) .sr-facts--tip .tip-t{left:12px;right:12px;top:calc(100% - 4px);white-space:normal;text-align:left}}:is(main,#_) .wl-sum{margin-top:56px}@media(max-width:900px){:is(main,#_) .wl-sum{margin-top:24px}}:is(main,#_) .wl-sum .wl-stars{display:inline-flex;vertical-align:1px;margin-left:8px;color:#faba00}:is(main,#_) .wl-sum .wl-stars svg{fill:#faba00}:is(main,#_) .sr-sec{padding:60px 0;margin-top:40px}:is(main,#_) .sr-sec+.sr-sec{margin-top:0}:is(main,#_) .sr-head{margin-bottom:24px}:is(main,#_) .sr-demo-w{margin-top:56px;margin-bottom:8px}:is(main,#_) .sr-demo{grid-template-columns:minmax(0,1fr) 380px}:is(main,#_) .sr-demo--np{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:44px 48px;align-items:center}:is(main,#_) .sr-demo--np .sr-db{padding:0}:is(main,#_) .sr-db{padding:44px 0;gap:14px}:is(main,#_) .sr-dl .sr-dh{margin:0 0 10px}:is(main,#_) .sr-steps{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:16px;padding:6px 20px;grid-template-columns:none}:is(main,#_) .sr-steps li{background:none;border-radius:0;padding:12px 0 12px 40px;position:relative;display:block;font-size:var(--fs-sm);line-height:1.5;color:var(--abu);box-shadow:none}:is(main,#_) .sr-steps li+li{border-top:1px solid var(--garis)}:is(main,#_) .sr-steps li:before{position:absolute;left:0;top:12px;margin:0}:is(main,#_) .sr-steps b{display:inline;font-size:var(--fs-sm);margin-right:6px}:is(main,#_) .sr-steps b:after{content:"."}:is(main,#_) .sr-steps span{display:inline}:is(main,#_) .sr-grid--1{grid-template-columns:minmax(0,1fr)}:is(main,#_) .sr-grid--1 li{flex-direction:row;align-items:flex-start;gap:16px;max-width:820px}:is(main,#_) .sr-grid--1 li .sr-t{margin-top:0}:is(main,#_) .sr-grid--1 li>div{display:block}@media(max-width:1100px){:is(main,#_) .sr-demo{grid-template-columns:minmax(0,1fr) 300px}:is(main,#_) .sr-demo--np{grid-template-columns:1fr;gap:24px}}@media(max-width:900px){:is(main,#_) .sr-sec{padding:44px 0;margin-top:32px}:is(main,#_) .sr-demo-w{margin-top:40px}:is(main,#_) .sr-demo,:is(main,#_) .sr-demo--np{grid-template-columns:1fr;gap:0}:is(main,#_) .sr-demo--np{padding:24px 20px;gap:20px}:is(main,#_) .sr-steps{grid-template-columns:none;padding:4px 16px}:is(main,#_) .sr-steps li:last-child:nth-child(odd){grid-column:auto}}.sr-tbl--sub{margin-top:28px}:is(main,#_) .sr-pilih .pk .pk-s{font-size:var(--fs-card)!important;line-height:1.5}:is(main,#_) .sr-pilih .pk .pk-l{gap:6px}:is(main,#_) .sr-pilih .pk .pk-l li{font-size:var(--fs-card)!important;line-height:1.5}:is(main,#_) .sr-pilih .pk .pk-l li:before{top:.62em}:is(main,#_) .sr-pilih .pk .pk-m,:is(main,#_) .sr-pilih .pk .pk-m a{font-size:var(--fs-sm)!important}@media(min-width:1101px){:is(main,#_) .sr-pilih .pilih:not(.pilih--3){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}:is(main,#_) .sr-pilih .pilih:not(.pilih--3) .pk{padding:28px 32px}:is(main,#_) .sr-pilih .pilih:not(.pilih--3) .pk h3{min-height:0}}@media(max-width:600px){:is(main,#_) .sr-grid:not(.sr-grid--1),:is(main,#_) .sr-grid--3,:is(main,#_) .sr-grid--5{grid-template-columns:minmax(0,1fr)}:is(main,#_) .sr-grid li:not(:has(.sr-jam)){display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:16px 18px}:is(main,#_) .sr-grid li:not(:has(.sr-jam))>.sr-ic{grid-row:span 2}:is(main,#_) .sr-grid li:not(:has(.sr-jam))>.sr-t{margin-top:0;align-self:center}}@media(max-width:900px){:is(main,#_) .sr-demo:not(.sr-demo--np) .sr-db{padding:28px 20px 24px!important}}