/* ============================================================
   aivoiceassistant.cloud — ai-motion.css — 2026-05-24
   Koyu tema + mor accent (#6c5ce7 / #a29bfe) için Motion paketi.
   ch-motion.css'in adapt edilmiş kardeşi.
   ============================================================ */

/* ---- Scroll progress bar ---- */
.ai-scroll-progress{
  position:fixed; top:0; left:0; right:0; height:2px; z-index:1000;
  background:linear-gradient(90deg, #6c5ce7, #a29bfe, #00b894);
  transform-origin:0 50%; transform:scaleX(0); pointer-events:none;
  will-change:transform;
}

/* ---- Gradient text shimmer (hero h1 .accent için) ---- */
.ai-grad-shimmer{
  background:linear-gradient(90deg,
    #6c5ce7 0%, #a29bfe 35%, #00b894 55%, #6c5ce7 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  animation:aiShimmer 3.6s ease-out 0.3s 1 forwards;
}
@keyframes aiShimmer{
  0%   { background-position:100% 0; }
  100% { background-position:0% 0; }
}

/* ---- Hover spotlight (kartlar için) ---- */
.ai-spotlight{
  position:relative; isolation:isolate; overflow:hidden;
  --mx:50%; --my:50%; --spot-opacity:0;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ai-spotlight::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:radial-gradient(420px circle at var(--mx) var(--my),
    rgba(108,92,231,.18), rgba(162,155,254,.07) 35%, transparent 60%);
  opacity:var(--spot-opacity);
  transition:opacity .25s ease;
  pointer-events:none;
}
.ai-spotlight > *{ position:relative; z-index:1; }
.ai-spotlight:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 40px rgba(108,92,231,.18);
}

/* ---- Pricing popular kart için ekstra glow ---- */
.price-card.popular.ai-spotlight::after{
  content:""; position:absolute; inset:-1px; z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(108,92,231,.45), rgba(162,155,254,.25));
  opacity:0; transition:opacity .35s ease;
  filter:blur(8px);
}
.price-card.popular.ai-spotlight:hover::after{ opacity:1; }

/* ---- Magnetic ---- */
[data-magnetic]{ will-change:transform; }

/* ---- Staggered reveal ---- */
.ai-stagger > *{ opacity:0; transform:translateY(18px); }
.ai-stagger.ai-stagger-in > *{ opacity:1; transform:translateY(0); }

/* ---- Section-level reveal (id'li büyük section'lar) ---- */
.ai-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.ai-reveal.ai-reveal-in{ opacity:1; transform:translateY(0); }

/* ---- Hero badge "live" dot zaten pulse; ek bir şey YOK ---- */

/* ---- Focus ring iyileştirme ---- */
.btn:focus-visible,
[data-magnetic]:focus-visible{
  outline:2px solid #6c5ce7;
  outline-offset:3px;
}

/* ---- prefers-reduced-motion ---- */
@media (prefers-reduced-motion: reduce){
  .ai-scroll-progress,
  .ai-grad-shimmer{ animation:none !important; }
  .ai-grad-shimmer{
    -webkit-text-fill-color:initial !important; color:#a29bfe !important;
    background:none !important;
  }
  .ai-stagger > *{ opacity:1 !important; transform:none !important; }
  .ai-reveal{ opacity:1 !important; transform:none !important; }
  .ai-spotlight:hover{ transform:none; }
  *{ scroll-behavior:auto !important; }
}