/* Xivo — Financial Story band (v3.7.0, light version). Prefix: xvs-
   Light pale-blue band so it reads as a different section from the photo hero above
   and the ivory Services section below. To bring back the dark photo band, remove
   the block marked 'LIGHT OVERRIDES' at the bottom of this file. */

.xvs{
  --xvs-navy:#0A1524;
  --xvs-blue:#3C7ABC;
  --xvs-sky:#8FBEEE;
  --xvs-gold:#D4A24C;
  --xvs-ivory:#FBF8F3;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  min-height:clamp(540px,58vw,700px);
  padding:clamp(76px,8vw,116px) clamp(20px,5.5vw,84px);
  background:var(--xvs-navy);
  color:var(--xvs-ivory);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.xvs *,.xvs *:before,.xvs *:after{box-sizing:border-box}

/* backdrop ------------------------------------------------------------- */
.xvs-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.xvs-bg{width:100%;height:100%;object-fit:cover;object-position:72% 40%;display:block}
.xvs-media:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(97deg,rgba(6,12,21,.95) 0%,rgba(6,12,21,.90) 34%,rgba(7,16,28,.62) 64%,rgba(7,16,28,.42) 100%),
    linear-gradient(180deg,rgba(6,12,21,.55),transparent 26%,transparent 68%,rgba(5,11,19,.70));
}

/* layout --------------------------------------------------------------- */
.xvs-wrap{
  position:relative;z-index:1;width:100%;max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(44px,6vw,88px);align-items:center;
}

/* copy ----------------------------------------------------------------- */
.xvs-copy{min-width:0}
.xvs-kicker{
  display:flex;align-items:center;gap:14px;margin:0 0 26px;
  font-size:13.5px;line-height:1.5;color:rgba(251,248,243,.66);
}
.xvs-kicker:before{content:"";flex:none;width:38px;height:1px;background:var(--xvs-gold)}

.xvs h2#xvs-title{
  margin:0 0 24px;
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;
  font-size:clamp(37px,4.7vw,64px);line-height:1.05;letter-spacing:-.022em;color:#fff;
}
.xvs h2#xvs-title em{display:block;font-style:italic;color:var(--xvs-sky)}

.xvs-lead{
  margin:0;max-width:52ch;
  font-size:clamp(15px,1.25vw,17px);line-height:1.75;color:rgba(251,248,243,.74);
}

.xvs-link{
  display:inline-block;margin-top:34px;padding:15px 30px;border-radius:2px;
  background:var(--xvs-ivory);color:#0A1524;
  font-size:14.5px;font-weight:700;letter-spacing:-.005em;text-decoration:none;
  transition:background .25s ease,color .25s ease;
}
.xvs-link:hover{background:var(--xvs-sky);color:#08111D}
.xvs-link:focus-visible{outline:2px solid var(--xvs-sky);outline-offset:4px}

/* highlights ----------------------------------------------------------- */
.xvs-facts{list-style:none;margin:0;padding:0;min-width:0}
.xvs-facts li{
  padding:26px 0 24px;
  border-top:1px solid rgba(143,190,238,.26);
}
.xvs-facts li:last-child{border-bottom:1px solid rgba(143,190,238,.26)}
.xvs-facts li:nth-child(2){margin-left:8%}
.xvs-facts li:nth-child(3){margin-left:16%}

.xvs-facts b{
  display:block;
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;
  font-size:clamp(34px,4.3vw,58px);line-height:.98;letter-spacing:-.03em;
  color:var(--xvs-sky);
}
.xvs-facts span{
  display:block;margin-top:10px;max-width:34ch;
  font-size:14px;line-height:1.6;color:rgba(251,248,243,.62);
}

/* tablet --------------------------------------------------------------- */
@media(max-width:1024px){
  .xvs{min-height:0}
  .xvs-wrap{grid-template-columns:1fr;gap:52px}
  .xvs-lead{max-width:62ch}
  .xvs-facts li:nth-child(2),.xvs-facts li:nth-child(3){margin-left:0}
  .xvs-media:after{
    background:
      linear-gradient(180deg,rgba(6,12,21,.90),rgba(6,12,21,.82) 45%,rgba(6,12,21,.92)),
      linear-gradient(97deg,rgba(6,12,21,.70),rgba(7,16,28,.40));
  }
}

/* mobile --------------------------------------------------------------- */
@media(max-width:640px){
  .xvs{padding:68px 20px 72px}
  .xvs h2#xvs-title{font-size:clamp(32px,9.5vw,42px)}
  .xvs-facts b{font-size:clamp(30px,9vw,40px)}
  .xvs-facts li{padding:20px 0 18px}
  .xvs-link{display:block;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .xvs-link{transition:none}
}

/* LIGHT OVERRIDES (v3.7.0) --------------------------------------------- */
.xvs{
  background:
    radial-gradient(720px 420px at 92% 12%,rgba(60,122,188,.07),transparent 66%),
    radial-gradient(560px 360px at 4% 100%,rgba(212,162,76,.08),transparent 64%),
    linear-gradient(180deg,#FFFFFF 0%,#FAF8F4 100%);
  color:#15202F;
  border-top:1px solid rgba(21,32,47,.06);
  border-bottom:1px solid rgba(21,32,47,.06);
}
.xvs-media{display:none}
.xvs-kicker{color:#5A6472}
.xvs h2#xvs-title{color:#15202F}
.xvs h2#xvs-title em{color:#3C7ABC}
.xvs-lead{color:#4A5464}
.xvs-link{background:#15202F;color:#fff}
.xvs-link:hover{background:#3C7ABC;color:#fff}
.xvs-link:focus-visible{outline-color:#3C7ABC}
.xvs-facts li{border-top:1px solid rgba(21,32,47,.14)}
.xvs-facts li:last-child{border-bottom:1px solid rgba(21,32,47,.14)}
.xvs-facts b{color:#3C7ABC}
.xvs-facts span{color:#5A6472}