
:is(#gp,#gb6,#gb-content) .gb-credit-inline{box-sizing:border-box;display:grid;grid-template-columns:56px minmax(0,1fr) max-content;align-items:center;gap:8px;width:100%;min-height:76px;padding:12px;margin:12px 0 0;border:1px solid #ffffff40;border-radius:11px;background:linear-gradient(90deg,#7e24e8 0 50%,#2859f4 50% 100%);color:#fff;text-decoration:none;line-height:1.8;transition:filter .2s}
:is(#gp,#gb6,#gb-content) .gb-credit-inline:hover{filter:brightness(1.08);color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-inline:focus-visible{outline:3px solid #ad79ff;outline-offset:3px}
:is(#gp,#gb6,#gb-content) .gb-credit-logos{position:relative;display:block;flex:none;width:56px;height:40px}
:is(#gp,#gb6,#gb-content) .gb-credit-logos img{position:absolute;top:0;display:block;width:40px;height:40px;object-fit:contain;padding:3px;border:2px solid #ffffffd9;border-radius:10px;box-sizing:border-box;background:#fff;box-shadow:0 2px 7px #12005430}
:is(#gp,#gb6,#gb-content) .gb-credit-logos .gb-credit-digi-logo{inset-inline-start:0;z-index:2;padding:0;background:#013fff}
:is(#gp,#gb6,#gb-content) .gb-credit-logos .gb-credit-zarin-logo{inset-inline-end:0;z-index:1}
:is(#gp,#gb6,#gb-content) .gb-credit-caption{display:flex;flex-direction:column;min-width:0;gap:2px;text-align:right}
:is(#gp,#gb6,#gb-content) .gb-credit-caption strong{font-size:11px;line-height:1.8;color:#fff;font-weight:750}
:is(#gp,#gb6,#gb-content) .gb-credit-caption small{font-size:9px;color:#ffffffe0;line-height:1.8}
:is(#gp,#gb6,#gb-content) .gb-credit-price{display:flex;flex-direction:column;align-items:flex-end;text-align:left;gap:2px;min-width:76px;color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-price-label{font-size:9px;color:#ffffffd9;line-height:1.8}
:is(#gp,#gb6,#gb-content) .gb-credit-value-row{display:flex;align-items:baseline;gap:4px;direction:rtl;white-space:nowrap;color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-value{font-size:13px;font-weight:850;line-height:1.6;color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-currency{font-size:9px;font-weight:400;color:#fff;line-height:1.6}
:is(#gp,#gb6,#gb-content) .gb-credit-promos{display:grid;gap:20px;margin:24px 0 32px;scroll-margin-top:110px}
:is(#gp,#gb6,#gb-content) .gb-credit-card,:is(#gp,#gb6,#gb-content) .gb-credit-card *{box-sizing:border-box}
:is(#gp,#gb6,#gb-content) .gb-credit-card{--credit-accent:#ffdf47;--credit-first:#ffd60a;--credit-first-text:#41116c;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:24px;padding:28px;border:1px solid #ffffff35;border-radius:16px;margin:0;background:radial-gradient(ellipse at 5% 20%,#bb6aff35,transparent 65%),linear-gradient(120deg,#6917cc,#8724ed);color:#fff;scroll-margin-top:110px}
:is(#gp,#gb6,#gb-content) .gb-credit-digi{--credit-accent:#fff;--credit-first:#fff;--credit-first-text:#1746df;background:radial-gradient(ellipse at 5% 20%,#89b4ff40,transparent 65%),linear-gradient(120deg,#1747dc,#3265ff)}
:is(#gp,#gb6,#gb-content) .gb-credit-card>div{min-width:0}
:is(#gp,#gb6,#gb-content) .gb-credit-brand{display:flex;align-items:center;gap:11px}
:is(#gp,#gb6,#gb-content) .gb-credit-brand>span{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:7px;background:#fff;border-radius:13px}
:is(#gp,#gb6,#gb-content) .gb-credit-brand img{display:block;object-fit:contain;width:38px;height:38px;border-radius:8px}
:is(#gp,#gb6,#gb-content) .gb-credit-brand small{display:block;font-size:10px;color:#ffffffd9;line-height:1.8}
:is(#gp,#gb6,#gb-content) .gb-credit-brand strong{display:block;font-size:16px;line-height:1.8;color:#fff;font-weight:800}
:is(#gp,#gb6,#gb-content) .gb-credit-card h2{font-size:27px;font-weight:800;line-height:1.6;margin:15px 0 22px;color:var(--credit-accent)}
:is(#gp,#gb6,#gb-content) .gb-credit-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;width:230px;max-width:100%;min-height:48px;padding:11px 15px;border:1px solid #fff;border-radius:9px;background:#fff;color:#6300c7;font-size:12px;font-weight:750;text-decoration:none;line-height:1.8;transition:background .2s,transform .2s}
:is(#gp,#gb6,#gb-content) .gb-credit-digi .gb-credit-cta{color:#1746df}
:is(#gp,#gb6,#gb-content) .gb-credit-cta:hover{background:#f3edff;transform:translateY(-2px)}
:is(#gp,#gb6,#gb-content) .gb-credit-cta svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:is(#gp,#gb6,#gb-content) .gb-credit-art{display:flex;justify-content:center;align-items:center}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel{position:relative;width:220px;max-width:100%;aspect-ratio:1;direction:ltr}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel>svg{display:block;width:100%;height:100%;overflow:visible}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-track{fill:none;stroke:#ffffff15;stroke-width:1;stroke-dasharray:2 6}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-inner{fill:#47008f45;stroke:#ffffff24;stroke-width:1}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-segment{fill:none;stroke:#ffffff30;stroke-width:50;stroke-linecap:round;transition:stroke .2s}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-quarter-first .gbzp-segment{stroke:var(--credit-first)}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-quarter text{font-family:inherit;font-size:24px;font-weight:800;text-anchor:middle;dominant-baseline:central;fill:#fff;stroke:none;pointer-events:none}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-quarter-first text{fill:var(--credit-first-text)}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-quarter:hover .gbzp-segment{stroke:#ffffff50}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-quarter-first:hover .gbzp-segment{stroke:var(--credit-first)}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-center{position:absolute;inset:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;direction:rtl;pointer-events:none}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-center b{font-size:43px;line-height:1;color:var(--credit-accent);font-weight:850}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-center>span{font-size:14px;font-weight:700;color:#fff;line-height:1.6;margin-top:5px}
:is(#gp,#gb6,#gb-content) .gb-credit-card .gbzp-wheel-center small{font-size:9px;color:#ead8ff;white-space:nowrap;margin-top:3px}


@media(max-width:760px){:is(#gp,#gb6,#gb-content) .gb-credit-card{grid-template-columns:1fr;padding:23px 20px;gap:20px}:is(#gp,#gb6,#gb-content) .gb-credit-card h2{font-size:24px}:is(#gp,#gb6,#gb-content) .gb-credit-cta{width:100%}:is(#gp,#gb6,#gb-content) .gbzp-wheel{width:205px}}
@media(max-width:360px){:is(#gp,#gb6,#gb-content) .gb-credit-inline{grid-template-columns:44px minmax(0,1fr) max-content;padding:10px;gap:6px}:is(#gp,#gb6,#gb-content) .gb-credit-logos{width:44px;height:34px}:is(#gp,#gb6,#gb-content) .gb-credit-logos img{width:34px;height:34px;border-radius:9px}:is(#gp,#gb6,#gb-content) .gb-credit-caption strong{font-size:10px}:is(#gp,#gb6,#gb-content) .gb-credit-caption small{font-size:8px}:is(#gp,#gb6,#gb-content) .gb-credit-price{min-width:70px}:is(#gp,#gb6,#gb-content) .gb-credit-value{font-size:12px}:is(#gp,#gb6,#gb-content) .gb-credit-card{padding:20px 16px}:is(#gp,#gb6,#gb-content) .gb-credit-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){:is(#gp,#gb6,#gb-content) .gb-credit-cta,:is(#gp,#gb6,#gb-content) .gbzp-segment,:is(#gp,#gb6,#gb-content) .gb-credit-inline{transition:none}:is(#gp,#gb6,#gb-content) .gb-credit-cta:hover{transform:none}}

:is(#gp,#gb6,#gb-content) .gb-credit-currency[hidden]{display:none!important}

:is(#gp,#gb6,#gb-content) .gb-credit-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:340px;direction:rtl}
:is(#gp,#gb6,#gb-content) .gb-credit-tiles>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:23px 3px;border:1px solid #ffffff55;border-radius:12px;background:#ffffff14;color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-tiles>div:first-child{background:#fff;color:#1746df;border-color:#fff}
:is(#gp,#gb6,#gb-content) .gb-credit-tiles b{display:block;font-size:36px;font-weight:850;line-height:1.4;color:inherit}
:is(#gp,#gb6,#gb-content) .gb-credit-tiles span{display:block;font-size:10px;font-weight:700;line-height:1.8;margin-top:10px;color:inherit;white-space:nowrap}
:is(#gp,#gb6,#gb-content) .gb-credit-card{min-height:276px}
@media(max-width:760px){:is(#gp,#gb6,#gb-content) .gb-credit-tiles{max-width:310px}:is(#gp,#gb6,#gb-content) .gb-credit-tiles>div{padding:20px 3px}}
@media(max-width:360px){:is(#gp,#gb6,#gb-content) .gb-credit-tiles{gap:6px}:is(#gp,#gb6,#gb-content) .gb-credit-tiles b{font-size:30px}:is(#gp,#gb6,#gb-content) .gb-credit-tiles span{font-size:9px}}

/* Provider colors frame the shared neutral surface; logo faces stay legible. */
:is(#gp,#gb6,#gb-content) .gb-credit-inline{--credit-inline-surface:#191a20;grid-template-columns:74px minmax(0,1fr) max-content;border:1.5px solid transparent;background:linear-gradient(var(--credit-inline-surface),var(--credit-inline-surface)) padding-box,linear-gradient(90deg,#9250ef 0 50%,#3b70ff 50% 100%) border-box;color:#f4f4f8}
:is(#gp,#gb6,#gb-content) .gb-credit-logos{width:74px}
:is(#gp,#gb6,#gb-content) .gb-credit-caption strong,:is(#gp,#gb6,#gb-content) .gb-credit-price,:is(#gp,#gb6,#gb-content) .gb-credit-value-row,:is(#gp,#gb6,#gb-content) .gb-credit-value,:is(#gp,#gb6,#gb-content) .gb-credit-currency{color:inherit}
:is(#gp,#gb6,#gb-content) .gb-credit-caption small,:is(#gp,#gb6,#gb-content) .gb-credit-price-label{color:#c7c7d0}
html[data-gb-theme=light] :is(#gp,#gb6,#gb-content) .gb-credit-inline{--credit-inline-surface:#f8f8fc;color:#242431}
html[data-gb-theme=light] :is(#gp,#gb6,#gb-content) .gb-credit-caption small,html[data-gb-theme=light] :is(#gp,#gb6,#gb-content) .gb-credit-price-label{color:#656574}
@media(max-width:360px){:is(#gp,#gb6,#gb-content) .gb-credit-inline{grid-template-columns:62px minmax(0,1fr) max-content}:is(#gp,#gb6,#gb-content) .gb-credit-logos{width:62px}}
