@import url('./case-study-hero.css');
@import url('./related-case-studies.css');
.integration-case{color:var(--color-ink);background:#fff}
@media(min-width:981px){
 .integration-case .case-detail-facts--five{grid-template-columns:minmax(0,.7fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.35fr) max-content}
 .integration-case .case-detail-facts > div:last-child dd{white-space:nowrap}
}
.integration-case>section:not(.case-detail-hero){padding:58px 0}
.integration-case h2{margin:0 0 26px;max-width:850px}
.integration-case h3{margin:0 0 12px}
main.integration-case :is(h2.ts-blog-heading--h2,h3.ts-blog-heading--h3){font-weight:700;line-height:1.3;letter-spacing:0}
.integration-case .body-copy{color:var(--color-ink);font-size:.9375rem;line-height:1.7}
.integration-case .integration-hero{padding:24px 0 34px;background:#13287e;color:#fff}
.integration-hero .page-breadcrumb{margin-bottom:30px}
.integration-hero .page-breadcrumb a,.integration-hero .page-breadcrumb span,.integration-hero .body-copy,.integration-hero .section-eyebrow{color:#fff}
.integration-hero__layout{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.integration-hero h1{font:800 clamp(2rem,3.3vw,3.3rem)/1.08 var(--font-heading);letter-spacing:-.03em;margin:0 0 22px;color:#fff}
.integration-platforms{font-weight:700;font-size:.85rem;line-height:1.8;display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.integration-platforms span{color:#ffe100}
.integration-hero__visual{padding:15px;background:#243c91;border:1px solid #6374ab;border-radius:10px;min-width:0}
.integration-visual-note{margin:16px 0 0;text-align:center;font-size:.75rem;line-height:1.6}
.integration-evidence{margin:0;background:white;border:1px solid #e2e8f4;border-radius:10px;box-shadow:0 12px 32px #0d1a3a0b;min-width:0}
.integration-evidence__bar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:#13287e;font-weight:700;font-size:.7rem;border-bottom:1px solid #e2e8f4}
.integration-evidence__bar span:last-child{color:#4d5f7e;font-weight:500}
.integration-evidence img{width:100%;height:auto;display:block}
.integration-evidence figcaption{padding:14px 18px;color:#4d5f7e;font-size:.78rem;line-height:1.65}
.integration-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #6b7ab1;padding-top:24px;margin:30px 0 0}
.integration-facts dt{font-size:.75rem;color:#e2e8f4;margin-bottom:8px}
.integration-facts dd{margin:0;font-size:.9rem;font-weight:700;line-height:1.6}
.integration-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.integration-editorial .body-copy:first-child{margin-top:0}
.integration-tint{background:#f5f8fc}
.integration-challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}
.integration-challenges article{border-top:2px solid #13287e;padding-top:20px}
.integration-number{display:block;font:800 1.3rem var(--font-heading);color:#13287e;margin-bottom:15px}
.integration-case .integration-flow{background:#0d1a3a;color:#fff}
.integration-flow h2,.integration-flow .section-eyebrow{color:white}
.integration-flow ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:20px;margin:32px 0 0}
.integration-flow li{border-top:2px solid #ff4800;padding:18px 8px 12px 0;line-height:1.5}
.integration-flow li span{display:block;color:#ffe100;font:700 .9rem var(--font-heading);margin-bottom:12px}
.integration-flow__note{color:#e2e8f4;font-size:.8rem;margin:24px 0 0}
.integration-implementation article{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid #e2e8f4;padding:20px 0}
.integration-implementation article:first-child{padding-top:0;border:0}
.integration-implementation p{margin-bottom:0}
.integration-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:30px}
.integration-outcomes{padding-left:22px;margin:0}
.integration-outcomes li{padding:0 0 20px 8px;font-size:.9375rem;line-height:1.7}
.integration-case blockquote{margin:24px 0 0;border-left:3px solid #ff4800;padding:2px 0 2px 22px}
.integration-case blockquote p{font:700 clamp(1.125rem,1.7vw,1.5rem)/1.5 var(--font-heading);margin:0 0 10px}
.integration-case cite{font-size:.8rem;color:#4d5f7e;font-style:normal}
.integration-supporting{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.integration-supporting article{padding:30px;background:#fff;border-top:3px solid #13287e}
.integration-supporting article:last-child{border-color:#ff4800}
.integration-supporting ul{padding-left:20px;font-size:.9375rem;line-height:1.7}
.integration-supporting li+li{margin-top:14px}
.integration-project-label{font-weight:700;font-size:.85rem;color:#13287e}
.integration-related{font-size:.9rem;line-height:1.8;margin-top:22px}
.integration-related a{color:#13287e;text-decoration:underline;text-underline-offset:4px}
.integration-tech{border-top:1px solid #e2e8f4;padding-top:28px;margin-top:34px}
.integration-tech ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:18px 0 0;color:#4d5f7e;font-size:.85rem}
/* FinoviFi visual baseline, adapted to this integration's evidence and scope. */
.integration-editorial > * { min-width:0; }
.integration-challenges { gap:24px; }
.integration-challenges article { padding:28px; background:#fff; border:1px solid #e2e8f4; border-radius:10px; box-shadow:0 8px 26px rgb(13 26 58 / 5%); }
.integration-challenges .body-copy { margin-bottom:0; }
.integration-challenges .body-copy,.integration-supporting .body-copy { text-align:left; text-align-last:left; }
.integration-number { color:#ff4800; }
.integration-case .integration-flow { background:#fff; color:#0d1a3a; }
.integration-flow h2 { color:#0d1a3a; }
.integration-flow .section-eyebrow { color:#ff4800; }
.integration-flow ol { gap:30px 28px; }
.integration-flow li { position:relative; display:grid; grid-template-rows:48px auto; gap:18px; align-content:start; border:0; padding:0; line-height:1.6; font-size:.9375rem; }
.integration-flow li span { display:grid; place-items:center; width:48px; height:48px; margin:0; background:#13287e; color:white; border-radius:10px; border-bottom:3px solid #ff4800; font:700 1rem var(--font-heading); }
.integration-flow li:not(:nth-child(4n))::after { content:''; position:absolute; height:2px; background:#e2e8f4; top:23px; left:64px; right:0; }
.integration-flow__note { color:#4d5f7e; line-height:1.6; margin-top:28px; }
.integration-solution { background:#f5f8fc; }
.integration-solution .integration-editorial { grid-template-columns:1fr; gap:26px; }
.integration-solution .integration-editorial > div:first-child .body-copy { margin-bottom:0; }
.integration-implementation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 48px; }
.integration-implementation article,.integration-implementation article:first-child { grid-template-columns:34px minmax(0,1fr); gap:16px; padding:22px 0 0; border-top:1px solid #d7e0ee; }
.integration-implementation article:last-child { grid-column:1 / -1; }
.integration-evidence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:32px; }
.integration-evidence-grid .integration-evidence:last-child { grid-column:1 / -1; }
.integration-evidence-grid .integration-evidence:nth-child(-n+2) img { aspect-ratio:900 / 563; object-fit:contain; background:#fff; }
.integration-evidence { border-top:7px solid #13287e; border-right:7px solid #13287e; box-shadow:0 14px 34px rgb(13 26 58 / 7%); }
.integration-evidence__bar { flex-wrap:wrap; gap:8px 16px; padding:14px 18px; font-size:.75rem; }
.integration-evidence figcaption { padding:16px 20px; border-top:1px solid #e2e8f4; }
.integration-order { background:#fff; }
.integration-order .integration-editorial { align-items:center; }
.integration-impact { background:linear-gradient(145deg,#f5f8fc,#edf2fa); }
.integration-impact .integration-editorial { grid-template-columns:1fr; gap:24px; }
.integration-impact h2 { margin-bottom:0; }
.integration-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:0; list-style:none; gap:22px; counter-reset:outcome; }
.integration-outcomes li { counter-increment:outcome; padding:28px; background:#fff; border-radius:10px; box-shadow:0 8px 26px rgb(13 26 58 / 5%); }
.integration-outcomes li::before { content:'0' counter(outcome); display:grid; place-items:center; width:44px; height:44px; margin-bottom:22px; border-radius:10px; background:#fff0e9; color:#a6350a; font-weight:800; }
.integration-outcomes li:first-child { background:linear-gradient(135deg,#13287e,#0d1a3a); color:#fff; }
.integration-outcomes li:first-child::before { background:#fff; color:#13287e; }
.integration-outcomes li:last-child::before { background:#edf8e9; color:#287813; }
.integration-case blockquote { margin:28px 0 0; background:#fff; border-left:4px solid #ff4800; padding:26px 30px; }
.integration-support { background:#fff; }
.integration-supporting { gap:28px; margin-top:30px; }
.integration-supporting article { padding:30px; border:1px solid #e2e8f4; border-top:4px solid #13287e; border-radius:10px; background:linear-gradient(145deg,#f5f8fc,#fff); box-shadow:0 8px 26px rgb(13 26 58 / 4%); }
.integration-supporting article:last-child { border-color:#e2e8f4; border-top-color:#ff4800; }
.integration-supporting ul { list-style:none; padding:0; margin:22px 0 0; }
.integration-supporting li { position:relative; padding:14px 0 14px 24px; border-top:1px solid #e2e8f4; }
.integration-supporting li+li { margin-top:0; }
.integration-supporting li::before { content:'+'; position:absolute; left:0; color:#ff4800; font-weight:800; }
.integration-close .integration-editorial { grid-template-columns:1fr; gap:24px; }
.integration-close h2 { margin-bottom:0; max-width:none; }
.integration-close .integration-editorial > div:last-child { padding:28px 30px; background:linear-gradient(135deg,#f5f8fc,#edf2fa); border-inline:3px solid #13287e; }
.integration-close .integration-related { border-top:1px solid #d7e0ee; padding-top:20px; margin-bottom:0; }
/* These adjacent white sections share one vertical gap instead of two. */
.integration-case > section.integration-support + section.integration-close { padding-top:0; }
.integration-technology { background:#13287e; color:#fff; }
.integration-technology h2 { color:#fff; margin-bottom:0; max-width:none; }
.integration-technology .section-eyebrow { color:#ffe100; }
.integration-tech { display:grid; grid-template-columns:1fr; gap:24px; padding-top:0; margin-top:0; border:0; }
.integration-tech ul { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0; }
.integration-tech li { position:relative; display:flex; align-items:center; min-width:0; background:#fff; color:#13287e; border-radius:10px; padding:20px 18px 24px; font-weight:700; font-size:.875rem; line-height:1.5; box-shadow:0 8px 20px rgb(0 0 0 / 10%); }
.integration-tech li::after { content:''; position:absolute; left:18px; bottom:11px; width:26px; height:3px; background:#ff4800; }
@media(max-width:980px) {
 .integration-case > section:not(.case-detail-hero) { padding:48px 0; }
 .integration-editorial { gap:30px; grid-template-columns:.8fr 1.2fr; }
 .integration-challenges { gap:18px; }
 .integration-challenges article,.integration-outcomes li { padding:22px; }
 .integration-tech { grid-template-columns:1fr; gap:24px; }
 .integration-tech ul { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .integration-implementation { gap:24px; }
}
@media(max-width:650px) {
 .integration-case > section:not(.case-detail-hero) { padding:34px 0; }
 .integration-editorial,.integration-challenges,.integration-implementation,.integration-evidence-grid,.integration-outcomes,.integration-supporting { grid-template-columns:1fr; gap:22px; }
 .integration-flow ol { grid-template-columns:1fr 1fr; gap:24px; }
 .integration-flow li:nth-child(2n)::after { display:none; }
 .integration-supporting article { padding:24px; }
 .integration-close .integration-editorial > div:last-child { padding:22px 20px; }
 .integration-tech ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .integration-tech li { padding-inline:14px; }
 .integration-case blockquote { padding:22px; }
}