/* VEVL Page 1 — cinematic single-image hero v66.
   Uses the approved Earth + final presentation package artwork as one visual layer,
   while preserving real HTML copy/actions and the existing page sections below. */

body.home-vevl .vevl-home-hero{
  min-height:820px!important;
  overflow:hidden!important;
  background:#01050c!important;
  isolation:isolate!important;
}

/* The approved artwork is the hero canvas. */
body.home-vevl .vevl-home-hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-5!important;
  inset:0!important;
  background-image:url("asset.eb546e52fd67.webp")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none!important;
}

/* Contrast veil: protects the copy from the horizon flare without changing the artwork itself. */
body.home-vevl .vevl-home-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-4!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  bottom:auto!important;
  border-radius:0!important;
  opacity:1!important;
  filter:none!important;
  background:
    radial-gradient(ellipse 560px 590px at 16% 43%,rgba(0,3,9,.98) 0%,rgba(0,4,11,.88) 46%,rgba(0,5,14,.52) 68%,transparent 88%),
    linear-gradient(90deg,rgba(0,3,9,.96) 0%,rgba(0,4,11,.86) 26%,rgba(0,5,14,.56) 39%,rgba(0,5,14,.16) 53%,transparent 66%),
    linear-gradient(180deg,rgba(0,3,9,.24) 0%,transparent 18%,transparent 75%,rgba(2,8,17,.70) 100%)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  pointer-events:none!important;
}

/* Remove the previous synthesized Earth/halo/product layers so the artwork remains exact. */
body.home-vevl .vevl-home-hero__stars,
body.home-vevl .vevl-home-hero__earth,
body.home-vevl .vevl-home-hero__glow,
body.home-vevl .home-product{
  display:none!important;
}

body.home-vevl .vevl-home-hero__inner{
  position:relative!important;
  z-index:2!important;
  width:min(1490px,calc(100% - 96px))!important;
  min-height:820px!important;
  display:block!important;
  padding:82px 0 76px!important;
}

body.home-vevl .home-copy{
  width:min(600px,43vw)!important;
  max-width:600px!important;
  margin:0!important;
  padding:0 0 0 2px!important;
  text-align:left!important;
}

body.home-vevl .home-kicker{
  margin:0 0 27px!important;
  color:#63b8ff!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 18px rgba(28,143,255,.24)!important;
}

body.home-vevl .home-copy h1{
  margin:0!important;
  max-width:590px!important;
  font-size:clamp(66px,5.65vw,92px)!important;
  font-weight:365!important;
  line-height:.93!important;
  letter-spacing:-.052em!important;
  color:#f6f5f1!important;
  text-wrap:balance!important;
  text-shadow:0 3px 28px rgba(0,0,0,.42)!important;
}
body.home-vevl .home-copy h1 span{display:block!important}
body.home-vevl .home-title-accent{
  margin-top:8px!important;
  color:transparent!important;
  background:linear-gradient(180deg,#7ec6ff 2%,#429cff 43%,#1c6ee5 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  font-weight:560!important;
  text-shadow:none!important;
}

body.home-vevl .home-intro{
  max-width:555px!important;
  margin:26px 0 0!important;
  color:#d1d7df!important;
  font-size:16px!important;
  line-height:1.68!important;
  text-shadow:0 2px 16px rgba(0,0,0,.92)!important;
}

body.home-vevl .home-assurances{
  max-width:580px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
  margin:27px 0 0!important;
  color:#d5dde7!important;
  font-size:12px!important;
}
body.home-vevl .home-assurances li{
  min-width:0!important;
  align-items:center!important;
  gap:9px!important;
}
body.home-vevl .assurance-icon{
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
  background:rgba(1,12,25,.66)!important;
  border-color:rgba(65,164,255,.48)!important;
  box-shadow:inset 0 0 18px rgba(14,82,161,.12),0 6px 18px rgba(0,0,0,.18)!important;
}

body.home-vevl .home-actions{
  margin-top:27px!important;
  gap:14px!important;
}
body.home-vevl .home-primary{
  min-width:250px!important;
  min-height:58px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#156dce,#084793)!important;
  border:1px solid #3c9cf2!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.home-vevl .home-watch{
  min-height:58px!important;
  padding:0 19px!important;
  border:1px solid rgba(112,153,197,.30)!important;
  border-radius:13px!important;
  background:rgba(2,8,17,.66)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

body.home-vevl .home-proof{
  width:610px!important;
  max-width:100%!important;
  margin-top:27px!important;
  padding:13px 15px!important;
  border:1px solid rgba(104,151,204,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(3,13,27,.78),rgba(1,8,18,.72))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(11px)!important;
}
body.home-vevl .home-proof strong{
  color:#71c1ff!important;
  font-size:17px!important;
}
body.home-vevl .home-proof span{
  color:#b8c4d1!important;
  font-size:10.5px!important;
}

/* Let the cinematic blue-black hero flow into the existing navy page instead of ending abruptly. */
body.home-vevl .vevl-home-hero{
  border-bottom:0!important;
}
body.home-vevl .vevl-home-hero > *{position:relative}
body.home-vevl .vevl-home-hero .vevl-home-hero__inner::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-20vw;
  right:-20vw;
  bottom:-76px;
  height:150px;
  background:linear-gradient(180deg,transparent,#030b17 78%);
  pointer-events:none;
}

@media (max-width:1320px) and (min-width:1101px){
  body.home-vevl .vevl-home-hero__inner{
    width:calc(100% - 64px)!important;
    min-height:740px!important;
    padding-top:64px!important;
  }
  body.home-vevl .vevl-home-hero{min-height:740px!important}
  body.home-vevl .home-copy{width:min(560px,44vw)!important}
  body.home-vevl .home-copy h1{font-size:clamp(60px,5.45vw,76px)!important}
  body.home-vevl .home-intro{font-size:15px!important}
  body.home-vevl .home-proof{width:570px!important}
}

@media (max-width:1100px){
  body.home-vevl .vevl-home-hero{
    min-height:860px!important;
    background:#01050c!important;
  }
  body.home-vevl .vevl-home-hero::before{
    background-size:auto 100%!important;
    background-position:64% center!important;
  }
  body.home-vevl .vevl-home-hero::after{
    background:
      linear-gradient(180deg,rgba(0,3,9,.90) 0%,rgba(0,4,11,.82) 43%,rgba(0,4,11,.34) 64%,rgba(2,8,17,.86) 100%),
      linear-gradient(90deg,rgba(0,3,9,.93) 0%,rgba(0,4,11,.78) 56%,rgba(0,4,11,.16) 100%)!important;
  }
  body.home-vevl .vevl-home-hero__inner{
    width:min(760px,calc(100% - 40px))!important;
    min-height:860px!important;
    padding:54px 0 64px!important;
  }
  body.home-vevl .home-copy{
    width:min(620px,100%)!important;
    max-width:620px!important;
  }
  body.home-vevl .home-copy h1{font-size:clamp(58px,9vw,78px)!important}
  body.home-vevl .home-intro{max-width:590px!important}
  body.home-vevl .home-proof{margin-top:24px!important}
}

@media (max-width:640px){
  body.home-vevl .vevl-home-hero{
    min-height:900px!important;
  }
  body.home-vevl .vevl-home-hero::before{
    background-size:auto 100%!important;
    background-position:70% center!important;
    opacity:.78!important;
  }
  body.home-vevl .vevl-home-hero::after{
    background:
      linear-gradient(180deg,rgba(0,3,9,.97) 0%,rgba(0,4,11,.92) 52%,rgba(0,4,11,.56) 70%,rgba(2,8,17,.93) 100%)!important;
  }
  body.home-vevl .vevl-home-hero__inner{
    width:calc(100% - 30px)!important;
    min-height:900px!important;
    padding:42px 0 54px!important;
  }
  body.home-vevl .home-kicker{margin-bottom:20px!important;font-size:10px!important;letter-spacing:.15em!important}
  body.home-vevl .home-copy h1{font-size:clamp(49px,14vw,63px)!important}
  body.home-vevl .home-intro{margin-top:22px!important;font-size:14px!important;line-height:1.60!important}
  body.home-vevl .home-assurances{grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important}
  body.home-vevl .home-assurances li br{display:none!important}
  body.home-vevl .home-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:23px!important}
  body.home-vevl .home-primary,body.home-vevl .home-watch{width:100%!important;min-width:0!important;min-height:52px!important}
  body.home-vevl .home-watch{justify-content:center!important}
  body.home-vevl .home-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin-top:18px!important;padding:7px 11px!important}
  body.home-vevl .home-proof>div{min-height:62px!important;padding:9px 10px!important}
  body.home-vevl .home-proof strong{font-size:15px!important}
  body.home-vevl .home-proof span{font-size:9.5px!important}
}

/* Optical refinement pass 2: keep the copy entirely in a protected dark field. */
@media (min-width:1101px){
  body.home-vevl .vevl-home-hero::before{
    background-position:center top!important;
  }
  body.home-vevl .vevl-home-hero::after{
    background:
      radial-gradient(ellipse 700px 650px at 15% 42%,rgba(0,3,9,.995) 0%,rgba(0,4,11,.96) 43%,rgba(0,5,14,.78) 64%,rgba(0,5,14,.30) 78%,transparent 92%),
      linear-gradient(90deg,rgba(0,3,9,.98) 0%,rgba(0,4,11,.94) 27%,rgba(0,5,14,.80) 39%,rgba(0,5,14,.36) 50%,rgba(0,5,14,.08) 61%,transparent 69%),
      linear-gradient(180deg,rgba(0,3,9,.18) 0%,transparent 19%,transparent 76%,rgba(2,8,17,.72) 100%)!important;
  }
  body.home-vevl .vevl-home-hero__inner{
    padding-top:66px!important;
  }
  body.home-vevl .home-copy{
    width:min(570px,41vw)!important;
    max-width:570px!important;
  }
  body.home-vevl .home-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-45px -70px -38px -55px;
    border-radius:50%;
    background:radial-gradient(ellipse at 35% 46%,rgba(0,2,8,.66),rgba(0,3,9,.30) 58%,transparent 78%);
    filter:blur(12px);
    pointer-events:none;
  }
  body.home-vevl .home-copy h1{
    max-width:550px!important;
    font-size:clamp(64px,5.2vw,85px)!important;
  }
  body.home-vevl .home-intro{max-width:535px!important}
  body.home-vevl .home-assurances{max-width:550px!important}
  body.home-vevl .home-proof{width:590px!important}
}

/* Final contrast + responsive image placement pass. */
@media (min-width:1101px){
  body.home-vevl .vevl-home-hero::after{
    background:
      linear-gradient(90deg,rgba(0,3,9,.995) 0%,rgba(0,3,9,.985) 31%,rgba(0,4,11,.94) 39%,rgba(0,5,14,.72) 46%,rgba(0,5,14,.28) 55%,rgba(0,5,14,.06) 62%,transparent 69%),
      radial-gradient(ellipse 760px 700px at 14% 42%,rgba(0,2,8,.90),rgba(0,3,9,.42) 62%,transparent 82%),
      linear-gradient(180deg,rgba(0,3,9,.14) 0%,transparent 20%,transparent 76%,rgba(2,8,17,.72) 100%)!important;
  }
}

@media (max-width:1100px){
  body.home-vevl .vevl-home-hero{
    min-height:0!important;
    background:
      radial-gradient(700px 420px at 80% 84%,rgba(19,92,174,.15),transparent 72%),
      linear-gradient(180deg,#01050c 0%,#020916 78%,#030b17 100%)!important;
  }
  body.home-vevl .vevl-home-hero::before{
    display:none!important;
  }
  body.home-vevl .vevl-home-hero::after{
    background:linear-gradient(180deg,rgba(0,3,9,.18),transparent 55%,rgba(2,8,17,.64) 100%)!important;
  }
  body.home-vevl .vevl-home-hero__inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    min-height:0!important;
    padding-bottom:36px!important;
  }
  body.home-vevl .home-product{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:760px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border-radius:20px!important;
    border:1px solid rgba(98,156,218,.20)!important;
    background:#01050c!important;
    box-shadow:0 26px 70px rgba(0,0,0,.42)!important;
  }
  body.home-vevl .home-product__halo{display:none!important}
  body.home-vevl .home-product img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    inset:auto!important;
    object-fit:contain!important;
    filter:none!important;
  }
  body.home-vevl .home-product figcaption{display:none!important}
}

@media (max-width:640px){
  body.home-vevl .vevl-home-hero__inner{
    gap:22px!important;
    padding-bottom:28px!important;
  }
  body.home-vevl .home-product{
    border-radius:14px!important;
  }
}

/* Final readability lock: a soft, non-card dark field behind the desktop copy. */
@media (min-width:1101px){
  body.home-vevl .home-copy::before{
    inset:-50px -150px -52px -65px!important;
    border-radius:42%!important;
    background:radial-gradient(ellipse at 31% 45%,rgba(0,2,8,.98) 0%,rgba(0,3,9,.90) 48%,rgba(0,4,11,.62) 66%,rgba(0,4,11,.18) 81%,transparent 94%)!important;
    filter:blur(10px)!important;
  }
}
@media (max-width:640px){
  body.home-vevl .home-assurances li br{display:block!important}
}