:root{--navy:#061629;--navy2:#0a2039;--blue:#0787ff;--cyan:#16d6ef;--light:#f6f9fd;--ink:#07182c;--muted:#607085}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:#061629;border-bottom:1px solid #18324c}.nav{height:76px;display:flex;align-items:center;gap:22px}.vcs{width:150px;max-height:58px;object-fit:contain;background:#fff;border-radius:4px}.nav nav{display:flex;gap:20px;margin-left:auto;color:#d9e4ef;font-size:14px}.nav nav a:hover{color:#fff}.pill{border:1px solid var(--blue);border-radius:12px;padding:10px 17px;color:#fff;font-weight:700}.lang{display:flex;background:#0a2039;border:1px solid #244767;border-radius:10px;overflow:hidden}.langBtn{border:0;background:transparent;color:#b9c9d9;padding:9px 11px;cursor:pointer;font-weight:700}.langBtn.active{background:#0787ff;color:#fff}.hero,.biHero,.dark{background:linear-gradient(135deg,#061629,#09223e);color:#fff}.hero{padding:52px 0}.heroGrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.eyebrow{color:var(--cyan);letter-spacing:.2em;font-weight:800;font-size:12px}.hero h1,.biHero h1{font-size:62px;line-height:1;margin:12px 0 18px}.hero h1 b{color:var(--blue)}.hero h2{font-size:26px}.hero p{color:#d1dce8;font-size:17px}.photoBox{position:relative;max-width:530px;margin-left:auto;overflow:hidden;border-radius:36px}.photoBox img{display:block;width:100%;height:525px;object-fit:cover;object-position:center 16%}.quote{position:absolute;right:18px;bottom:28px;width:300px;background:rgba(7,20,35,.9);border-left:3px solid var(--blue);padding:18px 20px;color:#fff;font-style:italic;font-size:19px;border-radius:0 14px 14px 0}.actions{display:flex;gap:12px;margin-top:25px}.btn,.ghost{display:inline-block;padding:13px 20px;border-radius:11px;font-weight:700}.btn{background:var(--blue);color:#fff}.ghost{border:1px solid var(--blue);color:#fff}.stats{background:#061629;color:#fff;border-top:1px solid #17314b}.statsGrid{display:grid;grid-template-columns:repeat(5,1fr);padding:24px 0}.statsGrid div{border-right:1px solid #17314b;padding:0 18px}.statsGrid b{display:block;font-size:20px}.statsGrid span{font-size:13px;color:#bdcada}.light,.dark{padding:82px 0}.light{background:var(--light)}h3{font-size:40px;line-height:1.1;margin:10px 0 30px}.cards,.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e2eaf2;border-radius:16px;padding:24px;min-height:190px}.cards b{font-size:18px}.cards p{color:var(--muted)}.project{background:#091c31;border:1px solid #173552;border-radius:16px;padding:14px;color:#fff}.project h4{font-size:20px;margin:12px 0 6px}.project p{color:#c8d5e2}.project>span{color:#55b5ff;font-weight:700}.visual{height:145px;border-radius:12px;position:relative;overflow:hidden;border:1px solid #dbe6ef}.whiteVisual{background:#fff!important;color:#0a3155}.whiteVisual>img{display:block;max-width:78%;max-height:100px;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.powerbiVisual{padding:13px}.chartTitle{font-size:12px;color:#123c62;font-weight:700}.kpis{display:flex;gap:8px;margin:8px 0}.kpis i{height:20px;flex:1;background:#dcecf9;border-radius:4px}.bars{height:75px;display:flex;align-items:flex-end;gap:8px;padding:5px 10px;border-left:1px solid #9db6cb;border-bottom:1px solid #9db6cb}.bars i{flex:1;background:linear-gradient(#39a9ff,#0876cf);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:38%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:80%}.bars i:nth-child(5){height:67%}.bars i:nth-child(6){height:95%}.lineChart{position:absolute;right:16px;top:38px;font-size:55px;color:#0fb6d0;transform:rotate(-10deg)}.bpmVisual{display:flex;align-items:center;justify-content:center;gap:7px}.node{padding:9px 10px;border-radius:6px;background:#0b87ef;color:#fff;font-size:11px}.diamond{color:#f0b51a;font-size:25px}.arrow{color:#138fe8;font-size:22px}.dataVisual{display:flex;align-items:center;justify-content:center;gap:13px;font-size:28px;color:#0b87ef}.dataVisual>div{width:64px;height:70px;border:1px solid #76a9ce;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5faff}.dataVisual small{font-size:10px;color:#31546f;margin-top:4px}.experience{display:grid;gap:16px}.experience>div{background:#fff;border:1px solid #dde6ef;border-radius:15px;padding:22px}.experience h4{margin:0 0 5px;font-size:20px}.experience p{margin:0;color:var(--muted)}.contact{background:#091c31;color:#fff;padding:65px 0}.contactGrid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.contactGrid>div:last-child{display:flex;flex-direction:column;gap:10px}.contactGrid a{border:1px solid #244767;border-radius:10px;padding:12px 15px}footer{background:#04101e;color:#a8b8c8;padding:25px 0}.biHero{padding:55px 0}.biHeroGrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.biLogoCard{display:inline-flex;background:#fff;padding:18px 24px;border-radius:16px;margin-bottom:8px}.biLogo{width:270px;max-height:100px;object-fit:contain}.biHero h1{font-size:52px}.biHero h2{font-size:28px}.biHero p{color:#d0dce8;font-size:17px}.biHeroPanel{background:#fff;color:#10283f;border-radius:22px;padding:32px}.biHeroPanel h3{font-size:27px;margin:0 0 22px}.biHeroPanel p{color:#526a80}.miniFlow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.miniFlow span{background:#e8f4ff;border:1px solid #a7d3f8;padding:12px 16px;border-radius:10px;font-weight:700}.miniFlow b{color:#0787ff}.intro{max-width:850px;font-size:18px;color:#4b6074}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps div{background:#0c2947;border:1px solid #1c466c;border-radius:14px;padding:18px}.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0787ff;margin-bottom:12px}.brochureGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.brochureGrid img{width:100%;height:auto;border-radius:16px;border:1px solid #d9e4ed;box-shadow:0 10px 28px #15324d18}.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audience div{background:#0c2947;border:1px solid #1c466c;border-radius:14px;padding:20px}.audience b,.audience span{display:block}.audience span{color:#bfd0e0;font-size:14px}@media(max-width:900px){.nav nav{display:none}.nav .pill{display:none}.lang{margin-left:auto}.heroGrid,.biHeroGrid,.contactGrid{grid-template-columns:1fr}.hero h1,.biHero h1{font-size:44px}.statsGrid,.cards,.projects,.audience,.steps,.brochureGrid{grid-template-columns:1fr 1fr}.photoBox{margin:auto}.quote{bottom:18px;right:10px;width:70%;font-size:16px}}@media(max-width:560px){.statsGrid,.cards,.projects,.audience,.steps,.brochureGrid{grid-template-columns:1fr}.statsGrid div{padding:12px 0;border-right:0;border-bottom:1px solid #17314b}.hero h1{font-size:39px}h3{font-size:32px}.quote{position:static;width:100%;border-radius:0 0 14px 14px}.photoBox img{height:auto;border-radius:24px 24px 0 0}.vcs{width:120px}}
/* BIFlow editorial page v3 */
.biLogoWhite{display:inline-flex;background:#fff;padding:18px 24px;border-radius:18px;margin-bottom:18px}.biLogoWhite .biLogo{margin:0;max-height:100px;object-fit:contain}
.heroLead{font-size:19px!important;max-width:700px}.analyticsIllustration{background:#fff;border-radius:22px;padding:24px;color:#09203a;box-shadow:0 24px 60px #0005}
.dashTop{display:flex;justify-content:space-between;border-bottom:1px solid #d9e6f1;padding-bottom:12px}.dashTop span{color:#647b90}.dashKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.dashKpis i{height:54px;background:linear-gradient(135deg,#e7f4ff,#b7ddfb);border-radius:10px}
.dashBody{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:center}.dashBars{height:180px;display:flex;align-items:flex-end;gap:12px;border-left:1px solid #b7cde0;border-bottom:1px solid #b7cde0;padding:12px}.dashBars i{flex:1;background:linear-gradient(#18bde2,#087cf0);border-radius:5px 5px 0 0}.dashBars i:nth-child(1){height:35%}.dashBars i:nth-child(2){height:58%}.dashBars i:nth-child(3){height:45%}.dashBars i:nth-child(4){height:78%}.dashBars i:nth-child(5){height:66%}.dashBars i:nth-child(6){height:92%}.dashPie{font-size:110px;color:#118af3;text-align:center}
.textSection{max-width:1120px}.editorial{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:start}.editorial p,.closing{font-size:18px;color:#52687d}.dark .editorial p,.dark .closing{color:#cad7e4}.miniIssues{display:grid;gap:10px}.miniIssues span,.benefitVisual span{background:#fff;border:1px solid #dce8f2;border-radius:12px;padding:13px 16px;color:#17314b}.flowArchitecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:30px 0}.flowArchitecture div{background:#fff;color:#102b45;border-radius:15px;padding:22px;text-align:center}.flowArchitecture .focus{outline:2px solid #0787ff}.flowArchitecture small{display:block;color:#60758a;margin-top:5px}.flowArchitecture em{font-size:26px;color:#3aaeff}.capGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capGrid article{background:#0d2945;border:1px solid #1d4669;border-radius:15px;padding:22px}.capGrid h3{margin:0 0 6px}.capGrid p{color:#c3d2e0;margin:0}.benefitVisual{background:#eaf5ff;border-radius:20px;padding:25px;display:grid;gap:10px}.benefitVisual b{font-size:20px}.useCases{display:grid;grid-template-columns:1fr 1fr;gap:22px}.useCases article{background:#0d2945;border:1px solid #1d4669;border-radius:18px;padding:26px}.caseIcon{font-size:42px;color:#26c8eb}.useCases h3{font-size:22px;margin:8px 0}.useCases p{color:#c9d7e4}.maturity{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:30px 0}.maturity div{background:#fff;border:1px solid #d8e6f1;border-radius:15px;padding:22px;text-align:center}.maturity b{display:block;color:#0787ff;font-size:28px}.maturity span{display:block}.maturity .focus{background:#e9f5ff;border-color:#0787ff}.maturity em{font-size:24px;color:#0787ff}
@media(max-width:800px){.editorial,.useCases{grid-template-columns:1fr}.flowArchitecture,.maturity{grid-template-columns:1fr}.flowArchitecture em,.maturity em{transform:rotate(90deg);text-align:center}.capGrid{grid-template-columns:1fr}.dashPie{font-size:75px}}
/* Recruitment-focused profile and shared navigation, September 2026. */
:root{--blue:#0879e6;--muted:#4e6276}
html{scroll-padding-top:100px}
body{font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #f6b94d;outline-offset:5px}
a,button{touch-action:manipulation}
.wrap{width:min(1180px,calc(100% - 64px))}
.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:#fff;color:#061629;z-index:100;border-radius:8px}
.skip-link:focus{top:12px}
.nav{height:82px;gap:28px}
.brand{display:flex;flex-shrink:0}
.vcs{width:116px;height:56px;max-height:none;object-fit:contain}
.nav nav{gap:23px;align-items:center}
.nav nav a{padding:12px 0}

.lang{flex-shrink:0}
.langBtn{min-width:44px;min-height:44px}
.menu-toggle{display:none}
.hero{padding:68px 0 60px;background:radial-gradient(ellipse at 90% 40%,#12395a 0,transparent 55%),#061629}
.heroGrid{grid-template-columns:1.25fr 1fr;gap:70px}
.hero .eyebrow{font-size:11px;letter-spacing:.15em;display:block;max-width:510px}
.hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.07;letter-spacing:-.045em;margin:23px 0}
.hero h1 b{color:#58b8ff;font-weight:700}
.hero .hero-position{font-size:clamp(22px,2.2vw,29px);font-weight:600;line-height:1.35;color:#fff;margin:0 0 20px;max-width:580px;letter-spacing:-.015em}
.hero .hero-description{font-size:17px;line-height:1.75;max-width:555px;color:#c3d3e2}
.actions{flex-wrap:wrap;gap:12px;margin-top:28px}
.btn,.ghost{border-radius:7px;padding:13px 19px;min-height:48px;font-size:15px;transition:background .15s,border-color .15s}
.btn{background:#0872d4;border:1px solid #0872d4}
.btn:hover{background:#065aab;border-color:#065aab}
.ghost{border-color:#6283a2;background:transparent}
.ghost:hover{background:#153552;border-color:#8ba9c5}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;color:#b7cadd;font-size:13px}
.photoBox{border-radius:20px;max-width:470px;width:100%;box-shadow:0 20px 60px #0003;border:1px solid #ffffff20}
.photoBox img{height:475px;object-position:center 16%;border-radius:0}
.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 24px 22px;background:linear-gradient(transparent,#061629e6);color:#fff;font-size:10px;font-weight:600;letter-spacing:.14em}
.statsGrid{grid-template-columns:repeat(4,1fr);padding:27px 0}
.statsGrid div{padding:0 28px}
.statsGrid div:first-child{padding-left:0}
.statsGrid div:last-child{border-right:0}
.statsGrid b{font-size:26px;letter-spacing:-.03em;margin-bottom:3px}
.statsGrid span{font-size:13px}
.light,.dark,.credentials{padding:80px 0}
.light .eyebrow,.credentials .eyebrow,.project-role .eyebrow{color:#086b9b}
h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:13px 0 30px;max-width:900px}
.section-intro{font-size:17px;max-width:760px;color:var(--muted);margin:-12px 0 32px}
.dark .section-intro{color:#b7cadd}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cards article{padding:28px;border-radius:12px;display:flex;flex-direction:column}
.card-number{color:#096fc2;font-size:13px;font-weight:700;margin-bottom:22px}
.cards h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}
.cards p{margin:0 0 26px;line-height:1.75}
.techline{font-size:12px;font-weight:600;line-height:1.65;display:block;color:#49617a}
.cards .techline{margin-top:auto;padding-top:18px;border-top:1px solid #e2eaf2}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case-card{background:#0b243d;border:1px solid #29455e;border-radius:12px;padding:28px;display:flex;flex-direction:column}
.case-org{font-size:11px;letter-spacing:.08em;color:#71d8ef;font-weight:700}
.case-card h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:16px 0 24px}
.case-card dl{margin:0 0 26px}
.case-card dt{font-size:12px;font-weight:700;color:#fff;margin:18px 0 5px}
.case-card dt:first-child{margin-top:0}
.case-card dd{margin:0;font-size:15px;line-height:1.75;color:#c7d6e5}
.case-bottom{margin-top:auto;border-top:1px solid #29455e;padding-top:20px}
.case-card .techline{color:#c1d2e2}
.text-link{display:inline-block;margin-top:16px;color:#70c4ff;font-weight:600;font-size:14px;padding:5px 0}
.text-link:hover{text-decoration:underline}
.experience{gap:0;border-top:1px solid #d5e0e9}
.experience article{display:grid;grid-template-columns:1fr 1.45fr;gap:44px;padding:30px 0;border-bottom:1px solid #d5e0e9}
.experience h3{font-size:20px;line-height:1.4;margin:0 0 7px;letter-spacing:-.015em}
.experience .role{color:#0864a3;font-weight:600;font-size:13px;line-height:1.6}
.experience article>p{font-size:16px;line-height:1.8;color:var(--muted)}
.credentials{background:#fff}
.credential-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px}
.credential-grid article{border-top:2px solid #c6d9e9;padding-top:20px}
.credential-grid h3{font-size:19px;margin:0 0 15px}
.credential-grid ul{margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px}
.credential-grid li{margin-bottom:14px;line-height:1.7}
.contact{padding:70px 0}
.contactGrid{grid-template-columns:1.2fr 1fr;gap:70px}
.contact h2{font-size:38px;margin-bottom:22px}
.contact p{color:#bfcede;max-width:550px;font-size:16px;line-height:1.8}
.contact .contact-location{font-size:13px;margin-top:24px}
.contact-links a{display:flex;flex-direction:column;gap:3px;border-radius:7px;padding:14px 18px;font-size:14px;overflow-wrap:anywhere}
.contact-links a:hover{background:#12334e;border-color:#5a8ab1}
.contact-label{font-size:11px;color:#85cfff;font-weight:600;letter-spacing:.04em}
.footer-row{display:flex;justify-content:space-between;gap:16px;font-size:12px}
.project-role{background:#e9f2f9;padding:40px 0}
.project-role h2{font-size:27px;margin-bottom:12px}
.project-role p{max-width:920px;color:#425a70;font-size:17px}
.illustration-label{font-size:12px!important;color:#4a647c!important;margin:0 0 15px}
.biHero h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em}
.biLogoWhite .biLogo{width:200px;height:auto}
@media(max-width:1050px){.nav{gap:18px}.nav nav{gap:16px}.heroGrid{gap:38px}.case-card{padding:22px}.contactGrid{gap:35px}}
@media(max-width:900px){
  .wrap{width:calc(100% - 40px)}
  .nav{height:76px;flex-wrap:nowrap;gap:14px}
  .vcs{width:100px;height:49px}
  .menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;background:transparent;border:1px solid #52708d;border-radius:7px;color:#fff;padding:8px 12px;margin-left:auto;cursor:pointer;font:inherit;font-size:14px}
  .lang{margin-left:0}
  .nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#071a2e;border-bottom:1px solid #52708d;padding:14px 20px 20px;margin:0;box-shadow:0 15px 20px #0003}
  .nav nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
  .nav nav a{padding:13px 10px}
  .hero{padding:42px 0}
  .heroGrid{grid-template-columns:1.1fr .9fr;gap:28px}
  .photoBox img{height:390px}
  .hero h1{font-size:45px}
  .hero .hero-position{font-size:23px}
  .hero .hero-description{font-size:16px}
  .hero .eyebrow{font-size:10px}
  .photo-caption{font-size:9px;padding:30px 15px 16px}
  .statsGrid div{padding:0 16px}
  .statsGrid b{font-size:24px}
  .cards,.case-grid{gap:14px}
  .cards article,.case-card{padding:20px}
  .cards h3{font-size:21px}
  .case-card h3{font-size:22px}
  .experience article{gap:26px}
  .credential-grid{gap:24px;grid-template-columns:1fr 1fr}
  .contactGrid{grid-template-columns:1fr 1fr}
  .contact h2{font-size:31px}
}
@media(max-width:700px){
  .heroGrid{grid-template-columns:1fr}
  .hero h1{font-size:52px}
  .hero .hero-position{font-size:26px}
  .hero .hero-description{max-width:100%}
  .photoBox{max-width:100%;margin:8px 0 0}
  .photoBox img{height:360px;object-position:center 23%}
  .statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;padding:26px 0}
  .statsGrid div{padding:0 16px;border:0;border-left:1px solid #29455e}
  .statsGrid div:nth-child(odd){padding-left:0;border-left:0}
  .cards,.case-grid,.credential-grid,.contactGrid{grid-template-columns:1fr}
  .cards article,.case-card{padding:26px}
  .case-card h3{font-size:26px;max-width:340px}
  .cards{gap:16px}
  .light,.dark,.credentials{padding:54px 0}
  h2{font-size:31px}
  .section-intro{font-size:16px}
  .experience article{grid-template-columns:1fr;gap:13px;padding:25px 0}
  .contactGrid{gap:24px}
  .contact{padding:52px 0}
  .footer-row{flex-direction:column;gap:6px}
  .biHeroGrid{gap:28px}
}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.nav{gap:8px}.menu-toggle{padding:8px}.hero h1{font-size:46px}.actions{flex-direction:column}.actions a{text-align:center}.hero-meta{font-size:12px;gap:8px}.dashPie{font-size:60px}.analyticsIllustration{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep section navigation usable when scripting is disabled. */
@media(max-width:900px){html.no-js .nav{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 0}html.no-js .nav nav{display:flex;position:static;flex-wrap:wrap;order:3;width:100%;padding:0;box-shadow:none;border:0}html.no-js .menu-toggle,html.no-js .lang{display:none}}


/* Give the BIFlow entry a consistent position in both navigation layouts. */
.case-card.case-featured {
  background: #102e4d;
  border-color: #55b5ff;
}
.case-featured .text-link { text-decoration: underline; }
.btn, .langBtn.active { background: #0068cc; }
.biLogoWhite .biLogo { width: auto; color: #102b45; font-size: 28px; font-weight: 700; }
.capGrid h3 { font-size: 22px; }

.executive-case article { background: #fff; border-color: #dce8f2; }
.executive-case p { color: var(--muted); }
.executive-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  padding: 0;
  list-style-position: inside;
}
.executive-flow li {
  background: #fff;
  color: #102b45;
  border-radius: 15px;
  padding: 20px;
}
@media (max-width: 800px) {
  .executive-flow { grid-template-columns: 1fr; }
}

.biflow-brand { width: 190px; height: auto; padding: 12px; background: #fff; border-radius: 10px; }
.biflow-figure { margin: 24px 0 0; max-width: 775px; overflow: hidden; border-radius: 14px; background: #f6f9fd; color: #425a70; }
.biflow-figure img { display: block; width: 100%; height: auto; }
.biflow-figure figcaption { padding: 10px 16px; font-size: .85rem; }
.biflow-impact { margin-top: 26px; padding: 20px 24px; border-left: 4px solid #0872d4; background: #e9f2f9; }
.biflow-impact h3, .biflow-subheading { margin: 0 0 12px; font-size: 1.3rem; }
.biflow-impact p { margin: 0; }

.biflow-benefits article { min-height: 0; }
.biflow-benefits article p { margin: 0; }
#benefits .biHeroGrid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
#benefits .biflow-figure { max-width: 300px; justify-self: center; }
@media (max-width: 800px) {
  #benefits .biHeroGrid { grid-template-columns: 1fr; }
}

.biflow-audience { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.biflow-audience article {
  justify-content: center;
  text-align: center;
  color: var(--ink);
}
.biflow-case-example { gap: 28px; }
@media (max-width: 900px) {
  .biflow-audience { grid-template-columns: 1fr; }
}

.biflow-chart-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 700px) { .biflow-chart-grid { grid-template-columns: 1fr; } }

.case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.case-card.case-featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
}
.case-featured-image { display: block; width: 100%; height: auto; border-radius: 10px; }
.career-heading { margin: 16px 0 4px; font-size: 1rem; }
@media (max-width: 700px) {
  .case-grid, .case-card.case-featured { grid-template-columns: 1fr; }
}

.usage-chart { background: #fff; border: 1px solid #dce8f2; }
.usage-chart figcaption { font-weight: 700; color: var(--ink); }
.usage-chart ul { list-style: none; padding: 0 16px 16px; margin: 0; }
.usage-chart li { display: grid; grid-template-columns: 4.5rem 1fr 1.75rem; align-items: center; gap: 8px; font-size: .82rem; }
.usage-track { background: #e9f2f9; border-radius: 4px; }
.usage-track i { display: block; width: var(--bar-width); height: 8px; border-radius: 4px; background: #0872d4; }