/* Jelenlét — wild motion layer (add-on). All effects reduced-motion safe. transform/opacity/filter only. */
.depth-wrap{position:absolute;inset:0;z-index:0;pointer-events:none}

/* jewel halo behind problem cards on hover */
.jl-glow{position:absolute;inset:-20%;z-index:0;border-radius:inherit;opacity:0;filter:blur(34px);
  background:conic-gradient(from 0deg,var(--amber),var(--magenta),var(--iris),var(--cyan),var(--gold),var(--amber));
  animation:spin 6s linear infinite;transition:opacity .45s ease;pointer-events:none}
.card:hover .jl-glow{opacity:.28}

/* kinetic letter wave on hero em */
.hero h1 em .lw{display:inline-block;will-change:transform}
.hero h1 em.waving .lw{animation:letterWave .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 0.035s)}
@keyframes letterWave{0%{transform:translateY(0)}35%{transform:translateY(-.2em) scale(1.08)}70%{transform:translateY(.04em)}100%{transform:translateY(0)}}

/* spark burst (demo button) */
.spark-bit{position:fixed;z-index:100;width:7px;height:7px;border-radius:50%;pointer-events:none;
  transform:translate(-50%,-50%);animation:sparkBurst .7s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}
@keyframes sparkBurst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}
  100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}

/* cursor comet trail */
.trail-dot{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;mix-blend-mode:multiply;will-change:transform;transform:translate(-50%,-50%);z-index:1}

/* cinematic scroll cue at hero base */
.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:26px;height:42px;
  border:1.5px solid var(--line-2);border-radius:20px;z-index:2;opacity:.55;pointer-events:none}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:3px;
  background:var(--grad-wild);background-size:300% auto;transform:translateX(-50%);
  animation:cueDrop 1.8s ease-in-out infinite,shine 6s linear infinite}
@keyframes cueDrop{0%{top:8px;opacity:1}70%{opacity:0}100%{top:22px;opacity:0}}
@media(max-width:760px){.scroll-cue{display:none}}

@media(prefers-reduced-motion:reduce){.jl-glow,.trail-dot,.spark-bit,.scroll-cue{display:none}}