/* =========================================================
   FUTURE OS 5.8.1b — WEBSITE MOTION LAYER
   Future Vision / data.mp4
   ========================================================= */
.vision-motion-card{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  min-height:480px;
  display:grid!important;
  place-items:center;
  background:#02171b!important;
  border-color:rgba(88,231,214,.25)!important;
  transform:translateZ(0);
}

.vision-motion-video,
.vision-motion-poster,
.vision-motion-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.vision-motion-video{
  z-index:0;
  object-fit:cover;
  object-position:center;
  opacity:0;
  filter:brightness(.48) contrast(1.12) saturate(.86);
  transform:scale(1.035);
  transition:opacity .9s ease,filter .5s ease,transform 8s ease;
  will-change:opacity,transform;
}

.vision-motion-card.is-video-ready .vision-motion-video{
  opacity:.64;
  transform:scale(1);
}

.vision-motion-poster{
  z-index:-1;
  background:
    radial-gradient(circle at 50% 30%,rgba(18,205,190,.12),transparent 46%),
    linear-gradient(135deg,#03171b 0%,#021216 50%,#061c20 100%);
}

.vision-motion-overlay{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(1,13,17,.84),rgba(1,18,22,.57) 48%,rgba(1,13,17,.82)),
    linear-gradient(180deg,rgba(1,10,14,.42),rgba(1,13,17,.68)),
    radial-gradient(circle at 50% 45%,rgba(20,224,206,.05),transparent 48%);
}

.vision-motion-card::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 49.85%,rgba(29,225,207,.11) 50%,transparent 50.15%),
    radial-gradient(circle at center,transparent 35%,rgba(0,8,12,.22) 100%);
}

.vision-motion-content{
  position:relative;
  z-index:4;
  width:min(940px,calc(100% - 48px));
  margin:auto;
  text-align:center;
}

.vision-motion-card .vision-lines{
  z-index:3!important;
  opacity:.5;
}

.vision-motion-card .overline,
.vision-motion-card h2,
.vision-motion-card p,
.vision-motion-card .btn{
  position:relative;
  z-index:5;
}

.vision-motion-card h2{
  text-shadow:0 3px 30px rgba(0,0,0,.58);
}

.vision-motion-card p{
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-shadow:0 2px 18px rgba(0,0,0,.62);
}

.vision-motion-card .btn.quantum{
  box-shadow:
    0 12px 35px rgba(22,211,193,.22),
    0 0 45px rgba(22,211,193,.10)!important;
}

/* Light mode still uses a dark cinematic surface so the brand,
   typography and moving image remain readable and consistent. */
html[data-theme="light"] .vision-motion-card{
  background:#1C1C1E!important;
  border-color:rgba(28,28,30,.18)!important;
  box-shadow:0 24px 70px rgba(28,28,30,.14)!important;
}
html[data-theme="light"] .vision-motion-video{
  filter:brightness(.56) contrast(1.08) saturate(.76);
}
html[data-theme="light"] .vision-motion-card.is-video-ready .vision-motion-video{
  opacity:.58;
}
html[data-theme="light"] .vision-motion-overlay{
  background:
    linear-gradient(90deg,rgba(17,17,19,.82),rgba(23,25,27,.53) 48%,rgba(17,17,19,.82)),
    linear-gradient(180deg,rgba(22,22,24,.28),rgba(16,16,18,.66)),
    radial-gradient(circle at 50% 42%,rgba(88,231,214,.07),transparent 48%);
}
html[data-theme="light"] .vision-motion-card h2{
  color:#FFFFFF!important;
}
html[data-theme="light"] .vision-motion-card p{
  color:rgba(255,255,255,.78)!important;
}
html[data-theme="light"] .vision-motion-card .overline{
  color:#58E7D6!important;
}

/* Failed or intentionally disabled video: keep the premium fallback. */
.vision-motion-card.is-video-fallback .vision-motion-video{
  display:none;
}
.vision-motion-card.is-video-fallback .vision-motion-poster{
  z-index:0;
}

/* Mobile bandwidth and composition. */
@media(max-width:760px){
  .vision-motion-card{
    min-height:520px;
  }
  .vision-motion-content{
    width:calc(100% - 34px);
  }
  .vision-motion-video{
    object-position:center center;
  }
  .vision-motion-overlay{
    background:
      linear-gradient(180deg,rgba(1,13,17,.70),rgba(1,13,17,.78)),
      radial-gradient(circle at center,rgba(20,224,206,.04),transparent 55%);
  }
}

/* Accessibility and power-saving: no moving video. */
@media(prefers-reduced-motion:reduce){
  .vision-motion-video{
    display:none!important;
  }
  .vision-motion-poster{
    z-index:0;
  }
}