.fnv-partner { container-type: inline-size; position: relative; overflow: hidden; isolation: isolate;
font-family: 'Readex Pro', sans-serif; color: var(--fnv-partner-on); margin-block: 8px; }
.fnv-partner__art { position: absolute; inset: 0; pointer-events: none; }
.fnv-partner__art i { position: absolute; display: block; }
.fnv-partner__in { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
padding: 22px 20px 34px; }
.fnv-partner__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: none; }
.fnv-partner__logo { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.fnv-partner__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fnv-partner__copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fnv-partner__title { font-weight: 800; line-height: 1.35; font-size: 22px; color: var(--fnv-partner-on); }
.fnv-partner__title em { font-style: normal; }
.fnv-partner__sub { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
font-size: .875rem; font-weight: 600; line-height: 1.7; color: var(--fnv-partner-on-2); }
.fnv-partner__badge { display: inline-block; font-size: .8125rem; font-weight: 800; padding: 3px 10px; line-height: 1.6; }
.fnv-partner__chips { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fnv-partner__chips li { display: inline-flex; align-items: center; gap: 6px; font-size: .8125rem; font-weight: 700;
padding: 3px 9px; color: var(--fnv-partner-on-2); border: 1px solid var(--fnv-partner-ibkr-panel); background: var(--fnv-partner-ibkr-panel); }
.fnv-partner__chips li::before { content: ''; width: 6px; height: 6px; background: var(--fnv-partner-ibkr-red); flex: none; }
.fnv-partner__disc { position: absolute; inset-block-end: 8px; inset-inline-start: 20px; font-size: .8125rem; font-weight: 600;
color: var(--fnv-partner-on-2); pointer-events: none; }
.fnv-partner a.fnv-partner__cta { position: static; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
padding: 10px 26px; font-size: 1.0625rem; font-weight: 800; text-decoration: none; white-space: nowrap; flex: none;
border: 2px solid var(--fnv-partner-on); background: transparent; color: var(--fnv-partner-on);
transition: background-color .2s ease, color .2s ease; }
.fnv-partner a.fnv-partner__cta::after { content: ''; position: absolute; inset: 0; }
.fnv-partner__cta-t { position: relative; display: inline-flex; align-items: center; gap: 8px; }
.fnv-partner a.fnv-partner__cta:focus-visible { outline: 3px solid var(--fnv-partner-on); outline-offset: 3px; }
.fnv-partner__arrow { display: inline-block; transition: transform .2s ease; }
.fnv-partner:hover .fnv-partner__arrow { transform: translateX(-4px); }
.fnv-partner--ibkr { background: var(--fnv-partner-ibkr-bg); border: 1px solid var(--fnv-partner-ibkr-panel); }
.fnv-partner--ibkr .fnv-partner__art i:nth-child(1) { right: 0; top: 0; bottom: 0; width: 40%; background: var(--fnv-partner-ibkr-panel);
clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%); }
.fnv-partner--ibkr .fnv-partner__art i:nth-child(2) { left: 0; top: 0; bottom: 0; width: 15%; background: var(--fnv-partner-ibkr-red);
clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%); }
.fnv-partner--ibkr .fnv-partner__logo { width: 72px; height: 72px; background: var(--fnv-partner-ibkr-bg); border: 1px solid var(--fnv-partner-on-2); }
.fnv-partner--ibkr .fnv-partner__logo img { object-fit: cover; }
.fnv-partner--ibkr .fnv-partner__title em { color: var(--fnv-partner-ibkr-red); }
.fnv-partner--ibkr .fnv-partner__chips li { background: var(--fnv-partner-ibkr-bg); }
.fnv-partner--ibkr a.fnv-partner__cta { background: var(--fnv-partner-ibkr-bg); border-block-end: 5px solid var(--fnv-partner-ibkr-red); }
.fnv-partner--ibkr a.fnv-partner__cta:hover { background: var(--fnv-partner-on); color: var(--fnv-partner-ibkr-bg); }
.fnv-partner--tradier { background: var(--fnv-partner-tradier-bg); }
.fnv-partner--tradier .fnv-partner__art { left: auto; width: 50%; }
.fnv-partner--tradier .fnv-partner__art i { top: 0; bottom: 0; width: 34%; transform: skewX(12deg); }
.fnv-partner--tradier .fnv-partner__art i:nth-child(1) { right: -6%; background: var(--fnv-partner-tradier-red); opacity: .85; }
.fnv-partner--tradier .fnv-partner__art i:nth-child(2) { right: 26%; background: var(--fnv-partner-tradier-yellow); opacity: .9; }
.fnv-partner--tradier .fnv-partner__art i:nth-child(3) { right: 58%; background: var(--fnv-partner-tradier-blue); opacity: .85; }
.fnv-partner--tradier .fnv-partner__art::after { content: ''; position: absolute; inset: 0;
background: linear-gradient(to left, transparent 0, var(--fnv-partner-tradier-bg) 42%); }
.fnv-partner--tradier .fnv-partner__logo { width: 72px; height: 72px; padding: 6px; background: var(--fnv-partner-on); }
.fnv-partner--tradier .fnv-partner__badge { background: var(--fnv-partner-tradier-bg); color: var(--fnv-partner-tradier-yellow);
border: 1px solid var(--fnv-partner-tradier-yellow); }
.fnv-partner--tradier a.fnv-partner__cta { background: var(--fnv-partner-on); color: var(--fnv-partner-tradier-bg); border-color: var(--fnv-partner-on); }
.fnv-partner--tradier a.fnv-partner__cta:hover { background: var(--fnv-partner-paper-2); border-color: var(--fnv-partner-paper-2); }
.fnv-partner--wise { background: var(--fnv-partner-wise-bg); }
.fnv-partner--wise .fnv-partner__art i:nth-child(1) { right: 0; top: 0; left: 0; height: 118px; background: var(--fnv-partner-wise-green); }
.fnv-partner--wise .fnv-partner__brand { min-height: 96px; justify-content: center; }
.fnv-partner--wise .fnv-partner__logo { width: 150px; height: auto; }
.fnv-partner--wise .fnv-partner__logo img { height: auto; }
.fnv-partner--wise .fnv-partner__brand .fnv-partner__badge { background: var(--fnv-partner-wise-bg); color: var(--fnv-partner-on); }
.fnv-partner--wise .fnv-partner__title span { display: block; }
.fnv-partner--wise .fnv-partner__fx { color: var(--fnv-partner-wise-green); font-weight: 800; }
.fnv-partner--wise a.fnv-partner__cta { border: 0; padding: 0; background: transparent; color: var(--fnv-partner-wise-bg); }
.fnv-partner--wise .fnv-partner__cta-t { min-height: 48px; padding: 10px 30px; background: var(--fnv-partner-on);
clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%); transition: background-color .2s ease; }
.fnv-partner--wise a.fnv-partner__cta:hover .fnv-partner__cta-t { background: var(--fnv-partner-paper-2); }
.fnv-partner--wise a.fnv-partner__cta:focus-visible { outline-color: var(--fnv-partner-wise-green); }
@container (min-width: 700px) {
.fnv-partner__in { flex-direction: row; align-items: center; gap: 24px; min-height: 200px; padding: 24px 32px 30px; }
.fnv-partner__copy { flex: 1 1 auto; }
.fnv-partner__title { font-size: clamp(22px, 2.4vw, 30px); }
.fnv-partner--ibkr .fnv-partner__logo, .fnv-partner--tradier .fnv-partner__logo { width: 80px; height: 80px; }
.fnv-partner__disc { inset-inline-start: 32px; }
.fnv-partner--wise .fnv-partner__art i:nth-child(1) { left: auto; bottom: 0; height: auto; width: 38%;
clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%); }
.fnv-partner--wise .fnv-partner__brand { width: 30%; min-height: 0; }
.fnv-partner--wise .fnv-partner__copy { padding-inline-start: 7%; }
.fnv-partner--wise .fnv-partner__disc { color: var(--fnv-partner-wise-bg); }
.fnv-partner--wise .fnv-partner__logo { width: 160px; }
}
@container (max-width: 699.98px) {
.fnv-partner--tradier .fnv-partner__art { width: 100%; height: 8px; bottom: auto; }
.fnv-partner--tradier .fnv-partner__art i { transform: none; width: 34%; opacity: 1; }
.fnv-partner--tradier .fnv-partner__art i:nth-child(1) { right: 0; }
.fnv-partner--tradier .fnv-partner__art i:nth-child(2) { right: 33%; }
.fnv-partner--tradier .fnv-partner__art i:nth-child(3) { right: 66%; }
.fnv-partner--tradier .fnv-partner__art::after { display: none; }
.fnv-partner--ibkr .fnv-partner__art i:nth-child(2) { width: 22%; height: 60px; bottom: auto; }
.fnv-partner a.fnv-partner__cta { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.fnv-partner__arrow, .fnv-partner a.fnv-partner__cta, .fnv-partner--wise .fnv-partner__cta-t { transition: none; }
.fnv-partner:hover .fnv-partner__arrow { transform: none; }
}