/* Trade & supply chain finance. Page-scoped composition over the approved site system. */
.qt-main{--qt-border:#bfd0e6;--qt-pale:#eaf1fa}
.qt-main :is(figure,ol){margin:0}.qt-main :is(article,figure,li,.qt-hero-copy){min-width:0}
.qt-main h3{font-size:1.375rem;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.qt-main .qt-intro{max-width:62ch;margin-top:22px;color:var(--qh-muted);font-size:1.125rem;line-height:1.6}
.qt-main .qt-label{display:block;color:#536681;font-size:.875rem;font-weight:700;letter-spacing:0;line-height:1.5}
.qt-main :is(a,summary):focus-visible{outline:3px solid #00a3ad;outline-offset:5px;border-radius:2px}
.qt-icon{display:block;width:30px;height:30px;flex-shrink:0;stroke-width:1.5}

/* Expressive artwork remains compact beside the headline. */
.qt-hero{isolation:isolate}.qt-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,68px)}
.qt-hero-copy>.qh-eyebrow{margin-bottom:23px;color:var(--qh-gold)}.qt-main .qt-hero-answer{max-width:46ch;color:#c9d9f0;font-size:clamp(1.125rem,1.35vw,1.25rem);line-height:1.55}
.qt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 25px;margin-top:30px}.qt-hero-link{display:inline-flex;align-items:center;gap:15px;min-height:48px;border-bottom:1px solid #8fabd255;color:#c9d9f0;font-size:1rem}.qt-hero-link:hover{color:#fff}
.qt-hero-art{width:100%;max-width:600px;aspect-ratio:2/1;justify-self:center}.qt-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;mix-blend-mode:lighten}
.qt-page-nav{background:#fff;border-bottom:1px solid var(--qh-line)}.qt-page-nav>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-block:16px}
.qt-page-nav a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;color:var(--qh-ink);font-size:.9375rem;font-weight:500}.qt-page-nav a:hover{border-color:var(--qh-blue)}

/* Four explicit actors; digital settlement and bank payout have distinct timing. */
.qt-payments{background:#f7f9fd}.qt-payment-board{border:1px solid var(--qt-border);border-radius:15px;background:#fff;overflow:hidden}
.qt-payment-board>figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 25px;padding:23px 28px;background:var(--qh-ink);color:#fff}
.qt-payment-board>figcaption strong{font-size:1.125rem;font-weight:500;line-height:1.5}.qt-payment-board>figcaption>span{font-size:.875rem;color:#c9d9f0;line-height:1.5}
.qt-payment-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px;list-style:none;padding:30px 28px 32px}
.qt-payment-flow>li{position:relative;padding-top:17px;border-top:1px solid var(--qt-border)}.qt-step-art{height:65px;display:flex;align-items:center;color:#416eaa;margin:18px 0}
.qt-step-art>.qt-icon{width:51px;height:51px;stroke-width:1.4}.qt-q{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #b9cce5;border-radius:10px;background:#e8f0fc}.qt-q img{display:block;object-fit:contain}
.qt-main .qt-role{display:block;min-height:3em;color:#536681;font-size:.875rem;line-height:1.5}.qt-main .qt-payment-flow h3{font-size:1.25rem;line-height:1.4;margin-top:8px}
.qt-main .qt-payment-flow p{color:#536681;font-size:1rem;line-height:1.6;margin-top:12px}.qt-main .qt-step-arrow{position:absolute;top:66px;right:-34px;font-size:1.875rem;line-height:1;color:#5d7ba2}
.qt-timing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--qt-border);background:#e9f0fa}
.qt-timing>div{padding:23px 28px}.qt-timing>div+div{border-left:1px solid var(--qt-border)}.qt-timing strong{font-size:1rem;line-height:1.5;font-weight:700}.qt-main .qt-timing p{font-size:.9375rem;line-height:1.6;color:#536681;margin-top:6px}
.qt-payment-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 30px;margin-top:24px}.qt-main .qt-payment-bottom p{max-width:60ch;color:#536681;font-size:1rem;line-height:1.6}.qt-payment-bottom .qh-link{font-size:.9375rem;font-weight:500}
.qt-main .qt-credit-note{padding:18px 23px;margin-top:23px;border-left:3px solid #b79450;background:#f2efe7;color:#5b563f;font-size:.9375rem;line-height:1.6}

/* Two investment relationships on the same regulated money foundation. */
.qt-liquidity{background:var(--qh-navy);color:#fff}.qt-liquidity .qh-section-head>.qh-eyebrow{color:#b8ccec}.qt-liquidity h2 em{color:#8ab6f4}
.qt-opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.qt-opportunity-grid>article{padding:30px;border:1px solid #496185;border-radius:14px;background:#10284d}
.qt-main .qt-opportunity-grid .qt-label{color:#b8ccec;margin-bottom:16px}.qt-main .qt-opportunity-grid h3{max-width:27ch;color:#fff;font-size:1.5rem;line-height:1.35}
.qt-mini{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:10px;padding-block:28px 21px}
.qt-mini-party{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:16px;min-width:0;text-align:center;color:#bad4f5}.qt-mini-party>.qt-icon{width:47px;height:47px;stroke-width:1.4}.qt-mini-party>strong{font-size:1rem;line-height:1.45;font-weight:500;max-width:15ch;min-height:2.9em}
.qt-token-pair{display:flex;align-items:center;justify-content:center;height:47px}.qt-token-pair img{display:block;object-fit:contain}.qt-token-pair img+img{margin-left:-3px}
.qt-mini-exchange{text-align:center;align-self:start;padding-top:4px}.qt-main .qt-mini .qt-mini-exchange>span{display:block;color:#a1bfeb;font-size:2rem;line-height:1.2}.qt-main .qt-mini-exchange>small{display:block;margin-top:10px;color:#c9d9f0;font-size:.875rem;line-height:1.45}
.qt-mini>figcaption{grid-column:1/-1;color:#b7cce9;font-size:.875rem;line-height:1.6;text-align:center;margin-top:4px}
.qt-main .qt-opportunity-grid p{color:#d4e2f5;font-size:1rem;line-height:1.6}.qt-main .qt-opportunity-grid .qt-qualification{color:#b7cce9;font-size:.875rem;line-height:1.6;margin-top:17px;padding-top:17px;border-top:1px solid #496185}
.qt-liquidity-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;margin-top:25px}.qt-main .qt-liquidity-bottom p{max-width:62ch;color:#c9d9f0;font-size:1rem;line-height:1.6}.qt-liquidity-bottom .qh-link{color:#dceaff;font-size:.9375rem;font-weight:500}.qt-liquidity-bottom .qh-link:hover{color:#fff}

/* Compact examples describe the commercial cycle without invented benchmarks. */
.qt-use-cases{background:#fff}.qt-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.qt-case-grid>article{padding:29px;border:1px solid var(--qt-border);border-radius:13px;background:#eaf1fa}.qt-case-grid>article+article{background:#edf2f8}
.qt-main .qt-case-grid .qt-label{margin-bottom:17px}.qt-main .qt-case-grid h3{font-size:1.5rem;line-height:1.35;max-width:28ch}
.qt-case-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:25px 0;margin-top:25px!important;border-block:1px solid #b9cce5}
.qt-main .qt-case-flow>li{position:relative;font-size:1rem;line-height:1.5;color:#244a7e}.qt-case-flow>li:not(:last-child):after{content:"→";position:absolute;right:-21px;top:0;color:#567da7}
.qt-main .qt-case-grid p{margin-top:22px;color:#536681;font-size:1rem;line-height:1.6}

.qt-responsibilities{background:#f7f9fd}.qt-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.qt-roles>article{padding:27px 30px;border:1px solid var(--qt-border);border-radius:12px;background:#fff}
.qt-roles>article>div{display:flex;align-items:center;gap:14px;color:#416c9c}.qt-roles img{display:block;object-fit:contain;flex-shrink:0}.qt-main .qt-roles h3{font-size:1.25rem;font-weight:700;line-height:1.4}
.qt-roles ul{list-style:none;display:grid;gap:9px;margin-top:21px;padding:0}.qt-main .qt-roles li{position:relative;padding-left:20px;color:#536681;font-size:1rem;line-height:1.5}.qt-roles li:before{content:"";width:6px;height:6px;border:1px solid #688dbb;border-radius:50%;position:absolute;top:.55em;left:0}
.qt-main .qt-role-note{margin-top:20px;color:#536681;font-size:1rem;line-height:1.6}
.qt-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--qt-border)}
.qt-assurance>a{display:flex;align-items:center;gap:13px;min-height:44px;color:var(--qh-ink);font-size:.9375rem;line-height:1.5}.qt-assurance .qt-icon{color:#416eaa;width:26px;height:26px}.qt-assurance b{margin-left:auto;font-weight:400}.qt-assurance>a:hover>span{text-decoration:underline;text-underline-offset:5px}

.qt-questions{background:#fff}.qt-faq-layout{max-width:1050px}.qt-faq-layout>.qh-eyebrow{color:#536681;margin-bottom:22px}.qt-faq-layout>h2{margin-bottom:36px}
.qt-faq{border-top:1px solid var(--qt-border)}.qt-faq details{padding-block:23px;border-bottom:1px solid var(--qt-border)}.qt-faq summary{position:relative;padding-right:38px;font-size:1.125rem;font-weight:500;line-height:1.5;list-style:none;cursor:pointer}
.qt-faq summary::-webkit-details-marker{display:none}.qt-faq summary:after{content:"+";position:absolute;top:0;right:2px;color:#2766b4;font-size:1.75rem;line-height:1.2}.qt-faq details[open] summary:after{content:"−"}
.qt-main .qt-faq p{margin-top:18px;max-width:85ch;color:#536681;font-size:1rem;line-height:1.65}.qt-faq a{color:var(--qh-ink);text-decoration:underline;text-underline-offset:4px}
.qt-final{background:#e8f0fa;border-top:1px solid var(--qt-border)}.qt-final>div{display:flex;justify-content:space-between;align-items:center;gap:35px}.qt-final .qh-eyebrow{margin-bottom:22px;color:#536681}.qt-final p:not(.qh-eyebrow){margin-top:23px;color:#536681}.qt-final-actions{display:flex;flex-direction:column;align-items:start;gap:12px;flex-shrink:0}.qt-final-actions .qh-link{font-weight:500}

@media(max-width:1199px){.qt-payment-flow{gap:32px;padding-inline:24px}.qt-main .qt-step-arrow{right:-28px}.qt-opportunity-grid>article,.qt-case-grid>article{padding:26px}.qt-mini{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}}
@media(max-width:1100px){.qt-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.qt-hero-copy{max-width:720px}.qt-hero-art{max-width:500px}}
@media(max-width:1000px){
 .qt-payment-flow{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px}.qt-payment-flow>li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 23px;padding:22px 0 16px}
 .qt-step-art{grid-column:1;grid-row:1/span 4;margin:0;align-self:center}.qt-payment-flow .qt-label,.qt-payment-flow .qt-role,.qt-main .qt-payment-flow h3,.qt-main .qt-payment-flow p{grid-column:2}.qt-main .qt-role{min-height:0;margin-top:8px}.qt-main .qt-payment-flow h3{margin-top:6px}.qt-main .qt-payment-flow p{margin-top:7px;max-width:60ch}.qt-main .qt-step-arrow{top:auto;right:auto;left:15px;bottom:-26px;transform:rotate(90deg);font-size:1.5rem}
 .qt-opportunity-grid{grid-template-columns:minmax(0,1fr)}.qt-opportunity-grid>article{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:32px}.qt-opportunity-grid>article>.qt-label,.qt-opportunity-grid>article>h3,.qt-opportunity-grid>article>p{grid-column:1}.qt-opportunity-grid>article>.qt-mini{grid-column:2;grid-row:1/span 4;align-self:center;padding:0}.qt-main .qt-opportunity-grid h3{margin-bottom:17px}.qt-mini{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}
 .qt-case-flow{grid-template-columns:minmax(0,1fr);gap:25px;padding:22px 0}.qt-case-flow>li:not(:last-child):after{content:"↓";top:100%;left:0;right:auto;line-height:25px}
 .qt-final>div{flex-direction:column;align-items:start}
}
@media(max-width:800px){.qt-assurance{grid-template-columns:minmax(0,1fr);gap:12px}.qt-assurance>a{max-width:480px}.qt-roles{grid-template-columns:minmax(0,1fr)}.qt-opportunity-grid>article{display:block}.qt-opportunity-grid>article>.qt-mini{padding:22px 0}.qt-main .qt-opportunity-grid h3{margin-bottom:0;max-width:32ch}.qt-mini{max-width:470px;margin-inline:auto!important}}
@media(max-width:700px){.qt-timing,.qt-case-grid{grid-template-columns:minmax(0,1fr)}.qt-timing>div+div{border-left:0;border-top:1px solid var(--qt-border)}.qt-case-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.qt-case-flow>li:not(:last-child):after{content:"→";left:auto;right:-21px;top:0;line-height:1.5}}
@media(max-width:640px){
 .qt-page-nav>div{justify-content:start;gap:2px 22px;padding-block:12px}.qt-page-nav a{font-size:.875rem}.qt-main .qt-intro{font-size:1.0625rem}.qt-hero-art{max-width:430px}.qt-hero .qh-button{gap:20px}
 .qt-payment-board>figcaption{padding:22px}.qt-payment-flow{padding:23px 22px;gap:22px}.qt-payment-flow>li{grid-template-columns:54px minmax(0,1fr);column-gap:18px}.qt-step-art>.qt-icon{width:45px;height:45px}.qt-q{width:51px;height:51px}.qt-q img{width:35px;height:35px}.qt-main .qt-step-arrow{left:10px}.qt-main .qt-payment-flow h3{font-size:1.1875rem}.qt-timing>div{padding:21px 22px}.qt-main .qt-credit-note{padding:18px 20px}
 .qt-opportunity-grid>article,.qt-case-grid>article,.qt-roles>article{padding:24px}.qt-mini{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:8px}.qt-mini-party>strong{font-size:.9375rem}.qt-main .qt-mini-exchange>small{font-size:.875rem}.qt-token-pair img{width:32px;height:32px}.qt-main .qt-opportunity-grid h3,.qt-main .qt-case-grid h3{font-size:1.375rem}
 .qt-case-flow{grid-template-columns:minmax(0,1fr);gap:25px}.qt-case-flow>li:not(:last-child):after{content:"↓";top:100%;left:0;right:auto;line-height:25px}.qt-roles>article>div{gap:12px}.qt-main .qt-roles h3{font-size:1.125rem}
}
@media(max-width:380px){.qt-payment-flow>li{grid-template-columns:45px minmax(0,1fr);column-gap:14px}.qt-step-art>.qt-icon{width:40px;height:40px}.qt-q{width:44px;height:44px}.qt-q img{width:29px;height:29px}.qt-main .qt-step-arrow{left:7px}.qt-opportunity-grid>article,.qt-case-grid>article,.qt-roles>article{padding-inline:20px}.qt-mini{grid-template-columns:minmax(0,1fr) 57px minmax(0,1fr)}.qt-token-pair img{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){html,.qt-main *{scroll-behavior:auto!important}}

/* Joined SVG endpoints keep the trade-flow heads aligned with their shafts. */
.qt-use-cases .qt-flow-arrow{display:block;flex-shrink:0;width:100%;height:16px;overflow:visible}
.qt-use-cases .qv-return .qt-flow-shaft{stroke-dasharray:4 4}
@media(max-width:600px){
 .qt-use-cases .qv-trade-case:first-child .qt-flow-arrow{width:24px;transform:rotate(90deg)}
}