/* Banks page fidelity layer — scoped so homepage and Guides stay untouched. */
.banks-page{
  --b-navy:#031d36;
  --b-navy2:#062a4b;
  --b-ink:#0c2b61;
  --b-gold:#c99856;
  --b-gold-light:#efd09c;
  --b-blue:#0564ff;
  --b-line:#dfe4e9;
  --b-muted:#526684;
  --b-cream:#fcf8f1;
  background:#fff;color:var(--b-ink);
}
.banks-page main{overflow:hidden;background:#fff;position:relative}
.banks-page main::before,.banks-page main::after{content:"";position:absolute;z-index:0;pointer-events:none;width:290px;height:690px;opacity:.34;background:radial-gradient(ellipse at center,transparent 0 60%,#ead8be 60.5% 61%,transparent 61.5% 68%,#f0e5d5 68.5% 69%,transparent 69.5%)}
.banks-page main::before{left:-210px;top:555px}.banks-page main::after{right:-225px;top:970px}
.banks-page main>*{position:relative;z-index:1}

/* Header */
.banks-page .premium-header{position:relative;z-index:30;height:68px;grid-template-rows:68px;grid-template-columns:36% 49% 15%;background:#fbfaf7}
.banks-page .premium-header::after{right:0;top:0;width:470px;height:68px;border:0;border-radius:0;background:url('./header-curve-right.svg') center/100% 100% no-repeat}
.banks-page .premium-brand{height:85px;padding:0 60px 17px 26px}
.banks-page .brand-reference-image{height:68px;width:405px;object-fit:contain}
.banks-page .premium-nav{height:68px;gap:28px;font-size:13px;padding:0 15px;align-items:center;white-space:nowrap}
.banks-page .premium-nav>a{position:relative;height:68px;display:flex;align-items:center}
.banks-page .premium-nav a[aria-current="page"]{color:#0a2852}
.banks-page .premium-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:linear-gradient(90deg,#8e5c26,#e0b876,#8e5c26);box-shadow:0 1px 1px rgba(69,42,15,.12)}
.banks-page .nav-search{width:30px;height:38px!important;display:grid!important;place-items:center;text-decoration:none;color:#7e5529;flex:0 0 30px}
.banks-page .nav-search::after{display:none!important}
.banks-page .nav-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.banks-page .country-chip{height:38px;min-width:88px;box-sizing:border-box;border:1px solid #cdd4dc;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;color:#17305f;font:13px Arial;padding:0 10px;box-shadow:0 1px 2px rgba(20,39,65,.03)}
.banks-page .country-chip .flag{width:25px;height:20px;border-radius:50%;overflow:hidden;display:block;box-shadow:0 0 0 1px rgba(10,35,70,.14)}
.banks-page .country-chip svg{display:block;width:100%;height:100%}
.banks-page .country-chip .chev{font-size:13px;line-height:1;margin-left:1px}
.banks-page .header-trust{height:51px;margin-top:8px;border-radius:8px;font-size:12px;line-height:1.18}

/* Hero */
.banks-page .bank-hero{height:318px;min-height:0;position:relative;background:var(--b-navy);overflow:hidden;color:#fff;border-bottom:1px solid rgba(204,155,84,.75)}
.banks-page .bank-hero::before{content:"";position:absolute;left:0;top:0;width:88px;height:100%;background:url('./hero-ribbon-left.svg') left center/100% 100% no-repeat;z-index:4;pointer-events:none}
.banks-page .bank-hero-photo{position:absolute;left:155px;right:172px;top:0;bottom:0;width:auto;height:100%;object-fit:cover;object-position:61% center;filter:saturate(.98) contrast(1.02) brightness(1.05)}
.banks-page .bank-hero::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,25,47,.97) 0%,rgba(2,25,47,.90) 30%,rgba(2,25,47,.45) 54%,rgba(2,25,47,.10) 72%,rgba(2,25,47,.72) 100%);pointer-events:none}
.banks-page .bank-hero-inner{position:relative;z-index:5;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 173px}
.banks-page .bank-hero-copy{align-self:center;margin-left:68px;width:570px;max-width:calc(100vw - 330px);padding-top:4px}
.banks-page .bank-kicker{display:block;margin:0 0 9px;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.27em;text-transform:uppercase;background-image:linear-gradient(180deg,#fff0d3 0%,#e8c38e 48%,#bd8d50 64%,#efd2a3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,7,16,.45));opacity:.96}
.banks-page .bank-hero h1{margin:0 0 9px;max-width:580px;font-family:Georgia,"Times New Roman",serif;font-size:56px;line-height:.91;letter-spacing:-1.6px;font-weight:700;text-shadow:0 1px 2px rgba(0,13,26,.26)}
.banks-page .bank-hero h1 .ivory,.banks-page .bank-hero h1 .gold{display:block;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,8,15,.46))}
.banks-page .bank-hero h1 .ivory{background-image:linear-gradient(180deg,#fffaf2 8%,#fffdf8 34%,#ded8cf 55%,#fff9ef 73%,#eae3d7 100%)}
.banks-page .bank-hero h1 .gold{background-image:linear-gradient(180deg,#f2dbb8 4%,#e9c88e 34%,#b78f59 58%,#ecd0a0 77%,#d1a66e 100%)}
.banks-page .bank-hero p{font:17px/1.26 Georgia,"Times New Roman",serif;color:#fffaf4;margin:0 0 13px;max-width:550px}
.banks-page .bank-search{width:525px;max-width:100%;height:42px;border-radius:22px;border:1px solid #f3eadf;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) 119px;align-items:center;overflow:hidden;box-shadow:0 4px 15px rgba(0,8,19,.24),inset 0 1px 1px #fff}
.banks-page .bank-search .search-icon{display:grid;place-items:center;color:#9b6d39}
.banks-page .bank-search .search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.banks-page .bank-search input{min-width:0;height:40px;border:0;outline:0;padding:0 8px;color:#506483;background:#fff;font:12px Arial}
.banks-page .bank-search button{position:relative;height:38px;margin-right:2px;border:1px solid #fbf2e4;border-radius:19px;color:#fffaf1;font:700 17px Georgia,"Times New Roman",serif;text-shadow:0 1px 1px rgba(66,38,13,.45);background-image:linear-gradient(180deg,rgba(255,245,219,.32),rgba(255,245,219,.05) 36%,rgba(72,43,15,.10) 60%,rgba(36,19,5,.14)),linear-gradient(125deg,#e5c49a 0%,#c4a073 20%,#a98152 45%,#8d663a 72%,#644320 100%);box-shadow:inset 0 0 0 1px rgba(255,250,237,.85),0 1px 2px rgba(69,44,18,.2);cursor:pointer}
.banks-page .bank-search button::after{content:"";position:absolute;top:2px;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,250,228,.65),transparent)}
.banks-page .bank-pills{display:flex;align-items:center;gap:7px;margin-top:10px;max-width:590px}
.banks-page .bank-pills a{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 14px;border:1px solid rgba(225,180,111,.62);border-radius:999px;background:rgba(2,24,46,.69);color:#fff;text-decoration:none;font:11px Arial;white-space:nowrap;transition:.16s ease}
.banks-page .bank-pills a:first-child{background:linear-gradient(135deg,#f0d19c,#c28b43);border-color:#efd5ac;color:#102b60;font-weight:700}
.banks-page .bank-pills a:hover{transform:translateY(-1px);border-color:#f2d19b;background-color:rgba(205,154,80,.19)}
.banks-page .bank-rail{position:relative;height:100%;box-sizing:border-box;padding:12px 16px 10px 19px;background:linear-gradient(180deg,rgba(3,27,50,.92),rgba(3,28,51,.98));border-left:1px solid rgba(208,157,84,.44)}
.banks-page .bank-rail::before{content:"";position:absolute;left:-185px;top:-92px;width:365px;height:500px;border:1.5px solid rgba(213,165,94,.82);border-radius:50%;pointer-events:none}
.banks-page .bank-rail h3{position:relative;font:400 13px/1.48 Arial;letter-spacing:.31em;color:#e8c185;margin:0 0 9px}
.banks-page .bank-rail h3::after{content:"";display:block;width:34px;height:2px;margin-top:8px;background:linear-gradient(90deg,#b27c38,#f0d4a0,#bf8c49)}
.banks-page .bank-rail-item{position:relative;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;margin:0 0 10px;font:11px/1.18 Arial;color:#fff}
.banks-page .bank-rail-item svg{width:27px;height:27px;fill:none;stroke:#edc68e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.banks-page .bank-script{position:absolute;left:18px;bottom:14px;width:145px;color:#fff;font:italic 13px/1.05 "Segoe Script","Brush Script MT",cursive;transform:rotate(-4deg)}

/* General content */
.banks-page .banks-wrap{width:calc(100% - 76px);max-width:none;margin:0 auto}
.banks-page .banks-section{padding:17px 0 0}
.banks-page .banks-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:11px}
.banks-page .banks-section h2,.banks-page .banks-section-head h2{font:700 27px/1.05 Georgia,"Times New Roman",serif;color:#0b2a61;margin:0;letter-spacing:-.45px}
.banks-page .banks-section-head a,.banks-page .section-link{color:#0063ff;text-decoration:none;font:12px Arial;white-space:nowrap}

/* Bank cards */
.banks-page .featured-bank-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #dfe3e8;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(25,47,78,.02)}
.banks-page .featured-bank-card{position:relative;min-height:130px;box-sizing:border-box;padding:13px 15px 12px;border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9;text-decoration:none;background:linear-gradient(180deg,#fff,#fdfdfc);color:#0e2c61;transition:background .15s ease,transform .15s ease}
.banks-page .featured-bank-card:nth-child(6n){border-right:0}.banks-page .featured-bank-card:nth-last-child(-n+6){border-bottom:0}
.banks-page .featured-bank-card:hover{background:#fffdf8;z-index:2;box-shadow:0 5px 18px rgba(14,45,88,.10)}
.banks-page .featured-bank-card .bank-logo{display:flex;align-items:center;height:48px;margin-bottom:7px}
.banks-page .featured-bank-card .bank-logo img{display:block;max-width:124px;max-height:44px;width:auto;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.banks-page .featured-bank-card h3{font:700 13px/1.1 Georgia,"Times New Roman",serif;margin:0 0 4px;color:#0b285d}
.banks-page .featured-bank-card p{font:11px/1.26 Arial;color:#536886;margin:0;padding-right:18px}
.banks-page .featured-bank-card .arrow{position:absolute;right:13px;bottom:23px;color:#005fff;font:22px/1 Arial}

/* Feature row */
.banks-page .feature-row{display:grid;grid-template-columns:1.58fr .94fr;gap:18px;margin-top:16px}
.banks-page .bank-feature-card,.banks-page .digital-feature-card{height:194px;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:7px;overflow:hidden;background:#fff}
.banks-page .bank-feature-card{display:grid;grid-template-columns:37.5% 1fr}
.banks-page .bank-feature-card img{width:100%;height:100%;object-fit:cover}
.banks-page .bank-feature-copy{padding:17px 18px 15px}
.banks-page .mini-kicker{display:block;color:#9d6b31;font:700 10px/1.2 Arial;letter-spacing:.25em;margin-bottom:9px}
.banks-page .bank-feature-copy h2,.banks-page .digital-feature-copy h2{font:700 25px/1.04 Georgia,"Times New Roman",serif;color:#0b2a61;margin:0 0 7px}
.banks-page .bank-feature-copy p,.banks-page .digital-feature-copy p{font:14px/1.35 Georgia,"Times New Roman",serif;color:#425a79;margin:0 0 15px}
.banks-page .metal-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:155px;height:37px;padding:0 18px;border-radius:19px;border:1px solid #f1d6aa;text-decoration:none;color:#fffaf1;font:700 14px Georgia,"Times New Roman",serif;background-image:linear-gradient(180deg,rgba(255,247,226,.38),rgba(255,247,226,.08) 36%,rgba(74,43,14,.13) 62%),linear-gradient(125deg,#e3c18f,#be945e 28%,#9f713a 57%,#70491f);box-shadow:inset 0 0 0 1px rgba(255,251,239,.65),0 3px 9px rgba(43,27,12,.12)}
.banks-page .digital-feature-card img{display:block;width:100%;height:72px;object-fit:cover;object-position:center 58%}
.banks-page .digital-feature-copy{padding:10px 16px 12px}
.banks-page .digital-feature-copy .mini-kicker{margin-bottom:4px;color:#153965}
.banks-page .digital-feature-copy h2{font-size:21px;margin-bottom:4px}
.banks-page .digital-feature-copy p{font-size:13px;line-height:1.28;margin-bottom:7px}
.banks-page .read-link{color:#0063ff;text-decoration:none;font:12px Arial}

/* Browse / ranking */
.banks-page .browse-row{display:grid;grid-template-columns:1.58fr .94fr;gap:18px;margin-top:17px;padding-bottom:17px}
.banks-page .browse-head h2,.banks-page .rank-panel h2{font:700 23px/1.06 Georgia,"Times New Roman",serif;color:#0b2a61;margin:0 0 3px}
.banks-page .browse-head p,.banks-page .rank-panel>p{font:12px/1.35 Arial;color:#536886;margin:0 0 10px}
.banks-page .bank-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.banks-page .bank-type-card{min-height:147px;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:6px;background:#fff;text-decoration:none;color:#0b2a61;text-align:center;padding:13px 9px 10px;position:relative}
.banks-page .bank-type-card svg{width:39px;height:39px;fill:#0b2a61;margin-bottom:7px}
.banks-page .bank-type-card h3{font:700 14px/1.1 Georgia,"Times New Roman",serif;margin:0 0 5px}
.banks-page .bank-type-card p{font:12px/1.28 Georgia,"Times New Roman",serif;color:#526684;margin:0 auto;max-width:120px}
.banks-page .bank-type-card .arrow{position:absolute;bottom:8px;left:0;right:0;color:#005fff;font:20px/1 Arial}
.banks-page .rank-panel{padding-left:18px;border-left:1px solid #e4e7eb}
.banks-page .rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.banks-page .rank-columns ol{margin:0;padding:0;list-style:none;counter-reset:item}
.banks-page .rank-columns ol.second{counter-reset:item 5}
.banks-page .rank-columns li{counter-increment:item}
.banks-page .rank-columns a{display:grid;grid-template-columns:24px 1fr 10px;gap:8px;align-items:center;min-height:31px;padding:0 7px;border:1px solid #e3e6ea;border-radius:5px;text-decoration:none;color:#0a2a61;font:11px Arial;background:#fff}
.banks-page .rank-columns li+li a{margin-top:4px}
.banks-page .rank-columns a::before{content:counter(item);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#efe2cd;color:#72522d;font:700 10px Arial}
.banks-page .rank-columns .arr{color:#005fff;font-size:17px}

/* Bottom three-column area */
.banks-page .banks-bottom{padding:0 0 17px}
.banks-page .bottom-grid{display:grid;grid-template-columns:1.31fr .82fr .93fr;gap:20px}
.banks-page .bottom-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}
.banks-page .bottom-title h2,.banks-page .tools-card h2{font:700 22px/1.06 Georgia,"Times New Roman",serif;color:#0b2a61;margin:0}
.banks-page .latest-bank-list{display:grid;gap:0}
.banks-page .latest-bank-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;min-height:70px;border-bottom:1px solid #e1e4e8;text-decoration:none;color:#0b2a61}
.banks-page .latest-bank-item:last-child{border-bottom:0}
.banks-page .latest-bank-item img{width:74px;height:62px;object-fit:cover;border-radius:6px}
.banks-page .latest-bank-item strong{display:block;font:700 14px/1.12 Georgia,"Times New Roman",serif;margin-bottom:3px}
.banks-page .latest-bank-item p{font:11px/1.25 Arial;color:#526684;margin:0 0 5px}
.banks-page .latest-bank-item small{font:9px/1 Arial;color:#35547d;letter-spacing:.12em;text-transform:uppercase}
.banks-page .tools-card{background:linear-gradient(150deg,#f4fafb,#eef7fa);border-radius:7px;padding:15px 16px}
.banks-page .tools-list{margin-top:8px;display:grid}
.banks-page .tools-list a{min-height:29px;display:grid;grid-template-columns:25px 1fr 10px;gap:6px;align-items:center;border-bottom:1px solid rgba(92,119,144,.20);text-decoration:none;color:#26456f;font:11px Arial}
.banks-page .tools-list a:last-child{border-bottom:0}.banks-page .tools-list svg{width:17px;height:17px;fill:none;stroke:#0d2c61;stroke-width:1.7}.banks-page .tools-list span:last-child{color:#005fff;font-size:16px}
.banks-page .trust-card{border:1px solid #eee6db;border-radius:7px;background:linear-gradient(135deg,#fffdf9,#fbf4e9);padding:18px 19px 14px;position:relative;overflow:hidden}
.banks-page .trust-card::after{content:"";position:absolute;right:-65px;bottom:-80px;width:190px;height:190px;border:1px solid rgba(210,174,123,.36);border-radius:50%}
.banks-page .trust-kicker{display:flex;align-items:center;gap:10px;color:#0d2c61;font:700 9px Arial;letter-spacing:.23em;margin-bottom:12px}
.banks-page .trust-kicker svg{width:31px;height:31px;fill:#97652e}.banks-page .trust-card h2{font:700 27px/1.02 Georgia,"Times New Roman",serif;color:#0b2a61;margin:0 0 11px}.banks-page .trust-card p{font:13px/1.37 Georgia,"Times New Roman",serif;color:#405879;margin:0 0 14px}.banks-page .trust-card .metal-btn{width:100%;box-sizing:border-box}

/* Footer matching concept */
.banks-page .banks-footer{margin-top:0;background:#031b31;color:#fff;border-top:1px solid #ad7b3e}
.banks-page .banks-footer-main{height:106px;display:grid;grid-template-columns:39% 46% 15%;position:relative;overflow:hidden;background:linear-gradient(90deg,#061f36 0%,#061f36 42%,rgba(4,27,47,.88) 62%,rgba(4,27,47,.55) 100%)}
.banks-page .banks-footer-main::after{content:"";position:absolute;right:96px;bottom:-65px;width:410px;height:205px;background:linear-gradient(90deg,rgba(3,27,48,.45),rgba(3,27,48,.2)),url('./guides/guides-uk-banking-hero.webp') center 48%/cover no-repeat;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 35%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.banks-page .footer-brand-zone{position:relative;z-index:2;display:flex;align-items:center;padding-left:54px;border-right:1px solid rgba(214,171,108,.15)}
.banks-page .footer-brand-zone img{width:318px;max-width:90%;height:auto;filter:url(#brand-clear-background)}
.banks-page .footer-center-zone{position:relative;z-index:2;padding:18px 24px 12px 22px}
.banks-page .footer-center-zone .eyebrow{font:700 9px Arial;letter-spacing:.32em;color:#e3b97c;margin-bottom:7px}
.banks-page .footer-center-zone p{font:14px/1.23 Georgia,"Times New Roman",serif;color:#fff;margin:0 0 9px;max-width:330px}
.banks-page .footer-center-zone .metal-btn{height:32px;min-width:140px;font-size:12px}
.banks-page .footer-right-zone{position:relative;z-index:2;border-left:1px solid rgba(220,178,114,.38);padding:14px 16px 8px 23px;font:700 10px/1.65 Arial;letter-spacing:.28em;color:#fff}
.banks-page .footer-right-zone::after{content:"";display:block;width:33px;height:2px;margin-top:7px;background:linear-gradient(90deg,#b27c38,#f0d4a0,#bf8c49)}
.banks-page .banks-footer-bottom{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-top:1px solid rgba(255,255,255,.08);font:9px Arial;color:#bfc8d2}
.banks-page .banks-footer-links{display:flex;gap:24px}.banks-page .banks-footer-links a{color:#c9d1da;text-decoration:none}

@media(max-width:1120px){
  .banks-page .premium-nav{gap:18px;font-size:12px;padding:0 8px}.banks-page .bank-hero-copy{margin-left:58px;width:535px}.banks-page .bank-hero h1{font-size:52px}.banks-page .bank-search{width:500px}.banks-page .featured-bank-card{padding-left:13px;padding-right:12px}.banks-page .featured-bank-card .bank-logo img{max-width:112px}
}
@media(max-width:900px){
  .banks-page .premium-header{height:auto;grid-template-rows:72px 54px;grid-template-columns:1fr}.banks-page .premium-brand{height:72px}.banks-page .premium-nav{height:54px;justify-content:center}.banks-page .premium-nav>a{height:54px}.banks-page .header-trust{display:none}.banks-page .bank-hero{height:auto;min-height:430px}.banks-page .bank-hero-inner{grid-template-columns:1fr}.banks-page .bank-rail{display:none}.banks-page .bank-hero-photo{left:0;right:0;width:100%}.banks-page .bank-hero-copy{width:auto;max-width:none;margin:0 40px}.banks-page .banks-wrap{width:calc(100% - 40px)}.banks-page .featured-bank-grid{grid-template-columns:repeat(3,1fr)}.banks-page .featured-bank-card:nth-child(6n){border-right:1px solid #e1e5e9}.banks-page .featured-bank-card:nth-child(3n){border-right:0}.banks-page .featured-bank-card:nth-last-child(-n+6){border-bottom:1px solid #e1e5e9}.banks-page .featured-bank-card:nth-last-child(-n+3){border-bottom:0}.banks-page .feature-row,.banks-page .browse-row,.banks-page .bottom-grid{grid-template-columns:1fr}.banks-page .rank-panel{padding-left:0;border-left:0}.banks-page .banks-footer-main{height:auto;min-height:185px;grid-template-columns:1fr 1fr}.banks-page .footer-right-zone{display:none}.banks-page .footer-brand-zone{padding:22px 25px}.banks-page .footer-center-zone{padding:22px 25px}.banks-page .banks-footer-main::after{right:-30px}
}
@media(max-width:650px){
  .banks-page .premium-nav{overflow-x:auto;justify-content:flex-start}.banks-page .country-chip,.banks-page .nav-search{display:none!important}.banks-page .bank-hero{min-height:510px}.banks-page .bank-hero-copy{margin:0 22px;padding-top:25px}.banks-page .bank-hero h1{font-size:43px}.banks-page .bank-hero p{font-size:16px}.banks-page .bank-search{grid-template-columns:36px minmax(0,1fr) 102px}.banks-page .bank-pills{flex-wrap:wrap}.banks-page .banks-wrap{width:calc(100% - 28px)}.banks-page .featured-bank-grid{grid-template-columns:repeat(2,1fr)}.banks-page .featured-bank-card:nth-child(3n){border-right:1px solid #e1e5e9}.banks-page .featured-bank-card:nth-child(2n){border-right:0}.banks-page .featured-bank-card:nth-last-child(-n+3){border-bottom:1px solid #e1e5e9}.banks-page .featured-bank-card:nth-last-child(-n+2){border-bottom:0}.banks-page .bank-feature-card{grid-template-columns:1fr;height:auto}.banks-page .bank-feature-card img{height:180px}.banks-page .digital-feature-card{height:auto}.banks-page .bank-type-grid{grid-template-columns:repeat(2,1fr)}.banks-page .rank-columns{grid-template-columns:1fr}.banks-page .banks-footer-main{grid-template-columns:1fr}.banks-page .footer-center-zone{display:none}.banks-page .footer-brand-zone{justify-content:center;padding-left:20px;border-right:0}.banks-page .banks-footer-bottom{height:auto;min-height:50px;flex-direction:column;justify-content:center;gap:8px;padding:10px 20px}.banks-page .banks-footer-links{gap:12px;flex-wrap:wrap;justify-content:center}
}

/* v18 precision corrections from the Banks review screenshot. */
@media (min-width:901px){
  /* Fill the unintended navy gap between the hero photograph and the right information rail. */
  .banks-page .bank-hero-photo{
    left:155px;
    right:173px;
    width:calc(100% - 328px);
    height:100%;
    object-fit:cover;
    object-position:61% center;
  }
  /* Give the hero copy a little more breathing room from the decorative left ribbon. */
  .banks-page .bank-hero-copy{margin-left:78px}
}

/* Make the first line read as clean ivory rather than muted grey. */
.banks-page .bank-hero h1 .ivory{
  background-image:linear-gradient(180deg,#ffffff 0%,#fffdf8 38%,#f7efe4 64%,#ffffff 100%);
  filter:drop-shadow(0 1px 1px rgba(0,8,15,.26));
}

/* Optical alignment of bank marks with the bank name and description. */
.banks-page .featured-bank-card .bank-logo{
  justify-content:flex-start;
  width:100%;
  overflow:visible;
}
.banks-page .featured-bank-card .bank-logo img{
  max-width:118px;
  max-height:40px;
  object-position:left center;
  margin:0;
}

/* Banks now uses the same approved site footer as Guides. */
.banks-page .premium-footer{
  margin-top:0;
  background:linear-gradient(100deg,#02192e,#062b49);
  border-top:1px solid #a8793e;
}
.banks-page .premium-footer .footer-main{
  width:min(1320px,calc(100% - 76px));
  max-width:none;
  box-sizing:border-box;
  grid-template-columns:1.45fr .8fr .8fr 1fr;
  padding:26px 0 22px;
}
.banks-page .premium-footer .footer-brand p{max-width:360px}
.banks-page .premium-footer .footer-bottom{
  width:min(1320px,calc(100% - 76px));
  max-width:none;
  box-sizing:border-box;
  padding:14px 0 18px;
}
@media(max-width:900px){
  .banks-page .premium-footer .footer-main,
  .banks-page .premium-footer .footer-bottom{width:min(100% - 40px,1320px)}
  .banks-page .premium-footer .footer-main{grid-template-columns:1.5fr 1fr 1fr}
  .banks-page .premium-footer .footer-main>div:last-child{grid-column:2/4}
}
@media(max-width:650px){
  .banks-page .premium-footer .footer-main,
  .banks-page .premium-footer .footer-bottom{width:calc(100% - 28px)}
  .banks-page .premium-footer .footer-main{grid-template-columns:1fr;gap:28px}
  .banks-page .premium-footer .footer-main>div:last-child{grid-column:auto}
}


/* v19 Banks hero alignment pass — matched to the locked homepage. */
@media (min-width:901px){
  /* Homepage hero copy begins at 105px; Banks now follows the same visual axis. */
  .banks-page .bank-hero-copy{
    margin-left:105px;
    width:570px;
  }

  /* Reserve the same 250px right proof zone used by the homepage. */
  .banks-page .bank-hero-inner{
    display:block;
  }
  .banks-page .bank-hero-photo{
    left:0;
    right:250px;
    width:calc(100% - 250px);
    object-position:61% center;
  }
}

/* Remove the extra Banks-only header search / country controls entirely. */
.banks-page .nav-search,
.banks-page .country-chip{display:none!important}

/* Keep the navigation rhythm identical to the homepage now that extra controls are gone. */
.banks-page .premium-nav{
  justify-content:center;
  gap:34px;
  padding-left:15px;
}

/* UK banks should be the same bright ivory as the locked homepage title. */
.banks-page .bank-hero h1 .ivory{
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#fff8ee!important;
  color:#fff8ee!important;
  filter:drop-shadow(0 1px 1px rgba(0,8,15,.30));
}

/* Rebuild the right proof panel using the homepage's curved silhouette. */
.banks-page .bank-hero-proof{
  position:absolute;
  z-index:7;
  right:0;
  top:0;
  width:250px;
  height:100%;
  box-sizing:border-box;
  padding:13px 22px 10px 31px;
  background:linear-gradient(180deg,#0b1d2e,#021323);
  border-left:0;
  overflow:visible;
}
.banks-page .bank-hero-proof::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-200px;
  top:0;
  width:201px;
  height:100%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 400' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='n' x2='0' y2='1'%3E%3Cstop stop-color='%230b1d2e'/%3E%3Cstop offset='1' stop-color='%23021323'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M176 0 C214 177 130 313 0 400 L200 400 L200 0Z' fill='url(%23n)'/%3E%3Cpath d='M176 0 C214 177 130 313 0 400' fill='none' stroke='%23dfb16b' stroke-width='1.6'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  pointer-events:none;
}
.banks-page .bank-hero-proof>*{position:relative;z-index:1}
.banks-page .bank-hero-proof h2{
  font-size:14px;
  line-height:1.42;
  letter-spacing:5px;
  color:#efd4a6;
  font-weight:500;
  margin:0 0 7px;
}
.banks-page .bank-hero-proof .proof-rule{margin-bottom:9px}
.banks-page .bank-hero-proof .proof-item{
  grid-template-columns:35px 1fr;
  gap:8px;
  margin:0 0 7px;
}
.banks-page .bank-hero-proof .proof-item p{
  margin:0;
  font:11px/1.16 Arial,sans-serif;
  color:#fff;
}
.banks-page .bank-hero-proof .proof-item strong{
  font-size:11px;
  font-weight:400;
}
.banks-page .bank-hero-proof .proof-icon svg{
  width:28px;
  height:28px;
}
.banks-page .bank-hero-proof .hero-script{
  position:absolute;
  left:31px;
  bottom:10px;
  margin:0;
  width:178px;
  color:#fff5e5;
  font:italic 14px/1.05 "Segoe Script","Brush Script MT",cursive;
  white-space:normal;
  transform:rotate(-4deg);
}

@media(max-width:1120px) and (min-width:901px){
  .banks-page .premium-nav{gap:20px}
  .banks-page .bank-hero-copy{margin-left:82px}
}
@media(max-width:900px){
  .banks-page .bank-hero-proof{display:none}
}


/* v20 banks hero polishing based on the latest review. */
@media (min-width:901px){
  /* More vertical room so the eyebrow line fits cleanly like the approved concept. */
  .banks-page .bank-hero{
    height:356px;
  }

  /* Match the homepage / guides opening block more closely. */
  .banks-page .bank-hero-copy{
    margin-left:103px;
    width:590px;
    padding-top:20px;
  }

  .banks-page .bank-kicker{
    font-size:11px;
    letter-spacing:.25em;
    margin:0 0 14px;
    white-space:nowrap;
  }

  .banks-page .bank-hero h1{
    margin:0 0 12px;
    font-size:61px;
    line-height:.95;
    max-width:620px;
  }

  .banks-page .bank-hero p{
    margin:0 0 16px;
    max-width:575px;
  }

  /* Larger photograph area with a slightly taller crop. */
  .banks-page .bank-hero-photo{
    left:0;
    right:250px;
    width:calc(100% - 250px);
    height:100%;
    object-fit:cover;
    object-position:58% center;
  }
}

/* Brighter metallic second line, closer to the homepage tone. */
.banks-page .bank-hero h1 .gold{
  background-image:linear-gradient(180deg,#fff0cf 0%,#f3d69d 22%,#e0b369 48%,#f5ddb1 71%,#d39d56 100%)!important;
  filter:drop-shadow(0 1px 1px rgba(0,8,15,.28));
}

/* Use a clean single-tone proof panel on the right and tame the protruding semicircle. */
.banks-page .bank-hero-proof{
  background:#061829;
}
.banks-page .bank-hero-proof::before{
  left:-170px;
  width:171px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 400' preserveAspectRatio='none'%3E%3Cpath d='M146 0 C182 177 108 313 0 400 L170 400 L170 0 Z' fill='%23061829'/%3E%3Cpath d='M146 0 C182 177 108 313 0 400' fill='none' stroke='%23dfb16b' stroke-width='1.6'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* Keep the right panel typography consistent after the background simplification. */
.banks-page .bank-hero-proof h2{color:#edc898}
.banks-page .bank-hero-proof .proof-item p{color:#fffaf5}
.banks-page .bank-hero-proof .hero-script{color:#fff5e5}

@media(max-width:1120px) and (min-width:901px){
  .banks-page .bank-hero-copy{margin-left:84px;width:560px}
  .banks-page .bank-hero h1{font-size:57px}
  .banks-page .bank-kicker{font-size:10px;letter-spacing:.23em}
}


/* v21 Banks hero refinement — restore the homepage rhythm from the latest review. */
@media (min-width:901px){
  /* Taller hero so the eyebrow line fits fully and the composition breathes like the homepage. */
  .banks-page .bank-hero{
    height:382px;
  }

  /* Push the copy block slightly lower and keep it further to the right. */
  .banks-page .bank-hero-copy{
    margin-left:108px;
    width:610px;
    padding-top:34px;
  }

  .banks-page .bank-kicker{
    font-size:10px;
    letter-spacing:.24em;
    margin:0 0 16px;
    white-space:nowrap;
    opacity:1;
  }

  .banks-page .bank-hero h1{
    margin:0 0 14px;
    font-size:63px;
    line-height:.94;
    max-width:640px;
  }

  .banks-page .bank-hero p{
    margin:0 0 18px;
    max-width:590px;
  }

  .banks-page .bank-search{
    width:535px;
  }

  .banks-page .bank-pills{
    margin-top:12px;
  }

  /* Give the London image more vertical presence while keeping the right proof zone. */
  .banks-page .bank-hero-photo{
    left:0;
    right:250px;
    width:calc(100% - 250px);
    height:100%;
    object-fit:cover;
    object-position:57% center;
    transform:scale(1.03);
    transform-origin:center center;
  }
}

/* Brighter metallic treatment for the second line, closer to the locked homepage. */
.banks-page .bank-hero h1 .gold{
  background-image:linear-gradient(180deg,#fff5db 0%,#f7e3bc 18%,#f0cc87 38%,#d59c4e 56%,#f7ddb0 74%,#fff0d3 100%)!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  filter:drop-shadow(0 1px 1px rgba(0,8,15,.20)) drop-shadow(0 2px 10px rgba(233,191,118,.10));
}

/* Cleaner single-tone right panel with a tighter, non-protruding curve. */
.banks-page .bank-hero-proof{
  background:#061829!important;
}
.banks-page .bank-hero-proof::before{
  left:-146px;
  width:147px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 147 400' preserveAspectRatio='none'%3E%3Cpath d='M126 0 C157 176 94 314 0 400 L147 400 L147 0 Z' fill='%23061829'/%3E%3Cpath d='M126 0 C157 176 94 314 0 400' fill='none' stroke='%23dfb16b' stroke-width='1.55'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;
}

@media(max-width:1120px) and (min-width:901px){
  .banks-page .bank-hero{height:366px}
  .banks-page .bank-hero-copy{margin-left:90px;width:570px;padding-top:28px}
  .banks-page .bank-hero h1{font-size:58px}
  .banks-page .bank-search{width:510px}
}


/* v21.1 visibility correction for the Banks eyebrow line. */
@media (min-width:901px){
  .banks-page .bank-hero-copy{padding-top:42px}
  .banks-page .bank-kicker{
    display:block!important;
    position:relative;
    z-index:3;
    max-width:640px;
    color:#e6bd7b!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-fill-color:#e6bd7b!important;
    text-fill-color:#e6bd7b!important;
    text-shadow:0 1px 1px rgba(0,10,21,.58),0 0 12px rgba(239,198,128,.06);
    letter-spacing:.26em;
    margin:0 0 18px;
  }
}

/* v22 — final Banks right-side correction from review screenshot.
   Keep the v21 left hero exactly as approved; remove the protruding curved
   proof shape and make the entire right information rail one clean navy tone. */
@media (min-width:901px){
  .banks-page .bank-hero-proof{
    background:#061829!important;
    border-left:1px solid rgba(223,177,107,.88)!important;
    overflow:hidden!important;
    padding:17px 22px 16px 30px;
  }
  .banks-page .bank-hero-proof::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  .banks-page .bank-hero-proof .hero-script{
    left:30px;
    bottom:18px;
    width:188px;
    font-size:15px;
    line-height:1.08;
  }
}

/* v23 — restore and COMPLETE the right-hand curve.
   The hero curve now continues the header curve on the same geometric axis,
   runs all the way to the bottom of the hero, and keeps the entire right
   ribbon a single navy tone. The approved left side remains untouched. */
@media (min-width:901px){
  .banks-page .bank-hero-proof{
    background:#061829!important;
    border-left:0!important;
    overflow:visible!important;
    padding:17px 22px 16px 31px;
  }
  .banks-page .bank-hero-proof::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:-220px!important;
    top:0!important;
    width:470px!important;
    height:100%!important;
    background:url('./banks-hero-ribbon-right.svg') center/100% 100% no-repeat!important;
    pointer-events:none!important;
  }
  .banks-page .bank-hero-proof>*{
    position:relative;
    z-index:1;
  }
  .banks-page .bank-hero-proof .hero-script{
    left:31px;
    bottom:18px;
    width:188px;
    font-size:15px;
    line-height:1.08;
  }
}

/* v24 — final right rail colour transition and slogan position.
   Keep the approved hero/curve geometry unchanged. The upper edge starts
   deeper and the right rail opens into a lighter navy as it descends. */
@media (min-width:901px){
  .banks-page .bank-hero-proof{
    background:#17394d!important;
  }
  .banks-page .bank-hero-proof .hero-script{
    bottom:54px!important;
  }
}


/* v42 banks landing completion */
.featured-bank-card.is-hidden{display:none!important}
.bank-filter-status{min-height:20px;margin:10px 0 4px;color:#6e7888;font-size:13px;text-align:right}
.bank-pills a.is-active{background:linear-gradient(135deg,#efd18d,#c99742);color:#122b4c;border-color:transparent;font-weight:800}
.bank-pills a[data-bank-filter],.bank-type-card[data-bank-filter]{cursor:pointer}
#featured-banks{scroll-margin-top:84px}
#bank-types{scroll-margin-top:90px}



/* v47 Banks premium visual pass */
.banks-page .featured-bank-card{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.banks-page .featured-bank-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(16,39,70,.08);
  border-color:#d7bf95;
}
.banks-page .bank-feature-card,
.banks-page .digital-feature-card{
  border:1px solid #e4e1da;
  box-shadow:0 6px 18px rgba(16,39,70,.045);
}
.banks-page .bank-feature-card img,
.banks-page .digital-feature-card img{
  object-fit:cover;
}
.banks-page .bank-feature-copy h2,
.banks-page .digital-feature-copy h2{
  color:#102b61;
}
.banks-page .banks-premium-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 24px;
  border-radius:999px;
  color:#fff!important;
  text-decoration:none;
  font-weight:700;
  background:linear-gradient(180deg,#e2c17a 0%,#c79844 52%,#a8772d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 18px rgba(166,117,45,.22);
}
.banks-page .banks-premium-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 20px;
  border:1px solid #cda65f;
  border-radius:999px;
  color:#8a642a!important;
  background:#fffaf0;
  font-weight:700;
  text-decoration:none;
}
.banks-page .latest-bank-item{
  border-color:#e4e1da;
  transition:transform .18s ease,box-shadow .18s ease;
}
.banks-page .latest-bank-item:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(16,39,70,.07);
}
.banks-page .latest-bank-item img{
  object-fit:cover;
}
.banks-page .trust-card{
  background:linear-gradient(135deg,#052348 0%,#0b315d 100%);
  border:1px solid rgba(196,155,81,.28);
}
.banks-page .trust-card h2{color:#f7efe0}
.banks-page .trust-card p{color:rgba(255,255,255,.82)}



/* v75 — banks arrows + feature CTA alignment */
.banks-page .featured-bank-card{
  padding-right:60px;
}
.banks-page .featured-bank-card h3{
  margin-right:0;
}
.banks-page .featured-bank-card p{
  padding-right:0;
}
.banks-page .featured-bank-card .arrow{
  position:absolute;
  right:14px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #cfaa70;
  border-radius:999px;
  background:linear-gradient(180deg,#fffdfa 0%,#f7f1e7 100%);
  color:#9a6a2c;
  font:700 18px/1 Arial, sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 4px 12px rgba(17,38,68,.07);
}
.banks-page .featured-bank-card:hover .arrow,
.banks-page .bank-type-card:hover .arrow{
  background:linear-gradient(180deg,#edd39f 0%,#c89849 52%,#a16d2a 100%);
  border-color:#c08d48;
  color:#fff7e7;
}
.banks-page .bank-type-card{
  position:relative;
  padding:20px 62px 18px 18px;
}
.banks-page .bank-type-card .arrow{
  position:absolute;
  right:16px;
  top:50%;
  left:auto;
  bottom:auto;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #cfaa70;
  border-radius:999px;
  background:linear-gradient(180deg,#fffdfa 0%,#f7f1e7 100%);
  color:#9a6a2c;
  font:700 18px/1 Arial, sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 4px 12px rgba(17,38,68,.07);
}
.banks-page .bank-feature-copy,
.banks-page .digital-feature-copy{
  display:flex;
  flex-direction:column;
}
.banks-page .bank-feature-copy .banks-premium-btn,
.banks-page .digital-feature-copy .banks-premium-link{
  align-self:flex-end;
  margin-top:8px;
}