/* Styles for this page only: /about/ */
.bgx-ab{
  --ab-ink:#0A1A33; --ab-deep:#071631; --ab-body:#3A4763; --ab-muted:#6B7690; --ab-line:#DCE2EA; --ab-grey:#F3F5F8;
  --ab-accent:#1F5FB4; --ab-accent-lt:#7FB0F0;
  --ab-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; font-family:var(--ab-font); color:var(--ab-ink); background:#fff; padding:80px clamp(16px,4vw,48px);
}
.bgx-ab *,.bgx-ab *::before,.bgx-ab *::after{box-sizing:border-box}
.bgx-ab__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */
.bgx-ab__eyebrow{display:inline-flex; align-items:center; gap:12px; margin:0 0 14px; font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--ab-accent)}
.bgx-ab__eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-ab__h{margin:0; font-size:clamp(26px,2.8vw,36px); line-height:1.15; font-weight:700; letter-spacing:-.02em; color:var(--ab-ink); text-wrap:balance}
.bgx-ab__lead{margin:14px 0 0; font-size:17px; line-height:1.65; color:var(--ab-body)}
/* 1 intro */
.bgx-ab--intro{padding-bottom:0}
.bgx-ab__intro{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:24px 80px; align-items:end}
.bgx-ab__h1{margin:0; font-size:clamp(32px,3.8vw,48px); line-height:1.08; font-weight:700; letter-spacing:-.024em}
.bgx-ab__intro .bgx-ab__lead{margin:0}
/* 2 who we are */
.bgx-ab__who{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-top:48px;
  box-shadow:0 0 0 1px rgba(10,26,51,.06), 0 30px 60px -30px rgba(10,26,51,.4)}
.bgx-ab__who-txt{padding:44px 48px; background:#fff}
.bgx-ab__who-txt p{margin:0 0 14px; font-size:16px; line-height:1.7; color:var(--ab-body)}
.bgx-ab__who-txt p:last-child{margin-bottom:0}
.bgx-ab__eyebrow--sm{margin:22px 0 10px !important; font-size:11.5px}
.bgx-ab__tags{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none}
.bgx-ab__tags li{padding:6px 11px; background:var(--ab-grey); border:1px solid #CBD6E8; font-size:13px; font-weight:600; color:var(--ab-ink)}
.bgx-ab__stats{position:relative; display:grid; grid-template-columns:1fr 1fr; color:#fff; background:var(--ab-ink);
  background-image:radial-gradient(420px 260px at 85% 0%, rgba(31,95,180,.38), transparent 70%)}
.bgx-ab__stats::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px}
.bgx-ab__stat{position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:28px; padding:30px 32px 30px;
  border-left:1px solid rgba(255,255,255,.12); border-top:1px solid rgba(255,255,255,.12)}
.bgx-ab__stat:nth-child(odd){border-left:0}
.bgx-ab__stat:nth-child(-n+2){border-top:0}
.bgx-ab__sico{display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(127,176,240,.45); background:rgba(31,95,180,.18); color:var(--ab-accent-lt)}
.bgx-ab__stat strong{position:relative; display:block; padding-top:16px; font-size:clamp(34px,3.4vw,46px); line-height:1; font-weight:700; letter-spacing:-.025em}
.bgx-ab__stat strong::before{content:""; position:absolute; left:0; top:0; width:28px; height:3px; background:var(--ab-accent-lt)}
.bgx-ab__stat strong+span{display:block; margin-top:10px; font-size:12px; font-weight:600; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.66)}
/* 3 journey */
.bgx-ab--model{background:var(--ab-grey)}
.bgx-ab--diff{background:var(--ab-grey)}
.bgx-ab__journey{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:40px 0 0; padding:0; list-style:none}
.bgx-ab__journey::before{content:""; position:absolute; left:20px; right:20px; top:20px; height:2px; opacity:.55;
  background:repeating-linear-gradient(90deg,var(--ab-accent) 0 8px,transparent 8px 15px)}
.bgx-ab__journey li{position:relative}
.bgx-ab__journey b{display:grid; place-items:center; width:40px; height:40px; margin-bottom:18px; background:var(--ab-ink); color:#fff; font-size:13px; box-shadow:0 0 0 6px #fff}
.bgx-ab__journey li:last-child b{background:var(--ab-accent)}
.bgx-ab__journey h3{margin:0 0 6px; font-size:18px}
.bgx-ab__journey p{margin:0; font-size:15px; line-height:1.6; color:var(--ab-body)}
/* 4 how we work differently */
.bgx-ab__head2{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,460px); gap:16px 64px; align-items:end; margin-bottom:32px}
.bgx-ab__head2 .bgx-ab__lead{margin:0}
.bgx-ab__cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none}
.bgx-ab__card{padding:28px 26px 26px; background:#fff; border-top:3px solid var(--ab-ink);
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 0 26px rgba(10,26,51,.06), 0 16px 34px -24px rgba(10,26,51,.28)}
.bgx-ab__ico{display:grid; place-items:center; width:44px; height:44px; margin-bottom:18px; background:var(--ab-grey); border:1px solid #CBD6E8; color:var(--ab-accent)}
.bgx-ab__card h3{margin:0 0 8px; font-size:18px}
.bgx-ab__card p{margin:0; font-size:15px; line-height:1.62; color:var(--ab-body)}
/* margin model */
.bgx-ab__model{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px 64px; align-items:center}
.bgx-ab__report{position:relative; margin:0; padding:14px; background:#fff; box-shadow:0 0 0 1px rgba(10,26,51,.08), 0 30px 60px -30px rgba(10,26,51,.45)}
.bgx-ab__report img{display:block; width:100%; height:auto; aspect-ratio:1600/1113}
.bgx-ab__report figcaption{position:absolute; top:-14px; right:20px; padding:6px 12px; background:var(--ab-ink); color:#fff; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase}
.bgx-ab__steps{position:relative; display:grid; gap:20px; margin:0; padding:0; list-style:none}
.bgx-ab__steps::before{content:""; position:absolute; left:19px; top:12px; bottom:28px; width:2px; opacity:.5; background:repeating-linear-gradient(180deg,var(--ab-accent) 0 8px,transparent 8px 15px)}
.bgx-ab__steps li{position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); gap:18px}
.bgx-ab__steps b{display:grid; place-items:center; width:40px; height:40px; background:var(--ab-ink); color:#fff; font-size:13px; box-shadow:0 0 0 6px var(--ab-grey)}
.bgx-ab__steps li:nth-child(2) b{background:#B42318}
.bgx-ab__steps li:nth-child(3) b{background:var(--ab-accent)}
.bgx-ab__steps h3{margin:2px 0 4px; font-size:18px}
.bgx-ab__steps p{margin:0; font-size:15px; line-height:1.62; color:var(--ab-body)}
.bgx-ab__example{margin:24px 0; padding:18px 20px; background:#fff; border-left:3px solid #B42318}
.bgx-ab__example span{display:block; margin-bottom:6px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#B42318}
.bgx-ab__example p{margin:0; font-size:15.5px; line-height:1.6; color:var(--ab-body)}
.bgx-ab__example strong{color:var(--ab-ink)}
.bgx-ab__btn{display:inline-flex; align-items:center; gap:12px; padding:16px 26px; background:var(--ab-ink); color:#fff !important; font:600 15px/1 var(--ab-font); text-decoration:none !important; border-radius:0; white-space:nowrap; transition:background .2s ease}
.bgx-ab__btn svg{transition:transform .2s ease}
.bgx-ab__btn:hover{background:var(--ab-accent)}
.bgx-ab__btn:hover svg{transform:translateX(4px)}
.bgx-ab__btn:focus-visible{outline:3px solid var(--ab-accent-lt); outline-offset:3px}
/* diff with photo */
.bgx-ab__diff{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px 64px; align-items:center}
.bgx-ab__diff .bgx-ab__cards{grid-template-columns:1fr; gap:14px}
.bgx-ab__diff .bgx-ab__card{display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:16px; padding:20px 22px}
.bgx-ab__diff .bgx-ab__ico{grid-row:span 2; margin:0}
.bgx-ab__diff .bgx-ab__card h3{margin:2px 0 4px}
.bgx-ab__photo{position:relative; margin:0}
.bgx-ab__photo::before{content:""; position:absolute; left:-16px; top:-16px; width:44%; height:44%; background:var(--ab-ink)}
.bgx-ab__photo img{position:relative; display:block; width:100%; height:auto; aspect-ratio:1400/974; object-fit:cover; box-shadow:0 24px 50px -28px rgba(10,26,51,.55)}
.bgx-ab__photo figcaption{position:absolute; left:0; bottom:0; padding:9px 14px; background:var(--ab-ink); color:#fff; font-size:12px; font-weight:600}
/* 5 vision */
.bgx-ab--vision{color:#fff; text-align:center; background:radial-gradient(820px 420px at 50% 0%, rgba(31,95,180,.34), transparent 70%), linear-gradient(180deg,var(--ab-deep),var(--ab-ink))}
.bgx-ab--vision .bgx-ab__eyebrow{color:var(--ab-accent-lt)}
.bgx-ab--vision .bgx-ab__eyebrow::after{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-ab__vision{max-width:880px; margin:0 auto; font-size:clamp(24px,2.8vw,36px); line-height:1.3; font-weight:700; letter-spacing:-.015em; color:#fff; text-wrap:balance}
.bgx-ab__vision span{color:var(--ab-accent-lt)}
.bgx-ab__values{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:48px 0 0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.14)}
.bgx-ab__values li{padding:26px 24px 0; text-align:left}
.bgx-ab__values li + li{border-left:1px solid rgba(255,255,255,.14)}
.bgx-ab__values strong{display:block; font-size:17px; color:#fff}
.bgx-ab__values span{display:block; margin-top:6px; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.72)}
/* assurance strip */
.bgx-ab__assure{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:24px 0 0; padding:0; list-style:none; background:#fff;
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 18px 40px -30px rgba(10,26,51,.35)}
.bgx-ab__assure li{display:grid; grid-template-columns:40px minmax(0,1fr); align-content:start; column-gap:16px; padding:24px 26px}
.bgx-ab__assure li + li{border-left:1px solid var(--ab-line)}
.bgx-ab__assure .bgx-ab__ico{grid-row:span 2; width:40px; height:40px; margin:0}
.bgx-ab__assure h3{margin:1px 0 4px; font-size:16px}
.bgx-ab__assure p{margin:0; font-size:14.5px; line-height:1.6; color:var(--ab-body)}
.bgx-ab__assure a{color:var(--ab-accent); font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; white-space:nowrap}
.bgx-ab__assure a:hover{color:var(--ab-ink)}
/* leadership */
.bgx-ab__team{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none}
.bgx-ab__person{display:grid; grid-template-columns:72px minmax(0,1fr); gap:6px 20px; align-items:start; padding:26px; background:#fff; border-top:3px solid var(--ab-ink);
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 0 26px rgba(10,26,51,.06), 0 16px 34px -24px rgba(10,26,51,.28)}
.bgx-ab__avatar{grid-row:span 3; display:grid; place-items:center; width:72px; height:72px; background:var(--ab-ink); color:#fff; font-size:20px; font-weight:700; letter-spacing:.04em; overflow:hidden}
.bgx-ab__avatar img{display:block; width:100%; height:100%; object-fit:cover}
.bgx-ab__person h3{margin:2px 0 0; font-size:18px}
.bgx-ab__role{margin:0; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ab-accent)}
.bgx-ab__person p:last-child{margin:6px 0 0; font-size:14.5px; line-height:1.6; color:var(--ab-body)}
/* who we help (subgrid keeps titles, "leaks" and "fix" rows aligned across cards) */
.bgx-ab__help{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:20px; row-gap:0; margin:0; padding:0; list-style:none}
.bgx-ab__hcard{display:grid; grid-template-rows:subgrid; grid-row:span 4; padding:28px 24px 26px; background:#fff; border-top:3px solid var(--ab-ink);
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 0 26px rgba(10,26,51,.06), 0 16px 34px -24px rgba(10,26,51,.28)}
.bgx-ab__hcard .bgx-ab__ico{margin-bottom:16px}
.bgx-ab__hcard h3{margin:0 0 18px; font-size:18px; line-height:1.3}
.bgx-ab__hcard dl{display:contents}
.bgx-ab__hcard dt{margin:0 0 6px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase}
.bgx-ab__hcard dd{margin:0; font-size:14.5px; line-height:1.6; color:var(--ab-body)}
.bgx-ab__hleak dt{color:#B42318}
.bgx-ab__hfix{margin-top:16px; padding-top:16px; border-top:1px solid var(--ab-line)}
.bgx-ab__hfix dt{color:var(--ab-accent)}
/* responsive */
@media (max-width:1024px){ .bgx-ab__who-txt{padding:36px 34px} .bgx-ab__stat{padding:26px 24px} }
@media (max-width:960px){
  .bgx-ab{padding-top:64px; padding-bottom:64px}
  .bgx-ab--intro{padding-bottom:0}
  .bgx-ab__intro,.bgx-ab__head2{grid-template-columns:1fr; gap:16px}
  .bgx-ab__who{grid-template-columns:1fr; margin-top:36px}
  .bgx-ab__journey{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:32px}
  .bgx-ab__journey::before{display:none}
  .bgx-ab__cards{grid-template-columns:1fr; max-width:640px}
  .bgx-ab__assure{grid-template-columns:1fr}
  .bgx-ab__assure li + li{border-left:0; border-top:1px solid var(--ab-line)}
  .bgx-ab__team{grid-template-columns:1fr; max-width:640px}
  .bgx-ab__help{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:20px}
  .bgx-ab__hcard{display:block; grid-row:auto}
  .bgx-ab__model,.bgx-ab__diff{grid-template-columns:1fr}
  .bgx-ab__report,.bgx-ab__photo{max-width:640px}
}
@media (max-width:600px){
  .bgx-ab__values{grid-template-columns:1fr}
  .bgx-ab__values li + li{border-left:0; border-top:1px solid rgba(255,255,255,.14); margin-top:22px}
  .bgx-ab__values li{padding-left:0; padding-right:0}
}
@media (max-width:560px){
  .bgx-ab{padding:52px 16px}
  .bgx-ab--intro{padding-bottom:0}
  .bgx-ab__lead{font-size:16px}
  .bgx-ab__who-txt{padding:28px 20px}
  .bgx-ab__stat{padding:22px 16px; gap:20px}
  .bgx-ab__sico{width:38px; height:38px}
  .bgx-ab__journey{grid-template-columns:1fr}
  .bgx-ab__help{grid-template-columns:1fr}
  .bgx-ab__btn{width:100%; justify-content:space-between; white-space:normal}
  .bgx-ab__photo::before{left:-8px; top:-8px}
}
@media (max-width:400px){.bgx-ab{padding-left:12px; padding-right:12px}}