/* One optical effect: header clicks and automation-card pointer entry. */
.header-glint,
.demo-card > [data-demo-glass]::after{
  position:absolute;pointer-events:none;top:-35%;left:0;
  width:70%;height:170%;
  background:linear-gradient(90deg,transparent 8%,#a8d7f705 30%,#f6fbff26 48%,#f6fbff0f 52%,#ffdda80a 62%,transparent 88%);
  transform:translateX(-180%) rotate(-20deg);
  opacity:0;animation:header-glint 1.2s cubic-bezier(.25,.46,.45,.94) both;
}
.header-glint{z-index:2}
.demo-card > [data-demo-glass]::after{z-index:1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .demo-card:hover > [data-demo-glass]::after{content:''}
}
@keyframes header-glint{
  0%{transform:translateX(-180%) rotate(-20deg);opacity:0}
  18%{opacity:.9}
  72%{opacity:.65}
  100%{transform:translateX(260%) rotate(-20deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .header-glint,.demo-card > [data-demo-glass]::after{display:none;animation:none}
}