/* Xivo — homepage hero band (v3.15.0 — lighter blue image).
   Full-bleed photo backdrop (centered) with the hero text on top, left aligned.
   Scoped to .xivo2-hero-band so no other section is affected. */

.xivo2-hero.xivo2-hero-band{
  --xh-navy:#2A5C99;
  --xh-sky:#B9D8F6;
  --xh-gold:#D4A24C;
  --xh-ivory:#FBF8F3;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  min-height:clamp(600px,88vh,820px);
  padding:clamp(72px,7vw,110px) clamp(20px,4.5vw,64px);
  background:var(--xh-navy);
  color:var(--xh-ivory);
}
.xivo2-hero.xivo2-hero-band:before{display:none}

/* backdrop: image centered; light tint only on the text side ---------------- */
.xivo2-hero-band .xivo2-hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.xivo2-hero-band .xivo2-hero-bg{
  width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;
  filter:brightness(1.5) saturate(1.05) contrast(.94);   /* lighter photo: raise brightness for a lighter image */
}
/* soft light-blue lift: brightens the dark parts of the photo (raise the alpha for lighter) */
.xivo2-hero-band .xivo2-hero-media:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#6FA5DC;mix-blend-mode:screen;opacity:.42;
}
/* blue tint on the text side only, so the white text stays readable */
.xivo2-hero-band .xivo2-hero-media:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(24,70,130,.90) 0%,rgba(33,88,156,.76) 32%,rgba(60,122,188,.28) 60%,rgba(60,122,188,.14) 100%),
    linear-gradient(180deg,rgba(30,80,140,.18),transparent 24%,transparent 72%,rgba(24,66,120,.28));
}

/* layout: text on top of the image, left aligned ---------------------------- */
.xivo2-hero-band .xivo2-hero-grid{
  position:relative;z-index:1;width:100%;max-width:1400px;margin:0 auto;
  display:block;
}
.xivo2-hero-band .xivo2-hero-copy{padding:0;max-width:700px;min-width:0}

/* copy ---------------------------------------------------------------------- */
.xivo2-hero-band .xivo2-kicker{
  background:rgba(20,60,115,.35);border:1px solid rgba(185,216,246,.45);
  color:#fff;box-shadow:none;padding:8px 14px;font-size:11px;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.xivo2-hero-band .xivo2-kicker-dot{background:var(--xh-gold);box-shadow:0 0 0 5px rgba(212,162,76,.18)}

.xivo2-hero.xivo2-hero-band h1{
  margin:22px 0 22px;max-width:none;
  font-size:clamp(36px,3.5vw,64px);
  line-height:1.06;font-weight:700;letter-spacing:-.03em;
  color:#fff;text-shadow:0 2px 22px rgba(8,36,84,.38);
}
.xivo2-hero.xivo2-hero-band h1 span{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:#fff;   /* pure white second line (was light sky-blue) */
}

.xivo2-hero-band .xivo2-hero-copy>p{
  max-width:625px;
  font-size:clamp(16px,.55vw + 11px,20px);
  line-height:1.6;color:#fff;text-shadow:0 1px 14px rgba(8,36,84,.32);
}

/* actions ------------------------------------------------------------------- */
.xivo2-hero-band .xivo2-actions{margin-top:32px;gap:14px}
.xivo2-hero-band .xivo2-btn{
  min-height:56px;padding:0 30px;border-radius:12px;
  font-size:clamp(15px,.3vw + 11px,17px);font-weight:700;
}
.xivo2-hero-band .xivo2-btn-primary{
  background:var(--xh-ivory);color:#0A1524;box-shadow:none;
}
.xivo2-hero-band .xivo2-btn-primary:hover{background:var(--xh-sky);color:#08111D;box-shadow:none}
.xivo2-hero-band .xivo2-btn-ghost{
  background:rgba(20,60,115,.28);border-color:rgba(251,248,243,.55);color:var(--xh-ivory);
}
.xivo2-hero-band .xivo2-btn-ghost:hover{border-color:var(--xh-sky);color:var(--xh-sky);background:rgba(8,18,32,.25)}
.xivo2-hero-band .xivo2-btn:focus-visible{outline:2px solid var(--xh-sky);outline-offset:4px}

/* trust line ---------------------------------------------------------------- */
.xivo2-hero-band .xivo2-trust-line{
  margin-top:34px;padding-top:20px;
  border-top:1px solid rgba(185,216,246,.35);
  color:rgba(255,255,255,.88);
}
.xivo2-hero-band .xivo2-trust-line b{color:#fff}
.xivo2-hero-band .xivo2-trust-line i{background:var(--xh-gold);opacity:.7}

/* tablet -------------------------------------------------------------------- */
@media(max-width:1024px){
  .xivo2-hero.xivo2-hero-band{min-height:0;padding:clamp(72px,10vw,104px) clamp(20px,5vw,48px)}
  .xivo2-hero.xivo2-hero-band h1{font-size:clamp(36px,6vw,54px)}
  .xivo2-hero-band .xivo2-hero-bg{object-position:40% 50%}
  .xivo2-hero-band .xivo2-hero-media:after{
    background:
      linear-gradient(180deg,rgba(29,79,142,.82),rgba(38,96,165,.68) 50%,rgba(29,79,142,.84));
  }
}

/* mobile -------------------------------------------------------------------- */
@media(max-width:640px){
  .xivo2-hero.xivo2-hero-band{padding:64px 20px 72px}
  .xivo2-hero.xivo2-hero-band h1{font-size:clamp(32px,9.4vw,42px);margin:20px 0 18px}
  .xivo2-hero-band .xivo2-actions{margin-top:26px}
  .xivo2-hero-band .xivo2-btn{width:100%}
  .xivo2-hero-band .xivo2-trust-line{margin-top:28px;padding-top:18px}
}