/* Original bank logo artwork stays unchanged inside a neutral identity plate. */
.bank-affin{--bank-a:#004c79;--bank-b:#3089b2;--bank-ink:#fff}
.bank-alliance{--bank-a:#0d315b;--bank-b:#50628e;--bank-ink:#fff}.digital-card-identity{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:175px;text-align:center;color:var(--muted);font-size:11px}.digital-card-identity img{width:170px!important;height:44px!important;object-fit:contain;filter:none!important;background:white;padding:6px;border-radius:6px}.digital-card-identity strong{font-size:28px;color:var(--text)}
.branded-hero .hero-meta b{color:var(--bank-ink)}
.branded-hero .hero-meta{align-items:baseline}
.directory-hero{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;background:radial-gradient(ellipse at 100% 10%,#dbe7ff,transparent 65%),#eff4ff;border:1px solid #dce5f6;border-radius:24px;padding:38px 40px;position:relative;overflow:hidden;color:#172347}.directory-hero .eyebrow{font-size:10px;color:#3e62a7}.directory-hero h1{font-size:clamp(30px,3.7vw,46px);white-space:pre-line;line-height:1.17;letter-spacing:-.045em;margin:20px 0 17px;color:inherit}.directory-hero p{max-width:510px;font-size:12px;line-height:1.9;color:#536585;margin:0}.directory-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin:25px 0}.directory-hero-actions .button{font-size:11px;padding:12px 19px}.directory-finder-link{font-size:10px;font-weight:600;color:#324e91}.directory-hero-stats{display:flex;gap:25px;font-size:10px;color:#536585}.directory-hero-stats b{font-size:19px;font-weight:700;color:#1e355d;margin-right:5px}.directory-card-scene{position:relative;min-width:0;height:330px;align-self:center}.directory-scene-ring{position:absolute;border:1px solid #a9bfe147;border-radius:50%;width:310px;height:310px;top:10px;right:0;background:radial-gradient(circle,#729be824,transparent 70%)}.directory-scene-ring:before{content:"";position:absolute;inset:30px;border:1px solid #a9bfe133;border-radius:50%}.directory-scene-card{position:absolute;width:255px;height:160px;object-fit:contain;filter:drop-shadow(0 17px 16px #10214338)}.scene-card-0{top:5px;left:5px;transform:rotate(-13deg)}.scene-card-1{top:80px;right:-3px;transform:rotate(12deg)}.scene-card-2{top:164px;left:10px;transform:rotate(-5deg)}.directory-scene-label{position:absolute;bottom:-12px;left:0;right:0;text-align:center;font-size:9px;color:#536585}.directory-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0 25px}.directory-shortcuts>a{display:flex;align-items:center;gap:11px;padding:15px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);min-width:0}.shortcut-icon{height:34px;width:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--primary);font-size:20px;flex:none}.directory-shortcuts b{font-size:11px;display:block}.directory-shortcuts small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.directory-shortcuts>a>span:last-child{margin-left:auto;color:var(--primary)}.directory-shortcuts a:hover,.directory-shortcuts a[aria-current=true]{border-color:var(--primary);box-shadow:0 4px 14px #27418d13}#banks{scroll-margin-top:100px}.bank-gallery-card[hidden]{display:none!important}
html[data-theme=dark] .directory-hero{background:radial-gradient(ellipse at 100% 10%,#253f70,transparent 65%),linear-gradient(125deg,#15233d,#142b48);border-color:#33476a;color:#f4f7ff}html[data-theme=dark] .directory-hero .eyebrow,html[data-theme=dark] .directory-finder-link{color:#aecaff}html[data-theme=dark] .directory-hero p,html[data-theme=dark] .directory-hero-stats,html[data-theme=dark] .directory-scene-label{color:#becde6}html[data-theme=dark] .directory-hero-stats b{color:#eaf1ff}
@media(max-width:950px){.directory-hero{grid-template-columns:minmax(0,1fr) 260px;padding:30px}.directory-hero h1{font-size:34px}.directory-card-scene{height:295px}.directory-scene-ring{width:250px;height:250px;top:20px}.directory-scene-card{width:210px;height:135px}.scene-card-2{top:147px}.directory-shortcuts{gap:8px}.directory-shortcuts>a{padding:12px 10px;gap:8px}.directory-shortcuts small{font-size:7px}.directory-shortcuts b{font-size:10px}.shortcut-icon{width:27px;height:30px}}
@media(max-width:700px){.directory-hero{grid-template-columns:1fr;padding:25px;gap:10px}.directory-hero h1{font-size:34px}.directory-hero p{font-size:12px}.directory-hero-actions{margin:22px 0}.directory-card-scene{height:260px;width:100%;max-width:300px;margin:0 auto 15px}.directory-scene-ring{width:230px;height:230px;right:20px;top:8px}.directory-scene-card{width:205px;height:130px}.scene-card-0{top:4px;left:5px}.scene-card-1{top:63px;right:0}.scene-card-2{top:123px;left:8px}.directory-scene-label{bottom:-8px;font-size:8px}.directory-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.directory-shortcuts>a{padding:13px 10px}.directory-shortcuts b{font-size:10px}.directory-shortcuts small{font-size:8px}.directory-hero-stats{gap:22px}.directory-hero .directory-finder-link{font-size:10px}}
.bank-cimb{--bank-a:#8c1233;--bank-b:#d93854;--bank-ink:#fff}.bank-maybank{--bank-a:#ffd528;--bank-b:#efb811;--bank-ink:#1b2131}.bank-aeon{--bank-a:#4e125d;--bank-b:#a82d94;--bank-ink:#fff}.bank-alrajhi{--bank-a:#1c165c;--bank-b:#5944ce;--bank-ink:#fff}.bank-uob{--bank-a:#062d51;--bank-b:#1463a5;--bank-ink:#fff}.bank-rhb{--bank-a:#00445d;--bank-b:#049ec1;--bank-ink:#fff}
.branded-hero.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;padding:38px 40px;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--bank-a),var(--bank-b));color:var(--bank-ink);border:0;min-height:300px}.branded-hero:after{content:"";width:440px;height:440px;position:absolute;right:-220px;top:-220px;border:1px solid #ffffff28;border-radius:50%;pointer-events:none}.branded-hero .eyebrow,.branded-hero p,.branded-hero .hero-meta{color:var(--bank-ink)}.branded-hero .eyebrow{opacity:.8}.branded-hero h1{font-size:clamp(28px,3.2vw,43px);line-height:1.25;letter-spacing:-.035em;margin:16px 0}.branded-hero p{max-width:670px;font-size:13px;line-height:1.9;opacity:.92;margin:0}.branded-hero .hero-meta{gap:14px 25px;margin-top:23px;font-size:10px;opacity:.9}.branded-hero .hero-meta b{font-size:19px}.bank-brand-visual{position:relative;min-width:0;height:220px;isolation:isolate}.official-logo-plate{position:absolute;z-index:3;right:20px;top:0;background:#fff;display:flex;align-items:center;justify-content:center;width:220px;height:76px;padding:18px 24px;border-radius:15px;box-shadow:0 12px 25px #00000015}.bank-official-logo{display:block;width:100%;height:100%;object-fit:contain;max-height:55px;filter:none!important}.bank-brand-visual .brand-card{position:absolute;width:69%;height:130px;object-fit:contain;top:90px;filter:drop-shadow(0 13px 12px #0005)}.brand-card-0{left:0;transform:rotate(-11deg)}.brand-card-1{right:-6px;transform:rotate(10deg)}.bank-aeon .bank-brand-visual .brand-card,.bank-alrajhi .bank-brand-visual .brand-card{width:52%;height:150px;top:78px}.bank-aeon .brand-card-0,.bank-alrajhi .brand-card-0{left:15px}.bank-aeon .brand-card-1,.bank-alrajhi .brand-card-1{right:6px}
.bank-grid.bank-gallery{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.bank-gallery .bank-gallery-card.bank-choice{background:var(--panel);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;display:block;transition:transform .2s,box-shadow .2s}.bank-gallery-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #00000016}.bank-gallery-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#ffffff20,transparent 65%),linear-gradient(125deg,var(--bank-a),var(--bank-b));isolation:isolate}.bank-gallery-art:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff35;border-radius:50%;right:-140px;top:-170px}.bank-gallery-art .bank-brand-visual{width:85%;max-width:380px;height:230px;margin:20px auto 0}.bank-gallery-art .official-logo-plate{width:190px;height:64px;left:0;top:0;border-radius:12px;padding:14px 20px;box-shadow:none}.bank-gallery-art .brand-card{width:63%;height:150px;top:64px}.bank-gallery-art .brand-card-0{left:15%}.bank-gallery-art .brand-card-1{right:-3%;top:78px}.bank-gallery .bank-aeon .brand-card,.bank-gallery .bank-alrajhi .brand-card{width:41%;height:165px;top:57px}.bank-gallery .bank-aeon .brand-card-0,.bank-gallery .bank-alrajhi .brand-card-0{left:30%}.bank-gallery .bank-aeon .brand-card-1,.bank-gallery .bank-alrajhi .brand-card-1{right:0;top:65px}.gallery-count{position:absolute;bottom:18px;left:26px;background:#ffffffed;color:#15253c;font-size:10px;padding:5px 11px;border-radius:20px}.bank-gallery-copy{padding:25px 27px}.bank-gallery .bank-gallery-copy h2{font-size:24px;color:var(--text);margin:0 0 9px}.bank-gallery-copy p{font-size:12px!important;line-height:1.9;margin:0;color:var(--muted);min-height:68px}.bank-benefit-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.bank-benefit-chip{padding:5px 10px;border-radius:7px;background:var(--soft);color:var(--primary);font-size:9px;font-weight:500}.bank-gallery-copy>strong{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:22px;color:var(--primary)}.bank-gallery-copy>strong>span[aria-hidden]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:31px;height:31px;background:var(--soft);font-size:19px}.bank-entry-art .official-finance-logo{position:absolute;z-index:3;left:19px;top:16px;background:#fff;border:0!important;border-radius:9px;padding:10px 14px!important;width:145px;height:48px;display:flex;align-items:center;justify-content:center;letter-spacing:0}.official-finance-logo>img{position:static!important;transform:none!important;filter:none!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain}.bank-entry-art .card-back{top:74px!important}.bank-entry-art .card-front{top:88px!important}
@media(max-width:950px){.branded-hero.hero{grid-template-columns:minmax(0,1fr) 200px;padding:28px;min-height:270px}.branded-hero h1{font-size:31px}.branded-hero .bank-brand-visual{height:195px}.branded-hero .official-logo-plate{width:180px;height:64px;right:0;padding:15px 20px}.branded-hero .brand-card{height:100px;top:90px}.branded-hero.bank-aeon .brand-card,.branded-hero.bank-alrajhi .brand-card{height:125px;top:70px}.bank-gallery-art{height:230px}.bank-gallery-art .bank-brand-visual{height:200px}.bank-gallery-art .brand-card{height:125px}.bank-gallery .bank-aeon .brand-card,.bank-gallery .bank-alrajhi .brand-card{height:145px}.bank-gallery-copy{padding:22px}.bank-gallery-copy p{min-height:90px}.bank-entry-art .official-finance-logo{width:125px;height:43px;left:15px}}
@media(max-width:700px){.branded-hero.hero{grid-template-columns:1fr;gap:20px;padding:25px}.branded-hero h1{font-size:30px}.branded-hero .bank-brand-visual{height:160px;width:100%;max-width:330px;margin:auto}.branded-hero .official-logo-plate{left:0;right:auto;top:2px;width:150px;height:55px;padding:13px 16px}.branded-hero .brand-card{top:57px;left:18%;height:105px;width:58%}.branded-hero .brand-card-1{left:auto;right:-4%;top:61px}.branded-hero.bank-aeon .brand-card,.branded-hero.bank-alrajhi .brand-card{height:135px;width:41%;top:30px}.branded-hero.bank-aeon .brand-card-0,.branded-hero.bank-alrajhi .brand-card-0{left:29%}.branded-hero.bank-aeon .brand-card-1,.branded-hero.bank-alrajhi .brand-card-1{right:-2%;left:auto;top:37px}.bank-grid.bank-gallery{grid-template-columns:1fr;gap:20px}.bank-gallery-art{height:235px}.bank-gallery-copy p{min-height:0}.bank-gallery .bank-gallery-copy h2{font-size:22px}.bank-gallery-copy{padding:23px}.bank-entry-art .official-finance-logo{width:145px;height:45px;left:21px}.bank-entry-art .card-back{top:63px!important}.bank-entry-art .card-front{top:76px!important}}
.bank-cimb .official-logo-plate,.bank-entry-cimb .official-finance-logo{background:#231c26}
.basic-banner.asas-promo{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;background:linear-gradient(125deg,#17234e,#103d83);color:#fff;padding:35px 38px;border:0;position:relative;overflow:hidden}.asas-initiative{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.asas-promo .eyebrow{color:#a7c5ff}.madani-mark{background:#fff;border-radius:9px;padding:7px 11px;display:flex;align-items:center}.madani-mark img{display:block;width:120px;height:55px;object-fit:contain}.asas-promo h2{font-size:30px;line-height:1.35;margin:19px 0 12px;color:#fff}.asas-promo p{font-size:12px;line-height:1.95;color:#d7e5fc;margin:0;max-width:650px}.asas-explore{display:inline-flex;gap:25px;align-items:center;background:#fff;color:#173976;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:600;margin-top:24px}.asas-promo-visual{position:relative;min-height:260px;align-self:center}.asas-card{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 14px #0005)}.asas-card-back{height:175px;width:140px;top:10px;left:28px;transform:rotate(-11deg)}.asas-card-front{height:150px;width:240px;top:55px;right:-9px;transform:rotate(9deg)}.asas-rate{position:absolute;bottom:-1px;right:12px;background:#f3ce67;color:#142346;border:1px solid #ffe7a2;border-radius:16px;padding:14px 23px;box-shadow:0 12px 22px #0002}.asas-rate strong{display:block;font-size:44px;line-height:1.1;letter-spacing:-.04em}.asas-rate strong small{font-size:17px;letter-spacing:0}.asas-rate>span{font-size:10px;font-weight:600;display:block;margin-top:7px}
@media(max-width:950px){.basic-banner.asas-promo{grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:30px}.asas-card-back{left:0}.asas-card-front{width:180px;right:-5px}.asas-rate{right:0;padding:13px 18px}.asas-rate strong{font-size:36px}}@media(max-width:700px){.basic-banner.asas-promo{grid-template-columns:1fr;padding:25px;gap:20px}.asas-promo h2{font-size:27px}.asas-promo p{font-size:12px}.madani-mark img{width:100px;height:46px}.asas-promo-visual{width:100%;max-width:310px;margin:auto;min-height:235px}.asas-card-back{left:22px}.asas-card-front{width:220px;right:0;top:38px}.asas-rate{bottom:0;right:8px}.asas-explore{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bank-gallery-card{transition:none}.bank-gallery-card:hover{transform:none}}
.asas-promo .madani-mark{padding:4px 6px;border-radius:7px}.asas-promo .madani-mark img{width:126px;height:auto;max-height:48px}@media(max-width:700px){.asas-promo .madani-mark img{width:112px;height:auto;max-height:43px}}
/* Maybank: a larger rounded yellow inset within the white identity plate. */
.bank-maybank .official-logo-plate{padding:8px}.bank-maybank .bank-official-logo{background:#fccb06;border-radius:8px;max-height:none}.bank-entry-maybank .official-finance-logo{padding:5px!important}.bank-entry-maybank .official-finance-logo>img{background:#fccb06;border-radius:6px}
.asas-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:35px;position:relative;isolation:isolate;overflow:hidden;padding:38px 42px;border-radius:24px;background:radial-gradient(ellipse at 100% 20%,#4b76c04d,transparent 65%),linear-gradient(125deg,#10274e,#154c80);color:#fff}
.asas-page-hero .eyebrow{color:#b7d6ff;font-size:10px}.asas-page-hero .madani-mark{padding:4px 6px;border-radius:7px}.asas-page-hero .madani-mark img{width:112px;height:auto;max-height:43px}.asas-page-hero h1{font-size:clamp(29px,3.4vw,45px);letter-spacing:-.035em;line-height:1.2;margin:24px 0 9px;color:#fff}.asas-page-hero h2{font-size:19px;font-weight:500;margin:0 0 14px;color:#d7e8ff}.asas-page-hero p{font-size:12px;line-height:1.9;color:#d5e3f6;max-width:600px;margin:0}.asas-key-facts{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:25px}.asas-key-facts>div{display:flex;flex-direction:column;gap:4px}.asas-key-facts strong{font-size:22px;line-height:1.2;color:#fbe098;letter-spacing:-.02em}.asas-key-facts strong small{font-size:12px}.asas-key-facts span{font-size:10px;color:#d5e3f6}.asas-page-art{align-self:center;position:relative;height:310px;min-width:0}.asas-orbit{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #a9d5ff35;background:radial-gradient(circle,#5ea1e832,transparent 70%);right:0;top:0}.asas-orbit:after{content:"";position:absolute;inset:35px;border:1px dashed #b5d8fb35;border-radius:50%}.asas-show-card{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 18px #0006)}.asas-show-back{width:150px;height:235px;left:5px;top:0;transform:rotate(-12deg)}.asas-show-front{width:275px;height:180px;right:-5px;top:105px;transform:rotate(9deg)}.asas-art-caption{position:absolute;bottom:-13px;right:12px;color:#cfe1fb;font-size:11px;letter-spacing:.03em}#asas-cards{scroll-margin-top:95px}
@media(max-width:950px){.asas-page-hero{grid-template-columns:minmax(0,1fr) 250px;padding:30px;gap:22px}.asas-page-art{height:270px}.asas-orbit{width:250px;height:250px}.asas-show-back{width:130px;height:200px;left:0}.asas-show-front{width:220px;height:145px;top:105px}.asas-key-facts{gap:15px 22px}.asas-key-facts strong{font-size:20px}}
@media(max-width:700px){.asas-page-hero{grid-template-columns:1fr;padding:25px;gap:22px}.asas-page-hero h1{font-size:32px;margin-top:22px}.asas-page-hero h2{font-size:17px}.asas-page-hero p{font-size:12px}.asas-page-hero .asas-initiative{gap:10px}.asas-page-hero .eyebrow{font-size:8px}.asas-page-hero .madani-mark img{width:95px;max-height:37px}.asas-key-facts{gap:16px 23px}.asas-key-facts strong{font-size:19px}.asas-key-facts span{font-size:9px}.asas-page-art{width:100%;max-width:290px;height:245px;margin:0 auto 12px}.asas-orbit{right:5px;width:235px;height:235px}.asas-show-back{left:12px;height:185px;width:125px}.asas-show-front{right:0;top:88px;width:220px;height:145px}.asas-art-caption{bottom:-6px;right:5px;font-size:10px}}

/* AmBank, Bank Rakyat and Bank Muamalat */
.bank-ambank{--bank-a:#5b1532;--bank-b:#bb253e;--bank-ink:#fff}
.bank-rakyat{--bank-a:#07466e;--bank-b:#008ca8;--bank-ink:#fff}
.bank-muamalat{--bank-a:#102f62;--bank-b:#2869a0;--bank-ink:#fff}

/* HSBC, OCBC and Hong Leong */
.bank-hsbc{--bank-a:#661c33;--bank-b:#c22a43;--bank-ink:#fff}
.bank-ocbc{--bank-a:#77202b;--bank-b:#c73542;--bank-ink:#fff}
.bank-hlb{--bank-a:#102d65;--bank-b:#1d5db0;--bank-ink:#fff}

/* Public Bank and BSN */
.bank-public-bank{--bank-a:#681d32;--bank-b:#b22442;--bank-ink:#fff}
.bank-bsn{--bank-a:#006775;--bank-b:#049bab;--bank-ink:#fff}

.art-caption{display:block;color:var(--muted);font-size:11px;text-align:center;margin:8px auto 0;line-height:1.5}

/* Give the coloured BSN and Bank Rakyat identities a generous inset. */
.bank-bsn,.bank-entry-bsn{--identity-inset:#00a2b1}
.bank-rakyat,.bank-entry-rakyat{--identity-inset:#005caa}
.bank-bsn .official-logo-plate,.bank-rakyat .official-logo-plate{padding:8px}
.bank-bsn .bank-official-logo,.bank-rakyat .bank-official-logo{max-height:none;background:var(--identity-inset);border-radius:8px;padding:6px 12px;box-sizing:border-box}
.bank-entry-bsn .official-finance-logo,.bank-entry-rakyat .official-finance-logo{padding:5px!important}
.bank-entry-bsn .official-finance-logo>img,.bank-entry-rakyat .official-finance-logo>img{background:var(--identity-inset);border-radius:6px;padding:4px 9px;box-sizing:border-box}

/* ICBC Malaysia and AmBank brand colours */
.bank-icbc{--bank-a:#670d1e;--bank-b:#d71532;--bank-ink:#fff}
.bank-ambank{--bank-a:#b80012;--bank-b:#f20a22;--bank-ink:#fff}
.branded-hero.bank-ambank,.bank-ambank .bank-gallery-art{background:radial-gradient(ellipse at 100% 100%,#ffb42955,transparent 62%),linear-gradient(125deg,#ac0011,#e60019 60%,#f51b24)}

/* Distinct Public Bank, HSBC and OCBC brand scenes. */
.branded-hero.bank-public-bank,.bank-public-bank .bank-gallery-art{background:radial-gradient(ellipse at 100% 100%,#f5b46b35,transparent 62%),linear-gradient(125deg,#570b21,#a31632 55%,#d13c3c)}
.branded-hero.bank-hsbc,.bank-hsbc .bank-gallery-art{background:radial-gradient(ellipse at 100% 95%,#db001133,transparent 58%),linear-gradient(125deg,#f2f4f6,#d9dfe5 55%,#aab7c5)}
.branded-hero.bank-ocbc,.bank-ocbc .bank-gallery-art{background:radial-gradient(ellipse at 100% 100%,#ffca7040,transparent 62%),linear-gradient(125deg,#9b2414,#d83b16 52%,#f48636)}
.bank-hsbc{--bank-ink:#142337}
.branded-hero.bank-hsbc h1{color:#142337}
.branded-hero.bank-hsbc:after,.bank-hsbc .bank-gallery-art:before{border-color:#52637828}

/* Corporate-logo-inspired palettes: distinct across the complete bank gallery. */
.bank-uob{--bank-a:#041f4b;--bank-b:#075db2;--bank-ink:#fff;--bank-scene:radial-gradient(ellipse at 100% 0%,#bd233d55,transparent 42%),linear-gradient(130deg,#041b44 10%,#064d9a 75%,#0873be)}
.bank-alliance{--bank-a:#f5f6f8;--bank-b:#c9d7e5;--bank-ink:#172b4a;--bank-scene:radial-gradient(ellipse at 100% 0%,#c6354938,transparent 48%),linear-gradient(125deg,#f6f7f9,#c6d6e5)}
.bank-affin{--bank-a:#e3f0f7;--bank-b:#8bbbd5;--bank-ink:#133958;--bank-scene:radial-gradient(ellipse at 0% 0%,#ffffffc0,transparent 65%),linear-gradient(130deg,#dcecf7,#8bb8d1)}
.bank-rhb{--bank-a:#063c6c;--bank-b:#00758a;--bank-ink:#fff;--bank-scene:radial-gradient(ellipse at 100% 0%,#d9475540,transparent 35%),linear-gradient(130deg,#07395b,#00778d)}
.bank-muamalat{--bank-a:#172f57;--bank-b:#a75218;--bank-ink:#fff;--bank-scene:radial-gradient(ellipse at 95% 100%,#cc7c25,transparent 75%),linear-gradient(125deg,#132c53,#9b4b1b)}
.bank-hlb{--bank-a:#071e42;--bank-b:#163a6b;--bank-ink:#fff;--bank-scene:radial-gradient(ellipse at 100% 0%,#be293dc9,transparent 62%),linear-gradient(135deg,#071b3d,#143c70)}
.branded-hero.hero{background:var(--bank-scene,linear-gradient(120deg,var(--bank-a),var(--bank-b)))}.bank-gallery-card:is(.bank-uob,.bank-alliance,.bank-affin,.bank-rhb,.bank-muamalat,.bank-hlb) .bank-gallery-art{background:var(--bank-scene)}

.bank-icbc{--bank-a:#1c2026;--bank-b:#951923;--bank-ink:#fff;--bank-scene:radial-gradient(ellipse at 100% 0%,#d2142599,transparent 65%),linear-gradient(135deg,#191d24,#4d2028)}.bank-gallery-card.bank-icbc .bank-gallery-art{background:var(--bank-scene)}