/* Financial PhraseBank case study — uses the existing ITYES header and footer. */
.fpb-page { --fpb-ink:#0f1b35; --fpb-blue:#245ad8; --fpb-soft:#eff5ff; --fpb-line:#dce4f0; --fpb-muted:#52617a; background:#fff; color:var(--fpb-ink); }
.fpb-page main { overflow:hidden; }
.fpb-wrap { width:min(1280px, 90vw); margin:0 auto; }
.fpb-hero { position:relative; min-height:720px; display:grid; align-items:center; isolation:isolate; overflow:hidden; background:#f7faff; }
.fpb-hero::before { content:""; position:absolute; inset:-1.5%; z-index:-2; background:url('img/fpb/hero-financial-language.png') 58% center/cover no-repeat; transform:scale(1.03); }
.fpb-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 30%,rgba(255,255,255,.50) 51%,rgba(255,255,255,.12) 70%,rgba(13,30,66,.05)); }
.fpb-hero-copy { width:min(680px, 90vw); margin-left:clamp(24px, 8vw, 132px); margin-right:0; padding:100px 0 120px; }
.fpb-kicker,.fpb-number { color:var(--fpb-blue); font:700 .76rem/1.2 'Inter',sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.fpb-hero h1,.fpb-page h2,.fpb-page h3 { font-family:'Plus Jakarta Sans','Inter',sans-serif; }
.fpb-hero h1 { letter-spacing:-.05em; }
.fpb-page h2 { letter-spacing:-.012em; }
.fpb-page h3 { letter-spacing:-.006em; }
.fpb-page h2 { text-align:left; }
.fpb-hero h1 { margin:.9rem 0 1.4rem; max-width:700px; font-size:clamp(3rem,5.8vw,5.85rem); line-height:.98; }
.fpb-lead { max-width:625px; margin:0; color:#31415c; font-size:clamp(1.08rem,1.8vw,1.4rem); line-height:1.6; }
.fpb-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.fpb-hero .lc-btn { background:var(--fpb-ink); border-color:var(--fpb-ink); }
.fpb-hero .lc-btn-outline { background:rgba(255,255,255,.72); color:var(--fpb-ink); border-color:rgba(15,27,53,.2); }
.fpb-proof { position:absolute; right:clamp(24px,6vw,94px); bottom:42px; display:flex; gap:.75rem; align-items:baseline; padding:1rem 1.3rem; border:1px solid rgba(255,255,255,.55); border-radius:16px; color:#fff; background:rgba(13,31,70,.78); backdrop-filter:blur(12px); }
.fpb-proof strong { font-size:1.8rem; } .fpb-proof span { color:#d6e3ff; font-size:.85rem; }
.fpb-section { padding:clamp(4.5rem,9vw,8rem) 0; }
.fpb-split { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(3rem,8vw,8rem); align-items:center; }
.fpb-page h2 { margin:.8rem 0 1.65rem; font-size:clamp(2.25rem,4.5vw,4.5rem); line-height:1.09; }
.fpb-body { color:var(--fpb-muted); font-size:1.13rem; line-height:1.7; }
.fpb-media { margin:0; overflow:hidden; border:1px solid var(--fpb-line); border-radius:26px; box-shadow:0 22px 70px rgba(24,58,113,.13); }
.fpb-media img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.fpb-technical { border-top:1px solid var(--fpb-line); }
.fpb-section-title { display:block; margin-bottom:3rem; }
.fpb-section-title .fpb-number { margin-bottom:1rem; }
.fpb-section-title h2 { margin:0; max-width:820px; }
.fpb-specs { display:grid; grid-template-columns:repeat(3,1fr); margin:0; border-top:1px solid var(--fpb-line); border-left:1px solid var(--fpb-line); }
.fpb-specs div { min-height:145px; padding:1.5rem; border-right:1px solid var(--fpb-line); border-bottom:1px solid var(--fpb-line); }
.fpb-specs dt { margin-bottom:.8rem; color:var(--fpb-muted); font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.fpb-specs dd { margin:0; font:600 1.07rem/1.3 'Plus Jakarta Sans','Inter',sans-serif; }
.fpb-results { background:#0d1c3e; color:#fff; }
.fpb-results .fpb-kicker { color:#9dbdff; }.fpb-results .fpb-body { max-width:760px; color:#c3d1eb; }
.fpb-results h2 { max-width:900px; }.fpb-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem; margin:3rem 0 1rem; }
.fpb-kpi { min-height:175px; padding:1.45rem; border:1px solid rgba(180,205,255,.2); border-radius:18px; background:rgba(255,255,255,.055); }
.fpb-kpi strong,.fpb-kpi span,.fpb-kpi small { display:block; }.fpb-kpi strong { margin-bottom:1.3rem; font-size:clamp(2rem,3vw,3rem); }.fpb-kpi span { font-weight:700; }.fpb-kpi small { margin-top:.35rem; color:#aebfdf; }
.fpb-charts { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0; }.fpb-charts img { width:100%; border-radius:16px; background:#fff; }
.fpb-note { margin:0; padding:1.2rem 1.4rem; border-left:3px solid #df941c; background:rgba(255,255,255,.06); color:#cbd8ef; line-height:1.6; }
.fpb-capabilities { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--fpb-line); }.fpb-capabilities article { min-height:255px; padding:1.5rem; border-right:1px solid var(--fpb-line); }.fpb-capabilities article:last-child { border:0; }.fpb-capabilities h3 { margin:3.7rem 0 .8rem; font-size:1.35rem; }.fpb-capabilities p { color:var(--fpb-muted); line-height:1.6; }
.fpb-workflow { display:grid; grid-template-columns:.65fr 1.35fr; gap:4rem; align-items:center; padding:4.5rem; border-radius:30px; background:#f4f7fc; }.fpb-steps { display:grid; grid-template-columns:repeat(5,1fr); overflow:hidden; margin:0; padding:0; border:1px solid var(--fpb-line); border-radius:18px; background:#fff; list-style:none; }.fpb-steps li { min-height:145px; padding:1.15rem; border-right:1px solid var(--fpb-line); }.fpb-steps li:last-child{border:0}.fpb-steps span,.fpb-steps strong{display:block}.fpb-steps span{color:var(--fpb-blue);font-size:.73rem}.fpb-steps strong{margin-top:3rem;font-size:.92rem;line-height:1.25}
.fpb-use { display:grid; grid-template-columns:1.25fr .75fr; gap:4rem; width:min(1220px,90vw); margin:4rem auto; padding:clamp(2rem,6vw,5rem); border-radius:28px; background:var(--fpb-ink); color:#fff; }.fpb-use h2{margin:0}.fpb-use p{align-self:end;margin:0;color:#c2d0eb;line-height:1.7}
.fpb-page main > .fpb-source { display:block; }
.fpb-source { display:grid; grid-template-columns:.7fr 1.3fr; gap:5rem; border-top:1px solid var(--fpb-line); }.fpb-source a { color:var(--fpb-blue); font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.fpb-about { padding:6.5rem 0; background:var(--fpb-soft); }.fpb-about h2 { max-width:1050px; margin-bottom:0; }.fpb-about p{margin-bottom:1rem}
@media (max-width:900px){.fpb-hero{min-height:650px}.fpb-split,.fpb-workflow,.fpb-use,.fpb-source{grid-template-columns:1fr}.fpb-specs{grid-template-columns:repeat(2,1fr)}.fpb-kpis,.fpb-capabilities{grid-template-columns:repeat(2,1fr)}.fpb-charts{grid-template-columns:1fr}.fpb-workflow{padding:2rem}.fpb-steps{grid-template-columns:repeat(3,1fr)}.fpb-steps li:nth-child(3){border-right:0}.fpb-steps li:nth-child(-n+3){border-bottom:1px solid var(--fpb-line)}}
@media (max-width:620px){.fpb-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.72))}.fpb-hero-copy{margin-left:5vw;padding:6rem 0 9rem}.fpb-proof{right:5vw;bottom:1.3rem}.fpb-section-title{display:block}.fpb-section-title .fpb-number{margin-bottom:1rem}.fpb-specs,.fpb-kpis,.fpb-capabilities{grid-template-columns:1fr}.fpb-capabilities article{min-height:auto;border-right:0;border-bottom:1px solid var(--fpb-line)}.fpb-steps{grid-template-columns:1fr}.fpb-steps li{min-height:auto;border-right:0;border-bottom:1px solid var(--fpb-line)}.fpb-steps strong{margin-top:1rem}.fpb-use{margin:2rem auto}.fpb-source{gap:2rem}}