/* Approved editorial homepage; shared navigation and dedicated tool routes. */
:root{scrollbar-color:var(--line) var(--paper)}
::selection{background:#d9e5bf;color:var(--ink)}
input{caret-color:var(--action)}
a{text-underline-offset:.2em}
.site-header{min-height:100px;gap:30px}
.site-menu{margin-left:auto}.site-menu summary{display:none}.site-menu:not([open])>.site-nav{display:flex}
.site-header .site-nav{gap:26px;width:auto;margin:0}.site-nav a{font-size:16px;text-decoration:none;min-height:44px}
.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}
.site-nav .nav-calculate{padding:10px 18px;border-radius:4px;background:var(--action);color:var(--white)}
.site-nav .nav-calculate:hover{background:var(--ink)}
.home-page main{max-width:1280px}
.discovery-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:64px 0 56px}
.discovery-hero h1{font:400 clamp(42px,4.3vw,64px)/1.08 var(--serif);letter-spacing:-.025em;max-width:12ch;margin:0 0 22px;text-wrap:balance}
.discovery-hero p{font-size:20px;line-height:1.55;max-width:43ch;color:var(--muted);margin:0 0 24px}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-actions .home-action{min-width:220px}
.read-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.hero-card-stage{display:flex;gap:16px;align-items:flex-end;min-height:260px;padding:30px 0 24px;border-bottom:18px solid #dedbcd}
.hero-card{width:32%;min-width:0}.hero-card img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 9px #163d321a)}
.hero-card:nth-child(1){transform:rotate(-8deg) translateY(-10px)}.hero-card:nth-child(2){transform:translateY(-36px)}.hero-card:nth-child(3){transform:rotate(7deg) translateY(-6px)}
.hero-art>a{display:block;text-align:right;min-height:44px;padding-top:16px;font-size:14px}
.home-section{padding:38px 0;border-top:1px solid var(--line)}
.home-section h2,.home-tools h2,.discovery-trust h2{font:400 clamp(28px,2.8vw,40px)/1.17 var(--serif);letter-spacing:-.02em;margin:0 0 26px}
.home-section-heading{display:flex;gap:24px;align-items:baseline;justify-content:space-between}.home-section-heading>a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}
.category-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.category-links>a{display:grid;grid-template-columns:1fr auto;align-content:start;gap:4px 12px;text-decoration:none;padding:12px 0;min-height:72px}.category-links strong{font-size:18px}.category-links span{font-size:14px;line-height:1.5;color:var(--muted);grid-row:2}.category-links b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400}.category-links a:hover strong{text-decoration:underline}.category-note{font-size:14px;color:var(--muted);margin:12px 0 0}
.home-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.home-review{min-width:0}.home-review>img{display:block;width:210px;max-width:100%;height:150px;object-fit:contain;margin:10px 0 22px}.home-review h3{font:400 28px/1.2 var(--serif);margin:0 0 10px}.home-review h3 a{text-decoration:none}.home-review h3 a:hover{text-decoration:underline}.home-review p{font-size:16px;line-height:1.6;color:var(--muted);max-width:32ch;margin:0 0 8px}
.home-guides{display:grid;grid-template-columns:1.15fr 1fr;gap:36px}.guide-feature{position:relative;overflow:hidden;background:#e6ebdb;padding:32px;border-radius:6px;min-height:285px}.guide-feature h3{font:400 40px/1.1 var(--serif);margin:0 0 18px;max-width:10ch}.guide-feature p{max-width:26ch;font-size:16px;line-height:1.55;position:relative;z-index:1}.guide-mark{position:absolute;right:20px;bottom:36px;writing-mode:vertical-rl;font:400 90px/1 var(--serif);color:#c2cfb5;pointer-events:none}.guide-feature a{position:relative;z-index:1}
.guide-support{display:grid}.guide-support article{padding:8px 0 20px}.guide-support article+article{border-top:1px solid var(--line);padding-top:20px}.guide-support h3{font:400 27px/1.2 var(--serif);margin:0 0 12px}.guide-support p{color:var(--muted);font-size:16px;margin:0 0 4px}
.home-banks h2{font-size:30px}.bank-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.bank-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:18px;text-decoration:none}.bank-links a:hover{text-decoration:underline}.bank-links a:last-child{font-size:15px}
.home-tools{background:var(--ink);color:var(--white);padding:32px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-radius:4px}.home-tools h2{font-size:30px;margin:0 0 10px}.home-tools p{margin:0;max-width:48ch;color:var(--white);font-size:16px}.tool-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.home-tools a{color:var(--white);min-height:44px;display:inline-flex;align-items:center}.home-tools .home-action{background:var(--white);color:var(--ink);white-space:nowrap}.home-tools .home-action:hover{background:#e6ebdb}
.discovery-trust{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 0}.discovery-trust h2{font-size:28px;margin-bottom:12px}.discovery-trust p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.discovery-trust>a{min-height:44px;display:flex;align-items:center;flex-shrink:0}
footer{justify-content:space-between;gap:24px}footer nav{display:flex;width:auto;gap:24px}footer nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.legacy-destinations{display:none}.legacy-destinations:has(:target){display:flex;gap:20px;flex-wrap:wrap;padding:24px 0}.nojs-note{text-align:center;padding:20px}
.tool-page .calculator-intro{padding:40px 0 24px}.calculator-intro h1,.shortlist h1{font:400 clamp(34px,4vw,48px)/1.15 var(--serif);letter-spacing:-.02em;margin:0 0 20px}.tool-page .shortlist{margin:40px 0 64px}.tool-page .workspace{margin-bottom:64px}.tool-page .shortlist-heading>div{max-width:760px}.tool-page #scenario-note:empty,.tool-page #tool-load-status:empty{display:none}
.issuer-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:60px}.issuer-index article{border-top:1px solid var(--line);padding-top:24px}.issuer-index h2{font:400 30px/1.2 var(--serif)}
@media(max-width:1050px){.site-header .site-nav{gap:14px}.site-nav .nav-calculate{padding-inline:12px}.discovery-hero{gap:24px}.home-tools{display:block}.tool-actions{margin-top:22px}.bank-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .site-header{min-height:78px;padding-block:16px;flex-wrap:nowrap;align-items:center;position:relative}.site-header .brand{font-size:28px}.site-menu{margin-left:auto}.site-menu summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:16px;list-style:none}.site-menu summary::-webkit-details-marker{display:none}.site-menu:not([open])>.site-nav{display:none}.site-menu[open]>.site-nav{display:flex;position:absolute;z-index:5;top:100%;left:20px;right:20px;width:auto;margin:0;padding:16px;background:var(--white);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px}.site-header .site-nav a{justify-content:flex-start;padding:10px 14px;font-size:16px}
 .discovery-hero{display:block;padding:28px 0 32px}.discovery-hero h1{font-size:40px;max-width:15ch}.discovery-hero p{font-size:17px;max-width:36ch}.hero-actions{display:block}.hero-actions .home-action{width:100%;min-height:50px}.hero-actions>.read-link{display:flex;justify-content:center;margin-top:8px}.hero-card-stage{min-height:175px;padding-top:28px;gap:14px;border-bottom-width:12px}.hero-card:nth-child(2){transform:translateY(-16px)}.hero-art>a{font-size:14px;text-align:center}
 .home-section{padding:28px 0}.home-section h2{font-size:29px;margin-bottom:18px}.category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.category-links>a{padding:10px 0;min-height:82px;border-bottom:1px solid var(--line)}.category-links strong{font-size:16px}.category-links span{font-size:14px}.category-note{line-height:1.6}
 .home-section-heading{display:block}.home-section-heading>a{margin-top:-8px;margin-bottom:12px}.home-reviews{display:block}.home-review{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.home-review>img{width:110px;height:auto;margin:5px 0}.home-review h3{font-size:24px}.home-review p{font-size:16px;line-height:1.5}.home-review .read-link{font-size:15px}
 .home-guides{display:block}.guide-feature{padding:24px;min-height:265px}.guide-feature h3{font-size:36px}.guide-feature p{max-width:24ch}.guide-mark{font-size:80px;right:12px}.guide-support article{padding:24px 0 12px}.guide-support h3{font-size:25px}.bank-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.bank-links a{font-size:17px;border-bottom:1px solid var(--line);padding:12px 0;min-height:52px}
 .home-tools{padding:26px 20px}.home-tools h2{font-size:30px}.home-tools p{line-height:1.6}.tool-actions{display:block}.tool-actions .home-action{display:flex;justify-content:center;white-space:normal}.tool-actions>a:last-child{margin-top:10px;display:flex;justify-content:center;text-align:center}
 .discovery-trust{display:block;padding:28px 0}.discovery-trust h2{font-size:27px}.discovery-trust>a{margin-top:12px}.issuer-index{grid-template-columns:1fr}.tool-page .shortlist{margin-top:28px}footer nav{flex-wrap:wrap;gap:10px 22px;width:100%}footer nav a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}

/* Desktop navigation is outside native details; closed details hide their subtree. */
.site-header>.site-menu{display:none}
.site-header>.desktop-nav{display:flex;margin-left:auto}
@media(max-width:760px){.site-header>.desktop-nav{display:none}.site-header>.site-menu{display:block}}
/* Keep mixed portrait/landscape official artwork at a comparable visual scale. */
.discovery-hero h1{max-width:19ch;font-size:clamp(42px,4vw,58px)}
.hero-card-stage{height:270px;min-height:0;align-items:center}
.hero-card img{height:190px;object-fit:contain;mix-blend-mode:multiply}
.hero-card:nth-child(1){transform:rotate(-6deg) translateY(12px)}
.hero-card:nth-child(2){transform:translateY(-10px)}
.hero-card:nth-child(3){transform:rotate(6deg) translateY(12px)}
.home-review>img{mix-blend-mode:multiply}
@media(max-width:760px){.discovery-hero h1{font-size:40px;max-width:16ch}.hero-card-stage{height:190px}.hero-card img{height:125px}.hero-card:nth-child(2){transform:translateY(-5px)}}

/* Approved material and icon treatments; decorative photography contains no financial claims. */
.hero-card-stage{position:relative;isolation:isolate;border:0;height:320px;padding:50px 18px 40px}
.hero-card-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/home/editorial-scenes.jpg') 0 0/200% 200%;border-radius:4px}
.hero-card{align-self:center}.hero-card img{filter:drop-shadow(0 12px 6px #163d3226)}
.category-links>a{grid-template-columns:28px 1fr auto;column-gap:14px}.category-icon{grid-column:1;grid-row:1/3;align-self:center}.category-links strong,.category-links span{grid-column:2}.category-links b{grid-column:3}
.editorial-photo{display:block;background-image:url('/assets/home/editorial-scenes.jpg');background-size:200% 200%;border-radius:4px}
.guide-feature{padding-right:42%;isolation:isolate}.statement-photo{position:absolute;right:0;top:0;width:42%;height:100%;background-position:100% 0;z-index:-1}.guide-feature h3{font-size:36px}.guide-feature p{max-width:23ch}
.guide-support article{position:relative;padding-right:120px}.guide-support article+article{padding-right:120px}.wallet-photo,.shopping-photo{position:absolute;right:0;top:12px;width:100px;height:108px}.wallet-photo{background-position:0 100%}.shopping-photo{background-position:100% 100%}
@media(max-width:760px){.hero-card-stage{height:225px;padding:30px 12px}.category-links>a{grid-template-columns:22px 1fr auto;column-gap:8px}.category-icon{width:22px;height:22px}.category-links strong{font-size:15px}.category-links span{font-size:13px}.guide-feature{padding-right:40%}.guide-feature h3{font-size:32px}.statement-photo{width:38%}.guide-support article,.guide-support article+article{padding-right:104px}.wallet-photo,.shopping-photo{width:88px;height:100px;top:26px}}

.bank-mark img{width:110px;max-width:calc(100% - 24px);height:32px;object-fit:contain;object-position:left center}.bank-santander img{background:var(--ink);padding:6px;border-radius:3px}
