.banks-page{background:#fff}.banks-page .wrap{width:min(1344px,calc(100% - 112px))}.banks-page .header{background:#fffffff2}.banks-page .desktop-nav a[aria-current]{color:#237456}.back-home{font-size:var(--text-scale-14);display:flex;align-items:center;gap:9px;font-weight:700}.back-home .icon{width:17px}.bank-intro{background:#e8f5ed;overflow:hidden;border-bottom:1px solid #d6e8dc}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#527365;font-size:var(--text-caption);padding-top:25px}.breadcrumbs a:hover{color:#142e2c}.bank-intro-grid{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:35px;padding:28px 0 39px}.bank-kicker{display:flex;align-items:center;gap:10px;color:#23674e;font-size:var(--text-eyebrow);letter-spacing:.11em;font-weight:700;margin-bottom:18px}.bank-kicker .icon{width:18px;height:18px}.banks-page h1{font-family:var(--font-heading);font-size:var(--text-title);font-weight:800;letter-spacing:-.055em;line-height:var(--leading-title);margin-bottom:18px}.banks-page h1>span{color:#247456}.banks-page h1 i{color:#e84b41;font-style:normal;margin-left:4px}.bank-lead{font-size:var(--text-lead);line-height:var(--leading-lead);margin:0;color:#4f6b5d}.intro-art{position:relative;height:240px;align-self:end}.intro-art>img{position:absolute;left:26%;top:-25px;width:72%;height:330px;object-fit:cover;object-position:top;clip-path:inset(0 0 64px)}.intro-ring{position:absolute;width:240px;height:240px;bottom:-26px;right:-10px;border:1px solid #9fceb2;border-radius:50%;background:#d1ecd9}.intro-sticker{position:absolute;left:-28px;top:5px;z-index:2;transform:rotate(-9deg);background:#c4fa7c;color:#174d38;padding:18px 22px;border-radius:15px;font-size:var(--text-scale-11-2);font-weight:700;line-height:1.3;box-shadow:0 6px 0 #abc96c38}.intro-sticker strong{font-family:var(--font-heading);font-size:var(--text-scale-38-4);letter-spacing:-.05em}.intro-sticker .icon{position:absolute;width:31px;height:31px;right:-16px;top:-10px}.intro-count{position:absolute;bottom:-19px;left:15px;z-index:3;display:flex;align-items:center;gap:10px;background:white;padding:10px 18px;border-radius:10px;border:1px solid #cee1d4;font-size:var(--text-lead);box-shadow:0 4px 15px #174d3810;transform:rotate(4deg);line-height:var(--leading-lead)}.intro-count strong{font-family:var(--font-heading);font-size:var(--text-scale-27-2);color:#23664b}.catalogue{padding-top:28px}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px;padding-bottom:24px;border-bottom:1px solid #dae5dd}.audiences{display:flex;gap:7px;flex-wrap:wrap}.audiences button{border:1px solid #d4e0d8;background:white;border-radius:9px;padding:12px 18px;font-size:var(--text-scale-14);font-weight:650;color:#516e60;transition:background .2s,color .2s}.audiences button:hover{border-color:#237456}.audiences button.active{color:#fff;background:#194f43;border-color:#194f43;box-shadow:0 3px 8px #143c2814}.catalogue-total{font-size:var(--text-scale-14);color:#657b6d;white-space:nowrap}.catalogue-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:35px;align-items:start}.bank-filters{position:sticky;top:116px;padding-top:6px}.filter-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.filter-heading h2{font-size:var(--text-scale-16);letter-spacing:-.035em;display:flex;align-items:center;gap:8px;margin:0}.filter-heading .icon{width:18px;height:18px}.filter-heading button{border:0;padding:0;background:none;font-size:var(--text-scale-13);text-decoration:underline;text-underline-offset:3px;color:#657b6d}.search-label{display:block;font-weight:650;font-size:var(--text-scale-14);margin-bottom:10px}.bank-search{position:relative;margin-bottom:28px}.bank-search>.icon{position:absolute;width:18px;height:18px;top:15px;left:12px;color:#658071}.bank-search input{width:100%;padding:13px 9px 13px 38px;border:1px solid #ceded2;border-radius:8px;background:white;font:inherit;font-size:var(--text-ui);outline-offset:3px;min-width:0}.bank-filters fieldset{padding:0;margin:0;border:0}.bank-filters legend{font-size:var(--text-scale-14);font-weight:700;margin-bottom:16px}.filter-option{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:var(--text-scale-14);cursor:pointer}.filter-option input{accent-color:#215e4c;width:18px;height:18px;margin:0;flex-shrink:0}.reading-key{position:relative;margin-top:34px;border:1px solid #d3e2d5;border-radius:14px;padding:21px 18px;background:#e9f2e8}.reading-symbol{display:grid;place-items:center;border:1px solid #b4d599;background:#ceecad;width:32px;height:32px;border-radius:50%;margin-bottom:13px}.reading-symbol .icon{width:17px;height:17px}.reading-key h3{font-size:var(--text-scale-17-6);letter-spacing:-.025em;line-height:1.25;margin-bottom:10px}.reading-key p{font-size:var(--text-body);line-height:var(--leading-body);margin:0;color:#54705e}.local-note{font-size:var(--text-scale-12);line-height:1.6;color:#6f8277;margin-top:18px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-height:32px}.results-heading .comparison-results-title{font-size:var(--text-scale-15);margin:0;color:#577263}.results-heading .comparison-results-title strong{color:#193e31}.results-heading label{display:flex;align-items:center;gap:10px;color:#63776b;font-size:var(--text-scale-13)}.results-heading select{border:0;background:transparent;color:#173e2e;font:inherit;font-weight:700;padding:6px;max-width:170px}.bank-card{background:white;border:1px solid #8faea4;border-radius:18px;overflow:hidden;margin-bottom:26px;box-shadow:0 5px 20px #1b493006}.bank-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 17px;gap:20px}.bank-brand-block{display:flex;align-items:center;gap:24px;min-width:0}.bank-brand-logo{width:134px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-right:20px;border-right:1px solid #e0e9e3}.bank-brand-logo img{width:150px;max-width:none;height:85px;object-fit:contain}.bank-brand-logo>span{font-weight:800;font-size:var(--text-scale-19-2)}.bank-brand-block h2{font-family:var(--font-heading);font-size:var(--text-scale-25-6);letter-spacing:-.045em;margin:0 0 6px;line-height:1.15}.bank-brand-block p{font-size:var(--text-body);margin:0;color:#647c6d;line-height:var(--leading-body)}.bank-rating{text-align:right;flex-shrink:0}.bank-rating>span{font-size:var(--text-scale-10);font-weight:750;letter-spacing:.1em;color:#567765;display:block;margin-bottom:2px}.bank-rating strong{font-family:var(--font-heading);font-size:var(--text-scale-32);color:#21664c;letter-spacing:-.06em}.bank-rating small{font-family:var(--font-body);font-weight:400;font-size:var(--text-caption);letter-spacing:0;margin-left:4px;color:#6b8273}.bank-highlights{display:flex;flex-wrap:wrap;gap:8px 21px;padding:0 28px 20px}.bank-highlights>span{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-scale-13);color:#547060}.bank-highlights .icon{width:15px;height:15px;color:#357d5a}.offers-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;background:#edf5ef;border-top:1px solid #e1ebe4;border-bottom:1px solid #e1ebe4}.offers-heading-label{font-size:var(--text-scale-13);font-weight:750;margin:0}.offers-heading>span{font-size:var(--text-scale-12);color:#688173}.bank-offer{border-bottom:1px solid #e6ede8}.bank-offer:last-child{border-bottom:0}.bank-offer>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 170px 96px;align-items:center;gap:20px;padding:23px 28px;cursor:pointer;transition:background .2s}.bank-offer>summary::-webkit-details-marker,.bank-services>summary::-webkit-details-marker{display:none}.bank-offer>summary:hover{background:#f8fbf8}.bank-offer[open]>summary{background:#f5f9f5}.offer-identity{display:flex;align-items:center;gap:22px;min-width:0}.offer-identity>img{width:100px;height:65px;object-fit:contain;flex-shrink:0;transition:transform .25s}.bank-offer>summary:hover .offer-identity>img{transform:translateY(-3px) rotate(-3deg)}.offer-identity h4{font-size:var(--text-scale-16);font-weight:750;letter-spacing:-.025em;line-height:1.3;margin:0 0 4px}.offer-subtitle{font-size:var(--text-scale-12);color:#6b7e73;display:block;line-height:1.4}.offer-default{display:inline-block;background:#eaf4ee;border:1px solid #d0e5d8;color:#367153;font-size:var(--text-scale-10);border-radius:4px;padding:2px 6px;margin-top:5px;font-weight:700}.offer-price{text-align:right}.offer-price>strong{font-family:var(--font-heading);font-size:var(--text-scale-26-4);letter-spacing:-.06em;line-height:1.15}.offer-price>span{font-size:var(--text-scale-13);color:#61776b}.offer-price>small{display:block;color:#2d7850;font-size:var(--text-caption);margin-top:6px}.offer-expand{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:var(--text-scale-13);font-weight:700;color:#245a44}.offer-expand .icon{width:19px;height:19px;transition:transform .2s}.bank-offer[open] .offer-expand .icon{transform:rotate(180deg)}.card-fallback{width:100px;height:65px;flex-shrink:0;border:1px solid #dce5df;border-radius:8px;background:#eff5f1;display:grid;place-items:center}.offer-expanded{background:#f5f9f5;border-top:1px solid #e2ebe3;padding:23px 28px 0}.offer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.offer-detail-grid .offer-detail-title{font-size:var(--text-scale-14);margin:0 0 15px;letter-spacing:-.02em}.offer-detail-grid dl{margin:0}.offer-detail-grid dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:var(--text-scale-13);line-height:1.5}.offer-detail-grid dt{color:#61766a}.offer-detail-grid dd{margin:0;text-align:right;max-width:55%;font-weight:650}.offer-conditions{grid-column:1/-1;border-top:1px solid #dce8df;padding-top:19px}.offer-conditions p{font-size:var(--text-body);line-height:var(--leading-body);margin-bottom:14px}.offer-conditions .detail-note{color:#6d8074;font-size:var(--text-scale-12)}.offer-promo{border-left:3px solid #badf88;padding:2px 0 2px 15px;margin-bottom:15px}.offer-promo strong{font-size:var(--text-scale-12);color:#407043}.offer-promo p{margin:6px 0 0}.offer-bottom{border-top:1px solid #dce6df;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.offer-bottom>span{display:flex;gap:7px;align-items:center;font-size:var(--text-scale-11);line-height:1.5;color:#5b7566;max-width:290px}.offer-bottom>span .icon{width:17px;height:17px}.offer-bottom>a{background:#215e4b;color:white;border-radius:8px;padding:13px 17px;display:flex;align-items:center;gap:16px;font-size:var(--text-scale-13);font-weight:700;flex-shrink:0}.offer-bottom>a .icon{width:17px;height:17px}.details-loading{font-size:var(--text-scale-14);color:#547365;min-height:70px}.details-loading:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid #c6d9ce;border-top-color:#1e6248;border-radius:50%;margin-right:9px;animation:bank-spin .75s linear infinite}.detail-error{padding:14px 0;font-size:var(--text-scale-14)}.detail-error button{margin-left:12px;border:1px solid #b4cabc;border-radius:6px;padding:8px 12px;background:white}.bank-services{border-top:1px solid #e2ebe4}.bank-services>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#4b6a59;font-size:var(--text-scale-13);font-weight:650;padding:15px 28px}.bank-services>summary .icon{width:17px;height:17px}.bank-services[open]>summary .icon{transform:rotate(45deg)}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;padding:5px 28px 24px}.service-list>span{display:flex;align-items:center;gap:8px;font-size:var(--text-scale-13)}.service-list .icon{width:15px;height:15px;color:#478262}.service-list small{margin-left:auto;font-size:var(--text-caption)}.service-list .unavailable{color:#829086}.service-list .unavailable .icon{color:#a5b3a9}.catalogue-footnote{font-size:var(--text-caption);line-height:1.75;color:#6b7e71;max-width:850px;margin:30px 0 0}.empty-results{text-align:center;background:white;border:1px solid #dce6df;border-radius:16px;padding:45px 20px}.empty-results-title{font-family:var(--font-heading);font-size:var(--text-scale-24);letter-spacing:-.035em}.empty-results p{color:#607968;font-size:var(--text-body);line-height:var(--leading-body)}.empty-results button,.empty-results>a{border:0;background:#215e4b;color:white;border-radius:8px;padding:13px 19px}.bank-card[hidden],.empty-results[hidden]{display:none!important}.listing-footer{border-top:1px solid #d5e1d9;margin-top:65px;padding-block:32px;display:flex;align-items:center;gap:30px}.listing-footer .logo{font-size:var(--text-scale-28-8)}.listing-footer p{font-size:var(--text-scale-14);margin:0;color:#698071}.listing-footer>a:last-child{margin-left:auto;font-size:var(--text-scale-14);display:flex;align-items:center;gap:10px}.listing-footer .icon{width:17px}@keyframes bank-spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.bank-intro-grid{grid-template-columns:1fr 370px}.intro-art{margin-right:35px}.catalogue-grid{gap:45px;grid-template-columns:245px minmax(0,1fr)}.bank-offer>summary{grid-template-columns:minmax(0,1fr) 210px 110px}}
@media(max-width:1200px){.banks-page .wrap{width:calc(100% - 72px)}.back-home{display:none}.bank-intro-grid{grid-template-columns:1fr 235px;gap:10px}.intro-art{height:230px}.intro-art>img{left:14%;width:95%}.intro-sticker{left:-18px;top:12px;padding:13px 15px}.intro-sticker strong{font-size:var(--text-scale-32)}.bank-kicker{font-size:var(--text-eyebrow);letter-spacing:.07em}.banks-page h1{font-size:var(--text-title);line-height:var(--leading-title)}.bank-lead{font-size:var(--text-lead);line-height:var(--leading-lead)}.catalogue-grid{grid-template-columns:195px minmax(0,1fr);gap:22px}.catalogue-total{display:none}.audiences button{padding:11px 15px}.bank-brand-block{gap:15px}.bank-brand-logo{width:108px;padding-right:12px}.bank-brand-logo img{width:124px}.bank-card-header{padding-inline:20px}.bank-brand-block h2{font-size:var(--text-scale-22-4)}.bank-highlights,.offers-heading{padding-inline:20px}.bank-highlights{gap:7px 13px}.bank-offer>summary{padding:21px 20px;grid-template-columns:minmax(0,1fr) 140px 65px;gap:12px}.offer-identity{gap:13px}.offer-identity>img,.card-fallback{width:76px;height:51px}.offer-identity h4{font-size:var(--text-scale-15)}.offer-price>strong{font-size:var(--text-scale-22-4)}.offer-price>small{font-size:var(--text-caption)}.offer-expand{font-size:var(--text-scale-12)}.bank-services>summary{padding-inline:20px}.offer-expanded{padding:20px 20px 0}.offer-bottom>span{max-width:220px}.offer-bottom>a{padding:12px;gap:8px}.filter-heading h2{font-size:var(--text-scale-15)}.filter-option{font-size:var(--text-scale-13)}.bank-rating strong{font-size:var(--text-scale-28-8)}}
@media(max-width:850px){.catalogue-grid{display:block}.bank-filters{position:static;display:grid;grid-template-columns:1fr 2fr;gap:12px 24px;margin-bottom:22px;padding:19px;border:1px solid #d7e3db;background:#edf4ee;border-radius:12px}.filter-heading{grid-column:1/-1;margin:0}.search-label{display:none}.bank-search{margin:0;align-self:start}.bank-filters fieldset{display:flex;flex-wrap:wrap;gap:10px 17px}.bank-filters legend{display:none}.filter-option{margin:0}.reading-key,.local-note{display:none}.bank-intro-grid{grid-template-columns:1fr 210px}.banks-page h1{font-size:var(--text-title);line-height:var(--leading-title)}.bank-kicker{font-size:var(--text-eyebrow)}.bank-lead br{display:none}.intro-sticker{left:-3px}.intro-art>img{left:20%;width:94%}.intro-count{font-size:var(--text-lead);left:18px;bottom:-12px;line-height:var(--leading-lead)}.intro-count strong{font-size:var(--text-lead);line-height:var(--leading-lead)}.intro-ring{width:210px;height:210px}.bank-offer>summary{grid-template-columns:minmax(0,1fr) 165px 90px}.bank-brand-logo{width:135px}.bank-brand-logo img{width:146px}.offer-identity>img,.card-fallback{width:95px;height:61px}.offer-identity h4{font-size:var(--text-scale-16)}.offer-expand{font-size:var(--text-scale-13)}}
@media(max-width:700px){.banks-page .wrap{width:calc(100% - 40px)}.breadcrumbs{font-size:var(--text-caption);padding-top:20px}.bank-intro-grid{display:block;padding:24px 0 26px}.intro-art{display:none}.bank-kicker{font-size:var(--text-eyebrow);margin-bottom:15px;letter-spacing:.06em}.bank-kicker .icon{width:16px}.banks-page h1{font-size:var(--text-title);line-height:var(--leading-title);margin-bottom:15px}.bank-lead{font-size:var(--text-lead);line-height:var(--leading-lead);max-width:330px}.catalogue{padding-top:18px}.catalogue-toolbar{margin-bottom:17px;padding-bottom:17px;display:block}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:7px}.audiences button{padding:11px 6px;font-size:var(--text-scale-13);border-radius:7px}.bank-filters{display:block;padding:16px;margin-bottom:21px}.filter-heading{margin-bottom:15px}.bank-search{margin-bottom:16px}.bank-filters fieldset{display:grid;grid-template-columns:1fr 1fr;gap:13px 8px}.filter-option{font-size:var(--text-scale-12);gap:7px}.filter-option input{width:16px;height:16px}.results-heading{margin-bottom:12px;gap:8px}.results-heading .comparison-results-title{font-size:var(--text-scale-13)}.results-heading label{font-size:var(--text-scale-12);gap:2px}.results-heading select{max-width:140px;font-size:var(--text-ui)}.bank-card{border-radius:13px;margin-bottom:19px}.bank-card-header{padding:18px 15px 14px;gap:12px}.bank-brand-block{gap:11px}.bank-brand-logo{width:84px;height:52px;padding-right:10px}.bank-brand-logo img{width:103px;height:62px}.bank-brand-block h2{font-size:var(--text-scale-19-2)}.bank-brand-block p{font-size:var(--text-scale-11);max-width:165px;line-height:1.4}.bank-rating strong{font-size:var(--text-scale-24)}.bank-rating>span{font-size:var(--text-scale-8-8)}.bank-rating small{font-size:var(--text-caption)}.bank-highlights{padding:0 15px 15px;gap:7px 11px}.bank-highlights>span{font-size:var(--text-scale-11);gap:4px}.bank-highlights .icon{width:12px;height:12px}.offers-heading{padding:12px 15px}.offers-heading-label{font-size:var(--text-scale-12)}.offers-heading>span{font-size:var(--text-scale-10);max-width:90px;text-align:right}.bank-offer>summary{grid-template-columns:minmax(0,1fr) 112px;gap:9px;padding:18px 15px}.offer-identity{gap:9px;align-self:start}.offer-identity>img,.card-fallback{width:64px;height:43px;margin-top:2px}.offer-identity h4{font-size:var(--text-scale-14);line-height:1.25;margin-bottom:5px}.offer-subtitle{font-size:var(--text-scale-10)}.offer-default{font-size:var(--text-scale-9)}.offer-price>strong{font-size:var(--text-scale-20-8)}.offer-price>span{font-size:var(--text-scale-11)}.offer-price>small{font-size:var(--text-caption);line-height:1.4;margin-top:5px}.offer-expand{grid-column:2;justify-content:flex-end;font-size:var(--text-scale-12);margin-top:0}.offer-expand .icon{width:16px;height:16px}.offer-expanded{padding:20px 15px 0}.offer-detail-grid{grid-template-columns:1fr;gap:16px}.offer-conditions{grid-column:auto}.offer-detail-grid dl>div{font-size:var(--text-scale-13)}.offer-bottom{display:block}.offer-bottom>span{max-width:none;margin-bottom:13px;font-size:var(--text-scale-11)}.offer-bottom>a{justify-content:space-between;padding:13px 15px}.bank-services>summary{padding:14px 15px;font-size:var(--text-scale-12)}.service-list{grid-template-columns:1fr;padding:4px 15px 18px;gap:12px}.catalogue-footnote{font-size:var(--text-caption)}.listing-footer{margin-top:40px;flex-wrap:wrap;gap:12px;padding-block:25px}.listing-footer .logo{font-size:var(--text-scale-26-4)}.listing-footer p{font-size:var(--text-scale-13)}.listing-footer>a:last-child{margin-left:0;flex-basis:100%;font-size:var(--text-scale-13)}}
@media(prefers-reduced-motion:reduce){.banks-page *, .banks-page *:before{animation:none!important;transition:none!important}}
/* Keep comparison metadata legible on small screens. */
.bank-rating>span{font-size:var(--text-scale-12);letter-spacing:.05em}.offer-default{font-size:var(--text-scale-12)}.offer-subtitle,.offer-price>small{font-size:var(--text-scale-13)}.offer-bottom>span{font-size:var(--text-scale-12)}
@media(max-width:600px){.bank-rating>span{font-size:var(--text-scale-10)}.bank-brand-block p,.bank-highlights>span,.offer-subtitle,.offer-price>small,.offers-heading>span{font-size:var(--text-scale-12)}.offer-default{font-size:var(--text-scale-11)}.offer-price{align-self:start}.offer-identity h4{font-size:var(--text-scale-15)}.bank-offer>summary{grid-template-columns:minmax(0,1fr) 106px}.offer-identity>img,.card-fallback{width:57px;height:39px}.offer-price>small{line-height:1.4}.bank-highlights{gap:8px 12px}}
/* Two presentations, one shared comparison catalogue. */
.listing-view-switch{display:flex;align-items:center;gap:5px;margin-bottom:23px}.listing-view-switch>span{font-size:var(--text-scale-14);color:#5e7567;margin-right:12px}.listing-view-switch>a{display:flex;align-items:center;gap:9px;padding:11px 18px;font-size:var(--text-scale-14);font-weight:700;border:1px solid transparent;border-radius:9px;color:#647e6d}.listing-view-switch>a .icon{width:18px;height:18px}.listing-view-switch>a[aria-current]{color:#194f43;background:#fff;border-color:#cbded0;box-shadow:0 3px 9px #1d4d3710}.listing-view-switch>a:hover{background:#e9f2eb;color:#194f43}.single-card{margin-bottom:20px}.single-card-bank{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fafdFA;border-bottom:1px solid #e3ebe5;padding:8px 27px;min-height:61px}.single-card-bank>div{display:flex;align-items:center;gap:14px;min-width:0}.single-card-bank>div>img{width:82px;height:43px;object-fit:contain}.single-card-bank>div>span{font-weight:750;font-size:var(--text-scale-15)}.single-card-bank>div>small{font-size:var(--text-caption);color:#6e8276;border-left:1px solid #dbe6de;padding-left:14px}.card-bank-rating{font-size:var(--text-scale-12);color:#6b8172;display:flex;align-items:center;gap:10px;white-space:nowrap}.card-bank-rating>strong{font-family:var(--font-heading);font-size:var(--text-scale-20-8);letter-spacing:-.04em;color:#22664c}.card-bank-rating small{font-family:var(--font-body);font-size:var(--text-caption);font-weight:400;letter-spacing:0;margin-left:3px}.card-offer>summary{display:grid;grid-template-columns:165px minmax(0,1fr) 140px;gap:22px;padding:26px 28px 0}.card-artwork{display:grid;place-items:center;min-height:110px}.card-artwork>img{width:160px;height:104px;object-fit:contain;filter:drop-shadow(0 8px 6px #153d2816);transition:transform .25s}.card-offer>summary:hover .card-artwork>img{transform:translateY(-4px) rotate(-3deg)}.card-title h2{font-family:var(--font-heading);font-size:var(--text-scale-24);letter-spacing:-.04em;margin:0 0 8px;line-height:1.2}.card-title p{font-size:var(--text-body);color:#647d6d;line-height:var(--leading-body);margin-bottom:11px}.card-condition-badge{display:inline-flex;align-items:center;gap:6px;background:#eaf5e7;border:1px solid #d9e9d1;color:#387447;font-size:var(--text-scale-12);border-radius:5px;padding:5px 8px;line-height:1.3}.card-condition-badge .icon{width:14px;height:14px}.card-cost{text-align:right}.card-cost>span{display:block;font-size:var(--text-scale-12);color:#607969;margin-bottom:7px}.card-cost>strong{font-family:var(--font-heading);font-size:var(--text-scale-36);letter-spacing:-.065em;display:block;line-height:1.15}.card-cost>small{display:block;color:#64806e;font-size:var(--text-caption);margin-top:4px}.card-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:18px;align-items:center;border-top:1px solid #e1ebe3;padding:19px 0;margin-top:2px}.card-facts>div>span{display:block;color:#6b8072;font-size:var(--text-scale-12);margin-bottom:6px}.card-facts>div>strong{display:block;font-size:var(--text-scale-15);font-weight:700}.card-facts>.offer-expand{font-size:var(--text-scale-13);color:#215f46}.single-card .offer-expanded{border-top:1px solid #dbe8df}
@media(max-width:1100px){.single-card-bank{padding:8px 20px;gap:12px}.single-card-bank>div{gap:10px}.single-card-bank>div>small{display:none}.card-offer>summary{grid-template-columns:115px minmax(0,1fr) 120px;gap:16px;padding:22px 20px 0}.card-artwork>img{width:112px;height:75px}.card-artwork{min-height:90px}.card-title h2{font-size:var(--text-scale-20)}.card-cost>strong{font-size:var(--text-scale-28-8)}.card-facts{gap:10px}.card-facts>div>span{font-size:var(--text-scale-11)}.card-facts>.offer-expand{font-size:var(--text-scale-12)}.card-bank-rating{font-size:var(--text-scale-11)}}
@media(max-width:600px){.listing-view-switch{margin-bottom:18px}.listing-view-switch>span{font-size:var(--text-scale-13);margin-right:3px}.listing-view-switch>a{font-size:var(--text-scale-13);padding:10px 12px;gap:6px}.single-card-bank{padding:9px 14px;gap:8px;min-height:55px}.single-card-bank>div{gap:7px}.single-card-bank>div>img{width:60px;height:34px}.single-card-bank>div>span{font-size:var(--text-scale-13)}.card-bank-rating{display:block;text-align:right;white-space:normal;max-width:78px;font-size:var(--text-scale-10);line-height:1.3}.card-bank-rating>strong{display:block;font-size:var(--text-scale-17-6);margin-top:2px}.card-bank-rating small{font-size:var(--text-caption)}.card-offer>summary{grid-template-columns:minmax(0,1fr) 112px;gap:14px;padding:20px 15px 0}.card-artwork{grid-column:1;grid-row:1;min-height:84px;justify-content:start}.card-artwork>img{width:131px;height:83px}.card-cost{grid-column:2;grid-row:1}.card-cost>strong{font-size:var(--text-scale-32)}.card-cost>span{font-size:var(--text-scale-12);line-height:1.4}.card-title{grid-column:1/-1;grid-row:2}.card-title h2{font-size:var(--text-scale-21-6);margin-bottom:6px}.card-title p{font-size:var(--text-body);margin-bottom:10px;line-height:var(--leading-body)}.card-condition-badge{font-size:var(--text-scale-12)}.card-facts{grid-template-columns:1fr 1fr 1fr;gap:12px 9px;padding:16px 0;margin-top:0}.card-facts>div>span{font-size:var(--text-scale-12);line-height:1.4;min-height:34px;margin-bottom:7px}.card-facts>div>strong{font-size:var(--text-scale-14);line-height:1.4}.card-facts>.offer-expand{grid-column:1/-1;border-top:1px solid #e3ebe5;padding-top:14px;margin-top:2px;font-size:var(--text-scale-13)}.cards-view .bank-filters{margin-bottom:21px}}
/* Immediate access to the featured offer, independent from comparison details. */
.compact-bank{margin-bottom:16px;border-radius:14px}.bank-overview-row{display:grid;grid-template-columns:145px minmax(280px,1fr) 210px 165px;gap:24px;align-items:center;padding:24px}.compact-bank-brand{min-width:0}.compact-bank-brand>img{display:block;width:145px;height:75px;object-fit:contain;object-position:left center;margin-bottom:10px}.compact-bank-score{font-size:var(--text-scale-12);color:#617969;display:block}.compact-bank-score strong{font-size:var(--text-scale-16);color:#226649;margin-left:5px}.compact-default-offer{display:flex;align-items:center;gap:22px;min-width:0}.default-card-visual{width:128px;flex-shrink:0;position:relative;padding-bottom:0}.default-card-visual>img{display:block;width:128px;height:85px;object-fit:contain;filter:drop-shadow(0 5px 5px #143d2811)}.default-offer-copy{min-width:0}.compact-offer-label{font-size:var(--text-scale-12);color:#62806c;display:block;margin-bottom:5px}.compact-default-offer h3{font-family:var(--font-heading);font-size:var(--text-scale-17);letter-spacing:-.025em;line-height:1.3;margin:0 0 9px}.default-offer-term{font-size:var(--text-scale-13);color:#607267;line-height:1.5;margin:0 0 3px}.default-offer-term strong{font-weight:700;color:#284638}.compact-offer-price{margin-top:10px;line-height:1.4}.compact-offer-price>strong{font-family:var(--font-heading);font-size:var(--text-scale-28-8);letter-spacing:-.055em;line-height:1.2}.compact-offer-price>span{font-size:var(--text-scale-13);color:#526e5b;margin-left:4px}.compact-offer-price>small{display:block;font-size:var(--text-caption);color:#607969;line-height:1.4;margin-top:4px}.bank-row-benefits{border-left:1px solid #dce7df;padding:7px 0 7px 22px}.bank-row-benefits>strong{display:block;font-size:var(--text-scale-14);margin-bottom:11px}.bank-row-benefits .bank-highlights{padding:0;display:grid;gap:9px}.bank-row-benefits .bank-highlights>span{font-size:var(--text-scale-13);line-height:1.4;align-items:flex-start}.bank-row-benefits .icon{flex-shrink:0;margin-top:2px}.bank-row-actions{display:grid;gap:13px}.bank-direct-link{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#194f43;color:white;padding:15px 17px;border-radius:9px;border:1px solid #194f43;font-size:var(--text-scale-15);font-weight:700;box-shadow:0 3px 7px #194f4312;transition:background .2s,transform .2s;white-space:nowrap}.bank-direct-link:hover{background:#2b7156;transform:translateY(-2px)}.bank-direct-link .icon{width:19px;height:19px}.bank-overview-action{display:flex;align-items:center;justify-content:space-between;gap:7px;background:transparent;border:0;padding:4px 0;color:#37614b;font:inherit;font-size:var(--text-scale-13);font-weight:650;cursor:pointer;text-align:left}.bank-overview-action:hover{color:#153f2d}.overview-closed{display:flex;align-items:center;gap:7px}.overview-offer-count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:6px;background:#e8f2e6;font-weight:800;color:#2c6944}.bank-overview-action>.icon{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.overview-open{display:none}.bank-overview-action[aria-expanded=true] .overview-open{display:inline}.bank-overview-action[aria-expanded=true] .overview-closed{display:none}.bank-overview-action[aria-expanded=true]>.icon{transform:rotate(180deg)}.bank-link-unavailable{font-size:var(--text-scale-13);color:#728275;line-height:1.5}.bank-disclosure{border-top:1px solid #dce9df}.bank-disclosure .offers-heading{border-top:0}.bank-disclosure .bank-services{background:#fafcf9}.bank-disclosure[hidden]{display:none!important}.bank-overview button:focus-visible,.bank-direct-link:focus-visible{outline:3px solid #85ba68;outline-offset:3px}
@media(max-width:1450px){.bank-overview-row{grid-template-columns:130px minmax(0,1fr) 158px;gap:20px}.compact-bank-brand>img{width:130px;height:70px}.bank-row-actions{grid-column:3;grid-row:1}.bank-row-benefits{grid-column:2/-1;border-left:0;border-top:1px solid #e2ebe4;padding:13px 0 0;margin-top:-2px}.bank-row-benefits>strong{display:none}.bank-row-benefits .bank-highlights{display:flex;flex-wrap:wrap;gap:8px 17px}.default-card-visual,.default-card-visual>img{width:110px}.default-card-visual>img{height:75px}.compact-default-offer{gap:17px}}
@media(max-width:1100px){.bank-overview-row{grid-template-columns:125px minmax(0,1fr) 140px;padding:20px 18px;gap:17px}.compact-bank-brand>img{width:125px;height:70px}.default-card-visual,.default-card-visual>img{width:87px}.default-card-visual>img{height:61px}.compact-default-offer{gap:13px}.bank-direct-link{padding:13px 12px;gap:10px;font-size:var(--text-scale-14)}.compact-offer-price>strong{font-size:var(--text-scale-26-4)}.bank-row-benefits .bank-highlights>span{font-size:var(--text-scale-12)}.bank-overview-action{font-size:var(--text-scale-12)}}
.mobile-offer-facts{display:none}
@media(max-width:600px){
.compact-bank{border-radius:17px;margin-bottom:20px}
.bank-overview-row{grid-template-columns:minmax(0,1fr) 122px;gap:17px 18px;padding:20px 18px 16px}
.compact-bank-brand{grid-column:1;grid-row:1;align-self:center}
.compact-bank-brand>img{width:145px;max-width:100%;height:69px;margin-bottom:7px}
.compact-bank-score{font-size:var(--text-scale-12)}.compact-bank-score strong{font-size:var(--text-scale-16)}
.compact-default-offer,.default-card-visual{display:contents}
.default-card-visual>img{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:122px;height:83px;filter:drop-shadow(0 7px 5px #183d2619)}
.default-offer-copy{grid-column:1/-1;grid-row:2;text-align:center;border-top:1px solid #e3ebe5;padding-top:17px}
.compact-offer-label,.default-offer-term{display:none}
.compact-default-offer h3{font-size:var(--text-scale-16);margin:0 0 7px;color:#4e6c5b;letter-spacing:-.015em}
.compact-offer-price{margin-top:0}.compact-offer-price>strong{font-size:var(--text-scale-40);line-height:1.1;color:#194f43}.compact-offer-price>span{font-size:var(--text-scale-15)}.compact-offer-price>small{font-size:var(--text-caption);margin:7px auto 0;max-width:270px}
.mobile-offer-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:19px;padding:15px 0;background:#f3f8f1;border:1px solid #e2ecdc;border-radius:11px}
.mobile-offer-facts>div{display:flex;flex-direction:column;align-items:center;padding:0 8px;gap:7px}.mobile-offer-facts>div+div{border-left:1px solid #dce6d7}.mobile-offer-facts .icon{width:20px;height:20px;color:#427551}.mobile-offer-facts span{font-size:var(--text-scale-12);color:#5e7462;line-height:1.35;min-height:33px;display:flex;align-items:center}.mobile-offer-facts strong{font-size:var(--text-scale-14);line-height:1.35;overflow-wrap:anywhere}

.bank-row-actions{grid-column:1/-1;grid-row:3;gap:11px;margin-top:0}
.bank-direct-link{width:100%;justify-content:space-between;font-size:var(--text-scale-16);padding:15px 18px;border-radius:10px;min-height:52px}.bank-direct-link .icon{width:22px;height:22px}
.bank-overview-action{font-size:var(--text-scale-13);min-height:36px;padding:3px 4px}.overview-offer-count{min-width:25px;height:25px}
.bank-row-benefits{grid-column:1/-1;grid-row:4;margin-top:-8px;padding-top:13px}.bank-row-benefits .bank-highlights{gap:7px 12px}.bank-row-benefits .bank-highlights>span{font-size:var(--text-scale-12)}
}
.bank-services-toggle{display:flex;align-items:center;gap:9px;padding:0;margin:13px 0 0;border:0;background:transparent;color:#245f47;font:inherit;font-size:var(--text-scale-13);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bank-services-toggle:hover{color:#123f2b}.bank-services-toggle .icon{width:16px;height:16px;transition:transform .2s}.services-open{display:none}.bank-services-toggle[aria-expanded=true] .services-open{display:inline}.bank-services-toggle[aria-expanded=true] .services-closed{display:none}.bank-services-toggle[aria-expanded=true] .icon{transform:rotate(45deg)}.bank-services-panel{border-top:1px solid #dce8df;background:#f5f9f4;padding-top:22px}.bank-services-panel[hidden],.bank-choice-preview-fallback[hidden],.bank-summary-offer-link[hidden],.bank-summary-offer-unavailable[hidden]{display:none!important}.bank-services-panel-title{font-size:var(--text-scale-16);margin:0;padding:0 28px 21px;letter-spacing:-.025em}.bank-services-panel .service-list{gap:15px 30px}.bank-services-panel .service-list>span{font-size:var(--text-scale-14)}.bank-services-panel .service-list small{font-size:var(--text-caption)}
@media(max-width:600px){.bank-services-toggle{min-height:40px;margin-top:5px;font-size:var(--text-scale-14)}.bank-services-panel-title{padding-inline:15px}.bank-services-panel .service-list{gap:14px}.bank-services-panel .service-list>span{font-size:var(--text-scale-13)}}
/* Full-width filtering, grouped by the original Yaka comparison families. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalogue-grid{display:block}.comparison-filterbar{position:relative;z-index:5;background:#fff;border:1px solid #d4e3d8;border-radius:17px;padding:23px 25px 16px;margin-bottom:25px;box-shadow:0 5px 18px #194f4305}.filterbar-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:21px}.filterbar-top .filterbar-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:var(--text-scale-19-2);letter-spacing:-.035em;margin:0 0 5px}.filterbar-top .filterbar-title .icon{width:20px;height:20px;color:#337353}.filterbar-top p{font-size:var(--text-scale-14);color:#718477;margin:0}.filterbar-search{position:relative;width:300px;flex-shrink:0}.filterbar-search>.icon{width:18px;height:18px;position:absolute;top:14px;left:13px;color:#68826f}.filterbar-search input{width:100%;border:1px solid #d8e3db;background:#f8fbf7;border-radius:9px;padding:12px 13px 12px 40px;font:inherit;font-size:var(--text-ui);min-width:0}.filterbar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 13px}.filter-dropdown{position:relative;min-width:0}.filter-dropdown>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:54px;padding:13px 16px;border:1px solid #d5e2d9;border-radius:9px;background:#fcfefb;cursor:pointer;color:#365945;font-size:var(--text-scale-15);font-weight:650}.filter-dropdown>summary::-webkit-details-marker{display:none}.filter-dropdown>summary>.icon{width:18px;height:18px;flex-shrink:0;color:#5a7d64}.filter-dropdown>summary>.icon:last-child{margin-left:auto;width:15px;height:15px}.filter-dropdown[open]>summary,.filter-dropdown.has-selection>summary{border-color:#92b8a0;background:#f0f7ec;color:#194f43}.filter-dropdown[open]>summary>.icon:last-child{transform:rotate(180deg)}.filter-group-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#c8edaa;color:#205938;font-size:var(--text-scale-12);font-weight:800}.filter-group-count[hidden]{display:none}.filter-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:265px;z-index:20;background:white;border:1px solid #cbdfd1;border-radius:12px;box-shadow:0 14px 35px #183d2925;overflow:hidden}.filter-dropdown-panel fieldset{border:0;padding:16px;margin:0;max-height:310px;overflow-y:auto;overscroll-behavior:contain}.filter-dropdown-panel legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.filter-dropdown-panel p{font-size:var(--text-scale-12);color:#6b8072;line-height:1.45;margin:0 0 15px}.filter-dropdown-panel .filter-option{margin:0;padding:8px 3px;font-size:var(--text-scale-14);line-height:1.4;gap:10px}.filter-dropdown-panel .filter-option:hover{color:#246446}.filter-dropdown-panel input{width:18px;height:18px;accent-color:#245f47;flex-shrink:0}.filter-done{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:13px 17px;background:#f0f6ec;border:0;border-top:1px solid #dce8d8;color:#245f47;font:inherit;font-size:var(--text-scale-13);font-weight:750;cursor:pointer}.filter-done .icon{width:17px;height:17px}.filter-sort{display:flex;align-items:center;gap:10px;border:1px solid #d5e2d9;border-radius:9px;padding:10px 16px;min-width:0;min-height:54px;background:#f8faf8}.filter-sort>.icon{width:18px;height:18px;flex-shrink:0;color:#5a7d64}.filter-sort label{font-size:var(--text-scale-14);color:#68816f;white-space:nowrap}.filter-sort select{min-width:0;width:100%;border:0;background:transparent;color:#254e3b;font:inherit;font-size:var(--text-ui);font-weight:700;padding:6px 0}.filterbar-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;min-height:30px}#active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px}#active-filters button{background:#eaf4e5;color:#295c3e;border:1px solid #d9e8d0;border-radius:7px;padding:6px 10px;font:inherit;font-size:var(--text-scale-13);cursor:pointer}#active-filters button:hover{background:#dceccf}#reset-filters{white-space:nowrap;border:0;background:transparent;color:#557562;font:inherit;font-size:var(--text-scale-13);text-decoration:underline;text-underline-offset:4px;padding:6px 0}#reset-filters:disabled{opacity:.45;cursor:default}.card-filter-note{font-size:var(--text-scale-13);color:#52745f;line-height:1.5;background:#f3f8ee;border-left:3px solid #a4cc7c;padding:10px 13px;margin:14px 0 0}.bank-offer[hidden]{display:none!important}.comparison-filterbar :focus-visible{outline:3px solid #8ebfa2;outline-offset:3px}.results-heading .catalogue-total{display:block}
@media(max-width:850px){.filterbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar-search{width:250px}}
@media(max-width:600px){.comparison-filterbar{padding:17px 14px 13px;border-radius:13px;margin-bottom:21px}.filterbar-top{display:block;margin-bottom:14px}.filterbar-top .filterbar-title{font-size:var(--text-scale-17-6)}.filterbar-top p{font-size:var(--text-scale-13)}.filterbar-search{width:100%;margin-top:15px}.filterbar-search input{font-size:var(--text-ui)}.filterbar-grid{gap:8px}.filter-dropdown>summary{font-size:var(--text-scale-13);min-height:60px;padding:10px;gap:6px;line-height:1.3}.filter-dropdown>summary>.icon:first-child{display:none}.filter-dropdown>summary>.icon:last-child{width:13px;height:13px}.filter-group-count{min-width:20px;height:20px;font-size:var(--text-scale-11)}.filter-sort{padding:8px;gap:5px;display:grid;grid-template-columns:1fr}.filter-sort>.icon{display:none}.filter-sort label{font-size:var(--text-scale-11);line-height:1}.filter-sort select{font-size:var(--text-ui);padding:0}.filter-dropdown-panel{min-width:270px}.filter-dropdown-panel fieldset{max-height:260px}.filter-dropdown-panel .filter-option{padding:10px 3px;font-size:var(--text-scale-14)}.filterbar-bottom{gap:8px;align-items:flex-start;margin-top:13px}#active-filters{gap:5px}#active-filters button{font-size:var(--text-scale-12);padding:6px 8px}#reset-filters{font-size:var(--text-scale-12)}.results-heading .catalogue-total{font-size:var(--text-scale-12)}.card-filter-note{font-size:var(--text-scale-12)}}
/* Subtle pointer feedback for comparison results. */
@media(hover:hover) and (pointer:fine){
  .bank-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
  .bank-card:hover{transform:translateY(-3px);border-color:#397e70;box-shadow:0 12px 30px -12px #174d383d,0 3px 8px #174d3808}
  .compact-bank-brand>img,.default-card-visual>img,.single-card-bank>div>img{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .38s ease;transform-origin:center}
  .compact-bank:hover .compact-bank-brand>img,.single-card:hover .single-card-bank>div>img{transform:translateY(-2px) scale(1.035)}
  .compact-bank:hover .default-card-visual>img{transform:translateY(-4px) rotate(-2deg);filter:drop-shadow(0 9px 7px #143d2825)}
  .single-card:hover .card-artwork>img{transform:translateY(-4px) rotate(-2deg)}
}
@media(prefers-reduced-motion:reduce){
  .bank-card:hover,.compact-bank:hover .compact-bank-brand>img,.single-card:hover .single-card-bank>div>img,.compact-bank:hover .default-card-visual>img,.single-card:hover .card-artwork>img{transform:none}
}
/* The card comparator has its own price/limit controls and six decision facts. */
.cards-view .filterbar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cards-view .filter-dropdown>summary{font-size:var(--text-scale-14);padding-inline:12px}.cards-view .filter-sort{gap:6px;padding-inline:10px}.cards-view .filter-sort>label{display:none}
.card-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:9px}.card-range{min-width:0;border:0;padding:0;margin:0}.card-range legend{font-size:var(--text-scale-14);font-weight:750;padding:0;margin-bottom:7px}.card-range output{display:block;font-size:var(--text-scale-14);font-weight:650;color:#2e6b4e;min-height:23px}.card-range input[type=range]{accent-color:#237257;display:block;width:100%;height:20px;margin:7px 0 10px;cursor:pointer}.annual-sliders{position:relative;height:20px;margin:7px 0 10px;background:linear-gradient(#d5e2d5,#d5e2d5) center/100% 4px no-repeat}.annual-sliders input[type=range]{appearance:none;position:absolute;inset:0;margin:0;background:transparent;pointer-events:none;width:100%;height:20px}.annual-sliders input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.annual-sliders input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;background:#237257;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #237257;margin-top:-7px;pointer-events:auto;cursor:grab}.annual-sliders input[type=range]::-moz-range-track{background:transparent}.annual-sliders input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#237257;border:3px solid white;border-radius:50%;pointer-events:auto}.range-number-pair{display:flex;gap:10px;align-items:center;justify-content:space-between}.range-number-pair label{display:flex;align-items:center;gap:5px;font-size:var(--text-scale-12);color:#667f6d;white-space:nowrap}.range-number-pair input{width:83px;min-width:0;font:inherit;font-size:var(--text-ui);font-weight:650;color:#254c37;border:1px solid #d1dfd3;border-radius:6px;background:white;padding:6px 7px}.range-period-note{font-size:var(--text-scale-12);line-height:1.4;color:#6a8070;margin:9px 0 16px}.card-comparison-main{display:grid;grid-template-columns:185px minmax(0,1fr) 195px;align-items:center;gap:27px;padding:25px 27px}.card-comparison-identity{min-width:0}.card-provider{height:43px;display:flex;align-items:center;margin-bottom:12px}.card-provider>img{width:110px;height:45px;object-fit:contain;object-position:left center}.comparison-card-image{width:180px;height:115px;object-fit:contain;filter:drop-shadow(0 5px 5px #193f2812);transition:transform .3s ease,filter .3s ease}.card-comparison-identity .card-offer-title{font-family:var(--font-heading);font-size:var(--text-scale-16);letter-spacing:-.025em;line-height:1.3;margin:12px 0 0}.card-comparison-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.card-comparison-specs>div{padding:18px 16px;min-width:0;text-align:center;border-right:1px solid #dfe8e1}.card-comparison-specs>div:nth-child(3n){border-right:0}.card-comparison-specs>div:nth-child(n+4){border-top:1px solid #dfe8e1}.card-comparison-specs dt{font-size:var(--text-scale-13);color:#6b8073;margin-bottom:10px;line-height:1.4}.card-comparison-specs dd{margin:0;font-size:var(--text-scale-16);line-height:1.4;font-weight:750;overflow-wrap:anywhere}.card-comparison-specs dd small{font-size:var(--text-caption);font-weight:500;color:#4f6d5a}.card-comparison-action{display:flex;flex-direction:column;gap:12px;align-items:stretch}.card-welcome-bonus{align-self:flex-end;display:inline-block;border:1px solid #d2e5bc;background:#eaf5dc;color:#39693f;padding:7px 11px;border-radius:6px;font-size:var(--text-scale-13);font-weight:750;line-height:1.3}.comparison-card-cost{text-align:right}.comparison-card-cost>strong{font-family:var(--font-heading);font-size:var(--text-scale-30-4);letter-spacing:-.055em}.comparison-card-cost>span{font-size:var(--text-scale-13);color:#526f5b}.comparison-card-cost>small{display:block;font-size:var(--text-caption);color:#6d8173;line-height:1.5;margin-top:4px}.card-conditions-toggle{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:#3b634a;font:inherit;font-weight:700;font-size:var(--text-scale-13);padding:6px;cursor:pointer}.card-conditions-toggle .icon{width:16px;height:16px;transition:transform .2s}.card-conditions-toggle[aria-expanded=true] .icon{transform:rotate(45deg)}.comparison-bank-note{font-size:var(--text-scale-12);color:#748477;text-align:center}.card-bonus-note{font-size:var(--text-scale-12);color:#738577;margin:0;padding:0 27px 14px;text-align:right;line-height:1.4}.card-comparison-details{padding-bottom:8px}.card-comparison-details[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.card-comparison-row:hover .comparison-card-image{transform:translateY(-4px) rotate(-2deg);filter:drop-shadow(0 9px 8px #193f2825)}}
@media(max-width:1100px){.card-range-grid{gap:18px}.range-number-pair{gap:5px}.range-number-pair input{width:65px}.cards-view .filter-dropdown>summary{font-size:var(--text-scale-13);gap:6px;padding-inline:10px}.cards-view .filter-dropdown>summary>.icon:first-child{display:none}.card-comparison-main{grid-template-columns:150px minmax(0,1fr) 166px;gap:15px;padding:23px 20px}.comparison-card-image{width:145px;height:95px}.card-comparison-specs>div{padding:15px 10px}.card-comparison-specs dd{font-size:var(--text-scale-14)}.card-comparison-specs dt{font-size:var(--text-scale-12)}.comparison-card-cost>strong{font-size:var(--text-scale-27-2)}}
/* The filters remain in the document flow. A stable floating control takes over off-screen. */
#filter-anchor{height:1px;margin-top:-1px}.comparison-filterbar{position:relative;top:auto;z-index:25;background:#fffffff7;backdrop-filter:none}.mobile-filter-launch,#filter-dialog{display:none}#bank-results{scroll-margin-top:calc(var(--comparison-header-height,92px) + 18px)}
@media(max-width:900px) and (min-width:768px){.cards-view .filterbar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cards-view .filter-sort select{font-size:var(--text-ui)}.card-comparison-main{grid-template-columns:135px minmax(0,1fr) 150px}.card-comparison-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.card-comparison-specs>div:nth-child(n){border:0;border-right:1px solid #dfe8e1}.card-comparison-specs>div:nth-child(2n){border-right:0}.card-comparison-specs>div:nth-child(n+3){border-top:1px solid #dfe8e1}.comparison-card-image{width:132px;height:89px}}
@media(max-width:767px){
body.banks-page{padding-bottom:95px}.comparison-filterbar{display:none;position:static;backdrop-filter:none}.mobile-filter-launch{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);min-height:52px;padding:13px 18px;background:#194f43;color:white;border:1px solid #153e34;border-radius:13px;box-shadow:0 8px 25px #123e3440;font-size:var(--text-scale-15);font-weight:750;white-space:nowrap}.mobile-filter-launch>.icon{width:19px;height:19px}.mobile-filter-launch>[data-filter-total]{min-width:22px;border-radius:6px;padding:3px 5px;background:#c9eea7;color:#194f43;font-size:var(--text-scale-12)}.mobile-result-count{border-left:1px solid #ffffff45;padding-left:10px;font-size:var(--text-scale-13);font-weight:500;color:#d6e8d8}.banks-page:has(#filter-dialog[open]) .mobile-filter-launch{visibility:hidden}
#filter-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#f7faf5;color:#142e2c;overflow:hidden}#filter-dialog::backdrop{background:#0b2d2466}.filter-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:white;border-bottom:1px solid #d9e6dc;flex-shrink:0}.filter-dialog-heading .filter-dialog-title{font-family:var(--font-heading);font-size:var(--text-scale-22-4);margin:0;letter-spacing:-.04em}.filter-dialog-heading button{width:40px;height:40px;border:1px solid #d8e4da;background:#f5f9f2;border-radius:50%;font-size:var(--text-scale-25-6);color:#38634a}.filter-dialog-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));background:white;border-top:1px solid #d9e6dc;flex-shrink:0}.filter-dialog-footer button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:51px;padding:13px 18px;background:#194f43;color:white;border:0;border-radius:10px;font:inherit;font-weight:750}.filter-dialog-footer .icon{width:19px;margin-left:8px}#filter-dialog-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px}#filter-dialog-content .comparison-filterbar{display:block;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}#filter-dialog-content .filterbar-top{display:block;margin-bottom:18px}#filter-dialog-content .filterbar-top .filterbar-title,#filter-dialog-content .filterbar-top p{display:none}#filter-dialog-content .filterbar-search{width:100%;margin-top:0}#filter-dialog-content .filterbar-search input{background:white}#filter-dialog-content .filterbar-grid{display:grid;grid-template-columns:1fr;gap:10px}#filter-dialog-content .filter-dropdown>summary{font-size:var(--text-scale-15);padding:14px;min-height:53px;gap:10px;background:white}#filter-dialog-content .filter-dropdown>summary>.icon:first-child{display:block}#filter-dialog-content .filter-dropdown-panel{position:static;width:100%;min-width:0;margin-top:5px;box-shadow:none;border:1px solid #d2e3d6}#filter-dialog-content .filter-dropdown-panel fieldset{max-height:none;overflow:visible}#filter-dialog-content .filter-done{display:none}#filter-dialog-content .filter-sort{display:flex;min-height:55px;padding:10px 14px;background:white}#filter-dialog-content .filter-sort>label{display:block;font-size:var(--text-scale-14)}#filter-dialog-content .filter-sort>select{font-size:var(--text-ui);padding:6px}#filter-dialog-content .filterbar-bottom{margin-top:18px;align-items:flex-start}#filter-dialog-content #active-filters button{font-size:var(--text-scale-13)}#filter-dialog-content .card-range-grid{display:grid;grid-template-columns:1fr;gap:20px}#filter-dialog-content .card-range{background:white;border:1px solid #d9e6d8;border-radius:11px;padding:15px}#filter-dialog-content .card-range legend{float:left;width:100%;margin:0 0 8px}#filter-dialog-content .card-range output{clear:both}#filter-dialog-content .range-number-pair input{width:83px;padding:8px}#filter-dialog-content .range-period-note{font-size:var(--text-scale-12);margin:13px 0 18px}#filter-dialog-content .annual-sliders{margin-block:14px}#bank-results{scroll-margin-top:10px}
.card-comparison-main{display:grid;grid-template-columns:1fr;padding:19px 17px;gap:20px}.card-comparison-identity{display:grid;grid-template-columns:minmax(0,1fr) 127px;gap:8px 18px;align-items:center}.card-provider{grid-column:1;grid-row:1;height:45px;margin:0}.card-provider>img{width:106px;height:45px}.comparison-card-image{grid-column:2;grid-row:1/3;width:127px;height:85px}.card-comparison-identity .card-offer-title{grid-column:1;grid-row:2;margin:0;font-size:var(--text-scale-18);line-height:1.2}.card-comparison-specs{grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e0e9dd;background:#f5f9f1;border-radius:10px;padding:3px 0}.card-comparison-specs>div:nth-child(n){padding:13px 10px;border:0;border-right:1px solid #e0e9dd}.card-comparison-specs>div:nth-child(2n){border-right:0}.card-comparison-specs>div:nth-child(n+3){border-top:1px solid #e0e9dd}.card-comparison-specs dt{font-size:var(--text-scale-12);line-height:1.35;margin-bottom:7px}.card-comparison-specs dd{font-size:var(--text-scale-14)}.card-comparison-specs dd small{font-size:var(--text-caption)}.card-comparison-action{gap:12px}.comparison-card-cost{text-align:center;order:-1}.comparison-card-cost>strong{font-size:var(--text-scale-35-2)}.comparison-card-cost>span{font-size:var(--text-scale-14)}.comparison-card-cost>small{font-size:var(--text-caption)}.card-welcome-bonus{align-self:center;font-size:var(--text-scale-13)}.card-comparison-action .bank-direct-link{font-size:var(--text-scale-16);min-height:51px}.card-conditions-toggle{min-height:40px;font-size:var(--text-scale-14)}.comparison-bank-note{margin-top:-6px}.card-bonus-note{text-align:left;padding:0 17px 15px}.single-card{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.card-comparison-row:hover .comparison-card-image{transform:none}}

/* Filters above the results; one centered control takes over off-screen. */
.comparison-workspace,.filter-home{min-width:0}.workspace-banks{display:block}
.mobile-filter-launch{position:fixed;left:50%;right:auto;bottom:24px;transform:translate(-50%,12px);z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);min-height:52px;padding:13px 18px;background:#194f43;color:white;border:1px solid #153e34;border-radius:13px;box-shadow:0 8px 25px #123e3440;font-size:var(--text-scale-15);font-weight:750;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.mobile-filter-launch.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mobile-filter-launch>.icon{width:19px;height:19px}.mobile-filter-launch>[data-filter-total]{min-width:22px;border-radius:6px;padding:3px 5px;background:#c9eea7;color:#194f43;font-size:var(--text-scale-12)}.mobile-result-count{border-left:1px solid #ffffff45;padding-left:10px;font-size:var(--text-scale-13);font-weight:500;color:#d6e8d8}.banks-page:has(#filter-dialog[open]) .mobile-filter-launch{visibility:hidden}#bank-results,.bank-card{scroll-margin-top:12px}

#filter-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#f7faf5;color:#142e2c;overflow:hidden}#filter-dialog::backdrop{background:#0b2d2466}.filter-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:white;border-bottom:1px solid #d9e6dc;flex-shrink:0}.filter-dialog-heading .filter-dialog-title{font-family:var(--font-heading);font-size:var(--text-scale-22-4);margin:0;letter-spacing:-.04em}.filter-dialog-heading button{width:40px;height:40px;border:1px solid #d8e4da;background:#f5f9f2;border-radius:50%;font-size:var(--text-scale-25-6);color:#38634a}.filter-dialog-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));background:white;border-top:1px solid #d9e6dc;flex-shrink:0}.filter-dialog-footer button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:51px;padding:13px 18px;background:#194f43;color:white;border:0;border-radius:10px;font:inherit;font-weight:750}.filter-dialog-footer .icon{width:19px;margin-left:8px}#filter-dialog-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px}#filter-dialog-content .comparison-filterbar{display:block;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}#filter-dialog-content .filterbar-top{display:block;margin-bottom:18px}#filter-dialog-content .filterbar-top .filterbar-title,#filter-dialog-content .filterbar-top p{display:none}#filter-dialog-content .filterbar-search{width:100%;margin-top:0}#filter-dialog-content .filterbar-search input{background:white}#filter-dialog-content .filterbar-grid{display:grid;grid-template-columns:1fr;gap:10px}#filter-dialog-content .filter-dropdown>summary{font-size:var(--text-scale-15);padding:14px;min-height:53px;gap:10px;background:white}#filter-dialog-content .filter-dropdown>summary>.icon:first-child{display:block}#filter-dialog-content .filter-dropdown-panel{position:static;width:100%;min-width:0;margin-top:5px;box-shadow:none;border:1px solid #d2e3d6}#filter-dialog-content .filter-dropdown-panel fieldset{max-height:none;overflow:visible}#filter-dialog-content .filter-done{display:none}#filter-dialog-content .filter-sort{display:flex;min-height:55px;padding:10px 14px;background:white}#filter-dialog-content .filter-sort>label{display:block;font-size:var(--text-scale-14)}#filter-dialog-content .filter-sort>select{font-size:var(--text-ui);padding:6px}#filter-dialog-content .filterbar-bottom{margin-top:18px;align-items:flex-start}#filter-dialog-content #active-filters button{font-size:var(--text-scale-13)}#filter-dialog-content .card-range-grid{display:grid;grid-template-columns:1fr;gap:20px}#filter-dialog-content .card-range{background:white;border:1px solid #d9e6d8;border-radius:11px;padding:15px}#filter-dialog-content .card-range legend{float:left;width:100%;margin:0 0 8px}#filter-dialog-content .card-range output{clear:both}#filter-dialog-content .range-number-pair input{width:83px;padding:8px}#filter-dialog-content .range-period-note{font-size:var(--text-scale-12);margin:13px 0 18px}#filter-dialog-content .annual-sliders{margin-block:14px}#bank-results{scroll-margin-top:10px}
@media(min-width:768px){#filter-dialog[open]{width:min(850px,calc(100vw - 64px));height:auto;max-height:calc(100dvh - 70px);margin:auto;border:1px solid #c9ded0;border-radius:19px;box-shadow:0 25px 90px #0a2d3a44}#filter-dialog-content{padding:24px}#filter-dialog-content .filterbar-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#filter-dialog-content .card-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#filter-dialog-content .card-range{padding:12px}#filter-dialog-content .range-number-pair{flex-wrap:wrap;gap:8px}#filter-dialog-content .range-number-pair input{width:65px}#filter-dialog-content .filter-sort{flex-wrap:wrap}#filter-dialog-content .filter-sort select{width:auto;flex:1}.filter-dialog-footer{padding:15px 24px}.filter-dialog-footer button{width:auto;min-width:260px;margin-left:auto}}

@media(max-width:767px){.workspace-banks{display:block}.mobile-filter-launch{left:50%;right:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px)}.mobile-filter-launch.is-visible{transform:translate(-50%,0)}.filter-home>.comparison-filterbar{display:none}.workspace-banks>.filter-home>.comparison-filterbar{margin:0}#filter-dialog-content .comparison-filterbar{display:block}#filter-dialog[open]{border-radius:0}.workspace-banks .results-heading .catalogue-total{display:block}}
/* Yaka range controls: thin rail, solid teal handles and an active interval. */
.card-range input[type=range]{-webkit-appearance:none;appearance:none;height:30px;margin:9px 0 12px;border:0;border-radius:0;outline-offset:4px;background:transparent;--range-fill:0%}
.card-range>input[type=range]{background:linear-gradient(to right,#087b74 0 var(--range-fill),#e0e8e3 var(--range-fill) 100%) center/100% 5px no-repeat}
.card-range input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:transparent;border:0}
.card-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;border:0;background:radial-gradient(circle,#fff 0 5px,#087b74 5.5px);box-shadow:0 0 0 3px #087b7410;cursor:grab;transition:box-shadow .18s,background .18s}
.card-range input[type=range]::-moz-range-track{height:5px;border-radius:99px;background:transparent;border:0}
.card-range input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:0;background:radial-gradient(circle,#fff 0 5px,#087b74 5.5px);box-shadow:0 0 0 3px #087b7410;cursor:grab;transition:box-shadow .18s,background .18s}
.card-range input[type=range]:hover::-webkit-slider-thumb,.card-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #087b741d;background:radial-gradient(circle,#fff 0 5px,#066b65 5.5px)}
.card-range input[type=range]:hover::-moz-range-thumb,.card-range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #087b741d;background:radial-gradient(circle,#fff 0 5px,#066b65 5.5px)}
.card-range input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.card-range input[type=range]:active::-moz-range-thumb{cursor:grabbing}
.annual-sliders{height:30px;margin:9px 0 12px;--range-start:0%;--range-end:100%;background:linear-gradient(to right,#e0e8e3 0 var(--range-start),#087b74 var(--range-start) var(--range-end),#e0e8e3 var(--range-end) 100%) center/100% 5px no-repeat}
.annual-sliders input[type=range]{height:30px;margin:0;background:transparent}.annual-sliders input[type=range]::-webkit-slider-thumb{pointer-events:auto}.annual-sliders input[type=range]::-moz-range-thumb{pointer-events:auto}
.card-range output{color:#087b74}.card-range input[type=number]{border-color:#cdded4;background:#fbfdfa;border-radius:7px}
/* Desktop options float in the top layer; mobile keeps inline accordions. */
@media(min-width:768px){
  .filter-dropdown-panel[popover],#filter-dialog-content .filter-dropdown-panel[popover]{position:fixed;inset:auto;left:var(--filter-menu-left);right:auto;top:var(--filter-menu-top);bottom:var(--filter-menu-bottom);width:var(--filter-menu-width);min-width:0;max-width:none;max-height:var(--filter-menu-height);margin:0;padding:0;background:#fff;border:1px solid #cbdfd1;border-radius:12px;box-shadow:0 15px 40px #183d2930;overflow:hidden;color:#142e2c}
  .filter-dropdown-panel[popover]:popover-open,#filter-dialog-content .filter-dropdown-panel[popover]:popover-open{display:flex;flex-direction:column}
  .filter-dropdown-panel[popover] fieldset,#filter-dialog-content .filter-dropdown-panel[popover] fieldset{min-height:0;max-height:calc(var(--filter-menu-height) - 48px);overflow-y:auto;overscroll-behavior:contain;flex:1}
  .filter-dropdown-panel[popover] .filter-done,#filter-dialog-content .filter-dropdown-panel[popover] .filter-done{display:flex;flex-shrink:0}
}
@media(min-width:768px){#filter-dialog[open]{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;height:auto;max-height:calc(100dvh - 70px)}}
/* Wide screens use a filter rail that remains in the normal page flow. */
@media(min-width:1200px){
  .comparison-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
  .comparison-workspace>.filter-home{position:static;top:auto;align-self:start}
  .filter-home>.comparison-filterbar{margin:0;padding:21px 18px 17px;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-width:auto;border-radius:14px;background:#fbfdf9}
  .filter-home>.comparison-filterbar .filterbar-top{display:block;margin-bottom:20px}
  .filter-home>.comparison-filterbar .filterbar-top .filterbar-title{font-size:var(--text-scale-17-6);line-height:1.3;align-items:flex-start}
  .filter-home>.comparison-filterbar .filterbar-top p{font-size:var(--text-scale-13);line-height:1.5}
  .filter-home>.comparison-filterbar .filterbar-search{width:100%;margin-top:16px}
  .filter-home>.comparison-filterbar .filterbar-grid{grid-template-columns:1fr;gap:10px}
  .filter-home>.comparison-filterbar .filter-dropdown>summary{font-size:var(--text-scale-14);gap:9px;padding:12px;min-height:51px}
  .filter-home>.comparison-filterbar .filter-sort{padding:10px 12px;min-height:51px}
  .filter-home>.comparison-filterbar .filter-sort>label{display:none}
  .filter-home>.comparison-filterbar .filterbar-bottom{flex-wrap:wrap;gap:12px;margin-top:16px}
  .filter-home>.comparison-filterbar .card-range-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}
  .filter-home>.comparison-filterbar .card-range{padding-bottom:12px;border-bottom:1px solid #e1eade}
  .filter-home>.comparison-filterbar .card-range legend{font-size:var(--text-scale-13)}
  .filter-home>.comparison-filterbar .card-range output{font-size:var(--text-scale-13)}
  .filter-home>.comparison-filterbar .card-range input[type=range],.filter-home>.comparison-filterbar .annual-sliders{margin-bottom:2px}
  .filter-home>.comparison-filterbar .annual-sliders input[type=range]{margin:0}
  .filter-home>.comparison-filterbar .card-filter-note{font-size:var(--text-scale-12)}
  .comparison-workspace .results-heading .catalogue-total{font-size:var(--text-scale-12)}
}
@media(min-width:1200px) and (max-width:1450px){
  .comparison-workspace{grid-template-columns:260px minmax(0,1fr);gap:24px}
  .workspace-cards .card-comparison-main{grid-template-columns:145px minmax(0,1fr) 165px;gap:16px;padding:22px 20px}
  .workspace-cards .comparison-card-image{width:145px;height:95px}
  .workspace-cards .card-comparison-specs>div{padding:15px 9px}
  .workspace-cards .card-comparison-specs dd{font-size:var(--text-scale-14)}
  .workspace-cards .comparison-card-cost>strong{font-size:var(--text-scale-27-2)}
}

/* Tablet controls need room for complete labels and the native sort selector. */
@media(min-width:768px) and (max-width:1199px){
  .cards-view .filter-home>.comparison-filterbar .filterbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-view .filter-home>.comparison-filterbar .filter-sort-menu{grid-column:1 / -1}
  .cards-view .filter-home>.comparison-filterbar .filter-sort>label{display:block}
}

/* Sorting shares the filter menu, with one immediately applied choice. */
.sort-summary{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.35}
.sort-summary small{font-size:var(--text-caption);font-weight:500;color:#6b8072}
.filter-dropdown-panel .sort-option{position:relative;display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:7px;color:#365945;font-size:var(--text-scale-14);line-height:1.4;cursor:pointer}
.sort-option input{position:absolute;width:1px;height:1px;opacity:0}
.sort-option>.icon{margin-left:auto;width:17px;height:17px;flex-shrink:0;visibility:hidden}
.sort-option:has(input:checked){background:#eaf4e5;color:#194f43;font-weight:700}
.sort-option:has(input:checked)>.icon{visibility:visible}
.sort-option:hover{background:#f0f7ec}
.sort-option:has(input:focus-visible){outline:2px solid #337353;outline-offset:1px}
.filter-sort-menu .filter-dropdown-panel fieldset{padding:8px}
.filter-sort-menu .filter-done{display:none!important}

/* Comparator hero: larger character, layered stage and readable title reveals. */
.bank-intro{background:radial-gradient(ellipse at 90% 60%,#d4efc1 0,transparent 47%),#e8f5ed}
.bank-intro-grid{grid-template-columns:minmax(0,1fr) 370px;gap:40px;padding:32px 0 35px}
.bank-intro-grid>div:first-child{position:relative;z-index:2;min-width:0}
.banks-page h1>.intro-title-line{display:block;color:#142e2c}
.banks-page h1>.intro-title-line:last-child{color:#247456}
.intro-title-text{display:block}
.intro-art{height:305px;align-self:center;margin-right:0;isolation:isolate}
.intro-character{position:absolute;inset:-48px -10px -15px;overflow:hidden;z-index:1;pointer-events:none;mask-image:linear-gradient(#000 0 91%,transparent 100%)}
.intro-character img{position:absolute;left:0;top:0;width:100%;height:470px;object-fit:contain;object-position:center top;transform-origin:50% 70%}
.intro-ring{width:295px;height:295px;bottom:0;right:20px;background:#c9e8d4;border-color:#8fbea34f}
.intro-orbit{position:absolute;width:325px;height:325px;right:4px;bottom:-15px;border:1px dashed #73a88670;border-radius:50%;transform:rotate(-20deg)}
.intro-orbit:after{content:'';position:absolute;top:38px;right:30px;width:12px;height:12px;background:#287654;border:3px solid #e8f5ed;border-radius:50%}
.intro-spark{position:absolute;top:8px;right:12px;color:#287654;z-index:2}
.intro-spark>.icon{width:35px;height:35px}
.intro-sticker{left:-20px;top:78px;z-index:2;padding:15px 18px;transform:rotate(-9deg)}
.intro-count{left:8px;bottom:2px;z-index:3;transform:rotate(3deg)}
@media(min-width:1450px){.bank-intro-grid{grid-template-columns:minmax(0,1fr) 410px}.intro-character img{height:490px}.intro-art{height:320px}.intro-ring{right:35px}.intro-orbit{right:20px}}
@media(min-width:601px) and (max-width:1100px){
 .bank-intro-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}
 .intro-art{height:295px}.intro-character{inset:-35px -18px -12px}.intro-character img{height:435px}
 .intro-ring{width:260px;height:260px;right:0}.intro-orbit{width:285px;height:285px;right:-12px;bottom:-12px}
 .intro-sticker{left:-8px;top:100px;padding:12px 14px}.intro-sticker strong{font-size:var(--text-scale-29-6)}
 .intro-count{left:3px;bottom:0;font-size:var(--text-lead);line-height:var(--leading-lead)}.intro-count strong{font-size:var(--text-lead);line-height:var(--leading-lead)}
}
@media(min-width:601px) and (max-width:850px){
 .bank-intro-grid{grid-template-columns:minmax(0,1fr) 245px;gap:15px}
 .intro-character{inset:-20px -25px -10px}.intro-character img{height:410px}
 .intro-ring{width:225px;height:225px;bottom:10px}.intro-orbit{width:250px;height:250px;bottom:-2px}
 .intro-sticker{left:-2px;top:116px;padding:10px 12px}.intro-sticker strong{font-size:var(--text-scale-25-6)}
 .intro-spark{right:0;top:15px}.intro-count{left:0;font-size:var(--text-scale-11);padding:8px 12px}
}
@media(max-width:600px){.bank-intro-grid{padding:24px 0 26px}.intro-art{display:none}.bank-intro{background:radial-gradient(ellipse at 100% 70%,#d4efc1 0,transparent 75%),#e8f5ed}}

/* Keep the couple's two faces and bank card clear of the floating labels. */
.intro-art .intro-sticker{top:auto;bottom:46px;left:-28px}
.intro-art .intro-count{left:auto;right:0;bottom:-2px}
@media(min-width:601px) and (max-width:850px){.intro-art .intro-sticker{left:-8px;bottom:49px}.intro-art .intro-count{right:-6px}}

/* Two title rhythms and one punctuation accent; no text duplication or layout motion. */
.intro-title-word{display:inline-block;transform-origin:0 65%;backface-visibility:hidden}
.intro-title-first .intro-title-word{transform-origin:left center;transform-style:preserve-3d}
.intro-title-second .intro-title-word{transform-origin:center bottom;transform-style:preserve-3d}
.banks-page h1 .intro-title-bang{display:inline-block;transform-origin:center 80%;font-style:normal;color:#e84b41}

.intro-title-ending{display:inline-block;white-space:nowrap}

/* Editorial comparator shell. Results and filter components retain their own layout. */
.banks-page .header{background:#fff;border-bottom:1px solid #e4eae7;backdrop-filter:none}
.comparison-intro{background:#fff;color:#153d39}
.comparison-crumbs{display:flex;align-items:center;gap:12px;padding:22px 0 0;color:#798a83;font-size:var(--text-caption)}
.comparison-crumbs>a:hover{color:#067471}
.comparison-crumbs>span:last-child{color:#385f56}
.comparison-intro-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding:35px 0 30px}
.comparison-editorial{min-width:0}
.comparison-eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--text-eyebrow);letter-spacing:.13em;font-weight:700;color:#52736a;margin:0 0 25px}
.editorial-index{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#067471;color:#fff;border-radius:50%;font-size:var(--text-scale-10);letter-spacing:0}
.editorial-separator{height:1px;width:20px;background:#b9cdc3}
.banks-page h1.editorial-title{font-family:var(--font-heading);font-size:var(--text-title);line-height:var(--leading-title);font-weight:900;letter-spacing:-.055em;margin:0 0 27px;color:#153d39}
.editorial-title-accent{display:block;width:fit-content;position:relative;color:#067471;isolation:isolate;padding-bottom:5px;--title-rule:1}
.editorial-title-accent:after{content:'';position:absolute;z-index:-1;bottom:0;left:1px;width:calc(100% - .45em);height:8px;background:#d9edaa;transform:scaleX(var(--title-rule));transform-origin:left center;border-radius:0 100% 50% 0}
.banks-page h1 .editorial-bang{display:inline-block;color:#e95745;font-style:normal;transform-origin:50% 90%;margin-left:2px}
.comparison-intro-copy{max-width:480px;font-size:var(--text-lead);line-height:var(--leading-lead);color:#536e65;margin:0 0 31px}
.comparison-facts{display:flex;align-items:center;gap:27px;padding-top:23px;border-top:1px solid #dbe5df}
.comparison-facts>div{display:flex;align-items:center;gap:10px}
.comparison-facts strong{font-family:var(--font-heading);font-size:var(--text-scale-34-4);font-weight:700;letter-spacing:-.055em;line-height:1;color:#153d39}
.comparison-facts>div>span{font-size:var(--text-scale-11);line-height:1.4;color:#71837a}
.comparison-start{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:var(--text-scale-12);font-weight:700;white-space:nowrap;color:#067471}
.comparison-start>.icon{width:30px;height:30px;border:1px solid #b5d0c4;border-radius:50%;padding:7px;transition:transform .2s,background .2s}
.comparison-start:hover>.icon{transform:translateX(3px);background:#eaf4dd}
.comparison-portrait{position:relative;height:350px;background:#067471;border-radius:100px 15px 15px 15px;overflow:hidden;isolation:isolate}
.portrait-bang{position:absolute;right:12px;top:-77px;font-family:var(--font-heading);font-size:var(--text-scale-410);line-height:1;font-weight:900;color:#b6d990;transform:rotate(13deg);opacity:.9;z-index:-1}
.comparison-portrait>img{position:absolute;width:auto;height:450px;left:50%;translate:-50% 0;top:13px;max-width:none}
.portrait-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;color:white;background:#064b48}
.portrait-caption>span:first-child{font-size:var(--text-scale-9);letter-spacing:.13em;line-height:1.8}
.portrait-caption strong{font-family:var(--font-heading);font-size:var(--text-scale-16-8);letter-spacing:-.015em;font-weight:500}
.portrait-mark{width:33px;height:33px;color:#d4ebaa}
.portrait-mark>.icon{width:100%;height:100%}
.comparison-intro-baseline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #dbe5df;border-bottom:1px solid #153d39}
.comparison-intro-baseline>span{display:flex;align-items:center;gap:9px;color:#547367;font-size:var(--text-scale-10);font-weight:650;letter-spacing:.07em}
.comparison-intro-baseline>span>.icon{width:15px;height:15px}
.comparison-intro-baseline>a{display:flex;align-items:center;gap:18px;font-size:var(--text-scale-11);font-weight:650;color:#153d39}
.comparison-intro-baseline>a>.icon{width:14px;height:14px}
.banks-page .catalogue{padding-top:0}
.listing-view-switch{gap:24px;margin:0 0 24px;padding:0;border-bottom:1px solid #e0e8e3}
.listing-view-switch>span{font-size:var(--text-scale-11);color:#7a8c82;margin-right:auto}
.listing-view-switch>a{position:relative;border:0;border-radius:0;padding:22px 0 19px;color:#71877b;background:transparent;box-shadow:none;font-size:var(--text-scale-13)}
.listing-view-switch>a[aria-current]{color:#067471;background:transparent;border:0;box-shadow:none}
.listing-view-switch>a[aria-current]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#067471}
.listing-view-switch>a:hover{background:transparent;color:#067471}
.listing-view-switch>a>.icon{width:17px;height:17px}
.banks-page .listing-footer{margin-top:60px;padding-block:32px;border-top:1px solid #153d39}
.banks-page .listing-footer>p{font-size:var(--text-scale-13)}
#comparison-filters{scroll-margin-top:115px}
@media(min-width:1450px){.comparison-intro-layout{gap:95px}.comparison-portrait{height:380px}.comparison-portrait>img{height:490px}}
@media(min-width:701px) and (max-width:1100px){
 .comparison-intro-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;padding-top:30px}
 .banks-page h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title)}
 .comparison-eyebrow{font-size:var(--text-eyebrow);gap:8px;margin-bottom:21px;letter-spacing:.07em}
 .comparison-portrait{height:330px;border-top-left-radius:70px}.comparison-portrait>img{height:440px;top:16px}
 .comparison-intro-copy{font-size:var(--text-lead);margin-bottom:23px;line-height:var(--leading-lead)}
 .comparison-facts{gap:17px;flex-wrap:wrap;padding-top:18px}.comparison-facts strong{font-size:var(--text-scale-29-6)}
 .comparison-start{font-size:var(--text-scale-11);gap:7px}.comparison-start>.icon{width:26px;height:26px;padding:6px}
 .portrait-caption{padding:15px 17px}.portrait-caption strong{font-size:var(--text-scale-15)}
 .portrait-bang{font-size:var(--text-scale-370);top:-55px;right:-10px}
}
@media(min-width:701px) and (max-width:850px){.comparison-start{margin-left:0}.comparison-facts{gap:18px}.comparison-portrait{height:330px}.comparison-portrait>img{height:410px;top:24px}.portrait-caption{padding-inline:14px}.portrait-mark{display:none}.comparison-intro-baseline>a{gap:8px}}
@media(max-width:700px){
 .comparison-crumbs{font-size:var(--text-caption);padding-top:18px}
 .comparison-intro-layout{display:block;padding:25px 0 20px}
 .comparison-eyebrow{font-size:var(--text-eyebrow);gap:9px;letter-spacing:.06em;margin-bottom:20px}
 .editorial-index{width:23px;height:23px}.editorial-separator{width:15px}
 .banks-page h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title);margin-bottom:23px;letter-spacing:-.05em}
 .editorial-title-accent:after{height:6px}
 .comparison-intro-copy{font-size:var(--text-lead);line-height:var(--leading-lead);margin-bottom:22px;max-width:430px}
 .comparison-facts{gap:23px;padding-top:19px;flex-wrap:wrap}.comparison-facts strong{font-size:var(--text-scale-31-2)}
 .comparison-start{font-size:var(--text-scale-11);gap:8px}.comparison-start>.icon{width:25px;height:25px;padding:6px}
 .comparison-portrait{display:none}
 .comparison-intro-baseline{padding:15px 0}.comparison-intro-baseline>span{font-size:var(--text-scale-9);letter-spacing:.03em}.comparison-intro-baseline>span>.icon{display:none}.comparison-intro-baseline>a{font-size:var(--text-scale-10);gap:8px}
 .listing-view-switch{gap:24px;margin-bottom:22px}.listing-view-switch>span{display:none}.listing-view-switch>a{flex:1;justify-content:center;padding:19px 0 16px;font-size:var(--text-scale-13)}
 .banks-page .listing-footer{margin-top:40px;gap:17px}.banks-page .listing-footer>p{flex-basis:100%;margin:0}
}
@media(max-width:380px){.comparison-start{margin-left:0}.comparison-intro-baseline>a{display:none}.banks-page h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title)}}

/* One generous rounded panel extends beyond the listing, within the viewport. */
.comparison-hero-panel{margin:24px -24px 0;padding:0 32px;background:#edf6f3;border:1px solid #c9e0d8;border-radius:30px;overflow:hidden}
@media(min-width:1101px){.comparison-hero-panel{margin-inline:max(-72px,calc((100% - 100vw)/2 + 12px))}}
.comparison-hero-panel .comparison-intro-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:45px;padding:35px 0 0;align-items:center}
.banks-page h1.editorial-title>.editorial-title-accent{color:var(--brand-logo-accent,#067471)}
.editorial-title-accent:after{background:#a5d5c9;height:6px}
.comparison-hero-panel .comparison-editorial{padding-bottom:32px}
.comparison-hero-panel .comparison-intro-copy{max-width:495px;margin-bottom:22px}
.comparison-hero-panel .comparison-facts{border-top-color:#c7ddd4;padding-top:20px}
.comparison-hero-panel .comparison-portrait{align-self:end;height:340px;border-radius:0;background:transparent;overflow:hidden}
.comparison-hero-panel .comparison-portrait>img{height:475px;top:3px}
.comparison-hero-panel .portrait-bang{color:#c4e1d7;font-size:var(--text-scale-420);right:12px;top:-50px;opacity:1}
.hero-bank-assistant{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:20px;background:#fff;margin:0 -32px;padding:25px 32px;border-top:1px solid #c9e0d8}
.hero-assistant-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#067471;color:white}
.hero-assistant-icon>.icon{width:28px;height:28px}
.hero-assistant-label{display:block;font-size:var(--text-scale-10);letter-spacing:.11em;color:#067471;font-weight:750;margin-bottom:7px}
.hero-assistant-copy h2{font-family:var(--font-heading);font-size:var(--text-assistant-question);line-height:var(--leading-assistant-question);letter-spacing:-.03em;font-weight:750;margin:0 0 8px;color:#153d39}
.hero-assistant-copy p{max-width:550px;font-size:var(--text-assistant-answer);line-height:var(--leading-assistant-answer);color:#5a7369;margin:0}
.hero-assistant-topics{display:flex;gap:15px;flex-wrap:wrap;margin-top:11px;color:#547c6e;font-size:var(--text-scale-11)}
.hero-assistant-topics>span{display:inline-flex;align-items:center;gap:6px}
.hero-assistant-topics>span:before{content:'';width:4px;height:4px;border-radius:50%;background:#067471}
.hero-assistant-action{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-left:15px}
.hero-assistant-action>a{display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid #067471;background:#067471;color:#fff;border-radius:10px;padding:15px 19px;font-size:var(--text-scale-13);font-weight:750;transition:background .2s,transform .2s}
.hero-assistant-action>a:hover{background:#055e5b;transform:translateY(-2px)}
.hero-assistant-action>a>.icon{width:17px;height:17px}
.hero-assistant-action>span{font-size:var(--text-scale-10);color:#7b8d84}
.comparison-intro-baseline{margin-top:18px;border-top:0;border-bottom-color:#d5e2db}
@media(min-width:1450px){.comparison-hero-panel .comparison-intro-layout{gap:75px}.comparison-hero-panel .comparison-portrait{height:395px}.comparison-hero-panel .comparison-portrait>img{height:550px}}
@media(min-width:701px) and (max-width:1100px){
 .comparison-hero-panel{margin-inline:-12px;padding-inline:24px;border-radius:25px}
 .comparison-hero-panel .comparison-intro-layout{gap:20px;padding-top:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .comparison-hero-panel .comparison-portrait{height:315px}.comparison-hero-panel .comparison-portrait>img{height:430px;top:12px}
 .hero-bank-assistant{margin-inline:-24px;padding:23px 24px;grid-template-columns:42px minmax(0,1fr) auto;gap:14px}
 .hero-assistant-icon{width:42px;height:42px;border-radius:12px}.hero-assistant-icon>.icon{width:23px;height:23px}
 .hero-assistant-copy h2{font-size:var(--text-assistant-question);line-height:var(--leading-assistant-question)}.hero-assistant-copy p{font-size:var(--text-assistant-answer);line-height:var(--leading-assistant-answer)}
 .hero-assistant-action{padding-left:0}.hero-assistant-action>a{padding:14px;gap:12px;font-size:var(--text-scale-12)}
}
@media(min-width:701px) and (max-width:850px){
 .hero-bank-assistant{grid-template-columns:42px minmax(0,1fr)}
 .hero-assistant-action{grid-column:2;align-items:flex-start;flex-direction:row;align-items:center;gap:15px}
 .comparison-hero-panel .comparison-portrait>img{height:395px;top:24px}
 .comparison-hero-panel .comparison-portrait{height:300px}
}
@media(max-width:700px){
 .comparison-hero-panel{margin:20px -6px 0;padding:0 20px;border-radius:22px}
 .comparison-hero-panel .comparison-intro-layout{display:block;padding:24px 0 0}
 .comparison-hero-panel .comparison-editorial{padding-bottom:24px}
 .banks-page .comparison-hero-panel h1.editorial-title{font-size:var(--text-title);letter-spacing:-.055em;line-height:var(--leading-title)}
 .comparison-hero-panel .comparison-portrait{display:none}
 .comparison-hero-panel .comparison-intro-copy{font-size:var(--text-lead);line-height:var(--leading-lead)}
 .comparison-hero-panel .comparison-facts{gap:25px;padding-top:17px}
 .hero-bank-assistant{margin-inline:-20px;padding:22px 20px;grid-template-columns:36px minmax(0,1fr);gap:12px}
 .hero-assistant-icon{width:36px;height:36px;border-radius:11px}.hero-assistant-icon>.icon{width:21px;height:21px}
 .hero-assistant-label{font-size:var(--text-scale-9);letter-spacing:.045em;line-height:1.5}
 .hero-assistant-copy h2{font-size:var(--text-assistant-question);line-height:var(--leading-assistant-question)}.hero-assistant-copy p{font-size:var(--text-assistant-answer);line-height:var(--leading-assistant-answer)}
 .hero-assistant-topics{gap:11px;font-size:var(--text-scale-10)}
 .hero-assistant-action{grid-column:1/-1;padding:6px 0 0;align-items:stretch;gap:9px}
 .hero-assistant-action>a{padding:14px 16px;font-size:var(--text-scale-13);justify-content:space-between}
 .hero-assistant-action>span{text-align:center}
 .comparison-intro-baseline{margin-top:12px}
}

/* Conversation starter and local SMS-style assistant. */
.hero-assistant-conversation{align-items:start;padding-block:29px;gap:20px}
.assistant-intro-messages{position:relative;min-height:66px}
.assistant-intro-typing{position:absolute;top:12px;left:0;display:none;gap:5px}
.assistant-intro-typing i,.bank-chat-typing i{display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#067471;animation:yaka-typing 1s ease-in-out infinite}
.assistant-intro-typing i:nth-child(2),.bank-chat-typing i:nth-child(2){animation-delay:.15s}
.assistant-intro-typing i:nth-child(3),.bank-chat-typing i:nth-child(3){animation-delay:.3s}
.assistant-intro-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.assistant-intro-choices button{display:flex;align-items:center;gap:14px;min-height:42px;border:1px solid #a7ccc2;border-radius:10px;background:#f5faf8;color:#075f5c;padding:10px 13px;font-family:inherit;font-size:var(--text-assistant-choice);font-weight:650;line-height:var(--leading-assistant-choice);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.assistant-intro-choices button:hover{background:#e2f1ec;border-color:#067471;box-shadow:0 3px 12px #06747112}
.assistant-intro-choices .icon{width:14px;height:14px}
.hero-assistant-invitation{align-self:center;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:10px 12px;padding-left:25px;border-left:1px solid #e0ebe6;max-width:270px;color:#164d46;font-weight:650;font-size:var(--text-scale-15)}
.hero-assistant-invitation small{font-size:var(--text-caption);color:#71867e;font-weight:400;line-height:1.4}
.assistant-conversation-symbol{width:35px;height:35px;background:#e5f3ed;display:grid;place-items:center;border-radius:50%}
.assistant-conversation-symbol .icon{width:20px;height:20px}
.hero-assistant-invitation button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:none;color:#067471;font:inherit;font-size:var(--text-scale-12);cursor:pointer;padding:8px 0}
.hero-assistant-invitation button .icon{width:16px;height:16px}
/* Filters share the bank universe's teal palette across both comparison views. */
.banks-page{--filter-accent:#067471;--filter-surface:#eaf5f4;--filter-selected:#dcefed;--filter-border:#b8d8d5;--filter-ink:#164e4c}
.banks-page .comparison-filterbar,.banks-page .filter-home>.comparison-filterbar{background:var(--filter-surface);border-color:var(--filter-border);scrollbar-color:var(--filter-border) transparent}
.banks-page #filter-dialog[open]{background:var(--filter-surface);border-color:var(--filter-border)}
.banks-page #filter-dialog-content .comparison-filterbar{background:transparent}
.banks-page .filter-dropdown>summary,.banks-page .filterbar-search input,.banks-page #filter-dialog-content .card-range{border-color:var(--filter-border)}
.banks-page .filter-dropdown[open]>summary,.banks-page .filter-dropdown.has-selection>summary{background:var(--filter-selected);border-color:#7fb7b3;color:var(--filter-ink)}
.banks-page .filter-group-count,.banks-page .mobile-filter-launch>[data-filter-total]{background:#bfe3df;color:var(--filter-ink)}
.banks-page #active-filters button{background:var(--filter-selected);border-color:var(--filter-border);color:var(--filter-ink)}
.banks-page #active-filters button:hover{background:#cce6e3}

/* A single stable filter layout: priorities first, then framed budget controls. */
.filterbar-priority{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:14px;margin-bottom:16px}.filterbar-priority .filterbar-bottom{margin:0;min-height:54px;padding:5px 0}.filter-range-panel{margin:0 0 16px;padding:18px 20px 16px;border:1px solid var(--filter-border,#cbdfd1);border-radius:14px;background:#fff;box-shadow:0 6px 22px #164c3810}.filter-range-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e1ebe6}.filter-range-heading strong{color:var(--filter-ink,#164e4c);font-size:var(--text-scale-14-4)}.filter-range-heading span{color:#698078;font-size:var(--text-scale-12);line-height:1.4;text-align:right}.filter-range-panel .card-range-grid{margin:0}.filter-range-panel .card-range{padding:0 20px;border-right:1px solid #e1ebe6}.filter-range-panel .card-range:first-child{padding-left:0}.filter-range-panel .card-range:last-child{padding-right:0;border-right:0}
.filterbar-priority .filterbar-bottom:has(#active-filters:empty):has(#reset-filters:disabled){display:none}
@media(max-width:767px){#filter-dialog-content .filterbar-priority{grid-template-columns:1fr;gap:9px;margin-bottom:12px}#filter-dialog-content .filter-range-panel{padding:15px;margin-bottom:14px}#filter-dialog-content .filter-range-heading{display:block;margin-bottom:13px}#filter-dialog-content .filter-range-heading span{display:block;margin-top:4px;text-align:left}#filter-dialog-content .filter-range-panel .card-range{padding:14px;border:1px solid var(--filter-border);border-radius:10px}#filter-dialog-content .filter-range-panel .card-range:first-child,#filter-dialog-content .filter-range-panel .card-range:last-child{padding:14px}}
@media(min-width:1200px){.comparison-workspace>.filter-home{position:sticky;top:calc(var(--comparison-header-height,92px) + 14px);max-height:calc(100dvh - var(--comparison-header-height,92px) - 28px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--filter-border,#b8d8d5) transparent;padding-right:3px}.filter-home>.comparison-filterbar .filterbar-top{margin-bottom:13px}.filter-home>.comparison-filterbar .filterbar-title{font-size:var(--text-scale-15-04);letter-spacing:-.025em;white-space:nowrap;gap:7px}.filter-home>.comparison-filterbar .filterbar-title .icon{width:16px;height:16px}.filter-home>.comparison-filterbar .filterbar-search{margin-top:12px}.filter-home>.comparison-filterbar .filterbar-priority{grid-template-columns:1fr;gap:8px}.filter-home>.comparison-filterbar .filterbar-priority .filterbar-bottom{min-height:0;padding:3px 0}.filter-home>.comparison-filterbar .filter-sort-menu>summary{min-height:44px;padding:8px 11px}.filter-home>.comparison-filterbar .filter-sort-menu .sort-summary{flex-direction:row;align-items:baseline;gap:5px}.filter-home>.comparison-filterbar .filter-sort-menu .sort-summary small{font-size:var(--text-caption)}.filter-home>.comparison-filterbar .filter-range-panel{padding:12px 13px}.filter-home>.comparison-filterbar .filter-range-panel .card-range-grid{gap:14px;margin:0}.filter-home>.comparison-filterbar .filter-range-heading{display:block;margin-bottom:9px;padding-bottom:9px}.filter-home>.comparison-filterbar .filter-range-heading span{display:block;margin-top:3px;text-align:left}.filter-home>.comparison-filterbar .filter-range-panel .card-range{padding:0 0 13px;border-right:0;border-bottom:1px solid #e1ebe6}.filter-home>.comparison-filterbar .filter-range-panel .card-range:last-child{padding-bottom:0;border-bottom:0}.filter-home>.comparison-filterbar .filter-range-panel .card-range legend{line-height:1.25;margin:0}.filter-home>.comparison-filterbar .filter-range-panel .card-range output{min-height:0;margin-top:2px;line-height:1.25}.filter-home>.comparison-filterbar .filter-range-panel .card-range input[type=range]{height:28px;margin:1px 0 0}.filter-home>.comparison-filterbar .filter-range-panel .annual-sliders{height:28px;margin:1px 0 0}.filter-home>.comparison-filterbar .filter-range-panel .annual-sliders input[type=range]{height:28px}}
.banks-page .filter-option input{accent-color:var(--filter-accent)}
.banks-page .filter-dropdown-panel .filter-option:hover{color:var(--filter-accent)}
.banks-page .sort-option:has(input:checked){background:var(--filter-selected);color:var(--filter-ink)}
.banks-page .sort-option:hover{background:var(--filter-surface)}
.banks-page .filter-done{background:var(--filter-surface);border-color:var(--filter-border);color:var(--filter-accent)}
.banks-page .filter-dropdown-panel[popover],.banks-page #filter-dialog-content .filter-dropdown-panel{border-color:var(--filter-border)}
.banks-page .filter-home>.comparison-filterbar .card-range{border-color:var(--filter-border)}
.banks-page .filter-dialog-heading,.banks-page .filter-dialog-footer{border-color:var(--filter-border)}
.banks-page .filter-dialog-heading button{background:var(--filter-surface);border-color:var(--filter-border);color:var(--filter-accent)}
.banks-page .filter-dialog-footer button,.banks-page .mobile-filter-launch{background:var(--filter-accent);border-color:#055f5d}
.banks-page .mobile-result-count{color:#e3f3f1}
.banks-page .comparison-filterbar :focus-visible{outline-color:#65aba6}
.banks-page .sort-option:has(input:focus-visible){outline-color:var(--filter-accent)}
.banks-page #filter-dialog-content .filter-dropdown[open]>summary,.banks-page #filter-dialog-content .filter-dropdown.has-selection>summary{background:var(--filter-selected);border-color:#7fb7b3;color:var(--filter-ink)}
.bank-chat-skip{grid-column:1/-1;font-size:var(--text-scale-11);padding-block:7px}
.bank-chat-result{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;background:white;border:1px solid #8cbbb3;border-radius:16px;box-shadow:0 5px 20px #0674710a;animation:yaka-bubble-enter .3s ease}
.bank-chat-result img{width:145px;height:65px;object-fit:contain;object-position:left center}
.bank-chat-result strong{font-size:var(--text-scale-16);color:#164e4c;line-height:1.4}
.bank-chat-result p{font-size:var(--text-body);color:#698176;line-height:var(--leading-body);margin:0}

/* A living turquoise surface draws attention to the conversation entry point. */
.hero-assistant-conversation{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(110deg,#e4f7f2 0%,#d3eee9 53%,#bfe9e2 100%);border-top:1px solid #8acdc2}
.hero-assistant-conversation:before,.hero-assistant-conversation:after{content:'';position:absolute;pointer-events:none;z-index:0;animation-play-state:paused}
.hero-assistant-conversation:before{width:75%;height:430px;left:-22%;top:50%;margin-top:-215px;background:radial-gradient(ellipse at center,#69d5c8a6 0%,#a1e9d35c 35%,#b2ece300 69%);animation:yaka-assistant-halo 9s ease-in-out infinite alternate;animation-play-state:paused}
.hero-assistant-conversation:after{width:75%;height:390px;right:-12%;bottom:-305px;border:2px solid #06747126;border-radius:48% 52% 42% 58%;box-shadow:0 0 0 26px #06747108,0 0 0 53px #ffffff38,0 0 0 80px #06747107;transform:rotate(-12deg);animation:yaka-assistant-wave 11s ease-in-out infinite alternate;animation-play-state:paused}
.hero-assistant-conversation>div{position:relative;z-index:1}
.hero-assistant-conversation .hero-assistant-icon{box-shadow:0 5px 20px #06747120}
.hero-assistant-conversation .hero-assistant-icon:before{content:'';position:absolute;inset:-5px;border:1px solid #06747165;border-radius:20px;animation:yaka-assistant-signal 3.8s ease-out infinite;animation-play-state:paused;pointer-events:none}
.hero-assistant-conversation.is-ambient-active:before,.hero-assistant-conversation.is-ambient-active:after,.hero-assistant-conversation.is-ambient-active .hero-assistant-icon:before{animation-play-state:running}
.hero-assistant-conversation .hero-assistant-label{color:#075e59}
.hero-assistant-conversation .hero-assistant-copy h2{color:#103f3b}
.hero-assistant-conversation .hero-assistant-copy p{color:#375f57}
.hero-assistant-conversation .assistant-intro-choices button{background:#ffffffed;border-color:#82bcb2;box-shadow:0 3px 9px #06747109;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.hero-assistant-conversation .assistant-intro-choices button:hover{background:white;border-color:#067471;transform:translateY(-3px);box-shadow:0 7px 18px #06747120}
.hero-assistant-conversation .hero-assistant-invitation{border-left-color:#67aaa04d}
.hero-assistant-conversation .hero-assistant-invitation small{color:#396d62}
.hero-assistant-conversation .assistant-conversation-symbol{background:#ffffffb3}
.hero-assistant-conversation .hero-assistant-invitation button{background:#067471;color:#fff;border:1px solid #067471;border-radius:10px;padding:12px 14px;box-shadow:0 5px 14px #0674711c;transition:background .2s,box-shadow .2s}
.hero-assistant-conversation .hero-assistant-invitation button:hover{background:#055d59;box-shadow:0 7px 20px #06747130}
@keyframes yaka-assistant-halo{0%{transform:translateX(0) scale(.85);opacity:.6}50%{opacity:1}100%{transform:translateX(90%) scale(1.15);opacity:.75}}
@keyframes yaka-assistant-wave{0%{transform:translate(-5%,12px) rotate(-12deg) scale(.94)}100%{transform:translate(8%,-42px) rotate(4deg) scale(1.08)}}
@keyframes yaka-assistant-signal{0%{transform:scale(.96);opacity:0}12%{opacity:.75}75%,100%{transform:scale(1.4);opacity:0}}
@media(max-width:700px){.hero-assistant-conversation:before{width:140%;left:-75%}.hero-assistant-conversation:after{width:130%;right:-55%;bottom:-320px}.hero-assistant-conversation .hero-assistant-icon:before{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.hero-assistant-conversation:before,.hero-assistant-conversation:after,.hero-assistant-conversation .hero-assistant-icon:before{animation:none!important}.hero-assistant-conversation .hero-assistant-icon:before{opacity:.3}.hero-assistant-conversation .assistant-intro-choices button:hover{transform:none}}

/* The hero assistant carries the same presence dot as the conversation panel. */
.hero-assistant-conversation .hero-assistant-icon:after{content:'';position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:3px solid #e4f7f2;border-radius:50%;background:#44ba87;box-shadow:0 0 0 1px #06747118;pointer-events:none;animation:yaka-assistant-presence 2.6s ease-in-out infinite;animation-play-state:paused}
.hero-assistant-conversation.is-ambient-active .hero-assistant-icon:after{animation-play-state:running}
@keyframes yaka-assistant-presence{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){.hero-assistant-conversation .hero-assistant-icon:after{animation:none!important;opacity:1;transform:none}}

/* Welcome offers stay visible, with their terms beneath the comparison row. */
.bank-welcome-bonus,.card-welcome-bonus{display:inline-block;align-self:end;justify-self:end;background:#e0f1eb;border:1px solid #a9ccc1;color:#075e56;border-radius:7px;padding:6px 9px;font-size:var(--text-scale-12);font-weight:750;line-height:1.25}
.bank-row-actions:has(.bank-welcome-bonus){gap:9px}
.welcome-offer-note{display:flex;align-items:baseline;gap:8px;margin:0;padding:9px 20px;border-top:1px solid #d9e9e3;background:#f4faf7;color:#5d776b;font-size:var(--text-scale-11);line-height:1.5}
.welcome-offer-note strong{flex:none;font-size:var(--text-scale-10);color:#296856;font-weight:700}
.welcome-offer-note span{min-width:0;overflow-wrap:anywhere}

/* Shorter card rows: compact identity, useful specs and an immediate offer link. */
@media(min-width:768px){
 .cards-view .workspace-cards .card-comparison-main{grid-template-columns:145px minmax(0,1fr) 170px;gap:18px;padding:15px 20px}
 .cards-view .card-provider{height:46px;margin-bottom:3px}
 .cards-view .card-provider>img{width:120px;height:50px}
 .cards-view .workspace-cards .comparison-card-image{display:block;width:140px;height:87px}
 .cards-view .card-comparison-identity .card-offer-title{font-size:var(--text-scale-14);line-height:1.25;margin-top:6px}
 .cards-view .card-comparison-identity .comparison-bank-note{display:block;text-align:left;font-size:var(--text-scale-10);line-height:1.3;margin-top:5px}
 .cards-view .workspace-cards .card-comparison-specs>div{padding:11px 9px}
 .cards-view .card-comparison-specs dt{font-size:var(--text-scale-12);margin-bottom:6px;line-height:1.3}
 .cards-view .card-comparison-specs dd{font-size:var(--text-scale-14);line-height:1.35}
 .cards-view .card-comparison-specs dd small{font-size:var(--text-caption)}
 .cards-view .card-comparison-action{gap:7px}
 .cards-view .comparison-card-cost>strong{font-size:var(--text-scale-27-2);line-height:1.15}
 .cards-view .comparison-card-cost>small{font-size:var(--text-caption);line-height:1.35;margin-top:2px}
 .cards-view .card-comparison-action .bank-direct-link{min-height:42px;padding:11px 13px;font-size:var(--text-scale-13)}
 .cards-view .card-conditions-toggle{padding:4px 0;min-height:25px;gap:6px;font-size:var(--text-scale-12);white-space:nowrap}
 .cards-view .card-conditions-toggle .icon{width:14px;height:14px}
 .cards-view .card-comparison-row{margin-bottom:18px}
}
@media(min-width:1451px){.cards-view .workspace-cards .card-comparison-main{grid-template-columns:155px minmax(0,1fr) 180px;gap:24px}}
@media(min-width:768px) and (max-width:900px){.cards-view .workspace-cards .card-comparison-main{grid-template-columns:127px minmax(0,1fr) 156px;gap:12px;padding:14px 16px}.cards-view .workspace-cards .comparison-card-image{width:125px;height:82px}.cards-view .workspace-cards .card-comparison-specs>div{padding:9px 7px}}
@media(max-width:767px){
 .cards-view .card-comparison-main{padding:15px 16px;gap:13px}
 .cards-view .card-comparison-identity{gap:5px 12px}
 .cards-view .card-comparison-identity .card-offer-title{font-size:var(--text-scale-16)}
 .cards-view .card-comparison-identity .comparison-bank-note{grid-column:1/-1;text-align:left;font-size:var(--text-scale-10);margin:2px 0 0}
 .cards-view .card-comparison-specs>div:nth-child(n){padding:10px 9px}
 .cards-view .card-comparison-specs dt{margin-bottom:5px}
 .cards-view .card-comparison-action{gap:7px}
 .cards-view .comparison-card-cost>strong{font-size:var(--text-scale-30-4)}
 .cards-view .card-conditions-toggle{min-height:34px;padding:4px}
 .welcome-offer-note{padding:9px 16px;display:block}
 .welcome-offer-note strong{display:block;margin-bottom:3px}
 .bank-welcome-bonus{justify-self:center;align-self:center}
}

/* Offer CTAs use the bank universe accent in both comparison views. */
.banks-page .bank-direct-link,.banks-page .offer-bottom>a{background:var(--brand-logo-accent,#067471);border-color:var(--brand-logo-accent,#067471);color:#fff;box-shadow:0 3px 9px #0674711a}
.banks-page .bank-direct-link:hover,.banks-page .offer-bottom>a:hover{background:#055f5d;border-color:#055f5d}
.banks-page .bank-direct-link:focus-visible,.banks-page .offer-bottom>a:focus-visible{outline:3px solid #65aba6;outline-offset:3px}
.banks-page .bank-review-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;color:#146a65;font-size:var(--text-scale-13);font-weight:750;line-height:1.3;text-align:center}
.banks-page .bank-review-link .icon{width:15px;height:15px;transition:transform .2s}
.banks-page .bank-review-link:hover{color:#084f4b;text-decoration:underline;text-underline-offset:3px}
.banks-page .bank-review-link:hover .icon{transform:translateX(3px)}
.banks-page .bank-review-link:focus-visible{outline:3px solid #65aba6;outline-offset:3px;border-radius:6px}

/* Compact mobile comparisons, with the bank universe on every fact tile. */
@media(max-width:767px){
 .cards-view .card-comparison-main{padding:13px 14px;gap:11px}
 .cards-view .card-comparison-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0;border:0;background:none;border-radius:0}
 .cards-view .card-comparison-specs>div:nth-child(n){padding:9px 5px;border:1px solid #c6e1de;border-radius:8px;background:#eaf5f4;display:flex;flex-direction:column;justify-content:center}
 .cards-view .card-comparison-specs dt{font-size:var(--text-scale-11);color:#426b68;line-height:1.3;margin-bottom:5px}
 .cards-view .card-comparison-specs dd{font-size:var(--text-scale-13);line-height:1.3;color:#164e4c}
 .cards-view .card-comparison-specs dd small{font-size:var(--text-caption);color:#426b68}
 .cards-view .card-comparison-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center}
 .cards-view .comparison-card-cost{grid-column:1;grid-row:1;text-align:left;order:0}
 .cards-view .comparison-card-cost>strong{font-size:var(--text-scale-28);line-height:1.15}
 .cards-view .comparison-card-cost>small{font-size:var(--text-caption);line-height:1.35;margin-top:3px}
 .cards-view .card-welcome-bonus{grid-column:2;grid-row:1;align-self:center;max-width:120px;text-align:center;padding:6px 8px;font-size:var(--text-scale-11);background:#dcefed;border-color:#aacfc9;color:#075e59}
 .cards-view .card-comparison-action .bank-direct-link,.cards-view .card-comparison-action .bank-link-unavailable{grid-column:1/-1;min-height:46px;padding:12px 15px}
 .cards-view .card-comparison-action .bank-review-link{grid-column:1/-1}
 .cards-view .card-conditions-toggle{grid-column:1/-1;min-height:36px;padding:6px;font-size:var(--text-scale-13)}
 .banks-page .welcome-offer-note{padding:8px 14px;font-size:var(--text-scale-10);line-height:1.4;background:#f1f8f7;border-color:#d1e6e2}
 .banks-page .welcome-offer-note strong{display:inline;margin:0 5px 0 0;color:#286660}
 .banks-page .card-comparison-row{margin-bottom:15px}
}
@media(max-width:600px){
 .bank-overview-row{padding:14px;gap:12px}
 .default-offer-copy{padding-top:12px}
 .compact-default-offer h3{margin-bottom:5px}
 .compact-offer-price>strong{font-size:var(--text-scale-32)}
 .compact-offer-price>small{margin-top:4px;font-size:var(--text-caption)}
 .mobile-offer-facts{margin-top:12px;padding:0;gap:5px;background:none;border:0;border-radius:0}
 .mobile-offer-facts>div{padding:9px 5px;gap:5px;background:#eaf5f4;border:1px solid #c6e1de;border-radius:8px}
 .mobile-offer-facts>div+div{border-left:1px solid #c6e1de}
 .mobile-offer-facts .icon{width:17px;height:17px;color:#067471}
 .mobile-offer-facts span{font-size:var(--text-scale-11);min-height:29px;color:#426b68}
 .mobile-offer-facts strong{font-size:var(--text-scale-13);color:#164e4c}
 .bank-row-actions:has(.bank-welcome-bonus){gap:7px}
 .bank-row-actions .bank-direct-link{min-height:46px;padding:12px 15px}
 .bank-row-benefits{padding-top:10px;margin-top:-4px}
 .bank-services-toggle{min-height:36px;margin-top:2px}
 .bank-welcome-bonus{background:#dcefed;border-color:#aacfc9;color:#075e59;font-size:var(--text-scale-11);padding:5px 8px}
}
@media(max-width:359px){.cards-view .card-comparison-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){
 .cards-view .card-comparison-identity{text-align:center}
 .cards-view .card-provider{justify-content:center}
 .cards-view .card-provider>img{object-position:center}
 .cards-view .workspace-cards .comparison-card-image{margin-inline:auto}
 .cards-view .card-comparison-identity .card-offer-title,.cards-view .card-comparison-identity .comparison-bank-note{text-align:center}
}

/* Two connected spaces: the bank universe and a conversation ready to start. */
.banks-page .catalogue{padding-top:16px}
.banks-page .listing-view-switch{margin-bottom:18px;gap:24px}
.banks-page .listing-view-switch>a{padding-block:15px 13px}
.banks-page .listing-view-switch>span{font-size:var(--text-scale-13);font-weight:650;color:#375f59}
@media(min-width:1101px){
 .comparison-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;padding:22px 24px 0;align-items:stretch;overflow:clip}
 .comparison-hero-panel .comparison-intro-layout{grid-template-columns:minmax(0,1fr) 36%;gap:0;padding:12px 0 0;align-items:center;min-width:0}
 .comparison-hero-panel .comparison-editorial{position:relative;z-index:2;padding-bottom:28px}
 .banks-page .comparison-hero-panel h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title);margin-bottom:21px;letter-spacing:-.055em}
 .comparison-hero-panel .comparison-eyebrow{font-size:var(--text-eyebrow);gap:8px;letter-spacing:.08em;margin-bottom:22px}
 .comparison-hero-panel .editorial-separator{width:16px}
 .comparison-hero-panel .comparison-intro-copy{font-size:var(--text-lead);line-height:var(--leading-lead);margin-bottom:22px;max-width:380px}
 .comparison-hero-panel .comparison-facts{gap:28px;padding-top:17px;max-width:380px}
 .comparison-hero-panel .comparison-facts strong{font-size:var(--text-scale-32)}
 .comparison-hero-panel .comparison-portrait{height:340px;overflow:visible;pointer-events:none}
 .comparison-hero-panel .comparison-portrait>img{height:440px;top:3px;left:calc(48% - 22px)}
 .comparison-hero-panel .portrait-bang{font-size:var(--text-scale-355);right:-3px;top:-34px}
 .comparison-hero-panel .hero-assistant-conversation{display:flex;flex-direction:column;align-items:stretch;align-self:center;margin:0 0 22px;padding:22px;gap:15px;border:1px solid #8fc8bf;border-radius:22px;box-shadow:0 9px 26px #125a5010;min-width:0}
 .comparison-hero-panel .hero-assistant-icon{position:absolute;left:22px;top:22px;width:44px;height:44px;border-radius:13px}
 .comparison-hero-panel .hero-assistant-icon>.icon{width:26px;height:26px}
 .comparison-hero-panel .hero-assistant-label{display:flex;align-items:center;min-height:44px;padding-left:58px;margin-bottom:18px;font-size:var(--text-scale-10);line-height:1.5;letter-spacing:.07em;max-width:290px}
 .comparison-hero-panel .assistant-intro-messages{min-height:100px;padding:15px 17px;border:1px solid #ffffffb3;background:#ffffffd9;border-radius:3px 17px 17px 17px;box-shadow:0 3px 10px #06747108}
 .comparison-hero-panel .assistant-intro-typing{left:18px;top:22px}
 .comparison-hero-panel .hero-assistant-copy h2{font-size:var(--text-assistant-question);line-height:var(--leading-assistant-question);margin-bottom:10px;letter-spacing:-.02em}
 .comparison-hero-panel .hero-assistant-copy p{font-size:var(--text-assistant-answer);line-height:var(--leading-assistant-answer)}
 .comparison-hero-panel .assistant-intro-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0 14px}
 .comparison-hero-panel .assistant-intro-choices button{justify-content:space-between;gap:8px;padding:12px;font-size:var(--text-assistant-choice);min-height:43px;border-radius:11px 3px 11px 11px;line-height:var(--leading-assistant-choice)}
 .comparison-hero-panel .assistant-intro-choices button:last-child{grid-column:1/-1}
 .comparison-hero-panel .hero-assistant-invitation{display:block;align-self:stretch;max-width:none;padding:0;border:0}
 .comparison-hero-panel .hero-assistant-invitation>span{display:none}
 .comparison-hero-panel .hero-assistant-invitation button{width:100%;min-height:44px;font-size:var(--text-scale-13)}
}
@media(min-width:1500px){
 .comparison-hero-panel{grid-template-columns:minmax(0,1fr) 420px;gap:30px;padding-inline:32px}
 .comparison-hero-panel .comparison-intro-layout{grid-template-columns:minmax(0,1fr) 40%}
 .comparison-hero-panel .comparison-portrait{height:365px}
 .comparison-hero-panel .comparison-portrait>img{height:485px}
 .banks-page .comparison-hero-panel h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title)}
}

/* A full-width universe banner includes the breadcrumb and both hero spaces. */
.banks-page .comparison-intro{background:#edf6f3;border-bottom:1px solid #c9e0d8;overflow:clip}
.banks-page .comparison-crumbs{padding-top:19px;color:#68877d}
.banks-page .comparison-hero-panel{margin:0;padding:18px 0 0;background:transparent;border:0;border-radius:0;overflow:clip}
@media(max-width:1100px){
 .comparison-hero-panel .hero-assistant-conversation{margin:0 0 22px;border:1px solid #8fc8bf;border-radius:18px}
 .comparison-hero-panel .comparison-intro-layout{padding-top:8px}
}
@media(max-width:700px){
 .banks-page .comparison-crumbs{padding-top:16px}
 .banks-page .comparison-hero-panel{padding-top:12px}
 .comparison-hero-panel .hero-assistant-conversation{padding:20px 16px;margin-bottom:18px}
}

/* Stronger headline proportions, with Yaka's expressive punctuation. */
.banks-page h1 .editorial-bang{transform:rotate(12deg) scale(1.15);transform-origin:50% 85%}
@media(min-width:1101px){
 .banks-page .comparison-hero-panel h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:-.06em}
}
@media(max-width:700px){
 .banks-page .comparison-hero-panel h1.editorial-title{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:-.06em;margin-bottom:23px}
}

/* Keep the full search heading readable, with a server-rendered current year. */
.banks-page .comparison-hero-panel h1.bank-search-title{font-size:var(--text-fluid-009);line-height:1.1;letter-spacing:-.045em}
.bank-search-title .bank-title-line{display:block;color:#153d39}
.banks-page .bank-search-title .editorial-title-accent{font-size:.92em;white-space:nowrap;margin-top:4px}
@media(max-width:700px){
 .banks-page .comparison-hero-panel h1.bank-search-title{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:-.045em}
}

/* A bolder Yaka stage: deep teal, cut-paper shapes and coral punctuation. */
.banks-page .comparison-intro{position:relative;isolation:isolate;background:#073f3d;border-bottom:0;color:#fff}
.banks-page .comparison-intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 52%,#0b655c 52% 66%,transparent 66%);opacity:.7}
.banks-page .comparison-crumbs,.banks-page .comparison-crumbs>span:last-child{color:#b0cec7}
.banks-page .comparison-crumbs>a:hover{color:#fff}
.comparison-hero-panel .comparison-eyebrow{color:#c0e3db}
.comparison-hero-panel .editorial-index{background:#b9e9d7;color:#073f3d}
.comparison-hero-panel .editorial-separator{background:#73a69b}
.banks-page .comparison-hero-panel h1.editorial-title,.banks-page .bank-search-title .bank-title-line{color:#fffaf0}
.banks-page .comparison-hero-panel h1.editorial-title>.editorial-title-accent{color:#8ce0c9}
.comparison-hero-panel .editorial-title-accent:after{background:#72c1ac;height:3px;opacity:.5}
.banks-page .comparison-hero-panel h1 .comparison-year{display:inline-block;background:#b9e9d7;color:#073f3d;padding:0 .13em .03em;border-radius:2px;transform:rotate(-4deg);margin-inline:.04em;font-size:.92em;line-height:1.04;letter-spacing:-.05em}
.comparison-hero-panel .comparison-intro-copy{color:#c0d8d0}
.comparison-hero-panel .comparison-facts{border-top-color:#ffffff26}
.comparison-hero-panel .comparison-facts strong{color:#b9e9d7}
.comparison-hero-panel .comparison-facts span{color:#bad3cb}
.comparison-hero-panel .comparison-portrait:before{content:'';position:absolute;inset:35px -4px -60px 0;background:#8ce0c9;border-radius:46% 46% 0 0;transform:rotate(-9deg);z-index:-1}
.comparison-hero-panel .portrait-bang{color:#ec6854;opacity:1;right:-8px;top:-37px;transform:rotate(14deg)}
@media(min-width:1101px){
 .banks-page .comparison-hero-panel h1.bank-search-title{font-size:var(--text-title);line-height:var(--leading-title)}
 .comparison-hero-panel .hero-assistant-conversation{box-shadow:0 15px 34px #002d2a40;border-color:#ffffff80}
}
@media(max-width:700px){
 .banks-page .comparison-intro:before{background:linear-gradient(115deg,transparent 0 55%,#0b655c 55% 75%,transparent 75%);opacity:.45}
 .banks-page .comparison-hero-panel h1.bank-search-title{line-height:1.17}
 .banks-page .comparison-hero-panel{padding-bottom:18px}
 .comparison-hero-panel .hero-assistant-conversation{margin-bottom:0}
}

/* Give the comparison itself a strong entry point and larger card artwork. */
@media(min-width:768px){
 .banks-page .catalogue{padding-top:22px}
 .banks-page .listing-view-switch{padding-bottom:0;margin-bottom:20px;gap:24px;align-items:center}
 .banks-page .listing-view-switch>span{font-family:inherit;font-size:var(--text-scale-13);font-weight:650;letter-spacing:normal;color:#375f59;margin-right:auto}
 .banks-page .listing-view-switch>a{border:0;border-radius:0;padding:15px 0 13px;font-size:var(--text-scale-13);background:transparent;box-shadow:none}
 .banks-page .listing-view-switch>a[aria-current]{background:transparent;color:#067471;border:0}
 .banks-page .listing-view-switch>a[aria-current]:after{display:block}
 .banks-page .listing-view-switch>a:not([aria-current]):hover{background:transparent;color:#067471}
}
@media(min-width:901px){
 .default-card-visual,.default-card-visual>img{width:160px}
 .default-card-visual>img{height:106px}
 .cards-view .workspace-cards .card-comparison-main{grid-template-columns:215px minmax(0,1fr) 170px}
 .cards-view .workspace-cards .comparison-card-image{width:210px;height:133px}
 .cards-view .card-comparison-identity .card-offer-title{font-size:var(--text-scale-15);margin-top:8px}
 .cards-view .card-comparison-identity .comparison-bank-note{font-size:var(--text-scale-11)}
 .cards-view .card-provider>img{width:135px;height:50px}
 .cards-view .card-comparison-specs{background:#f0f7f5;border:1px solid #d7e6e0;border-radius:10px;padding:4px}
 .cards-view .card-comparison-specs>div:nth-child(n){border-color:#d7e6e0}
}
@media(min-width:1451px){
 .cards-view .workspace-cards .card-comparison-main{grid-template-columns:235px minmax(0,1fr) 180px}
 .cards-view .workspace-cards .comparison-card-image{width:230px;height:146px}
}

/* Full-width tinted canvas under the white comparison rows. */
.banks-page main{background:#e8f0ed}
.banks-page .catalogue{padding-bottom:28px}

/* Keep the bank row focused on its offer, with a compact numeric rating. */
.compact-bank-score{display:inline-flex;align-items:baseline;gap:3px;width:fit-content;padding:5px 9px;border:1px solid #b2d8cc;border-radius:6px;background:#e3f2eb;color:#447264;line-height:1}
.compact-bank-score strong{font-family:var(--font-heading);font-size:var(--text-scale-17);font-weight:800;margin:0;color:#075b55}
.compact-bank-score>span{font-size:var(--text-scale-11);font-weight:600}
.compact-bank-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.compact-bank-brand>img{object-position:center}
.compact-bank-score{align-self:center}
.banks-page .bank-row-actions{gap:7px}
.banks-page .bank-row-actions .bank-direct-link{padding:10px 14px;min-height:42px;font-size:var(--text-scale-14)}
.banks-page .bank-row-actions .bank-overview-action{font-size:var(--text-scale-12);font-weight:600;padding:5px 2px;min-height:30px}
.banks-page .bank-overview>.welcome-offer-note strong{font-size:var(--text-scale-12);color:#075b55}
@media(max-width:600px){.banks-page .bank-row-actions .bank-direct-link{min-height:44px}.banks-page .bank-row-actions .bank-overview-action{min-height:36px}}
@media(min-width:601px){
 .compact-default-offer h3{font-size:var(--text-scale-18);line-height:1.25;margin-bottom:12px;color:#153d39}
 .compact-offer-price{margin-top:12px}
 .compact-offer-price>strong{font-size:var(--text-scale-32);color:#153d39}
 .compact-offer-price>small{font-size:var(--text-caption);color:#537165;margin-top:3px}
}

/* Restore outlined filter controls, without the curved accent across the top. */
@media(min-width:1451px){.bank-row-benefits{margin-left:-32px;padding-left:16px}}
@media(min-width:601px) and (max-width:1450px){.bank-row-benefits{margin-left:-32px}}
.banks-page .comparison-filterbar,.banks-page .filter-home>.comparison-filterbar{background:#fff;border:1px solid #bfd2c9;border-radius:8px;box-shadow:0 4px 14px #174a3a06}
.banks-page .filter-dropdown>summary{background:#f7faf8;border-color:#bfd4c9;border-radius:8px}
.banks-page .filter-dropdown>summary:hover{border-color:#7cae9b;background:#edf6f1}
.banks-page .filterbar-search input{background:#fff;border-color:#bfd4c9}
.banks-page #filter-dialog-content .comparison-filterbar{background:transparent;border:0;box-shadow:none}

/* Stable columns prevent layout shifts while the hero counters count up. */
.comparison-hero-panel .comparison-facts{display:grid;grid-template-columns:.8fr .8fr 1.4fr;align-items:start;gap:14px;max-width:430px}
.comparison-hero-panel .comparison-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.comparison-hero-panel .comparison-facts strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:var(--text-scale-32)}
.comparison-hero-panel .comparison-facts>div+div{border-left:1px solid #b9e9d730;padding-left:16px}
@media(max-width:700px){.comparison-hero-panel .comparison-facts{gap:10px}.comparison-hero-panel .comparison-facts strong{font-size:var(--text-scale-29-6)}}
@media(max-width:700px){.comparison-hero-panel .comparison-facts>div+div{padding-left:12px}}

/* Allocate more of the desktop hero to the longer card comparison heading. */
@media(min-width:1101px){
 .cards-view .comparison-hero-panel{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
 .cards-view .comparison-hero-panel .comparison-intro-layout{grid-template-columns:minmax(0,1fr) 29%}
 .cards-view .comparison-hero-panel .comparison-portrait>img{left:calc(54% - 45px);height:415px}
 .cards-view .comparison-hero-panel .comparison-portrait:before{left:-10px;right:-15px}
 .cards-view .card-search-title .bank-title-line{white-space:nowrap}
}
@media(min-width:1500px){
 .cards-view .comparison-hero-panel{grid-template-columns:minmax(0,1fr) 400px;gap:24px}
 .cards-view .comparison-hero-panel .comparison-intro-layout{grid-template-columns:minmax(0,1fr) 34%}
 .cards-view .comparison-hero-panel .comparison-portrait>img{height:465px;left:calc(50% - 20px)}
}

/* Keep the Yaka couple visually level with the assistant panel on desktop. */
@media(min-width:1200px){
 .comparison-hero-panel .comparison-portrait>img{height:500px}
 .cards-view .comparison-hero-panel .comparison-portrait>img{height:475px}
}
@media(min-width:1500px){
 .comparison-hero-panel .comparison-portrait>img{height:550px}
 .cards-view .comparison-hero-panel .comparison-portrait>img{height:520px}
}

.toggle-all-offers{display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:7px 0;color:#067471;font:inherit;font-size:var(--text-scale-13);font-weight:650;cursor:pointer;text-align:right}
.toggle-all-offers .icon{width:15px;height:15px;transition:transform .2s}
.toggle-all-offers[aria-expanded=true] .icon{transform:rotate(180deg)}
.toggle-all-offers:hover span{text-decoration:underline;text-underline-offset:4px}
.toggle-all-offers:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.banks-page .results-heading{flex-wrap:wrap;gap:5px 12px}.toggle-all-offers{font-size:var(--text-scale-12);min-height:40px}}

.offer-summary-fact{display:none}
@media(min-width:1101px){
 .bank-disclosure .bank-offer>summary{grid-template-columns:minmax(220px,1.4fr) minmax(120px,1fr) minmax(130px,1fr) 130px 75px;gap:16px}
 .bank-disclosure .offer-identity .offer-subtitle{display:none}
 .bank-disclosure .offer-summary-fact{display:flex;flex-direction:column;justify-content:center;gap:7px;align-self:stretch;border-left:1px solid #e1eae5;padding-left:16px}
 .offer-summary-fact>span{font-size:var(--text-scale-11);line-height:1.35;color:#6b8075}
 .offer-summary-fact>strong{font-size:var(--text-scale-13);line-height:1.4;font-weight:700;color:#234a40}
 .offer-summary-fact small{font-size:var(--text-caption);font-weight:500;color:#59776a}
}

/* Yaka's editorial journey: shortlist, real-life needs, guided conversation. */
.comparison-help{color:#123e3b;scroll-margin-top:95px;overflow:clip}
.comparison-help h2{font-size:var(--text-section);line-height:var(--leading-section);letter-spacing:-.05em;margin:18px 0 24px;font-weight:800}
.comparison-help h2 em{font-style:normal;color:#087773}.comparison-help h2>span{color:#f26d5e}
.comparison-help p{font-size:var(--text-body);line-height:var(--leading-body);color:#54716c}
.help-kicker{display:block;font-size:var(--text-eyebrow);letter-spacing:.12em;font-weight:800;color:#087773}
.help-podium-band{position:relative;background:#eef5ef;padding:70px 0 80px;margin-top:0;border-top:0}
.help-podium-band:before{content:'!';position:absolute;color:#e5f4ea;font-weight:900;font-size:var(--text-scale-450);line-height:1;left:35%;top:15px;transform:rotate(12deg);pointer-events:none}
.help-podium-section{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}
.help-podium-intro{max-width:430px}.help-podium-intro>a{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-scale-14);font-weight:700;margin-top:15px;color:#067471;text-decoration:underline;text-underline-offset:6px}
.help-podium{display:flex;align-items:flex-end;gap:15px;border-bottom:2px solid #97bab0;padding-top:35px}
.help-podium-step{flex:1;min-width:0;position:relative;border:1px solid #b9d4c7;border-bottom:0;border-radius:20px 20px 0 0;background:#fff;text-align:center;box-shadow:0 12px 40px #073f3d08}
.help-rank{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#154c47;color:white;border:5px solid white;border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;font-weight:800}.help-rank small{font-size:var(--text-caption)}
.help-podium-body{padding:36px 12px 20px}.help-podium-body img{width:170px;height:80px;max-width:100%;object-fit:contain;margin:auto}.help-podium-body p{margin:18px 0;color:#174d49;font-size:var(--text-scale-14)}.help-podium-body p strong{font-size:var(--text-scale-44-8);letter-spacing:-.06em}
.help-podium-body button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#067471;font:inherit;font-size:var(--text-scale-14);font-weight:700;cursor:pointer;padding:10px 0}
.help-podium-base{display:flex;align-items:center;justify-content:center;height:90px;background:#d5e9e0;font-size:var(--text-scale-64);line-height:1;font-weight:850;color:#6c9c88}.podium-place-1{background:#f4ffed;border-color:#a6d474}.podium-place-1 .help-rank{background:#c4f48c;color:#174d49}.podium-place-1 .help-podium-base{height:155px;background:#087570;color:#c4f48c}.podium-place-3 .help-podium-base{height:55px;font-size:var(--text-scale-44-8)}
.help-needs{position:relative;background:#073f3d;padding:75px 0 60px;color:white}
.help-needs:before{content:'';position:absolute;right:0;top:0;width:34%;height:100%;background:linear-gradient(135deg,transparent 35%,#ffffff04 35%,#ffffff04 60%,transparent 60%);pointer-events:none}
.help-needs .wrap{position:relative}.help-needs .help-kicker{color:#bdebab}.help-needs h2{margin-bottom:0}.help-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.help-section-heading>p{max-width:330px;color:#bcd8d0;font-size:var(--text-body);margin:0 0 6px;line-height:var(--leading-body)}
.help-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-shortcuts>button{display:flex;flex-direction:column;text-align:left;border:1px solid #ffffff2b;border-radius:16px;padding:26px;background:#ffffff08;color:inherit;font:inherit;cursor:pointer;transition:transform .22s,background .22s,border-color .22s}
.help-shortcuts>button:hover{transform:translateY(-5px);background:#ffffff12;border-color:#bdebab}
.need-tile-top{display:flex;justify-content:space-between;align-items:center;color:#c5f490;margin-bottom:26px}.need-tile-top>svg{width:27px;height:27px}.need-tile-top>span{font-size:var(--text-scale-14);color:#aac8bc;font-variant-numeric:tabular-nums}.help-shortcuts strong{font-size:var(--text-scale-20);letter-spacing:-.025em}.help-shortcuts p{font-size:var(--text-body);color:#bfd8d0;margin:10px 0 24px;line-height:var(--leading-body)}.help-shortcut-link{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-scale-14);font-weight:700;color:#c5f490;margin-top:auto;gap:8px}.help-shortcut-link>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bdebab55;border-radius:50%;transition:background .2s}.help-shortcuts>button:hover .help-shortcut-link>span{background:#c5f490;color:#073f3d}.help-needs .help-needs-note{color:#abc7bc;font-size:var(--text-scale-12);margin:25px 0 0;max-width:760px}
.help-assistant-band{background:#c8efdf;position:relative;padding:75px 0 0;isolation:isolate}.help-assistant-band:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 100%,#a0dacc,transparent 60%);z-index:-1}
.help-assistant-layout{display:grid;grid-template-columns:1fr .75fr .92fr;gap:24px;align-items:center}.help-assistant-copy{padding-bottom:65px;z-index:2}.help-assistant-copy h2{font-size:var(--text-section);line-height:var(--leading-section)}.help-assistant-copy p{color:#315e52;max-width:410px}.help-assistant-copy ul{padding:0;list-style:none;margin:24px 0 28px}.help-assistant-copy li{display:flex;gap:8px;align-items:flex-start;font-size:var(--text-body);line-height:var(--leading-body);margin:12px 0}.help-assistant-copy li svg{flex-shrink:0;color:#087773;margin-top:2px}
.help-assistant-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:0;background:#087773;color:white;border-radius:9px;padding:17px 22px;font:inherit;font-weight:700;font-size:var(--text-scale-15);cursor:pointer;box-shadow:0 8px 24px #08777320;transition:background .2s}.help-assistant-cta:hover{background:#073f3d}.help-assistant-copy>small{display:block;font-size:var(--text-caption);margin-top:13px;color:#426c60}
.help-assistant-portrait{position:relative;align-self:end;height:470px;min-width:0;z-index:1}.help-portrait-disc{position:absolute;bottom:25px;left:50%;width:360px;height:360px;border-radius:50%;background:#b2dfbd;transform:translateX(-50%);border:1px solid #75b3a1}.help-assistant-portrait img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:none;width:365px;height:auto}.help-portrait-sticker{position:absolute;bottom:35px;left:50%;transform:translateX(-50%) rotate(-8deg);padding:16px 24px;background:#c5f490;color:#073f3d;border-radius:8px;font-weight:800;font-size:var(--text-scale-22-4);line-height:1.05;white-space:nowrap;box-shadow:0 5px 0 #073f3d}.help-portrait-sticker>span{color:#cf4437}
.help-chat-preview{align-self:center;position:relative;z-index:2;transform:rotate(2deg);background:#fbfffd;border:1px solid #86bca8;border-radius:24px;box-shadow:0 18px 45px #164e3e18;overflow:hidden;margin-bottom:65px}.help-preview-header{display:flex;align-items:center;gap:10px;padding:20px 18px;border-bottom:1px solid #e0ebe5}.help-preview-header>span:first-child{background:#087773;color:white;width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.help-preview-header strong{font-size:var(--text-scale-16);display:block}.help-preview-header strong>span{color:#ed6759}.help-preview-header small{display:block;color:#648479;font-size:var(--text-caption);margin-top:3px}.help-preview-label{font-size:var(--text-scale-10);letter-spacing:.1em;color:#648479;margin-left:auto}
.help-preview-messages{padding:20px 16px 10px;display:flex;flex-direction:column;gap:15px}.preview-bubble{max-width:90%;padding:13px 15px;border-radius:15px;font-size:var(--text-scale-14);line-height:1.5}.preview-bubble-agent{background:#e9f3ee;border-bottom-left-radius:3px;align-self:flex-start}.preview-bubble-person{background:#087773;color:white;border-bottom-right-radius:3px;align-self:flex-end}.help-preview-typing{display:flex;gap:4px;align-items:center;padding:12px 15px;background:#e9f3ee;border-radius:12px;align-self:flex-start}.help-preview-typing i{width:5px;height:5px;background:#6c9588;border-radius:50%;animation:help-typing 1.4s infinite}.help-preview-typing i:nth-child(2){animation-delay:.15s}.help-preview-typing i:nth-child(3){animation-delay:.3s}@keyframes help-typing{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.help-chat-preview>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 22px;color:#087773;background:white;font:inherit;font-weight:700;font-size:var(--text-scale-14);border:0;border-top:1px solid #dfebe4;cursor:pointer}
.help-editorial-bottom{padding-top:80px;padding-bottom:50px}.help-reading{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:0 0 65px;border-bottom:1px solid #bfd4c9;margin-bottom:65px}.help-reading>div{max-width:420px}.help-reading h2{font-size:var(--text-section);line-height:var(--leading-section)}.help-reading ol{list-style:none;padding:0;margin:0}.help-reading li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #c7dad0}.help-reading li:first-child{padding-top:0}.help-reading li:last-child{border:0;padding-bottom:0}.help-reading li>span{color:#087773;font-weight:800;font-size:var(--text-scale-36);line-height:1.1;letter-spacing:-.07em}.help-reading h3{font-size:var(--text-scale-18);margin:0 0 8px}.help-reading li p{font-size:var(--text-body);margin:0;line-height:var(--leading-body)}
.help-answers{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:30px}.help-faq details{border-bottom:1px solid #bcd3c7;scroll-margin-top:110px}.help-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;cursor:pointer;list-style:none;font-size:var(--text-scale-16);font-weight:700}.help-faq summary::-webkit-details-marker{display:none}.help-faq summary svg{flex-shrink:0}.help-faq details[open] summary svg{transform:rotate(45deg)}.help-faq p{margin:0 0 25px;font-size:var(--text-body);line-height:var(--leading-body)}.help-chat-link{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:10px 0;color:#067471;font:inherit;font-size:var(--text-scale-15);font-weight:700;cursor:pointer}
.comparison-help .help-answers .help-faq-title{font-size:var(--text-fluid-010)}
.comparison-help .help-answers .help-faq-title br{display:initial}
.comparison-help button:focus-visible,.comparison-help a:focus-visible,.help-faq summary:focus-visible{outline:3px solid #f17b59;outline-offset:5px}
@media(min-width:1500px){.help-assistant-portrait{height:510px}.help-assistant-portrait img{width:410px}.help-assistant-layout{gap:40px}}
@media(max-width:1100px){.help-podium-section,.help-reading,.help-answers{gap:40px}.help-podium-body{padding:32px 8px 18px}.help-podium-body button{font-size:var(--text-scale-12)}.help-assistant-layout{grid-template-columns:1fr 1fr;column-gap:40px}.help-assistant-copy{grid-column:1;grid-row:1;padding-bottom:30px}.help-assistant-portrait{grid-column:1;grid-row:2;height:260px}.help-assistant-portrait img{width:245px}.help-portrait-disc{width:240px;height:240px;bottom:0}.help-portrait-sticker{left:75%;font-size:var(--text-scale-19-2)}.help-chat-preview{grid-column:2;grid-row:1 / 3;max-width:420px}.help-section-heading{align-items:flex-start}.help-section-heading>p{max-width:240px}.help-shortcuts>button{padding:22px}}
@media(max-width:700px){.comparison-help h2{font-size:var(--text-section);line-height:var(--leading-section)}.help-podium-band{padding:40px 0 45px;margin-top:0}.help-podium-section,.help-reading,.help-answers{grid-template-columns:1fr;gap:30px}.help-podium-band:before{font-size:var(--text-scale-300);top:60px;left:auto;right:10px}.help-podium-intro{max-width:none}.help-podium{gap:8px;padding-top:25px}.help-podium-body img{height:60px}.help-podium-body p strong{font-size:var(--text-scale-32)}.help-podium-body button{font-size:var(--text-scale-12);flex-wrap:wrap;line-height:1.4}.help-podium-body button svg{width:14px}.help-podium-base{height:70px;font-size:var(--text-scale-48)}.podium-place-1 .help-podium-base{height:115px}.podium-place-3 .help-podium-base{height:42px;font-size:var(--text-scale-36)}.help-needs{padding:45px 0}.help-section-heading{display:block;margin-bottom:28px}.help-section-heading>p{max-width:none;margin:20px 0 0}.help-shortcuts{grid-template-columns:repeat(2,1fr);gap:12px}.help-shortcuts>button{padding:20px}.help-shortcuts strong{font-size:var(--text-scale-18)}.help-shortcuts p{font-size:var(--text-body);line-height:var(--leading-body)}.help-shortcut-link{font-size:var(--text-scale-12)}.need-tile-top{margin-bottom:22px}.help-assistant-band{padding-top:45px}.help-assistant-layout{column-gap:24px}.help-assistant-copy{grid-column:1 / -1;grid-row:1;max-width:600px}.help-assistant-portrait{grid-row:2;grid-column:1;height:280px}.help-assistant-portrait img{width:230px}.help-portrait-sticker{font-size:var(--text-scale-16);left:60%;padding:12px 15px;bottom:20px}.help-chat-preview{grid-column:2;grid-row:2;margin-bottom:28px;transform:rotate(1deg)}.help-preview-header{padding:14px 10px;gap:6px}.help-preview-header>span:first-child{width:30px;height:30px;flex-shrink:0}.help-preview-header small{font-size:var(--text-caption)}.help-preview-label{display:none}.help-preview-messages{padding:12px 10px;gap:10px}.preview-bubble{font-size:var(--text-scale-12);padding:10px;max-width:96%}.help-chat-preview>button{font-size:var(--text-scale-12);padding:15px 12px}.help-editorial-bottom{padding-top:45px}.help-reading{padding-bottom:40px;margin-bottom:40px}.help-reading h2 br,.help-answers h2 br{display:none}.help-answers{gap:15px}.help-faq summary{font-size:var(--text-scale-15)}}
@media(max-width:440px){.help-shortcuts{grid-template-columns:1fr}.help-shortcuts>button{position:relative;padding:23px}.need-tile-top{margin-bottom:16px}.help-shortcuts p{margin:8px 0 18px}.help-shortcut-link{font-size:var(--text-scale-14)}.help-assistant-layout{column-gap:12px;grid-template-columns:.65fr 1fr}.help-assistant-portrait img{width:205px;left:55%}.help-assistant-portrait{height:260px}.help-portrait-disc{width:210px;height:210px}.help-portrait-sticker{left:55%;bottom:20px;font-size:var(--text-scale-14)}.help-assistant-copy h2{font-size:var(--text-section);line-height:var(--leading-section)}}
@media(prefers-reduced-motion:reduce){.help-shortcuts>button{transition:none}.help-shortcuts>button:hover{transform:none}.help-preview-typing i{animation:none}}
@media(max-width:440px){.help-assistant-portrait img{left:70%}}

/* Keep breathing room above and below all three podium numerals. */
.help-podium-base{box-sizing:border-box;height:106px;padding:14px 8px}
.podium-place-1 .help-podium-base{height:168px}
.podium-place-3 .help-podium-base{height:78px}
.help-podium-replay{display:flex;align-items:center;gap:7px;margin-top:22px;padding:8px 0;border:0;background:none;color:#087773;font:inherit;font-size:var(--text-scale-13);cursor:pointer}
.help-podium-replay[hidden]{display:none}
@media(max-width:700px){.help-podium-base{height:86px}.podium-place-1 .help-podium-base{height:132px}.podium-place-3 .help-podium-base{height:64px}}
/* Progressive disclosure keeps the useful editorial sections within reach. */
.listing-more{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:30px 0 12px}
.listing-more[hidden],.listing-more button[hidden]{display:none}
.listing-more p{margin:0;color:#56766a;font-size:var(--text-body);font-variant-numeric:tabular-nums;line-height:var(--leading-body)}
.listing-more button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #087773;border-radius:9px;padding:15px 25px;min-height:48px;background:#fff;color:#087773;font:inherit;font-weight:700;font-size:var(--text-scale-15);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.listing-more button:hover{background:#087773;color:#fff;box-shadow:0 6px 20px #073f3d16}
.listing-more button:focus-visible{outline:3px solid #ef7959;outline-offset:4px}
.bank-list>.bank-card:focus{outline:none}
.bank-list>.bank-card:focus-visible{outline:2px solid #087773;outline-offset:4px}
@media(max-width:600px){.listing-more{padding-top:24px}.listing-more button{width:100%;gap:15px;font-size:var(--text-scale-14)}}
@media(prefers-reduced-motion:reduce){.listing-more button{transition:none}}
/* Visible feedback for filtering, without hiding or delaying the actual results. */
#bank-results{position:relative;scroll-margin-top:calc(var(--comparison-header-height,90px) + 18px)}
.results-update-indicator{position:absolute;z-index:6;top:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;color:#087773;border:1px solid #8cbcb0;border-radius:30px;box-shadow:0 8px 30px #073f3d20;white-space:nowrap;font-size:var(--text-scale-13);font-weight:700;pointer-events:none}
.results-update-indicator[hidden]{display:none}
.results-update-spinner{width:17px;height:17px;flex-shrink:0;border:2px solid #c5e4d9;border-top-color:#087773;border-radius:50%;animation:results-spinner .65s linear infinite}
.bank-results .bank-list{transition:opacity .18s ease}
.bank-results.is-updating .bank-list{opacity:.48}
@keyframes results-spinner{to{transform:rotate(360deg)}}
@media(max-width:600px){.results-update-indicator{font-size:var(--text-scale-12);padding:11px 14px;top:65px;gap:8px}}
@media(prefers-reduced-motion:reduce){.results-update-spinner{animation:none}.bank-results .bank-list{transition:none}}

/* Semantic heading cleanup: preserve the established visual rhythm on non-heading UI labels. */
.empty-results-title,.bank-services-panel-title,.offer-detail-title,.filterbar-title,.filter-dialog-title,.bank-chat-title{display:block}
.empty-results-title{margin:0 0 .83em}
.offer-detail-title{font-weight:700}
.comparison-results-title{font-weight:400}

/* Direct account choices: these are user needs, not a technical bank taxonomy. */
.filter-switch-group{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0 0 3px;padding:0 0 13px;border:0;border-bottom:1px solid #e2ebe4}
.filter-switch-group legend{float:left;margin:0 6px 0 0;color:#365945;font-size:var(--text-scale-13-76);font-weight:800}
.filter-switch-group .filter-switch{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0;color:#365945;font-size:var(--text-scale-13-76);font-weight:700;cursor:pointer}
.filter-switch-group .filter-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.filter-switch-group .filter-switch span{display:inline-flex;align-items:center;gap:9px}
.filter-switch-group .filter-switch span::before{content:"";width:38px;height:22px;border-radius:999px;background:#d9e4dc;box-shadow:inset 0 0 0 1px #c6d6ca;transition:background .18s,box-shadow .18s}
.filter-switch-group .filter-switch span::after{content:"";position:absolute;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #173f2d2e;transition:translate .18s}
.filter-switch-group .filter-switch input:checked+span::before{background:#2b7455;box-shadow:inset 0 0 0 1px #2b7455}
.filter-switch-group .filter-switch input:checked+span::after{translate:16px 0}
.filter-switch-group .filter-switch input:focus-visible+span{outline:3px solid #8ebfa2;outline-offset:4px;border-radius:6px}
#filter-dialog-content .filter-switch-group{padding:14px 15px;margin:0 0 4px;border:1px solid #d9e6d8;border-radius:11px;background:#fff}
@media(max-width:600px){.filter-switch-group{align-items:flex-start;gap:12px 18px}.filter-switch-group legend{width:100%;margin-bottom:1px}.filter-switch-group .filter-switch{font-size:var(--text-scale-13-12)}}
/* Noelse fournit un visuel déjà détouré et bordé : aucune ombre artificielle. */
img[src*="/assets/cards-hd/noelse/"]{border:0!important;border-radius:0!important;background:transparent!important;filter:none!important}

/* Promo codes are actionable information, visible without opening offer details. */
.banks-page .welcome-offer-note.has-welcome-code{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;font-size:var(--text-caption);line-height:1.6;color:#375f59}
@media(max-width:767px){.banks-page .welcome-offer-note.has-welcome-code{align-items:stretch;flex-direction:column;gap:12px;padding:14px 16px}.welcome-code{align-self:flex-start}.welcome-offer-terms{display:block}.welcome-offer-terms>strong{display:block;margin-bottom:4px}}