/* ZOLVEX M18.1 — HOME LIVE OVERLAY
   The approved artwork now belongs to the fixed full-site ambient layer.
   Home keeps only lightweight smoke/glow/candle motion and local readability shading.
   M17 16:9 geometry is intentionally untouched. */

body[data-zvx-area="home"] .z2-hero{
  isolation:isolate;
  background:transparent!important;
}
body[data-zvx-area="home"] .z2-hero.zvx-live-ready{background:transparent!important}

body[data-zvx-area="home"] .z2-hero::before{
  z-index:0;
  opacity:.20;
}

body[data-zvx-area="home"] .z2-hero .z2-wrap{
  position:relative;
  z-index:4;
}

.zvx-live-hero-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  background:transparent;
  contain:paint;
}

/* The duplicate hero-local artwork is disabled. The fixed full-site image is the single source of truth. */
.zvx-live-hero-image{display:none!important}

.zvx-live-hero-glow{
  position:absolute;
  inset:-16%;
  opacity:.082;
  background:
    radial-gradient(circle at 31% 56%,rgba(0,210,74,.17) 0,rgba(0,210,74,.065) 22%,transparent 47%),
    radial-gradient(circle at 69% 52%,rgba(208,22,22,.19) 0,rgba(208,22,22,.075) 24%,transparent 49%),
    radial-gradient(circle at 50% 48%,rgba(98,104,112,.05),transparent 42%);
  mix-blend-mode:screen;
  filter:blur(15px);
  animation:zvxGlowBreathe 13s ease-in-out infinite alternate;
  will-change:transform,opacity;
}

.zvx-live-smoke{
  position:absolute;
  width:72%;
  height:72%;
  border-radius:50%;
  opacity:.080;
  filter:blur(32px);
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 28% 42%,rgba(0,170,60,.16),transparent 30%),
    radial-gradient(ellipse at 72% 58%,rgba(164,18,18,.18),transparent 34%),
    radial-gradient(ellipse at 50% 50%,rgba(106,114,122,.052),transparent 38%);
  will-change:transform,opacity;
}
.zvx-live-smoke.smoke-a{
  left:-10%;
  top:4%;
  background:
    radial-gradient(ellipse at 34% 42%,rgba(0,206,74,.24),transparent 30%),
    radial-gradient(ellipse at 64% 56%,rgba(70,76,84,.05),transparent 34%),
    radial-gradient(ellipse at 48% 72%,rgba(0,96,38,.13),transparent 30%);
  animation:zvxSmokeA 34s cubic-bezier(.42,0,.58,1) infinite alternate;
}
.zvx-live-smoke.smoke-b{
  right:-12%;
  bottom:-14%;
  opacity:.080;
  background:
    radial-gradient(ellipse at 30% 40%,rgba(118,124,130,.05),transparent 32%),
    radial-gradient(ellipse at 64% 56%,rgba(196,20,20,.22),transparent 32%),
    radial-gradient(ellipse at 48% 72%,rgba(124,0,0,.14),transparent 30%);
  animation:zvxSmokeB 41s cubic-bezier(.42,0,.58,1) infinite alternate;
}

.zvx-live-chart{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.58;
  mix-blend-mode:screen;
}

/* Keep text readable while deliberately leaving the central ZvX mark much more exposed. */
.zvx-live-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(6,7,7,.74) 0%,
      rgba(5,9,6,.60) 18%,
      rgba(3,10,5,.38) 31%,
      rgba(3,6,5,.13) 44%,
      rgba(3,5,5,.07) 55%,
      rgba(8,4,4,.15) 66%,
      rgba(12,4,4,.34) 79%,
      rgba(10,4,4,.50) 100%),
    linear-gradient(180deg,rgba(3,4,5,.15) 0%,rgba(3,4,5,.05) 38%,rgba(3,4,5,.23) 100%);
  z-index:3;
}

body[data-zvx-area="home"] .z2-hero .z2-h1,
body[data-zvx-area="home"] .z2-hero .z2-eyebrow,
body[data-zvx-area="home"] .z2-hero .z2-lead,
body[data-zvx-area="home"] .z2-hero .z2-actions{
  position:relative;
  z-index:5;
}

body[data-zvx-area="home"] .z2-hero .z2-h1{
  text-shadow:0 4px 34px rgba(0,0,0,.82),0 1px 0 rgba(255,255,255,.02);
}
body[data-zvx-area="home"] .z2-hero .z2-lead{
  text-shadow:0 2px 18px rgba(0,0,0,.88);
}
body[data-zvx-area="home"] .z2-hero-side{
  position:relative;
  z-index:5;
  backdrop-filter:blur(14px) saturate(1.04);
  -webkit-backdrop-filter:blur(14px) saturate(1.04);
  background:linear-gradient(120deg,rgba(0,45,34,.22),rgba(4,10,9,.86) 44%,rgba(3,8,7,.78))!important;
  box-shadow:0 24px 78px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.02)!important;
}

@keyframes zvxGlowBreathe{
  0%{opacity:.035;transform:scale(.98) translate3d(-1%,0,0)}
  100%{opacity:.09;transform:scale(1.04) translate3d(1.2%,-.5%,0)}
}
@keyframes zvxSmokeA{
  0%{transform:translate3d(-4%,2%,0) rotate(-7deg) scale(.96);opacity:.055}
  48%{transform:translate3d(8%,-4%,0) rotate(4deg) scale(1.05);opacity:.095}
  100%{transform:translate3d(18%,3%,0) rotate(10deg) scale(1.12);opacity:.065}
}
@keyframes zvxSmokeB{
  0%{transform:translate3d(8%,4%,0) rotate(8deg) scale(1.02);opacity:.045}
  52%{transform:translate3d(-8%,-8%,0) rotate(-5deg) scale(1.10);opacity:.085}
  100%{transform:translate3d(-18%,1%,0) rotate(-11deg) scale(.98);opacity:.055}
}

@media (min-width:1280px) and (min-aspect-ratio:8/5){
  .zvx-live-hero-shade{
    background:
      linear-gradient(90deg,
        rgba(6,7,7,.70) 0%,
        rgba(5,9,6,.56) 18%,
        rgba(3,10,5,.31) 31%,
        rgba(3,6,5,.09) 44%,
        rgba(3,5,5,.035) 55%,
        rgba(8,4,4,.09) 65%,
        rgba(12,4,4,.27) 78%,
        rgba(10,4,4,.44) 100%),
      linear-gradient(180deg,rgba(3,4,5,.10),rgba(3,4,5,.03) 42%,rgba(3,4,5,.18));
  }
}

@media (max-width:900px){
  .zvx-live-chart{opacity:.34}
  .zvx-live-smoke{opacity:.045;filter:blur(34px)}
  .zvx-live-hero-shade{
    background:linear-gradient(180deg,rgba(2,6,5,.40),rgba(2,6,5,.46) 44%,rgba(2,6,5,.64));
  }
}

@media (prefers-reduced-motion:reduce){
  .zvx-live-hero-glow,
  .zvx-live-smoke{
    animation:none!important;
    transform:none!important;
  }
}


/* ZOLVEX M18C — readability rebalance.
   Keep the approved full-site background and motion, but improve foreground separation
   where live artwork still competes with smaller text. */
body[data-zvx-area="home"] .z2-hero .z2-hero-grid > :first-child{
  position:relative;
  z-index:5;
  padding:16px 22px 18px 0;
}
body[data-zvx-area="home"] .z2-hero .z2-hero-grid > :first-child::before{
  content:"";
  position:absolute;
  inset:-24px -18px -20px -24px;
  z-index:-1;
  border-radius:20px;
  background:
    radial-gradient(circle at 22% 30%,rgba(255,255,255,.015),transparent 34%),
    linear-gradient(110deg,rgba(4,6,6,.60) 0%,rgba(4,6,6,.48) 34%,rgba(4,5,6,.20) 70%,rgba(4,5,6,0) 100%);
  box-shadow:0 18px 68px rgba(0,0,0,.16);
  pointer-events:none;
}
body[data-zvx-area="home"] .z2-hero .z2-lead{
  color:#c9d5d1;
  text-shadow:0 2px 18px rgba(0,0,0,.90);
}
body[data-zvx-area="home"] .z2-hero-side{
  background:linear-gradient(120deg,rgba(10,12,12,.74),rgba(5,8,9,.92) 40%,rgba(12,6,6,.90) 100%)!important;
  border-color:rgba(215,235,229,.14)!important;
  box-shadow:0 24px 78px rgba(0,0,0,.34), inset 1px 0 0 rgba(0,166,72,.05), inset -1px 0 0 rgba(170,0,0,.05)!important;
}
body[data-zvx-area="home"] .z2-hero-side strong{color:#edf6f2}
body[data-zvx-area="home"] .z2-hero-side p{color:#c4cfcc}

body[data-zvx-area="home"] .z2-section{
  overflow:clip;
}
body[data-zvx-area="home"] .z2-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,5,.08) 0%,rgba(2,6,5,.12) 100%);
}
body[data-zvx-area="home"] .z2-section > .z2-wrap{
  position:relative;
  z-index:1;
}
body[data-zvx-area="home"] #what-is-zolvex > .z2-wrap.z2-split{
  position:relative;
  padding:32px 36px;
  border:1px solid rgba(215,235,229,.12);
  background:linear-gradient(120deg,rgba(6,8,8,.68),rgba(5,7,7,.54) 44%,rgba(7,5,5,.62));
  box-shadow:0 22px 72px rgba(0,0,0,.14);
}
body[data-zvx-area="home"] #what-is-zolvex .z2-h2,
body[data-zvx-area="home"] #what-is-zolvex .z2-eyebrow,
body[data-zvx-area="home"] #what-is-zolvex .z2-prose p,
body[data-zvx-area="home"] #what-is-zolvex .z2-lead{
  text-shadow:0 2px 16px rgba(0,0,0,.66);
}
body[data-zvx-area="home"] #what-is-zolvex .z2-prose p{color:#c8d4d0}
body[data-zvx-area="home"] #what-is-zolvex .z2-prose{position:relative}
body[data-zvx-area="home"] #what-is-zolvex .z2-prose::before{content:"";position:absolute;inset:-16px -18px;z-index:-1;border:1px solid rgba(215,235,229,.08);background:linear-gradient(180deg,rgba(4,7,7,.30),rgba(4,7,7,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
body[data-zvx-area="home"] .z2-disclosure .z2-wrap{
  position:relative;
  padding:20px 24px;
  background:linear-gradient(120deg,rgba(6,8,8,.70),rgba(5,7,7,.57));
  border:1px solid rgba(215,235,229,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.016);
}

@media (max-width:900px){
  body[data-zvx-area="home"] .z2-hero .z2-hero-grid > :first-child{
    padding:0;
  }
  body[data-zvx-area="home"] .z2-hero .z2-hero-grid > :first-child::before{
    inset:-14px -12px -14px -12px;
    border-radius:16px;
  }
  body[data-zvx-area="home"] .z2-section::before{
    background:linear-gradient(180deg,rgba(2,6,5,.14),rgba(2,6,5,.20) 100%);
  }
  body[data-zvx-area="home"] #what-is-zolvex > .z2-wrap.z2-split{
    padding:22px 18px;
  }
  body[data-zvx-area="home"] .z2-disclosure .z2-wrap{
    padding:14px 16px;
  }
}

body[data-zvx-area="home"] #learning-products .z2-lead,
body[data-zvx-area="home"] #community-home .z2-lead{
  color:#c8d3cf;
  text-shadow:0 2px 14px rgba(0,0,0,.56);
}
body[data-zvx-area="home"] #learning-products .z2-teaser p,
body[data-zvx-area="home"] #community-home .z2-detail p,
body[data-zvx-area="home"] #research-home .m13-home-card p,
body[data-zvx-area="home"] #tools-home .m13-home-card p,
body[data-zvx-area="home"] #stream-current .m13-home-card p,
body[data-zvx-area="home"] #zvxscore-teaser .m13-home-card p{
  color:#bfcbc7;
}