/* The legacy master still applies Poppins to headings and paragraphs. Follow the
   approved homepage's scoped Jakarta inheritance without changing shared CSS. */
.working-capital-redesign { font-family: "Plus Jakarta Sans", sans-serif; color: var(--navy-700); }
.working-capital-redesign * { font-family: inherit !important; }
.working-capital-redesign :is(h1, h2, h3, p, dl, dd) { margin: 0; }
.working-capital-redesign .wcl-hero { position: relative; overflow: hidden; padding-block: 88px; background: var(--brand-blue); color: var(--white); }
.working-capital-redesign .wcl-hero-row { --bs-gutter-x: 80px; }
.working-capital-redesign .wcl-hero-copy { position: relative; display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.working-capital-redesign .wcl-headline { display: flex; flex-direction: column; gap: 26px; }
.working-capital-redesign .wcl-gold-rule { display: block; width: 56px; height: 5px; border-radius: 3px; background: var(--brand-orange); }
.working-capital-redesign .wcl-hero h1 { color: inherit; font-size: 48px; font-weight: 700; line-height: 1.15; letter-spacing: -.96px; }
.working-capital-redesign .wcl-introduction { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; }
.working-capital-redesign .wcl-introduction p { padding: 0; color: inherit; font-size: 18px; font-weight: 400; line-height: 1.55; }
.working-capital-redesign .wcl-hero-media img { display: block; width: 467px; height: auto; aspect-ratio: 467 / 480; object-fit: cover; border-radius: 16px; }
.working-capital-redesign .wcl-button { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; padding: 14px 22px; border-radius: 8px; background: var(--brand-orange); color: var(--navy-650); font-size: 16px; font-weight: 700; line-height: 1.3; text-decoration: none; transition: background-color .2s ease, color .2s ease, box-shadow .2s ease; }
.working-capital-redesign .wcl-button:is(:hover, :focus-visible) { background: var(--gold-620); color: var(--navy-650); }
.working-capital-redesign .wcl-button:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 4px; }
.working-capital-redesign .wcl-accent { position: absolute; pointer-events: none; }
.working-capital-redesign .wcl-accent--desktop { left: -20px; top: -20px; width: 170.2px; height: 213.7px; opacity: .15; }
.working-capital-redesign .wcl-accent-fill { position: absolute; left: 4.11%; top: 3.3%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.working-capital-redesign .wcl-accent-vector { position: absolute; left: 0; top: 0; }
.working-capital-redesign .wcl-accent img { display: block; max-width: none; }
.working-capital-redesign .wcl-accent--desktop .wcl-accent-fill { mask-image: url('../images/working-capital-loans-2/figma/desktop-accent-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/desktop-accent-mask.svg'); }
.working-capital-redesign :is(.wcl-accent--tablet, .wcl-accent--mobile) { display: none; }
.working-capital-redesign .wcl-comparison { padding-block: 88px; background: var(--off-white); }
.working-capital-redesign .wcl-comparison-content { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.working-capital-redesign .wcl-comparison h2 { color: var(--navy-700); font-size: 46px; font-weight: 700; line-height: 1.2; letter-spacing: -.92px; text-align: center; }
.working-capital-redesign .wcl-comparison-content > .wcl-button { align-self: center; }
.working-capital-redesign .wcl-table-wrapper { width: 100%; border: 1px solid var(--blue-660); border-radius: 22px; overflow: hidden; background: var(--white); }
.working-capital-redesign .wcl-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--navy-600); font-size: 16px; line-height: 1.55; }
.working-capital-redesign .wcl-col-option { width: 23.28125%; }
.working-capital-redesign .wcl-col-structure { width: 14.84375%; }
.working-capital-redesign .wcl-col-speed { width: 15%; }
.working-capital-redesign .wcl-col-repayment { width: 19.921875%; }
.working-capital-redesign .wcl-col-suited { width: 26.953125%; }
.working-capital-redesign .wcl-table thead { background: var(--blue-390, #ebf2fd); color: var(--navy-650); font-size: 15px; line-height: 1.4; }
.working-capital-redesign .wcl-table thead th { padding: 20px 24px; font-weight: 700; }
.working-capital-redesign .wcl-table tbody :is(th, td) { padding: 26px 24px; vertical-align: top; border-top: 1px solid var(--blue-660); }
.working-capital-redesign .wcl-table tbody th { font-weight: 700; }
.working-capital-redesign .wcl-option-accent { color: var(--brand-blue); }
.working-capital-redesign a.wcl-option-accent { text-decoration: none; }
.working-capital-redesign a.wcl-option-accent:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.working-capital-redesign a.wcl-option-accent:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 2px; border-radius: 2px; }
@media (min-width: 992px) {
    .working-capital-redesign .wcl-hero-row > .wcl-hero-copy { flex: 1 1 0%; width: auto; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .working-capital-redesign .wcl-hero-row { --bs-gutter-x: 48px; }
    .working-capital-redesign .wcl-hero-media img { width: 340px; }
    .working-capital-redesign .wcl-hero h1 { font-size: 40px; }
    .working-capital-redesign .wcl-table thead th, .working-capital-redesign .wcl-table tbody :is(th, td) { padding-inline: 16px; }
}
@media (max-width: 991.98px) {
    .working-capital-redesign :is(.wcl-hero, .wcl-comparison) { padding-block: 64px; }
    .working-capital-redesign .wcl-hero h1 { font-size: 44px; letter-spacing: -.88px; }
    .working-capital-redesign .wcl-accent--desktop { display: none; }
    .working-capital-redesign .wcl-accent--tablet { display: block; right: 0; bottom: 0; width: 96px; height: 120.536px; opacity: .07; }
    .working-capital-redesign .wcl-accent--tablet .wcl-accent-fill { mask-image: url('../images/working-capital-loans-2/figma/tablet-accent-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/tablet-accent-mask.svg'); }
    .working-capital-redesign .wcl-comparison-content { align-items: stretch; }
    .working-capital-redesign .wcl-comparison h2 { font-size: 36px; letter-spacing: -.72px; text-align: left; }
    .working-capital-redesign .wcl-comparison-content > .wcl-button { align-self: flex-start; }
    .working-capital-redesign .wcl-records { display: flex; flex-direction: column; gap: 20px; }
    .working-capital-redesign .wcl-record { border: 1px solid var(--blue-660); border-radius: 22px; overflow: hidden; background: var(--white); }
    .working-capital-redesign .wcl-record-header { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: var(--blue-390, #ebf2fd); }
    .working-capital-redesign .wcl-option-label { padding: 0; color: var(--navy-600); font-size: 14px; font-weight: 600; line-height: 1.2; }
    .working-capital-redesign .wcl-record h3 { color: var(--navy-650); font-size: 20px; font-weight: 700; line-height: 1.35; }
    .working-capital-redesign .wcl-record-details { padding: 8px 24px; }
    .working-capital-redesign .wcl-detail { display: flex; gap: 16px; padding-block: 16px; line-height: 1.55; }
    .working-capital-redesign .wcl-detail + .wcl-detail { border-top: 1px solid var(--blue-660); }
    .working-capital-redesign .wcl-detail dt { flex: 0 0 160px; color: var(--navy-650); font-size: 14px; font-weight: 700; }
    .working-capital-redesign .wcl-detail dd { flex: 1; min-width: 0; color: var(--navy-600); font-size: 16px; font-weight: 400; }
}
@media (max-width: 767.98px) {
    .working-capital-redesign :is(.wcl-hero, .wcl-comparison) { padding-block: 48px; }
    .working-capital-redesign .wcl-hero h1 { font-size: 34px; letter-spacing: -.68px; }
    .working-capital-redesign .wcl-comparison h2 { font-size: 30px; letter-spacing: -.6px; }
    .working-capital-redesign .wcl-button { width: 100%; }
    .working-capital-redesign .wcl-detail dt { flex-basis: 102px; }
    .working-capital-redesign .wcl-accent--tablet { display: none; }
    .working-capital-redesign .wcl-accent--mobile { display: block; top: 0; right: 0; width: 64px; height: 80.357px; opacity: .06; }
    .working-capital-redesign .wcl-accent--mobile .wcl-accent-fill { mask-image: url('../images/working-capital-loans-2/figma/mobile-accent-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/mobile-accent-mask.svg'); }
}
@media (prefers-reduced-motion: reduce) {
    .working-capital-redesign .wcl-button { transition: none; }
}

/* Batch 2: informational sections, isolated from the existing page and batch 1. */
.working-capital-redesign :is(.wcl-loans-advances, .wcl-common-uses) { padding-block: 88px; scroll-margin-top: 100px; }
.working-capital-redesign .wcl-loans-advances { background: var(--white); }
.working-capital-redesign .wcl-info-title { color: var(--navy-700); font-size: 46px; font-weight: 700; line-height: 1.2; letter-spacing: -.92px; }
.working-capital-redesign .wcl-info-row { --bs-gutter-y: 24px; }
.working-capital-redesign .wcl-loans-explanation { padding-left: 24px; border-left: 3px solid var(--brand-orange); }
.working-capital-redesign .wcl-loans-explanation p { padding: 0; color: var(--navy-600); font-size: 16px; font-weight: 400; line-height: 1.55; }
.working-capital-redesign .wcl-common-uses { position: relative; overflow: hidden; background: var(--blue-390, #ebf2fd); }
.working-capital-redesign .wcl-expense-list { margin: 0; padding: 8px 30px; border: 1px solid var(--blue-660); border-radius: 22px; background: var(--white); list-style: none; }
.working-capital-redesign .wcl-expense-list li { display: flex; align-items: center; gap: 18px; padding-block: 21px; color: var(--navy-600); font-size: 18px; font-weight: 500; line-height: 1.5; }
.working-capital-redesign .wcl-expense-list li + li { border-top: 1px solid var(--blue-660); }
.working-capital-redesign .wcl-expense-list li > img { display: block; flex: 0 0 auto; }
.working-capital-redesign .wcl-expense-list li > span { min-width: 0; }
.working-capital-redesign .wcl-uses-accent { position: absolute; pointer-events: none; }
.working-capital-redesign .wcl-uses-accent img { display: block; max-width: none; }
.working-capital-redesign .wcl-uses-accent--desktop { right: -10px; top: -1.2px; width: 170.2px; height: 307.2px; transform: scaleX(-1); opacity: .08; }
.working-capital-redesign :is(.wcl-uses-accent-lower-fill, .wcl-uses-accent-upper-fill) { position: absolute; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.working-capital-redesign .wcl-uses-accent--desktop .wcl-uses-accent-lower-fill { left: 16.97%; top: 32.38%; mask-image: url('../images/working-capital-loans-2/figma/uses-desktop-lower-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/uses-desktop-lower-mask.svg'); }
.working-capital-redesign .wcl-uses-accent--desktop .wcl-uses-accent-lower-vector { position: absolute; left: 13.73%; top: 30.56%; }
.working-capital-redesign .wcl-uses-accent--desktop .wcl-uses-accent-upper-fill { left: 4.11%; top: 2.3%; mask-image: url('../images/working-capital-loans-2/figma/uses-desktop-upper-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/uses-desktop-upper-mask.svg'); }
.working-capital-redesign .wcl-uses-accent--desktop .wcl-uses-accent-upper-vector { position: absolute; left: 0; top: 0; }
.working-capital-redesign :is(.wcl-uses-accent--tablet, .wcl-uses-accent--mobile) { display: none; }
@media (min-width: 992px) {
    .working-capital-redesign .wcl-info-row { --bs-gutter-x: 80px; }
    .working-capital-redesign .wcl-info-heading { flex: 0 0 470px; width: 470px; }
    .working-capital-redesign .wcl-info-content { flex: 1 1 0%; width: auto; min-width: 0; }
}
@media (max-width: 991.98px) {
    .working-capital-redesign :is(.wcl-loans-advances, .wcl-common-uses) { padding-block: 64px; }
    .working-capital-redesign .wcl-info-title { font-size: 36px; letter-spacing: -.72px; }
    .working-capital-redesign .wcl-common-uses .wcl-info-row { --bs-gutter-y: 28px; }
    .working-capital-redesign .wcl-uses-accent--desktop { display: none; }
    .working-capital-redesign .wcl-uses-accent--tablet { display: block; bottom: -8px; left: -8px; width: 70px; height: 129.333px; opacity: .06; }
    .working-capital-redesign .wcl-uses-accent--tablet .wcl-uses-accent-lower-fill { top: 2.63%; left: 4.77%; mask-image: url('../images/working-capital-loans-2/figma/uses-tablet-lower-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/uses-tablet-lower-mask.svg'); }
    .working-capital-redesign .wcl-uses-accent--tablet .wcl-uses-accent-lower-vector { position: absolute; left: 0; top: 0; }
}
@media (max-width: 767.98px) {
    .working-capital-redesign :is(.wcl-loans-advances, .wcl-common-uses) { padding-block: 48px; }
    .working-capital-redesign .wcl-info-title { font-size: 30px; letter-spacing: -.6px; }
    .working-capital-redesign .wcl-expense-list { padding-inline: 24px; }
    .working-capital-redesign .wcl-expense-list li { font-size: 16px; }
    .working-capital-redesign .wcl-uses-accent--tablet { display: none; }
    .working-capital-redesign .wcl-uses-accent--mobile { display: block; right: 64px; bottom: 0; width: 64px; height: 80.357px; transform: scaleX(-1); opacity: .06; }
    .working-capital-redesign .wcl-uses-accent--mobile .wcl-uses-accent-lower-fill { top: 3.3%; left: 4.11%; mask-image: url('../images/working-capital-loans-2/figma/uses-mobile-lower-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/uses-mobile-lower-mask.svg'); }
    .working-capital-redesign .wcl-uses-accent--mobile .wcl-uses-accent-lower-vector { position: absolute; left: 0; top: 0; }
}

/* Batch 3: approach and approved Credit Card Split Funding accordion pattern. */
.working-capital-redesign .wcl-approach { padding-block: 88px; background: var(--white); scroll-margin-top: 100px; }
.working-capital-redesign .wcl-approach-row { --bs-gutter-y: 40px; }
.working-capital-redesign .wcl-approach-copy { display: flex; flex-direction: column; gap: 24px; }
.working-capital-redesign .wcl-approach-copy p { padding: 0; color: var(--navy-600); font-size: 16px; line-height: 1.55; }
.working-capital-redesign .wcl-financing-link { padding: 4px 12px; border-radius: 8px; background: var(--blue-520, #dfeeff); color: var(--brand-blue); font-size: 16px; font-weight: 600; line-height: 1.55; text-align: center; text-decoration: none; }
.working-capital-redesign .wcl-financing-link:hover { color: var(--navy-210); text-decoration: underline; }
.working-capital-redesign .wcl-financing-link:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 4px; }
.working-capital-redesign .wcl-expectations { height: 100%; padding: 32px; border-radius: 22px; background: var(--brand-blue); color: var(--white); }
.working-capital-redesign .wcl-expectations h3 { margin-bottom: 24px; color: inherit; font-size: 30px; font-weight: 700; line-height: 1.2; }
.working-capital-redesign .wcl-expectations ul { margin: 0; padding: 0; list-style: none; }
.working-capital-redesign .wcl-expectations li { display: flex; align-items: flex-start; gap: 16px; padding-block: 20px; font-size: 16px; font-weight: 400; line-height: 1.55; }
.working-capital-redesign .wcl-expectations li + li { border-top: 1px solid var(--white-alpha-15, rgba(255, 255, 255, .15)); }
.working-capital-redesign .wcl-expectations img { display: block; flex: 0 0 auto; }
.working-capital-redesign .wcl-expectations li span { min-width: 0; }
.working-capital-redesign .wcl-faq { position: relative; overflow: hidden; padding-block: 96px; background: var(--white); scroll-margin-top: 100px; }
.working-capital-redesign .wcl-faq > .container > .row > .col-12 { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.working-capital-redesign .wcl-faq h2 { color: var(--navy-700); font-size: 48px; font-weight: 800; line-height: 1.2; text-align: center; }
.working-capital-redesign .wcl-faq-content { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; width: 100%; max-width: 720px; }
.working-capital-redesign .wcl-faq .ccsf-faq-list { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.working-capital-redesign .wcl-faq .ccsf-faq-item { position: relative; border: 1px solid var(--blue-510); border-radius: 12px; background: transparent; box-shadow: 0 8px 22px var(--navy-380-alpha-5); overflow: hidden; }
.working-capital-redesign .wcl-faq .accordion-button { display: flex; align-items: center; padding: 24px; border: none; border-radius: 0; background: var(--white); color: var(--charcoal-gray); font-size: 16px; font-weight: 700; line-height: 1.4; box-shadow: none; text-align: left; }
.working-capital-redesign .wcl-faq .accordion-button:not(.collapsed) { background: var(--blue-280); color: var(--navy-580); }
.working-capital-redesign .wcl-faq .accordion-button::after { flex: 0 0 14px; width: 14px; height: auto; margin: 0 0 0 auto; background-image: none; color: var(--brand-blue); content: '+'; font-size: 22px; font-weight: 700; line-height: 1; text-align: center; transition: none; transform: none; }
.working-capital-redesign .wcl-faq .accordion-button:not(.collapsed)::after { content: '−'; }
.working-capital-redesign .wcl-faq .accordion-button:focus { box-shadow: none; }
.working-capital-redesign .wcl-faq .accordion-button:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: -4px; }
.working-capital-redesign .wcl-faq .accordion-collapse { background: var(--blue-280); }
.working-capital-redesign .wcl-faq .accordion-collapse.show { border-top: 1px solid transparent; }
.working-capital-redesign .wcl-faq .accordion-body { padding: 0 24px 24px; background: var(--blue-280); color: var(--blue-1380); font-size: 16px; line-height: 1.6; }
.working-capital-redesign .wcl-faq .accordion-body p { padding: 0; color: inherit; font-size: inherit; line-height: inherit; }
.working-capital-redesign .wcl-faq-accent { display: none; position: absolute; bottom: 0; right: 0; width: 90px; height: 113.002px; opacity: .06; pointer-events: none; }
.working-capital-redesign .wcl-faq-accent img { display: block; max-width: none; }
.working-capital-redesign .wcl-faq-accent-fill { position: absolute; top: 3.3%; left: 4.11%; mask-image: url('../images/working-capital-loans-2/figma/faq-tablet-accent-mask.svg'); -webkit-mask-image: url('../images/working-capital-loans-2/figma/faq-tablet-accent-mask.svg'); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; }
.working-capital-redesign .wcl-faq-accent-vector { position: absolute; top: 0; left: 0; }
@media (min-width: 992px) {
    .working-capital-redesign .wcl-approach-row { --bs-gutter-x: 64px; }
    .working-capital-redesign .wcl-expectations-column { width: calc(50% + 32px); }
    .working-capital-redesign .wcl-approach-column { width: calc(50% - 32px); }
    .working-capital-redesign .wcl-approach-copy { max-width: 576px; }
}
@media (max-width: 991.98px) {
    .working-capital-redesign :is(.wcl-approach, .wcl-faq) { padding-block: 64px; }
    .working-capital-redesign .wcl-financing-link { padding: 0; border-radius: 0; background: transparent; text-align: left; }
    .working-capital-redesign .wcl-faq h2 { font-size: 36px; }
    .working-capital-redesign .wcl-faq-accent { display: block; }
}
@media (max-width: 767.98px) {
    .working-capital-redesign :is(.wcl-approach, .wcl-faq) { padding-block: 48px; }
    .working-capital-redesign .wcl-expectations { padding: 24px; }
    .working-capital-redesign .wcl-expectations h3 { font-size: 26px; }
    .working-capital-redesign .wcl-faq h2 { font-size: 30px; }
    .working-capital-redesign .wcl-faq > .container > .row > .col-12 { gap: 28px; }
    .working-capital-redesign .wcl-faq-accent { display: none; }
}