[data-template=modern-2] .m2s{flex-direction:column;gap:28px;min-width:0;display:flex}[data-template=modern-2] .m2s .ds-page-head{margin-bottom:0}[data-template=modern-2] .m2s-judul{font-size:var(--ds-text-2xl);line-height:var(--ds-lh-2xl);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0;font-weight:600}[data-template=modern-2] .m2s-h2{font-size:var(--ds-text-lg);line-height:var(--ds-lh-lg);margin:0;font-weight:600}[data-template=modern-2] .m2s-sub{color:var(--ds-text-3);margin:4px 0 0}[data-template=modern-2] .m2s-meta{color:var(--ds-text-3);margin:0;font-size:13px;line-height:18px}[data-template=modern-2] .m2s-eyebrow{color:var(--ds-text-3);letter-spacing:var(--ds-tracking-caps);text-transform:uppercase;margin:0;font-size:12px;font-weight:500;line-height:16px}[data-template=modern-2] .m2s-uang{font-variant-numeric:tabular-nums;white-space:nowrap}[data-template=modern-2] .m2s-coret{color:var(--ds-text-4)}[data-template=modern-2] .m2s-ok{color:var(--ds-ok-fg)}[data-template=modern-2] .m2s-tautan{color:var(--ds-accent-text);font-size:var(--ds-text-md);cursor:pointer;text-decoration:none}[data-template=modern-2] .m2s-tautan:hover{text-underline-offset:2px;text-decoration:underline}[data-template=modern-2] .m2s-ikon-teks{align-items:center;gap:6px;display:inline-flex}[data-template=modern-2] .m2s-hr{border:0;border-top:1px solid var(--ds-line-soft);margin:4px 0}[data-template=modern-2] .m2s-baris{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}[data-template=modern-2] .m2s-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}[data-template=modern-2] .m2s-no{border-radius:var(--ds-radius-full);background-color:var(--ds-surface-3);width:28px;height:28px;color:var(--ds-text-2);font:600 13px/1 var(--ds-font-mono);flex:none;place-items:center;display:inline-grid}[data-template=modern-2] .m2s-no--selesai{background-color:var(--ds-ok-bg);color:var(--ds-ok-fg)}[data-template=modern-2] .m2s-pref-btn{gap:6px;font-size:13px}[data-template=modern-2] .m2s-pref__hint{color:var(--ds-text-3);margin:-4px 10px 6px;font-size:12px;line-height:16px}[data-template=modern-2] .m2s-auth-skel{gap:8px;display:inline-flex}[data-template=modern-2] .m2s-aman{color:var(--ds-text-2);font-size:var(--ds-text-md);align-items:center;gap:6px;display:inline-flex}[data-template=modern-2] .m2s-laci-auth{flex-direction:column;gap:8px;margin-top:12px;padding:0 12px;display:flex}[data-template=modern-2] .m2s-pita{border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);background-color:var(--ds-surface-2);scroll-margin-top:calc(var(--m2-bar-h) + 16px);padding:24px}@media (max-width:767.98px){[data-template=modern-2] .m2s-pita{padding:16px}}[data-template=modern-2] .m2s-cari{flex-direction:column;gap:16px;display:flex}[data-template=modern-2] .m2s-cari__form{gap:8px;display:flex}[data-template=modern-2] .m2s-cari__input{min-width:0;height:var(--ds-control-h-lg);font-size:var(--ds-text-base);flex:1}@media (max-width:479.98px){[data-template=modern-2] .m2s-cari__form{flex-direction:column}[data-template=modern-2] .m2s-cari__input{flex:none}}[data-template=modern-2] .m2s-kosong-cari{max-width:560px;margin:0 auto;padding:0 24px 32px}[data-template=modern-2] .m2s-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}[data-template=modern-2] .m2s-chip{border:1px solid var(--ds-line);border-radius:var(--ds-radius-full);background-color:var(--ds-surface);height:30px;color:var(--ds-text-2);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}[data-template=modern-2] .m2s-chip b{color:var(--ds-text-1);font-weight:600}[data-template=modern-2] .m2s-hasil{gap:8px;margin:0;padding:0;list-style:none;display:grid}[data-template=modern-2] .m2s-dom{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background-color:var(--ds-surface);flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}[data-template=modern-2] .m2s-dom--utama{border-color:var(--ds-accent-line)}[data-template=modern-2] .m2s-dom[aria-busy=true]{opacity:.7}[data-template=modern-2] .m2s-dom__baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}[data-template=modern-2] .m2s-dom__kiri{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}[data-template=modern-2] .m2s-dom__nama{font:600 var(--ds-text-base)/22px var(--ds-font-mono);overflow-wrap:anywhere}[data-template=modern-2] .m2s-dom__aksi{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}[data-template=modern-2] .m2s-dom__durasi{width:auto}[data-template=modern-2] .m2s-dom__harga{flex-direction:column;align-items:flex-end;display:flex}[data-template=modern-2] .m2s-dom__simpan{color:var(--ds-ok-fg);font-size:var(--ds-text-md);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;display:flex}[data-template=modern-2] .m2s-dom__epp{border-radius:var(--ds-radius-sm);background-color:var(--ds-surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}[data-template=modern-2] .m2s-fam{color:var(--ds-text-3);align-items:center;gap:10px;margin-bottom:12px;display:flex}[data-template=modern-2] .m2s-fam h2{color:var(--ds-text-1);font-size:var(--ds-text-lg);line-height:var(--ds-lh-lg);margin:0;font-weight:600}[data-template=modern-2] .m2s-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}[data-template=modern-2] .m2s-grid--paket{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:479.98px){[data-template=modern-2] .m2s-grid,[data-template=modern-2] .m2s-grid--paket{grid-template-columns:minmax(0,1fr)}}[data-template=modern-2] .m2s-grid>li{min-width:0;display:flex}[data-template=modern-2] .m2s-kat{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background-color:var(--ds-surface);min-height:112px;color:inherit;transition:transform var(--ds-dur-base) var(--ds-ease-out), border-color var(--ds-dur-fast), box-shadow var(--ds-dur-base);flex-direction:column;flex:1;gap:16px;padding:20px;text-decoration:none;display:flex}[data-template=modern-2] .m2s-kat:hover{border-color:var(--ds-line-hover);box-shadow:var(--ds-shadow-sm);transform:translateY(-2px)}[data-template=modern-2] .m2s-kat:focus-visible{border-color:var(--ds-accent)}[data-template=modern-2] .m2s-kat__atas{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}[data-template=modern-2] .m2s-kat__nama{font-size:var(--ds-text-base);font-weight:600;line-height:22px}[data-template=modern-2] .m2s-kat__kaki{font-size:var(--ds-text-md);justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;display:flex}[data-template=modern-2] .m2s-kat__n{color:var(--ds-text-3);flex:none;font-size:12px}[data-template=modern-2] :is(.m2s-kat--habis,.m2s-paket--habis){opacity:.6}[data-template=modern-2] .m2s-seg-siklus{align-self:flex-start;max-width:100%;overflow-x:auto}[data-template=modern-2] .m2s-seg-siklus .ds-badge{margin-left:6px}[data-template=modern-2] .m2s-paket{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background-color:var(--ds-surface);flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}[data-template=modern-2] .m2s-paket__nama{font-size:var(--ds-text-base);margin:0;font-weight:600;line-height:22px}[data-template=modern-2] .m2s-paket__harga{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600;line-height:34px}[data-template=modern-2] .m2s-paket__per{color:var(--ds-text-3);font-size:var(--ds-text-md);letter-spacing:0;font-weight:400}[data-template=modern-2] .m2s-paket__cta{flex-direction:column;gap:8px;margin-top:auto;padding-top:4px;display:flex}[data-template=modern-2] .m2s-spek{color:var(--ds-text-2);font-size:var(--ds-text-md);flex-direction:column;gap:6px;margin:0;padding:0;line-height:20px;list-style:none;display:flex}[data-template=modern-2] .m2s-spek li{overflow-wrap:anywhere;align-items:flex-start;gap:8px;display:flex}[data-template=modern-2] .m2s-spek svg{color:var(--ds-ok-fg);flex:none;margin-top:2px}[data-template=modern-2] .m2s-dua{align-items:start;gap:24px;display:grid}[data-template=modern-2] .m2s-dua>*{min-width:0}[data-template=modern-2] .m2s-kolom{flex-direction:column;gap:20px;min-width:0;display:flex}@media (min-width:1024px){[data-template=modern-2] .m2s-dua{grid-template-columns:minmax(0,1fr) 360px}[data-template=modern-2] .m2s-ringkas{top:calc(var(--m2-bar-h) + 16px);position:sticky}}[data-template=modern-2] .m2s-dua-kolom{gap:16px;display:grid}@media (min-width:640px){[data-template=modern-2] .m2s-dua-kolom{grid-template-columns:repeat(2,minmax(0,1fr))}[data-template=modern-2] .m2s-dua-kolom>.m2s-penuh{grid-column:1/-1}}[data-template=modern-2] .m2s-langkah{padding:var(--ds-card-p);flex-direction:column;gap:16px;display:flex}[data-template=modern-2] .m2s-langkah__kepala{align-items:flex-start;gap:12px;display:flex}[data-template=modern-2] .m2s-langkah__kepala .m2s-no{margin-top:-1px}[data-template=modern-2] .m2s-langkah__isi{flex-direction:column;gap:16px;min-width:0;display:flex}[data-template=modern-2] .m2s-langkah--redup .m2s-langkah__isi{opacity:.6}[data-template=modern-2] .m2s-periode{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);overflow:hidden}[data-template=modern-2] .m2s-periode__baris{cursor:pointer;min-height:56px;transition:background-color var(--ds-dur-fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 16px;display:grid}[data-template=modern-2] .m2s-periode__baris+.m2s-periode__baris{border-top:1px solid var(--ds-line-soft)}[data-template=modern-2] .m2s-periode__baris:hover{background-color:var(--ds-surface-2)}[data-template=modern-2] .m2s-periode__baris:has(input:checked){background-color:var(--ds-accent-soft)}[data-template=modern-2] .m2s-periode__baris:has(input:focus-visible){outline:2px solid var(--ds-focus);outline-offset:-2px}[data-template=modern-2] .m2s-periode__baris input{width:18px;height:18px;accent-color:var(--ds-accent);margin:0}[data-template=modern-2] .m2s-periode__tengah{flex-direction:column;gap:2px;min-width:0;display:flex}[data-template=modern-2] .m2s-periode__nama{font-weight:500}[data-template=modern-2] .m2s-periode__baris:has(input:checked) .m2s-periode__nama{font-weight:600}[data-template=modern-2] .m2s-periode__info{color:var(--ds-text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;line-height:18px;display:flex}[data-template=modern-2] .m2s-periode__total{font-weight:600}[data-template=modern-2] .m2s-opsi{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}[data-template=modern-2] .m2s-opsi>legend{margin-bottom:8px;padding:0}[data-template=modern-2] .m2s-rgrid{gap:10px;display:grid}@media (min-width:640px){[data-template=modern-2] .m2s-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-template=modern-2] .m2s-addon{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background-color:var(--ds-surface);cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:14px 16px;display:flex}:is([data-template=modern-2] .m2s-addon:has(input:checked),[data-template=modern-2] .m2s-addon--aktif){border-color:var(--ds-accent-line);background-color:var(--ds-accent-soft)}[data-template=modern-2] .m2s-addon>.ds-switch{margin-top:1px}[data-template=modern-2] .m2s-addon__isi{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}[data-template=modern-2] .m2s-addon__atas{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}[data-template=modern-2] .m2s-addon__atas b{font-weight:600}[data-template=modern-2] .m2s-addon__atur{flex-wrap:wrap;gap:8px;display:flex}[data-template=modern-2] .m2s-addon__atur .ds-control{width:auto}[data-template=modern-2] .m2s-lipat>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:2px 6px;list-style:none;display:flex}[data-template=modern-2] .m2s-lipat>summary::-webkit-details-marker{display:none}[data-template=modern-2] .m2s-lipat[open]>summary .m2s-clamp{display:none}[data-template=modern-2] .m2s-lipat[open]{flex-direction:column;gap:8px;display:flex}[data-template=modern-2] .m2s-clamp{-webkit-line-clamp:2;color:var(--ds-text-3);-webkit-box-orient:vertical;flex-basis:100%;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}[data-template=modern-2] .m2s-qty{flex-direction:column;gap:6px;display:flex}[data-template=modern-2] .m2s-qty__atas{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}[data-template=modern-2] .m2s-qty__kontrol{align-items:center;gap:12px;display:flex}[data-template=modern-2] .m2s-range{min-width:0;accent-color:var(--ds-accent);flex:1}[data-template=modern-2] .m2s-qty__angka{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:96px}[data-template=modern-2] .m2s-qty__batas{justify-content:space-between;display:flex}[data-template=modern-2] .m2s-sandi{gap:8px;display:flex}[data-template=modern-2] .m2s-sandi>:first-child{flex:1;min-width:0}[data-template=modern-2] .m2s-dom-baris{flex-wrap:wrap;gap:8px;display:flex}[data-template=modern-2] .m2s-dom-baris>.ds-control:first-child{flex-basis:200px}[data-template=modern-2] .m2s-dom-tld{width:auto;min-width:110px}[data-template=modern-2] .m2s-dom-hasil{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}[data-template=modern-2] .m2s-menu-harga{color:var(--ds-text-3);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-size:13px}[data-template=modern-2] .m2s-ringkas{padding:var(--ds-card-p);font-size:var(--ds-text-md);flex-direction:column;gap:10px;line-height:20px;display:flex}[data-template=modern-2] .m2s-ln-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}[data-template=modern-2] .m2s-ln{justify-content:space-between;align-items:baseline;gap:12px;display:flex}[data-template=modern-2] .m2s-ln>:first-child{overflow-wrap:anywhere;min-width:0}[data-template=modern-2] .m2s-ln--mu{color:var(--ds-text-3)}[data-template=modern-2] .m2s-ln--ok{color:var(--ds-ok-fg)}[data-template=modern-2] .m2s-ln--total{align-items:center;font-weight:500}[data-template=modern-2] .m2s-total{font-size:24px;font-weight:600;line-height:30px}[data-template=modern-2] .m2s-ringkas .ds-check{min-height:40px}@media (max-width:767.98px){[data-template=modern-2] .m2s-ringkas__cta{display:none}}[data-template=modern-2] .m2s-hp-bar{display:none}@media (max-width:767.98px){[data-template=modern-2] .m2s-hp-bar{z-index:var(--ds-z-sticky);padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ds-line);background-color:var(--ds-surface);box-shadow:var(--ds-shadow-lg);align-items:center;gap:12px;margin:0 -16px -32px;display:flex;position:sticky;bottom:0}}[data-template=modern-2] .m2s-hp-bar__total{color:var(--ds-text-1);font-size:var(--ds-text-lg);align-items:baseline;gap:8px;font-weight:600;text-decoration:none;display:flex}[data-template=modern-2] .m2s-hp-bar__total .m2s-tautan{font-size:13px;font-weight:400}[data-template=modern-2] .m2s-stepper{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:0;list-style:none;display:flex}[data-template=modern-2] .m2s-tahap{color:var(--ds-text-3);font-size:var(--ds-text-md);align-items:center;gap:8px;font-weight:500;display:flex}[data-template=modern-2] .m2s-tahap+.m2s-tahap:before{content:"";background-color:var(--ds-line-strong);width:32px;height:1px;margin-right:4px}[data-template=modern-2] .m2s-tahap--aktif{color:var(--ds-text-1);font-weight:600}[data-template=modern-2] .m2s-tahap--aktif .m2s-no{background-color:var(--ds-accent);color:var(--ds-text-on-accent)}[data-template=modern-2] .m2s-tahap--selesai{color:var(--ds-text-2)}[data-template=modern-2] .m2s-tahap--selesai .m2s-no{background-color:var(--ds-ok-bg);color:var(--ds-ok-fg)}@media (max-width:479.98px){[data-template=modern-2] .m2s-tahap+.m2s-tahap:before{width:12px}[data-template=modern-2] .m2s-tahap:not(.m2s-tahap--aktif) .m2s-tahap__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-template=modern-2] .m2s-item-list{margin:0;padding:0;list-style:none}[data-template=modern-2] .m2s-item{padding:16px var(--ds-card-p);border-top:1px solid var(--ds-line-soft);grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;display:grid}[data-template=modern-2] .m2s-item:first-child{border-top:0}[data-template=modern-2] .m2s-item__ikon{border-radius:var(--ds-radius-sm);background-color:var(--ds-surface-2);width:40px;height:40px;color:var(--ds-text-3);place-items:center;display:grid}[data-template=modern-2] .m2s-item__isi{flex-direction:column;gap:8px;min-width:0;display:flex}[data-template=modern-2] .m2s-item__nama{overflow-wrap:anywhere;margin:0;font-weight:600}[data-template=modern-2] .m2s-item__chip{flex-wrap:wrap;gap:6px;display:flex}[data-template=modern-2] .m2s-item__chip .ds-badge{overflow-wrap:anywhere;white-space:normal;max-width:100%}[data-template=modern-2] .m2s-item__addon{color:var(--ds-text-2);flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:flex}[data-template=modern-2] .m2s-item__siklus{max-width:280px}[data-template=modern-2] .m2s-item__kanan{flex-direction:column;align-items:flex-end;gap:4px;display:flex}@media (max-width:479.98px){[data-template=modern-2] .m2s-item{grid-template-columns:minmax(0,1fr) auto}[data-template=modern-2] .m2s-item__ikon{display:none}}[data-template=modern-2] .m2s-saya{align-items:center;gap:12px;display:flex}[data-template=modern-2] .m2s-form{flex-direction:column;gap:16px;display:flex}[data-template=modern-2] .m2s-form--sempit{max-width:420px}[data-template=modern-2] .m2s-metode{flex-direction:column;gap:10px;display:flex}[data-template=modern-2] .m2s-kredit{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}[data-template=modern-2] .m2s-autopay{border:1px solid var(--ds-line-soft);border-radius:var(--ds-radius-md);background-color:var(--ds-surface-2);color:var(--ds-text-2);flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;line-height:18px;display:flex}[data-template=modern-2] .m2s-autopay p{margin:0}[data-template=modern-2] .m2s-autopay__judul{color:var(--ds-text-1);align-items:center;gap:6px;font-weight:600;display:flex}[data-template=modern-2] .m2s-autopay .m2s-tautan{font-size:13px}@media (prefers-reduced-motion:reduce){[data-template=modern-2] .m2s-kat{transition:none}[data-template=modern-2] .m2s-kat:hover{transform:none}}