/* The original continuous story, composed for a portrait viewport. */
.portrait-story { --story-height:100svh; }
.portrait-story body { overflow-x:clip; }
.portrait-story .story,.portrait-story .stage {height:var(--story-height);min-height:0;}
.portrait-story .stage {padding:0;overflow:hidden;isolation:isolate;}
.portrait-story #scene {position:absolute;inset:0;display:block;pointer-events:none;}
.portrait-story #scene canvas {display:block;width:100%;height:100%;}
.portrait-story .header {height:72px;min-height:0;inset:0 0 auto;padding:12px 6vw;gap:18px;background:linear-gradient(#040b10f5,#040b10b0,transparent);border:0;backdrop-filter:none;}
.portrait-story .brand {margin-right:auto;}.portrait-story .brand img {width:108px;}
.portrait-story .desktop-nav,.portrait-story .account {display:none;}
.portrait-story .menu-toggle {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;padding:0;}
.portrait-story .menu-toggle span {width:24px;height:1px;background:#c0e6df;transition:transform .25s;}
.portrait-story .menu-toggle[aria-expanded=true] span:first-child {transform:translateY(3.5px) rotate(45deg);}
.portrait-story .menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-3.5px) rotate(-45deg);}
.portrait-story #mobile-nav[hidden] {display:none;}
.portrait-story #mobile-nav:not([hidden]) {position:fixed;inset:72px 0 0;max-height:none;height:calc(100dvh - 72px);display:flex;flex-direction:column;padding:24px 7vw max(24px,env(safe-area-inset-bottom));gap:0;border:0;border-radius:0;background:#050e14;overflow:hidden;}
.portrait-story.mobile-menu-open,.portrait-story.mobile-menu-open body {overflow:hidden;}
.portrait-story.mobile-menu-open body {position:fixed;width:100%;}
.portrait-story.mobile-menu-open .header {background:#050e14;}
.portrait-story .mobile-menu-title {margin:0 0 18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#819e9e;}
.portrait-story .mobile-menu-links {flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;}
.portrait-story #mobile-nav .mobile-menu-links a {display:flex;align-items:center;gap:20px;min-height:56px;padding:13px 0;border-bottom:1px solid #b2eadb16;font-size:27px;letter-spacing:-.035em;}
.portrait-story .mobile-menu-number {font-size:10px;letter-spacing:.1em;color:#769c9b;}
.portrait-story #mobile-nav .mobile-menu-account {display:block;margin-top:22px;padding:16px 20px;border-radius:28px;background:#b5f1df;color:#092820;text-align:center;font-size:16px;}
.portrait-story .eyebrow {font-size:9px;letter-spacing:.16em;}
.portrait-story .hero-copy {inset:100px 6vw 24px;}
.portrait-story h1 {font-size:clamp(42px,12.2vw,82px);line-height:1.01;letter-spacing:-.065em;margin:22px 0 0;}
.portrait-story .hero-bottom {position:absolute;inset:auto 0 0;display:block;}
.portrait-story .hero-bottom p {font-size:12px;line-height:1.6;margin:0 0 16px;}
.portrait-story .hero-bottom .cta {font-size:13px;padding:14px 21px;}
.portrait-story .scene-caption,.portrait-story .bottom {display:none;}
.portrait-story .atmosphere {background:linear-gradient(#03090e35,transparent 35%,transparent 62%,#03090e80);}
.portrait-story .bridge-copy {inset:35% 6vw auto;}
.portrait-story .bridge-copy p {font-size:clamp(40px,11vw,70px);}
.portrait-story .bridge-sub {font-size:13px;}
.portrait-story .exchange-copy {inset:94px 6vw 20px;display:block;}
.portrait-story .exchange-intro h2 {font-size:clamp(32px,9vw,54px);margin:15px 0 10px;line-height:1.02;}
.portrait-story .exchange-intro>p {font-size:11px;line-height:1.5;}
.portrait-story .exchange-intro>.cta {position:absolute;top:auto;bottom:0;left:0;font-size:12px;padding:13px 18px;width:auto;height:auto;}
.portrait-story .comparison {position:absolute;inset:230px 0 60px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.portrait-story .comparison-top {padding-bottom:10px;gap:12px;}.portrait-story .comparison-top .eyebrow {font-size:7px;}
.portrait-story .record-label {font-size:8px;}.portrait-story .pair {padding:14px 0;}
.portrait-story .pair strong {font-size:22px;}.portrait-story .pair small {font-size:9px;}
.portrait-story .table-labels {font-size:7px;padding:10px 0;}
.portrait-story .offer {padding:12px 8px;}.portrait-story .provider-name {font-size:13px;}.portrait-story .provider-icon {width:22px;height:22px;}
.portrait-story .badge {font-size:7px;}.portrait-story .offer-meta {font-size:8px;gap:6px;}.portrait-story .net strong {font-size:20px;}
.portrait-story .comparison-note {font-size:9px;}.portrait-story .result {display:none;}
.portrait-story .card-scene-label,.portrait-story .pools-label,.portrait-story .credit-label,.portrait-story .payment-label {top:96px;left:6vw;right:6vw;}
.portrait-story .card-story,.portrait-story .card-compare,.portrait-story .card-result {top:132px;left:6vw;right:6vw;}
.portrait-story .card-story h2 {font-size:clamp(30px,9.2vw,56px);line-height:1.02;}
.portrait-story .card-story>p {font-size:12px;line-height:1.5;margin:14px auto 0;max-width:320px;}
.portrait-story .program-gallery {position:absolute;inset:0;display:block;perspective:none;transform-style:flat;}
.portrait-story .provider-folio {position:absolute;left:50%;top:60%;width:86vw;max-width:540px;transform-style:flat;}
.portrait-story .folio-heading {gap:3px;margin:0 0 9px;}.portrait-story .folio-heading strong {font-size:16px;}.portrait-story .folio-heading>span {font-size:10px;}
.portrait-story .card-rig {position:relative;display:block;aspect-ratio:85.6/53.98;width:100%;perspective:none;transform-style:flat;touch-action:pan-y;}
.portrait-story .card-face,.portrait-story .card-back {position:absolute;inset:0;width:100%;height:100%;transform:none;backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:flat;}
.portrait-story .card-shadow,.portrait-story .card-edge,.portrait-story .card-sheen {display:none;}
.portrait-story .card-back::before,.portrait-story .card-back::after {mix-blend-mode:normal;}
.portrait-story .card-surface {opacity:1;mix-blend-mode:normal;}
.portrait-story .provider-focus {position:absolute;left:50%;bottom:auto;transform:translate(-50%,-50%);z-index:10;pointer-events:none;}
.portrait-story .provider-focus>div {display:flex;justify-content:space-between;gap:0;width:100%;}
.portrait-story .provider-focus button {pointer-events:auto;min-width:40px;min-height:44px;background:#07171ed9;border:1px solid #8abcd333;border-radius:50%;font-size:23px;padding:0;}
.portrait-story .pools-intro {left:6vw;right:6vw;top:150px;width:auto;}
.portrait-story .pools-intro h2 {font-size:clamp(42px,12vw,64px);line-height:1.01;}
.portrait-story .pools-intro p {font-size:13px;line-height:1.6;max-width:290px;}
.portrait-story .pools-details {position:absolute;inset:132px 6vw 20px;max-height:none;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;}
.portrait-story .universe-heading h3 {font-size:clamp(32px,8.5vw,48px);}.portrait-story .universe-heading p {font-size:12px;line-height:1.5;}
.portrait-story .universe-markets {gap:9px;flex-wrap:wrap;}.portrait-story .universe-market {font-size:12px;}
.portrait-story .asset-universe-slot {height:180px;}
.portrait-story .universe-journey {display:grid;grid-template-columns:1fr;gap:24px;}
.portrait-story .universe-journey>div {padding:0;border:0;}
.portrait-story .universe-journey h4 {font-size:28px;}.portrait-story .universe-journey p {font-size:13px;line-height:1.6;}
.portrait-story .journey-routes,.portrait-story .journey-criteria {display:flex;flex-wrap:wrap;gap:10px 16px;}
.portrait-story .journey-routes span,.portrait-story .journey-criteria span {font-size:12px;}
.portrait-story .universe-footnote {position:relative;inset:auto;display:block;margin-top:24px;}
.portrait-story .pool-fineprint {max-width:none;width:auto;}.portrait-story .pool-explanation {position:relative;inset:auto;max-height:none;}
.portrait-story .credit-narrative {left:6vw;top:138px;width:88vw;}
.portrait-story .credit-narrative-panel {top:30px;}.portrait-story .credit-narrative-title {font-size:clamp(34px,9.8vw,60px);margin:13px 0 12px;}
.portrait-story .credit-narrative-note {font-size:12px;}
.portrait-story .credit-heading {left:6vw;top:140px;width:88vw;}
.portrait-story .credit-heading h2 {font-size:clamp(33px,9vw,54px);}.portrait-story .credit-heading p {font-size:12px;margin-top:12px;}
.portrait-story .credit-body {left:6vw;right:6vw;top:62%;bottom:18px;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;}
.portrait-story .credit-screen {background:linear-gradient(transparent 50%,#03090e80 70%);}
.portrait-story .payment-copy {left:6vw;top:142px;width:88vw;height:30%;}
.portrait-story .payment-panel h2 {font-size:clamp(36px,10vw,60px);}
.portrait-story .payment-panel p {font-size:13px;max-width:330px;}
.portrait-story .payment-copy::before {background:none;}
.portrait-story .payment-connection-title {bottom:auto;top:151px;font-size:36px;padding:0 6vw;}
.portrait-story .payment-steps {left:6vw;right:6vw;bottom:88px;gap:14px;}
.portrait-story .payment-steps button {min-height:44px;min-width:0;flex:1;}
.portrait-story .payment-open {left:6vw;bottom:30px;}
@media(max-height:700px){
 .portrait-story .hero-copy{top:86px;bottom:18px}.portrait-story h1{font-size:11.8vw;margin-top:16px}
 .portrait-story .hero-bottom p{font-size:10px;margin-bottom:12px}.portrait-story .hero-bottom .cta{padding:12px 18px}
 .portrait-story .card-scene-label,.portrait-story .pools-label,.portrait-story .credit-label,.portrait-story .payment-label{top:82px}
 .portrait-story .card-story,.portrait-story .card-compare,.portrait-story .card-result{top:112px}
 .portrait-story .card-story h2{font-size:8.5vw}.portrait-story .card-story>p{font-size:10px;margin-top:10px}
 .portrait-story .credit-narrative{top:115px}.portrait-story .credit-narrative-title{font-size:8.8vw;margin:9px 0}.portrait-story .credit-narrative-note{font-size:10px}
 .portrait-story .credit-heading{top:115px}.portrait-story .credit-heading h2{font-size:8.2vw}.portrait-story .credit-heading p{font-size:10px}
 .portrait-story .payment-copy{top:115px}.portrait-story .payment-panel h2{font-size:9vw}.portrait-story .payment-panel p{font-size:11px}
 .portrait-story .payment-connection-title{top:120px;font-size:30px}
 .portrait-story .exchange-copy{top:85px}.portrait-story .exchange-intro h2{font-size:8.5vw;margin:12px 0 7px}.portrait-story .exchange-intro>p{font-size:10px}.portrait-story .comparison{top:200px}
}
.portrait-story .card-story h2 {margin:0;}
.portrait-story .comparison-tag {font-size:calc(8px * var(--readable-scale,1));}
.portrait-story .comparison-price small {font-size:calc(9px * var(--readable-scale,1));}
.portrait-story .comparison-price strong {font-size:calc(52px * var(--readable-scale,1));}
.portrait-story .comparison-price-note {font-size:calc(8px * var(--readable-scale,1));margin-top:10px;}
.portrait-story .compare-fact {padding:4px 0;gap:2px 5px;}
.portrait-story .compare-fact small {font-size:calc(9px * var(--readable-scale,1));line-height:1.25;}
.portrait-story .compare-fact strong,.portrait-story .compare-fact:last-child strong {font-size:calc(12px * var(--readable-scale,1));}
.portrait-story .compare-fact>span,.portrait-story .comparison-footnote {font-size:calc(7px * var(--readable-scale,1));}
.portrait-story .comparison-body {column-gap:4%;margin-top:4%;}
.portrait-story .comparison-facts {padding-left:3%;}
.portrait-story .capability-back .comparison-price strong {font-size:calc(25px * var(--readable-scale,1));}
.portrait-story .portrait-exchange-cta {position:absolute;inset:auto auto 0 0;font-size:12px;padding:12px 18px;}
.portrait-story .comparison .result {position:relative;inset:auto;display:block;margin:20px 0 4px;text-align:left;}
.portrait-story .result-label {font-size:8px;}.portrait-story .result b {font-size:30px;}.portrait-story .result small {font-size:10px;}
.portrait-story .payment-steps {bottom:70px;}.portrait-story .payment-open {bottom:22px;}
@media(orientation:landscape){
 .portrait-story .header{height:60px;padding:8px 5vw}.portrait-story .brand img{width:94px}
 .portrait-story .hero-copy{inset:78px auto 20px 5vw;width:45%}.portrait-story h1{font-size:clamp(32px,5.4vw,54px);margin-top:12px}
 .portrait-story .eyebrow{font-size:8px}.portrait-story .hero-bottom{bottom:0}.portrait-story .hero-bottom p{font-size:10px;line-height:1.5}
 .portrait-story .hero-bottom .cta{padding:10px 15px;font-size:11px}
 .portrait-story .card-scene-label,.portrait-story .pools-label,.portrait-story .credit-label,.portrait-story .payment-label{top:72px;left:5vw}
 .portrait-story .card-story,.portrait-story .card-compare,.portrait-story .card-result{top:100px}.portrait-story .card-story h2{font-size:32px}.portrait-story .card-story>p{margin-top:8px;font-size:10px}
 .portrait-story .provider-folio{width:38vw;top:64%}.portrait-story .folio-heading strong{font-size:13px}.portrait-story .folio-heading>span{font-size:9px}
 .portrait-story .exchange-copy{inset:76px 5vw 16px;display:block}.portrait-story .exchange-intro{width:42%}.portrait-story .exchange-intro h2{font-size:34px}.portrait-story .exchange-intro>p{font-size:11px}
 .portrait-story .comparison{inset:12px 0 0 49%}.portrait-story .portrait-exchange-cta{font-size:11px;padding:11px 16px}
 .portrait-story .pools-intro{top:115px;width:44%}.portrait-story .pools-intro h2{font-size:40px}.portrait-story .pools-intro p{font-size:11px}
 .portrait-story .pools-details{inset:100px 5vw 14px}.portrait-story .universe-heading h3{font-size:30px}
 .portrait-story .credit-narrative{top:104px;width:40%}.portrait-story .credit-narrative-title{font-size:32px}.portrait-story .credit-narrative-note{font-size:10px}
 .portrait-story .credit-heading{top:104px;width:43%}.portrait-story .credit-heading h2{font-size:30px}
 .portrait-story .credit-body{top:53%;bottom:12px;grid-template-columns:1fr 1fr;gap:30px}
 .portrait-story .payment-copy{top:108px;width:44%;height:180px}.portrait-story .payment-panel h2{font-size:32px}.portrait-story .payment-panel p{font-size:11px;max-width:310px}.portrait-story .payment-capabilities{font-size:10px;margin-top:12px}
 .portrait-story .payment-steps{left:5vw;right:auto;width:44%;bottom:56px}.portrait-story .payment-steps button{padding-top:8px}.portrait-story .payment-steps button strong{font-size:10px}.portrait-story .payment-steps button span{font-size:8px;margin-bottom:5px}
 .portrait-story .payment-open{left:5vw;bottom:18px;font-size:11px}.portrait-story .payment-connection-title{top:auto;bottom:28px;font-size:30px}
 .portrait-story #mobile-nav:not([hidden]){inset:60px 0 0;height:calc(100dvh - 60px);padding:14px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
 .portrait-story .mobile-menu-title{grid-column:1/-1;margin:0}.portrait-story .mobile-menu-links{grid-row:2/4}.portrait-story #mobile-nav .mobile-menu-links a{min-height:36px;font-size:20px;padding:7px 0}.portrait-story #mobile-nav .mobile-menu-account{align-self:start;margin:0;font-size:14px}
}