/* Styles for this page only: / */
.bgx-wl{
  --wl-bg:#071631; --wl-bg2:#0A1A33; --wl-panel:#0D2347;
  --wl-ink:#0A1A33; --wl-body:#3A4763; --wl-muted:#6B7690;
  --wl-accent:#1F5FB4; --wl-accent-lt:#7FB0F0; --wl-loss:#D6332A;
  --wl-line:#E3E7EE;
  --wl-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; overflow:hidden; isolation:isolate;
  padding:112px clamp(16px,4vw,48px) 104px; font-family:var(--wl-font); color:#fff;
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(31,95,180,.34), transparent 70%),
    linear-gradient(180deg,var(--wl-bg) 0%,var(--wl-bg2) 100%);
}
.bgx-wl *,.bgx-wl *::before,.bgx-wl *::after{box-sizing:border-box}
/* faint blueprint grid behind everything */
.bgx-wl::before{
  content:""; position:absolute; inset:0; z-index:-1; 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:48px 48px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 60%,transparent 100%);
}
.bgx-wl__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */

/* ---------- header ---------- */
.bgx-wl__head{text-align:center; max-width:780px; margin:0 auto 64px}
.bgx-wl__eyebrow{
  display:inline-flex; align-items:center; gap:12px; margin:0 0 20px;
  font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--wl-accent-lt);
}
.bgx-wl__eyebrow::before,.bgx-wl__eyebrow::after{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-wl__title{margin:0; font-size:clamp(32px,4.2vw,50px); line-height:1.1; font-weight:700; letter-spacing:-.022em; color:#fff}
.bgx-wl__lead{margin:20px auto 0; max-width:640px; font-size:18px; line-height:1.6; color:rgba(255,255,255,.72)}

/* ---------- cards ---------- */
.bgx-wl__list{display:grid; gap:36px; grid-auto-rows:1fr} /* every card matches the tallest */
.bgx-wl__card{
  display:grid; grid-template-columns:1fr 1fr; background:#fff; border-radius:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 30px 60px -28px rgba(0,0,0,.65), 0 0 40px rgba(0,0,0,.18);
}
.bgx-wl__card--flip .bgx-wl__text{order:2}
.bgx-wl__card--flip .bgx-wl__visual{order:1}

.bgx-wl__text{position:relative; padding:44px 56px 44px; display:flex; flex-direction:column; justify-content:center; color:var(--wl-ink)}
.bgx-wl__text::before{ /* accent rule on the outer edge */
  content:""; position:absolute; left:0; top:44px; width:4px; height:56px; background:var(--wl-accent);
}
.bgx-wl__card--flip .bgx-wl__text::before{left:auto; right:0}
.bgx-wl__num{display:flex; align-items:center; gap:14px; margin:0 0 18px; font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--wl-accent)}
.bgx-wl__num b{font-size:13px; font-weight:700; color:var(--wl-ink); letter-spacing:.08em}
.bgx-wl__num i{width:24px; height:1px; background:#C7CFDC}
.bgx-wl__h3{margin:0 0 18px; font-size:clamp(26px,2.6vw,34px); line-height:1.15; font-weight:700; letter-spacing:-.018em; color:var(--wl-ink)}
.bgx-wl__p{margin:0 0 14px; font-size:16.5px; line-height:1.7; color:var(--wl-body)}
.bgx-wl__p strong{color:var(--wl-ink); font-weight:600}

.bgx-wl__cta{display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:16px; padding-top:22px; border-top:1px solid var(--wl-line)}
.bgx-wl__btn{
  display:inline-flex; align-items:center; gap:12px; padding:15px 24px;
  background:var(--wl-ink); color:#fff !important; text-decoration:none !important;
  font:600 15px/1 var(--wl-font); letter-spacing:.01em; border:0; border-radius:0; cursor:pointer;
  transition:background .2s ease, gap .2s ease;
}
.bgx-wl__btn svg{transition:transform .2s ease}
.bgx-wl__btn:hover{background:var(--wl-accent)}
.bgx-wl__btn:hover svg{transform:translateX(4px)}
.bgx-wl__btn:focus-visible{outline:3px solid var(--wl-accent-lt); outline-offset:3px}
.bgx-wl__note{display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--wl-muted)}
.bgx-wl__note svg{flex:none; color:var(--wl-accent)}

/* visual panel */
.bgx-wl__visual{
  position:relative; min-height:420px; overflow:hidden;
  background:
    radial-gradient(420px 300px at 70% 20%, rgba(31,95,180,.35), transparent 70%),
    var(--wl-panel);
}
.bgx-wl__visual::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(127,176,240,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(127,176,240,.10) 1px,transparent 1px),
    linear-gradient(rgba(127,176,240,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(127,176,240,.05) 1px,transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px;
}
.bgx-wl__visual svg.bgx-wl__art{position:absolute; inset:0; width:100%; height:100%}
.bgx-wl__art--m{display:none}
.bgx-wl__visual img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.bgx-wl__tag{
  position:absolute; left:28px; bottom:26px; z-index:2;
  font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.6);
}

/* ---------- record (stats) ---------- */
.bgx-wl__record{margin-top:88px}
.bgx-wl__record-head{display:flex; align-items:center; gap:24px; margin:0 0 8px}
.bgx-wl__record-head h3{margin:0; flex:none; font-size:clamp(22px,2.2vw,28px); font-weight:700; letter-spacing:-.015em; color:#fff}
.bgx-wl__record-head::after{content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0))}
.bgx-wl__stats{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.12); margin-top:28px}
.bgx-wl__stat{display:flex; align-items:flex-start; gap:18px; padding:34px 26px 32px 0; border-bottom:1px solid rgba(255,255,255,.12)}
.bgx-wl__stat:not(:nth-child(4n+1)){padding-left:28px; border-left:1px solid rgba(255,255,255,.12)}
.bgx-wl__ico{flex:none; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(127,176,240,.45); background:rgba(31,95,180,.16); color:var(--wl-accent-lt)}
.bgx-wl__ico svg{width:24px; height:24px}
.bgx-wl__stat strong{display:block; font-size:clamp(28px,2.6vw,36px); line-height:1; font-weight:700; letter-spacing:-.02em; color:#fff; font-variant-numeric:tabular-nums}
.bgx-wl__stat strong+span{display:block; margin-top:10px; font-size:12.5px; line-height:1.4; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.62)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .bgx-wl{padding-top:84px; padding-bottom:80px}
  .bgx-wl__list{grid-auto-rows:auto}
  .bgx-wl__card,.bgx-wl__card--flip{grid-template-columns:1fr}
  .bgx-wl__card .bgx-wl__visual,.bgx-wl__card--flip .bgx-wl__visual{order:1; min-height:0; aspect-ratio:600/440}
  .bgx-wl__tag{display:none}
  .bgx-wl__card .bgx-wl__text,.bgx-wl__card--flip .bgx-wl__text{order:2}
  .bgx-wl__card--flip .bgx-wl__text::before{left:0; right:auto}
  .bgx-wl__text{padding:44px 36px 40px}
  .bgx-wl__text::before{top:44px}
  .bgx-wl__stats{grid-template-columns:repeat(2,1fr)}
  .bgx-wl__stat:not(:nth-child(4n+1)){padding-left:0; border-left:0}
  .bgx-wl__stat:nth-child(2n){padding-left:28px; border-left:1px solid rgba(255,255,255,.12)}
}
@media (max-width:560px){
  .bgx-wl{padding:64px 16px}
  .bgx-wl__head{margin-bottom:44px}
  .bgx-wl__lead{font-size:16.5px}
  .bgx-wl__list{gap:24px}
  .bgx-wl__text{padding:34px 24px 30px}
  .bgx-wl__text::before{top:34px; height:44px}
  .bgx-wl__btn{width:100%; justify-content:space-between}
  .bgx-wl__record{margin-top:64px}
  .bgx-wl__stat{flex-direction:column; gap:14px; padding:26px 14px 24px 0}
  .bgx-wl__stat:not(:nth-child(4n+1)){padding-left:0; border-left:0}
  .bgx-wl__stat:nth-child(2n){padding-left:18px; border-left:1px solid rgba(255,255,255,.12)}
  .bgx-wl__ico{width:42px; height:42px}
  .bgx-wl__stat strong+span{font-size:11.5px; letter-spacing:.1em}
}
@media (max-width:600px){
  .bgx-wl__record-head h3{flex:1 1 auto}
  .bgx-wl__record-head::after{display:none}
}
@media (max-width:600px){
  .bgx-wl__visual svg.bgx-wl__art--d{display:none}
  .bgx-wl__visual svg.bgx-wl__art--m{display:block}
  .bgx-wl__card .bgx-wl__visual,.bgx-wl__card--flip .bgx-wl__visual{aspect-ratio:400/362}
}
@media (max-width:400px){
  .bgx-wl{padding-left:12px; padding-right:12px}
  .bgx-wl__text{padding:30px 20px 28px}
  .bgx-wl__text::before{top:30px}
  .bgx-wl__btn{padding:14px 16px; font-size:14px; gap:10px; letter-spacing:0}
  .bgx-wl__stat:nth-child(2n){padding-left:14px}
  .bgx-wl__stat strong{font-size:26px}
}
@media (max-width:340px){.bgx-wl__btn svg{display:none}.bgx-wl__btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.bgx-wl__btn,.bgx-wl__btn svg{transition:none}}

.bgx-ex{
  --ex-bg:#F3F5F8; --ex-ink:#0A1A33; --ex-body:#3A4763; --ex-muted:#6B7690;
  --ex-accent:#1F5FB4; --ex-accent-lt:#7FB0F0; --ex-line:#D9DFE8; --ex-panel:#0D2347;
  --ex-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; overflow:hidden; isolation:isolate;
  padding:80px clamp(16px,4vw,48px) 80px; font-family:var(--ex-font); color:var(--ex-ink); background:var(--ex-bg);
}
.bgx-ex *,.bgx-ex *::before,.bgx-ex *::after{box-sizing:border-box}
.bgx-ex::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(10,26,51,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,26,51,.045) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%); mask-image:linear-gradient(180deg,#000 0%,transparent 55%);
}
.bgx-ex__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */

/* ---------- header ---------- */
.bgx-ex__head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px 48px; flex-wrap:wrap; margin-bottom:36px}
.bgx-ex__eyebrow{display:inline-flex; align-items:center; gap:12px; margin:0 0 12px; font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--ex-accent)}
.bgx-ex__eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-ex__title{margin:0; font-size:clamp(28px,3vw,40px); line-height:1.1; font-weight:700; letter-spacing:-.022em; color:var(--ex-ink)}
.bgx-ex__lead{margin:12px 0 0; max-width:600px; font-size:16.5px; line-height:1.6; color:var(--ex-body)}
.bgx-ex__all{
  display:inline-flex; align-items:center; gap:10px; padding:13px 0 6px; flex:none;
  font-size:15px; font-weight:600; color:var(--ex-ink) !important; text-decoration:none !important;
  border-bottom:2px solid var(--ex-ink); transition:color .2s ease, border-color .2s ease;
}
.bgx-ex__all svg{transition:transform .2s ease}
.bgx-ex__all:hover{color:var(--ex-accent) !important; border-color:var(--ex-accent)}
.bgx-ex__all:hover svg{transform:translateX(4px)}

/* ---------- groups ---------- */
.bgx-ex__groups{display:grid; gap:32px}
.bgx-ex__group-h{display:flex; align-items:center; gap:16px; margin:0 0 14px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--ex-ink)}
.bgx-ex__group-h b{display:inline-grid; place-items:center; min-width:30px; height:22px; padding:0 6px; background:var(--ex-ink); color:#fff; font-size:11px; letter-spacing:.06em}
.bgx-ex__group-h::after{content:""; flex:1; min-width:24px; height:1px; background:var(--ex-line); order:1}
.bgx-ex__for{order:2; font-size:13.5px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--ex-muted); white-space:nowrap}
.bgx-ex__grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none}

/* ---------- tile ---------- */
.bgx-ex__tile{
  position:relative; display:block; overflow:hidden; aspect-ratio:16/10; background:var(--ex-panel);
  color:#fff !important; text-decoration:none !important; border-radius:0;
  box-shadow:0 0 0 1px rgba(10,26,51,.06), 0 14px 30px -20px rgba(10,26,51,.45);
}
.bgx-ex__tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.001); transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.bgx-ex__tile:hover img,.bgx-ex__tile:focus-visible img{transform:scale(1.07)} /* slow zoom inside a fixed frame */
.bgx-ex__tile::before{ /* accent bar that sweeps across the bottom edge on hover */
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; z-index:3; background:var(--ex-accent-lt, #7FB0F0);
  transform:scaleX(0); transform-origin:left center; transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.bgx-ex__tile:hover::before,.bgx-ex__tile:focus-visible::before{transform:scaleX(1)}
.bgx-ex__ph{ /* shown until a real image is added */
  position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:8px; padding-bottom:36px;
  color:rgba(255,255,255,.5); font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  background:
    radial-gradient(240px 160px at 75% 15%, rgba(31,95,180,.35), transparent 70%),
    linear-gradient(rgba(127,176,240,.10) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(127,176,240,.10) 1px,transparent 1px) 0 0/32px 32px,
    var(--ex-panel);
}
.bgx-ex__ph svg{color:var(--ex-accent-lt)}
.bgx-ex__tile::after{ /* neutral shade at the bottom only, so the name stays readable; photos keep their true colours */
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,.62) 100%);
  opacity:.9; transition:opacity .35s ease;
}
.bgx-ex__tile:hover::after,.bgx-ex__tile:focus-visible::after{opacity:1}
.bgx-ex__name{
  position:absolute; left:18px; right:58px; bottom:16px; z-index:2;
  font-size:16.5px; line-height:1.25; font-weight:700; letter-spacing:-.005em; color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}
.bgx-ex__go{
  position:absolute; right:14px; bottom:14px; z-index:2; display:grid; place-items:center; width:32px; height:32px; overflow:hidden;
  border:1px solid rgba(255,255,255,.6); color:#fff; background:rgba(0,0,0,.18);
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}
.bgx-ex__go svg{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.bgx-ex__tile:hover .bgx-ex__go,.bgx-ex__tile:focus-visible .bgx-ex__go{background:#fff; border-color:#fff; color:var(--ex-ink, #0A1A33)}
.bgx-ex__tile:hover .bgx-ex__go svg,.bgx-ex__tile:focus-visible .bgx-ex__go svg{animation:bgxExArrow .45s cubic-bezier(.2,.7,.2,1)}
@keyframes bgxExArrow{0%{transform:none}45%{transform:translateX(18px)}46%{transform:translateX(-18px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.bgx-ex__tile img,.bgx-ex__tile::before{transition:none}.bgx-ex__tile:hover img{transform:none}.bgx-ex__go svg{animation:none !important}}
.bgx-ex__tile:focus-visible{outline:3px solid var(--ex-accent); outline-offset:3px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .bgx-ex__name{font-size:15.5px; left:16px; bottom:14px}
}
@media (max-width:900px){
  .bgx-ex{padding-top:64px; padding-bottom:64px}
  .bgx-ex__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgx-ex__tile{aspect-ratio:16/9}
  .bgx-ex__groups{gap:28px}
}
@media (max-width:560px){
  .bgx-ex{padding:52px 16px}
  .bgx-ex__head{margin-bottom:28px}
  .bgx-ex__lead{font-size:16px}
  .bgx-ex__grid{gap:12px}
  .bgx-ex__group-h{flex-wrap:wrap; row-gap:6px}
  .bgx-ex__group-h::after{display:none}
  .bgx-ex__for{flex-basis:100%; white-space:normal; font-size:13px}
  .bgx-ex__tile{aspect-ratio:4/3}
  .bgx-ex__name{font-size:14px; left:12px; right:44px; bottom:11px}
  .bgx-ex__go{width:26px; height:26px; right:10px; bottom:10px}
  .bgx-ex__go svg{width:12px}
  .bgx-ex__ph{padding-bottom:28px}
  .bgx-ex__ph span{display:none}
}
@media (max-width:400px){
  .bgx-ex{padding-left:12px; padding-right:12px}
  .bgx-ex__go{display:none}
  .bgx-ex__name{right:12px; font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.bgx-ex *{transition:none !important}}

.bgx-hw{
  --hw-ink:#0A1A33; --hw-body:#3A4763; --hw-muted:#6B7690;
  --hw-accent:#1F5FB4; --hw-accent-lt:#7FB0F0; --hw-line:#E3E7EE;
  --hw-loss:#B42318; --hw-result-bg:#F3F6FA;
  --hw-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; overflow:hidden; isolation:isolate;
  padding:88px clamp(16px,4vw,48px) 88px; font-family:var(--hw-font); color:var(--hw-ink);
  background:#fff;
}
.bgx-hw *,.bgx-hw *::before,.bgx-hw *::after{box-sizing:border-box}
/* faint blueprint grid */
.bgx-hw::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:
    linear-gradient(rgba(10,26,51,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,26,51,.045) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(1100px 600px at 50% 0%,#000 30%,transparent 80%);
          mask-image:radial-gradient(1100px 600px at 50% 0%,#000 30%,transparent 80%);
}
.bgx-hw__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */

/* ---------- header ---------- */
.bgx-hw__head{text-align:center; max-width:800px; margin:0 auto 44px}
.bgx-hw__eyebrow{
  display:inline-flex; align-items:center; gap:12px; margin:0 0 16px;
  font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--hw-accent);
}
.bgx-hw__eyebrow::before,.bgx-hw__eyebrow::after{content:""; width:28px; height:1px; background:currentColor; opacity:.5}
.bgx-hw__title{margin:0; font-size:clamp(32px,4.2vw,50px); line-height:1.1; font-weight:700; letter-spacing:-.022em; color:var(--hw-ink)}
.bgx-hw__lead{margin:16px auto 0; max-width:700px; font-size:18px; line-height:1.6; color:var(--hw-body)}
.bgx-hw__link{color:var(--hw-ink); font-weight:600; text-decoration:none; border-bottom:1px solid var(--hw-accent); white-space:nowrap}
.bgx-hw__link:hover{color:var(--hw-accent)}
.bgx-hw__link:focus-visible{outline:3px solid var(--hw-accent-lt); outline-offset:2px}

/* ---------- five steps ---------- */
.bgx-hw__steps{position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin:0; padding:0; list-style:none}
/* process rail joining the five step markers */
.bgx-hw__steps::before{
  content:""; position:absolute; z-index:0; top:22px; left:10%; right:10%; height:2px;
  background:repeating-linear-gradient(90deg,var(--hw-accent) 0 10px,transparent 10px 18px); opacity:.55;
}
.bgx-hw__step{position:relative; z-index:1; display:flex; flex-direction:column}
.bgx-hw__marker{
  align-self:center; display:grid; place-items:center; width:44px; height:44px; margin-bottom:18px;
  background:var(--hw-ink); color:#fff; font-size:14px; font-weight:700; letter-spacing:.04em;
  box-shadow:0 0 0 8px #fff;
}
.bgx-hw__step:first-child .bgx-hw__marker{background:var(--hw-accent)}
.bgx-hw__card{
  flex:1; display:flex; flex-direction:column; background:#fff; border-radius:0;
  border-top:3px solid var(--hw-ink);
  box-shadow:0 0 0 1px rgba(10,26,51,.07), 0 0 28px rgba(10,26,51,.08), 0 18px 40px -24px rgba(10,26,51,.28);
}
.bgx-hw__step:first-child .bgx-hw__card{border-top-color:var(--hw-accent)}
.bgx-hw__body{flex:1; padding:22px 22px 18px}
.bgx-hw__label{display:block; margin:0 0 8px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--hw-accent)}
.bgx-hw__h3{margin:0 0 8px; font-size:19px; line-height:1.25; font-weight:700; letter-spacing:-.01em; color:var(--hw-ink)}
.bgx-hw__p{margin:0; font-size:14.5px; line-height:1.6; color:var(--hw-body)}
.bgx-hw__result{
  display:flex; gap:10px; align-items:flex-start; margin:0; padding:12px 22px 14px;
  background:var(--hw-result-bg); border-top:1px solid var(--hw-line);
}
.bgx-hw__result svg{flex:none; margin-top:2px; color:var(--hw-accent)}
.bgx-hw__result strong{display:block; font-size:14px; line-height:1.45; font-weight:600; color:var(--hw-ink)}

.bgx-hw__sr{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ---------- responsive ---------- */
@media (min-width:1180px){ /* keep titles and result strips aligned across the 5 cards */
  .bgx-hw__h3{min-height:2.5em}
  .bgx-hw__result{min-height:66px}
}
@media (min-width:1180px) and (max-width:1320px){ .bgx-hw__result{min-height:88px} }
@media (max-width:1179px){ /* vertical timeline */
  .bgx-hw{padding-top:72px; padding-bottom:72px}
  .bgx-hw__head{margin-bottom:36px}
  .bgx-hw__steps{grid-template-columns:1fr; gap:18px; max-width:760px; margin:0 auto; padding-left:68px}
  .bgx-hw__steps::before{display:none}
  .bgx-hw__step:not(:last-child)::after{ /* connector from this marker down to the next */
    content:""; position:absolute; left:-47px; top:52px; bottom:-10px; width:2px; opacity:.55;
    background:repeating-linear-gradient(180deg,var(--hw-accent) 0 10px,transparent 10px 18px)}
  .bgx-hw__marker{position:absolute; left:-68px; top:0; margin:0}
  .bgx-hw__card{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,220px)}
  .bgx-hw__result{border-top:0; border-left:1px solid var(--hw-line); align-items:center; padding:18px 22px}
}
@media (max-width:640px){
  .bgx-hw__card{display:flex}
  .bgx-hw__result{border-left:0; border-top:1px solid var(--hw-line); padding:12px 20px 14px}
  .bgx-hw__body{padding:20px 20px 16px}
}
@media (max-width:560px){
  .bgx-hw{padding:56px 16px}
  .bgx-hw__head{margin-bottom:32px}
  .bgx-hw__lead{font-size:16.5px}
  .bgx-hw__steps{padding-left:56px; gap:16px}
  .bgx-hw__step:not(:last-child)::after{left:-37px; top:44px}
  .bgx-hw__marker{left:-56px; width:40px; height:40px; font-size:13px; box-shadow:0 0 0 6px #fff}
}
@media (max-width:400px){
  .bgx-hw{padding-left:12px; padding-right:12px}
  .bgx-hw__steps{padding-left:50px}
  .bgx-hw__step:not(:last-child)::after{left:-31px}
  .bgx-hw__marker{left:-50px}
  .bgx-hw__body{padding:18px 16px 14px}
  .bgx-hw__result{padding:12px 16px 14px}
}
@media (prefers-reduced-motion:reduce){.bgx-hw *{transition:none !important}}

.bgx-sc{
  --sc-bg:#FFFFFF; --sc-ink:#0A1A33; --sc-body:#3A4763; --sc-muted:#6B7690;
  --sc-accent:#1F5FB4; --sc-accent-lt:#7FB0F0; --sc-line:#E3E7EE; --sc-panel:#0D2347;
  --sc-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  position:relative; overflow:hidden; isolation:isolate;
  padding:80px clamp(16px,4vw,48px) 80px; font-family:var(--sc-font); color:var(--sc-ink); background:var(--sc-bg);
}
.bgx-sc *,.bgx-sc *::before,.bgx-sc *::after{box-sizing:border-box}
.bgx-sc__wrap{max-width:1268px; margin:0 auto} /* matches the site content width (1268px) */

/* ---------- header ---------- */
.bgx-sc__head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,460px); align-items:end; gap:16px 64px; margin-bottom:36px}
.bgx-sc__eyebrow{display:inline-flex; align-items:center; gap:12px; margin:0 0 12px; font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--sc-accent)}
.bgx-sc__eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.6}
.bgx-sc__title{margin:0; font-size:clamp(28px,3vw,40px); line-height:1.1; font-weight:700; letter-spacing:-.022em; color:var(--sc-ink)}
.bgx-sc__lead{margin:0; font-size:16.5px; line-height:1.6; color:var(--sc-body)}

/* ---------- tiles: one row of 6 ---------- */
.bgx-sc__grid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none}
.bgx-sc__tile{
  position:relative; display:block; overflow:hidden; aspect-ratio:3/4; background:var(--sc-panel);
  color:#fff !important; text-decoration:none !important; border-radius:0;
  box-shadow:0 0 0 1px rgba(10,26,51,.06), 0 16px 34px -22px rgba(10,26,51,.5);
}
.bgx-sc__tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.001); transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.bgx-sc__tile:hover img,.bgx-sc__tile:focus-visible img{transform:scale(1.07)} /* slow zoom inside a fixed frame (same as Expertise) */
.bgx-sc__tile::before{ /* accent bar that sweeps across the bottom edge on hover */
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; z-index:3; background:var(--sc-accent-lt, #7FB0F0);
  transform:scaleX(0); transform-origin:left center; transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.bgx-sc__tile:hover::before,.bgx-sc__tile:focus-visible::before{transform:scaleX(1)}
.bgx-sc__tile::after{ /* neutral shade at the bottom only; photos keep their true colours */
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.72) 100%);
}
.bgx-sc__txt{text-shadow:0 1px 12px rgba(0,0,0,.55)}
.bgx-sc__tile .bgx-sc__num{color:#fff; opacity:.85}
@media (prefers-reduced-motion:reduce){.bgx-sc__tile img,.bgx-sc__tile::before{transition:none}.bgx-sc__tile:hover img{transform:none}}
.bgx-sc__ph{
  position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:8px; padding-bottom:70px;
  color:rgba(255,255,255,.5); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; text-align:center;
  background:
    radial-gradient(200px 180px at 70% 15%, rgba(31,95,180,.38), transparent 70%),
    linear-gradient(rgba(127,176,240,.10) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(127,176,240,.10) 1px,transparent 1px) 0 0/28px 28px,
    var(--sc-panel);
}
.bgx-sc__ph svg{color:var(--sc-accent-lt)}
.bgx-sc__txt{position:absolute; left:16px; right:16px; bottom:16px; z-index:2}
.bgx-sc__num{display:block; margin-bottom:8px; font-size:11px; font-weight:700; letter-spacing:.14em; color:var(--sc-accent-lt)}
.bgx-sc__name{display:block; font-size:18px; line-height:1.2; font-weight:700; letter-spacing:-.01em; color:#fff}
.bgx-sc__what{display:block; margin-top:6px; font-size:13px; line-height:1.45; color:rgba(255,255,255,.78)}
.bgx-sc__tile:focus-visible{outline:3px solid var(--sc-accent); outline-offset:3px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .bgx-sc__grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
  .bgx-sc__tile{aspect-ratio:4/3}
  .bgx-sc__ph{padding-bottom:60px}
}
@media (max-width:900px){
  .bgx-sc{padding-top:64px; padding-bottom:64px}
  .bgx-sc__head{grid-template-columns:1fr; margin-bottom:28px}
  .bgx-sc__lead{max-width:620px}
  .bgx-sc__tile{aspect-ratio:1/1}
}
@media (max-width:640px){
  .bgx-sc__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
  .bgx-sc__tile{aspect-ratio:4/5}
}
@media (max-width:560px){
  .bgx-sc{padding:52px 16px}
  .bgx-sc__lead{font-size:16px}
  .bgx-sc__txt{left:12px; right:12px; bottom:12px}
  .bgx-sc__name{font-size:15.5px}
  .bgx-sc__what{font-size:12px}
  .bgx-sc__ph span{display:none}
}
@media (max-width:400px){.bgx-sc{padding-left:12px; padding-right:12px}}
@media (prefers-reduced-motion:reduce){.bgx-sc *{transition:none !important}}

.bgx-hs{
  --hs-ink:#0A1A33; --hs-deep:#071631; --hs-accent:#1F5FB4; --hs-accent-lt:#7FB0F0;
  --hs-font:"Plus Jakarta Sans","Inter","Helvetica Neue",Arial,sans-serif;
  --hs-top:96px; /* space for the site header that sits over the hero */
  position:relative; overflow:hidden; isolation:isolate; font-family:var(--hs-font); color:#fff; background:var(--hs-deep);
  height:100vh; height:100svh; height:var(--hs-vh,100svh); min-height:560px; /* fills the whole visible browser area */
}
.bgx-hs *,.bgx-hs *::before,.bgx-hs *::after{box-sizing:border-box}
.bgx-hs__wrap{max-width:calc(50vw + 634px); margin:0 auto} /* hero only: 1268px plus half of the empty side space */

/* ---------- slides ---------- */
.bgx-hs__slides{position:absolute; inset:0; margin:0; padding:0; list-style:none}
.bgx-hs__slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .9s ease, visibility 0s linear .9s}
.bgx-hs__slide.is-active{opacity:1; visibility:visible; transition:opacity .9s ease, visibility 0s}
.bgx-hs__img{position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; max-width:none; object-fit:cover}
.bgx-hs__slide::before{ /* readability overlay: navy from the left, light at the bottom for the controls */
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg, rgba(7,22,49,.62) 0%, rgba(7,22,49,.42) 45%, rgba(7,22,49,.12) 78%, rgba(7,22,49,0) 100%),
    linear-gradient(90deg, rgba(7,22,49,.62) 0%, rgba(7,22,49,.4) 38%, rgba(7,22,49,0) 70%);
}
.bgx-hs__body{position:relative; height:100%; display:flex; align-items:center; padding:var(--hs-top) clamp(16px,4vw,48px) 150px}
.bgx-hs__content{max-width:820px}
.bgx-hs__eyebrow{display:inline-flex; align-items:center; gap:12px; margin:0 0 18px; font-size:12.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--hs-accent-lt)}
.bgx-hs__eyebrow::before{content:""; width:28px; height:1px; background:currentColor; opacity:.7}
.bgx-hs__title{margin:0; font-size:clamp(34px,4.4vw,58px); line-height:1.06; font-weight:700; letter-spacing:-.028em; color:#fff; text-wrap:balance}
.bgx-hs__title span{display:block; color:var(--hs-accent-lt)}
.bgx-hs__nw{white-space:nowrap}
.bgx-hs__rule{display:block; width:64px; height:3px; margin:24px 0 0; background:var(--hs-accent)}
.bgx-hs__lead{margin:20px 0 0; max-width:700px; font-size:18px; line-height:1.6; color:rgba(255,255,255,.86)}
.bgx-hs__acts{display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; margin-top:32px}
.bgx-hs__btn{display:inline-flex; align-items:center; gap:12px; padding:17px 26px; background:#fff; color:var(--hs-ink) !important; font:600 15px/1 var(--hs-font); text-decoration:none !important; border-radius:0; white-space:nowrap; transition:background .2s ease, color .2s ease}
.bgx-hs__btn svg{transition:transform .2s ease}
.bgx-hs__btn:hover{background:var(--hs-accent); color:#fff !important}
.bgx-hs__btn:hover svg{transform:translateX(4px)}
.bgx-hs__link{display:inline-flex; align-items:center; gap:8px; color:#fff !important; font-size:15px; font-weight:600; text-decoration:none !important; border-bottom:1px solid rgba(127,176,240,.7); padding-bottom:3px; transition:color .2s ease}
.bgx-hs__link:hover{color:var(--hs-accent-lt) !important}
.bgx-hs__note{display:flex; align-items:center; gap:8px; margin:18px 0 0; font-size:13.5px; color:rgba(255,255,255,.68)}
.bgx-hs__note svg{color:var(--hs-accent-lt)}

/* keep text readable where the tint fades out */
.bgx-hs__title,.bgx-hs__lead,.bgx-hs__eyebrow,.bgx-hs__note,.bgx-hs__link{text-shadow:0 1px 18px rgba(7,22,49,.55)}
.bgx-hs__tab{text-shadow:0 1px 10px rgba(7,22,49,.85)}
.bgx-hs__tab b,.bgx-hs__tab span{color:inherit}
.bgx-hs__tab{color:rgba(255,255,255,.82)}
.bgx-hs__ctrl{background:rgba(7,22,49,.7)}
/* ---------- controls ---------- */
.bgx-hs__nav{position:absolute; left:0; right:0; bottom:0; z-index:3; padding:0 clamp(16px,4vw,48px) 30px}
.bgx-hs__navin{display:flex; align-items:stretch; gap:20px}
.bgx-hs__tabs{flex:1; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none}
.bgx-hs__tab{position:relative; width:100%; padding:14px 0 0; background:none; border:0; border-top:2px solid rgba(255,255,255,.22); color:rgba(255,255,255,.62); font:inherit; text-align:left; cursor:pointer; transition:color .2s ease}
.bgx-hs__tab b{display:block; font-size:12px; font-weight:700; letter-spacing:.14em; color:inherit}
.bgx-hs__tab span{display:block; margin-top:4px; font-size:14.5px; font-weight:600}
.bgx-hs__tab:hover,.bgx-hs__tab[aria-selected="true"]{color:#fff}
.bgx-hs__tab i{position:absolute; left:0; top:-2px; height:2px; width:0; background:var(--hs-accent-lt)}
.bgx-hs__tab[aria-selected="true"] i{width:var(--hs-progress,0%)}
.bgx-hs.is-static .bgx-hs__tab[aria-selected="true"] i{width:100%}
.bgx-hs__btns{display:flex; gap:8px; align-items:flex-end}
.bgx-hs__ctrl{display:grid; place-items:center; width:46px; height:46px; padding:0; background:rgba(7,22,49,.55); border:1px solid rgba(255,255,255,.28); color:#fff; cursor:pointer; transition:background .2s ease, border-color .2s ease}
.bgx-hs__ctrl:hover{background:var(--hs-accent); border-color:var(--hs-accent)}
.bgx-hs__ctrl .is-play{display:none}
.bgx-hs.is-paused .bgx-hs__ctrl .is-play{display:block}
.bgx-hs.is-paused .bgx-hs__ctrl .is-pause{display:none}
.bgx-hs a:focus-visible,.bgx-hs button:focus-visible{outline:3px solid var(--hs-accent-lt); outline-offset:3px}
.bgx-hs__sr{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .bgx-hs{height:auto; min-height:100vh; min-height:100svh; min-height:var(--hs-vh,100svh)}
  .bgx-hs__slides{position:relative; display:grid}
  .bgx-hs__slide{position:relative; grid-area:1 / 1}
  .bgx-hs__body{min-height:100vh; min-height:100svh; min-height:var(--hs-vh,100svh); padding-bottom:140px}
  .bgx-hs__slide::before{background:linear-gradient(180deg, rgba(7,22,49,.72) 0%, rgba(7,22,49,.5) 55%, rgba(7,22,49,.08) 100%), linear-gradient(90deg, rgba(7,22,49,.5) 0%, rgba(7,22,49,0) 80%)}
}
@media (max-width:1100px){ .bgx-hs__tab span{display:none} }
@media (max-width:700px){
  .bgx-hs{--hs-top:88px}
  .bgx-hs__body{align-items:flex-start; padding-top:calc(var(--hs-top) + 16px); padding-bottom:120px}
  .bgx-hs__slide::before{background:linear-gradient(180deg, rgba(7,22,49,.86) 0%, rgba(7,22,49,.74) 62%, rgba(7,22,49,.12) 100%)}
  .bgx-hs__lead{font-size:16.5px}
  .bgx-hs__tabs{gap:8px}
}
@media (max-width:560px){
  .bgx-hs__body,.bgx-hs__nav{padding-left:16px; padding-right:16px}
  .bgx-hs__btn{width:100%; justify-content:space-between; white-space:normal}
  .bgx-hs__ctrl{width:42px; height:42px}
  .bgx-hs__nav{padding-bottom:22px}
}
@media (max-width:400px){.bgx-hs__body,.bgx-hs__nav{padding-left:12px; padding-right:12px}}
@media (prefers-reduced-motion:reduce){.bgx-hs *{transition:none !important}}

/* Sectors Served header: same arrangement as Expertise */
.bgx-sc .bgx-sc__head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px 48px; flex-wrap:wrap; margin-bottom:36px}
.bgx-sc .bgx-sc__lead{margin:12px 0 0; max-width:none; font-size:16.5px}
@media (min-width:1000px){ .bgx-sc .bgx-sc__lead{white-space:nowrap} }
.bgx-sc .bgx-sc__btn{display:inline-flex; align-items:center; gap:12px; flex:none; padding:15px 24px; background:var(--sc-ink); color:#fff !important; font-size:15px; font-weight:600; text-decoration:none !important; white-space:nowrap; transition:background .2s ease}
.bgx-sc .bgx-sc__btn svg{transition:transform .2s ease}
.bgx-sc .bgx-sc__btn:hover{background:var(--sc-accent)}
.bgx-sc .bgx-sc__btn:hover svg{transform:translateX(4px)}
.bgx-sc .bgx-sc__btn:focus-visible{outline:3px solid var(--sc-accent-lt); outline-offset:3px}
@media (max-width:560px){ .bgx-sc .bgx-sc__lead{font-size:16px} .bgx-sc .bgx-sc__head{margin-bottom:28px} .bgx-sc .bgx-sc__btn{width:100%; justify-content:space-between} }

/* Sectors Served: 3 columns (same layout as the Industries page sector cards) */
.bgx-sc .bgx-sc__grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
.bgx-sc .bgx-sc__tile{aspect-ratio:16/10}
.bgx-sc .bgx-sc__txt{left:22px; right:22px; bottom:20px}
.bgx-sc .bgx-sc__name{font-size:19px}
.bgx-sc .bgx-sc__what{margin-top:6px; max-width:40ch; font-size:14px; line-height:1.5; color:rgba(255,255,255,.88)}
.bgx-sc .bgx-sc__tile::after{background:linear-gradient(180deg, rgba(7,22,49,0) 42%, rgba(7,22,49,.12) 58%, rgba(7,22,49,.38) 76%, rgba(7,22,49,.74) 100%)}
.bgx-sc .bgx-sc__name{text-shadow:0 1px 14px rgba(7,22,49,.55)}
.bgx-sc .bgx-sc__txt{right:68px}
.bgx-sc__go{position:absolute; right:18px; bottom:20px; z-index:3; display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(255,255,255,.6); color:#fff; background:rgba(0,0,0,.18); transition:background .25s ease, border-color .25s ease, color .25s ease}
.bgx-sc__tile:hover .bgx-sc__go,.bgx-sc__tile:focus-visible .bgx-sc__go{background:#fff; border-color:#fff; color:#0A1A33}
@media (max-width:1024px){ .bgx-sc .bgx-sc__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px} .bgx-sc .bgx-sc__tile{aspect-ratio:4/3} }
@media (max-width:600px){ .bgx-sc .bgx-sc__grid{grid-template-columns:1fr; gap:14px} .bgx-sc .bgx-sc__tile{aspect-ratio:16/11} .bgx-sc .bgx-sc__name{font-size:17px} .bgx-sc .bgx-sc__what{font-size:13.5px} .bgx-sc .bgx-sc__txt{left:18px; right:60px; bottom:16px} .bgx-sc__go{right:14px; bottom:16px; width:28px; height:28px} }

/* hero text parts line up across slides (heights set by home.js) */
.bgx-hs__acts{align-content:flex-start}
.bgx-hs__eyebrow{vertical-align:top}

/* Expertise: 3 columns (one per group), tiles styled like the Sectors Served cards */
.bgx-ex .bgx-ex__groups{grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:start}
.bgx-ex .bgx-ex__group-h{flex-wrap:wrap; row-gap:6px; margin-bottom:16px}
.bgx-ex .bgx-ex__group-h::after{display:none}
.bgx-ex .bgx-ex__for{flex-basis:100%; white-space:normal; font-size:13.5px}
.bgx-ex .bgx-ex__grid{grid-template-columns:1fr; gap:20px}
.bgx-ex .bgx-ex__tile{aspect-ratio:16/10}
.bgx-ex .bgx-ex__tile::after{opacity:1; background:linear-gradient(180deg, rgba(7,22,49,0) 42%, rgba(7,22,49,.12) 58%, rgba(7,22,49,.38) 76%, rgba(7,22,49,.74) 100%)}
.bgx-ex .bgx-ex__name{left:22px; right:68px; bottom:24px; font-size:19px; text-shadow:0 1px 14px rgba(7,22,49,.55)}
.bgx-ex .bgx-ex__go{right:18px; bottom:20px}
@media (max-width:1024px){
  .bgx-ex .bgx-ex__groups{grid-template-columns:1fr; gap:32px}
  .bgx-ex .bgx-ex__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
  .bgx-ex .bgx-ex__tile{aspect-ratio:4/3}
}
@media (max-width:600px){
  .bgx-ex .bgx-ex__grid{grid-template-columns:1fr; gap:14px}
  .bgx-ex .bgx-ex__tile{aspect-ratio:16/11}
  .bgx-ex .bgx-ex__name{left:18px; right:60px; bottom:20px; font-size:17px}
  .bgx-ex .bgx-ex__go{display:grid; right:14px; bottom:16px; width:28px; height:28px}
}

/* Expertise header: title + subtext left, "View all 53 services" button right */
.bgx-ex .bgx-ex__head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px 48px; flex-wrap:wrap; margin-bottom:36px}
.bgx-ex .bgx-ex__lead{margin:12px 0 0; max-width:none; font-size:16.5px}
@media (min-width:1000px){ .bgx-ex .bgx-ex__lead{white-space:nowrap} }
.bgx-ex .bgx-ex__btn{display:inline-flex; align-items:center; gap:12px; flex:none; padding:15px 24px; border:0; background:var(--ex-ink, #0A1A33); color:#fff !important; font-size:15px; font-weight:600; text-decoration:none !important; white-space:nowrap; transition:background .2s ease}
.bgx-ex .bgx-ex__btn svg{transition:transform .2s ease}
.bgx-ex .bgx-ex__btn:hover{background:var(--ex-accent, #1F5FB4); color:#fff !important}
.bgx-ex .bgx-ex__btn:hover svg{transform:translateX(4px)}
.bgx-ex .bgx-ex__btn:focus-visible{outline:3px solid var(--ex-accent-lt, #7FB0F0); outline-offset:3px}
@media (max-width:560px){ .bgx-ex .bgx-ex__lead{font-size:16px} .bgx-ex .bgx-ex__head{margin-bottom:28px} .bgx-ex .bgx-ex__btn{width:100%; justify-content:space-between} }

/* How We Work results: one line */
@media (min-width:1180px){ .bgx-hw .bgx-hw__result{min-height:0; align-items:center} }
@media (min-width:1180px) and (max-width:1360px){ .bgx-hw .bgx-hw__result{min-height:0; padding:12px 14px 13px; gap:8px} .bgx-hw .bgx-hw__result strong{font-size:13px} }

/* How We Work titles: one line */
@media (min-width:1180px){ .bgx-hw .bgx-hw__h3{min-height:0; white-space:nowrap} }
@media (min-width:1180px) and (max-width:1360px){ .bgx-hw .bgx-hw__h3{font-size:17px} .bgx-hw .bgx-hw__p{font-size:13.5px} }