.channel-logo{vertical-align:middle;flex:none;justify-content:center;align-items:center;width:100px;height:42px;display:inline-flex}.channel-logo img{object-fit:contain;width:100%;height:100%;display:block}.channel-logo[data-channel=qris]{width:80px}.channel-logo[data-channel=cimb],.channel-logo[data-channel=sinarmas]{width:112px}.channel-logo[data-channel=bnc]{gap:8px}.channel-logo[data-channel=bnc] img{width:32px;height:32px}.channel-logo[data-channel=bnc]>span{color:#292a27;font-size:15px;font-weight:600}.channel-section{border-block:1px solid var(--line);padding-block:34px 24px}.channel-intro{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.channel-intro .overline{margin-bottom:12px}.channel-intro h2{letter-spacing:-.035em;font-size:27px;font-weight:500;line-height:1.25}.channel-intro>a{flex-shrink:0;padding-bottom:4px}.channel-groups{grid-template-columns:.8fr 1.2fr 1fr;margin-top:29px;display:grid}.channel-group{min-width:0;padding-top:23px}.channel-group+.channel-group{border-top:1px solid var(--line)}.channel-group[data-group=virtual-account]{grid-column:1/-1;grid-template-columns:200px 1fr;align-items:center;gap:24px;padding-block:0 22px;display:grid}.channel-group-heading h3{font-size:12px;font-weight:600}.channel-group-heading p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.6}.channel-grid{flex-wrap:wrap;align-items:center;gap:3px 10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.channel-group[data-group=virtual-account] .channel-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;margin:0;display:grid}.channel-grid li{min-width:0}.channel-grid a{border-radius:4px;justify-content:flex-start;align-items:center;width:fit-content;max-width:100%;min-height:52px;transition:background-color .18s,transform .18s;display:flex}.channel-grid a:hover{background:#f6f7f3;transform:translateY(-2px)}.channel-grid a:focus-visible{outline:2px solid var(--red);outline-offset:4px}.channel-grid .channel-logo{max-width:100%}.channel-availability{color:var(--muted);margin-top:22px;font-size:10px;line-height:1.7}.method-logos{flex-wrap:wrap;gap:6px 15px;max-width:410px;margin-top:16px;display:flex}.method-logos .channel-logo{width:82px;height:34px}.method-logos .channel-logo[data-channel=bnc] img{width:27px;height:27px}.method-logos .channel-logo[data-channel=bnc]>span{font-size:12px}@media (max-width:1100px){.channel-group[data-group=virtual-account]{grid-template-columns:160px 1fr}.channel-group[data-group=virtual-account] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-groups{grid-template-columns:.8fr 1.25fr 1fr}.channel-grid{gap:3px 8px}.channel-grid .channel-logo{width:86px}}@media (max-width:800px){.channel-intro{flex-direction:column;align-items:flex-start;gap:17px}.channel-intro h2{max-width:360px;font-size:25px}.channel-groups{grid-template-columns:1fr;margin-top:28px}.channel-group[data-group=virtual-account]{display:block}.channel-group[data-group=virtual-account] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px}.channel-group{padding-block:18px}.channel-grid{gap:6px 18px}.channel-grid .channel-logo{width:100px}.channel-availability{margin-top:4px}}@media (max-width:440px){.channel-group[data-group=virtual-account] .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 15px}.channel-grid .channel-logo{width:90px}.method-logos{gap:6px 12px}.method-logos .channel-logo{width:75px}}@media (prefers-reduced-motion:reduce){.channel-grid a{transition:none}.channel-grid a:hover{transform:none}}