/* YadeSafe homepage hero option B — 2026-08-26 */
.home-visual{
  width:calc(100% - 40px)!important;
  max-width:none!important;
  min-height:590px!important;
  margin:26px 20px 28px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(203,215,229,.7)!important;
  border-radius:30px!important;
  background:#f4f8f8!important;
  box-shadow:0 24px 68px rgba(23,59,108,.10)!important;
  isolation:isolate!important;
}
.home-visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(244,248,248,0) 0%,
      rgba(244,248,248,0) 35%,
      rgba(244,248,248,.10) 47%,
      rgba(244,248,248,.62) 64%,
      rgba(244,248,248,.93) 78%,
      #f4f8f8 100%)!important;
}
.home-visual .home-hero-video-media,
.home-visual .visual-intro-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  clip-path:none!important;
  overflow:hidden!important;
  z-index:0!important;
}
.home-visual .home-hero-video-media::after,
.home-visual .visual-intro-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(6,43,97,.03),rgba(6,43,97,.01))!important;
}
.home-visual .home-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  filter:saturate(.92) contrast(.98)!important;
}
.home-visual .visual-intro-content{
  position:relative!important;
  z-index:2!important;
  width:min(690px,46vw)!important;
  margin:0 clamp(38px,6vw,118px) 0 auto!important;
  padding:28px 0 30px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-visual .visual-intro-content h1{
  max-width:690px!important;
  margin:0 0 18px!important;
  font-size:clamp(3rem,4.5vw,5.05rem)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  color:#062b61!important;
  text-wrap:balance!important;
}
.home-visual .visual-intro-content .lead{
  max-width:650px!important;
  margin:0 0 22px!important;
  color:#52647c!important;
  font-size:clamp(1.05rem,1.35vw,1.3rem)!important;
  line-height:1.58!important;
}
.home-visual .visual-intro-content .eyebrow{display:none!important}
.home-visual .visual-intro-content .actions{gap:10px!important}
.home-visual .visual-intro-content .btn{
  min-height:44px!important;
  padding:11px 17px!important;
}

@media(max-width:1180px){
  .home-visual{min-height:540px!important}
  .home-visual::after{
    background:linear-gradient(90deg,rgba(244,248,248,0) 0%,rgba(244,248,248,.02) 30%,rgba(244,248,248,.30) 50%,rgba(244,248,248,.86) 70%,#f4f8f8 100%)!important;
  }
  .home-visual .visual-intro-content{
    width:min(610px,50vw)!important;
    margin-right:clamp(28px,4vw,68px)!important;
  }
  .home-visual .visual-intro-content h1{font-size:clamp(2.7rem,5vw,4.2rem)!important}
}

@media(max-width:860px){
  .home-visual{
    width:calc(100% - 24px)!important;
    min-height:650px!important;
    margin:16px 12px 24px!important;
    display:flex!important;
    align-items:flex-end!important;
    border-radius:24px!important;
  }
  .home-visual::after{
    background:linear-gradient(180deg,rgba(244,248,248,0) 0%,rgba(244,248,248,.04) 35%,rgba(244,248,248,.70) 60%,#f4f8f8 78%,#f4f8f8 100%)!important;
  }
  .home-visual .home-hero-video-media,
  .home-visual .visual-intro-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    clip-path:none!important;
  }
  .home-visual .home-hero-video{object-position:center 38%!important}
  .home-visual .visual-intro-content{
    width:100%!important;
    margin:0!important;
    padding:34px clamp(22px,5vw,42px) 38px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .home-visual .visual-intro-content h1{
    max-width:650px!important;
    font-size:clamp(2.45rem,8vw,3.8rem)!important;
  }
  .home-visual .visual-intro-content .lead{max-width:620px!important}
}

@media(max-width:560px){
  .home-visual{
    width:calc(100% - 20px)!important;
    min-height:610px!important;
    margin:12px 10px 22px!important;
    border-radius:21px!important;
  }
  .home-visual::after{
    background:linear-gradient(180deg,rgba(244,248,248,0) 0%,rgba(244,248,248,.12) 34%,rgba(244,248,248,.78) 56%,#f4f8f8 73%,#f4f8f8 100%)!important;
  }
  .home-visual .home-hero-video{object-position:center 32%!important}
  .home-visual .visual-intro-content{padding:30px 20px 30px!important}
  .home-visual .visual-intro-content h1{
    margin-bottom:14px!important;
    font-size:clamp(2.15rem,11vw,3rem)!important;
    line-height:1.03!important;
  }
  .home-visual .visual-intro-content .lead{
    margin-bottom:18px!important;
    font-size:1rem!important;
    line-height:1.52!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-visual .home-hero-video{filter:saturate(.9)!important}
}