/* LUZGLO final hero — full-screen AI video background (loaded after theme-video.css).
   Overrides the earlier "right two-thirds" video crop: the clip now covers the whole hero; its left side is dark
   by design, plus a subtle gradient for the headline. Cards float gently with CSS only. */

.hero-final .hero-canvas,
.hero-final .hero-streaks{display:none}

.hero-final .hero-video{left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;
  -webkit-mask-image:none;mask-image:none}

/* poster fallback (load error / reduced motion / data saver): the same first frame as a static background */
.hero-final .hero-fallback{background:#0A0A0F url("hero-poster.jpg") center / cover no-repeat}
.hero-final.is-poster .hero-video{visibility:hidden}

/* headline legibility: subtle left gradient + soft fade into the next section */
.hero-final .hero-shade{background:
  linear-gradient(90deg,rgba(0,0,0,.45),transparent 60%),
  linear-gradient(180deg,rgba(10,10,15,.35) 0%,transparent 16%,transparent 82%,#0A0A0F 100%)}

/* cards: static floating — no pointer tilt, no tumble / orbit */
.hero-final .tilt{transform:none}

@media (max-width:760px){
  .hero-final .hero-video{opacity:.75;-webkit-mask-image:none;mask-image:none}
  .hero-final .hero-shade{background:linear-gradient(180deg,rgba(10,10,15,.45) 0%,rgba(10,10,15,.3) 40%,rgba(10,10,15,.8) 78%,#0A0A0F 100%)}
}

/* ---------- Hero cards: iridescent glass ("holographic glass card") — skin only, content unchanged ---------- */
.hero-final .glass-card{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  backdrop-filter:blur(20px) saturate(160%);
  border-radius:20px;
  box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 40px rgba(168,85,247,.12);
  border:none;                         /* the dark edge is replaced by the gradient stroke below */
  color:#fff;
}
/* iridescent gradient stroke */
.hero-final .glass-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(135deg,#ff2d78,#a855f7,#22d3ee,#fbbf24,#ff2d78);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
/* text on the lighter glass: titles white, secondary text 75% white */
.hero-final .glass-card strong{color:#fff}
.hero-final .glass-card .card-kicker,
.hero-final .glass-card .card-flag,
.hero-final .glass-card p,
.hero-final .glass-card li.more{color:rgba(255,255,255,.75)}
.hero-final .card-sectors li:not(.more){background:rgba(255,255,255,.12);color:#fff}
/* hover glow */
.hero-final a.glass-card:hover{box-shadow:0 10px 36px rgba(0,0,0,.3),0 0 48px rgba(168,85,247,.2)}
/* cards over the brightest part of the video get one step darker (same stroke) so the text stays readable */
.hero-final .card-sectors,
.hero-final .card-price,
.hero-final .card-demo{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))}