/* Agentum motion / widget layer (composio-style) — shared across all pages */
@media (prefers-reduced-motion: no-preference){
  [data-anim]{ opacity:0; transform:translateY(18px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
  [data-anim].in{ opacity:1; transform:none; }
}
.hover-lift{ transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.hover-lift:hover{ transform:translateY(-4px); border-color:rgba(81,162,255,.45); box-shadow:0 14px 44px -18px rgba(81,162,255,.55); }
.marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.marquee-track{ display:flex; align-items:center; gap:2.5rem; width:max-content; animation:agmarquee 32s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes agmarquee{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
nav{ transition:height .25s ease; }
header.nav-scrolled{ background:rgba(5,5,5,.94); }
header.nav-scrolled nav{ height:3.25rem; }
/* agent-working chat feed widget */
.chat-feed{ position:relative; height:300px; overflow:hidden; -webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent); mask-image:linear-gradient(180deg,transparent,#000 14%,#000 80%,transparent); }
.chat-track{ display:flex; flex-direction:column; gap:.6rem; animation:agchat 22s linear infinite; }
.chat-feed:hover .chat-track{ animation-play-state:paused; }
@keyframes agchat{ from{transform:translateY(0)} to{transform:translateY(-50%)} }
.dot-live{ position:relative; }
.dot-live::after{ content:''; position:absolute; inset:0; border-radius:9999px; box-shadow:0 0 0 0 rgba(52,211,153,.6); animation:agpulse 1.8s infinite; }
@keyframes agpulse{ 70%{ box-shadow:0 0 0 7px rgba(52,211,153,0);} 100%{ box-shadow:0 0 0 0 rgba(52,211,153,0);} }
/* ===== aurora / mesh-gradient graphics ===== */
.aurora-bg{ position:absolute; z-index:0; pointer-events:none; inset:-25% -15% auto -15%; height:80%;
  background:
    radial-gradient(42% 60% at 22% 30%, rgba(81,162,255,.40), transparent 60%),
    radial-gradient(38% 55% at 78% 22%, rgba(34,211,238,.30), transparent 60%),
    radial-gradient(44% 52% at 55% 65%, rgba(124,92,255,.28), transparent 62%),
    radial-gradient(30% 45% at 88% 70%, rgba(244,114,182,.18), transparent 60%);
  filter: blur(46px); animation: agaurora 18s ease-in-out infinite alternate; }
@keyframes agaurora{ 0%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(2%,-3%,0) scale(1.06); } 100%{ transform:translate3d(-2%,-1%,0) scale(1.1); } }
/* soft full-width gradient panel used as a section visual */
.grad-panel{ background:
    radial-gradient(60% 120% at 20% 20%, rgba(81,162,255,.5), transparent 55%),
    radial-gradient(50% 100% at 80% 30%, rgba(34,211,238,.4), transparent 55%),
    radial-gradient(60% 120% at 60% 90%, rgba(124,92,255,.45), transparent 55%),
    linear-gradient(120deg,#0a1a3a,#0a1230); }
@media (prefers-reduced-motion: reduce){ .aurora-bg{ animation:none; } }