/* ============================================================
   DTEX — hafif ve amaçlı hareket (ana sayfa gövdesi) — dtxm-
   Hedef seçiciler ana sayfanın mevcut HTML bloklarından (BLOK 1–5): .svc-card .cap .step .member .sec .vid .stat .tools-card
   Kurallar: başlangıç gizliliği yalnız html.dtxm-js varken (JS yoksa içerik görünür); prefers-reduced-motion → hiç yok.
   ============================================================ */

/* 1) Kaydırınca giriş */
html.dtxm-js .dtxm-reveal{ opacity:0; transform:translate3d(0,26px,0); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); transition-delay:var(--dtxm-d,0ms); will-change:opacity,transform; }
html.dtxm-js .dtxm-reveal.is-in{ opacity:1; transform:none; will-change:auto; }

/* 1b) Yazılar */
html.dtxm-js .dtxm-head .dtxm-w{ display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.08em; margin-bottom:-.08em; }
html.dtxm-js .dtxm-head .dtxm-wi{ display:inline-block; transform:translate3d(0,110%,0); opacity:0; transition:transform .7s cubic-bezier(.2,.7,.2,1), opacity .5s ease; transition-delay:calc(var(--i,0) * 45ms); }
html.dtxm-js .dtxm-head.is-in .dtxm-wi{ transform:none; opacity:1; }
html.dtxm-js .dtxm-eye{ opacity:0; transform:translate3d(-22px,0,0); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
html.dtxm-js .dtxm-eye.is-in{ opacity:1; transform:none; }
html.dtxm-js .dtxm-lead{ opacity:0; transform:translate3d(0,18px,0); transition:opacity .8s ease .15s, transform .8s cubic-bezier(.2,.7,.2,1) .15s; }
html.dtxm-js .dtxm-lead.is-in{ opacity:1; transform:none; }

/* 2) Fare ışığı (yalnız ince işaretçi) — v0.3: kalkış (translateY) kaldırıldı: alt kenarda giriş/çıkış titreşimi yapıyordu */
@media (pointer:fine) and (hover:hover){
  /* isolation: kartın kendi yığın bağlamı → ::before z-index:-1 arka planın ÜSTÜNDE, içeriğin ALTINDA kalır; çocuklara dokunulmaz */
  .dtxm-spot{ position:relative; isolation:isolate; transition:transform .35s ease, box-shadow .35s ease; }
  .dtxm-spot::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; z-index:-1;
    background:radial-gradient(220px circle at var(--dtxm-mx,50%) var(--dtxm-my,50%), rgba(255,122,24,.14), transparent 60%);
    transition:opacity .35s ease; }
  .dtxm-spot:hover{ box-shadow:0 14px 34px -20px rgba(0,0,0,.65); }
  .dtxm-spot:hover::before{ opacity:1; }
}

/* 3) Manyetik düğmeler — transform GSAP quickTo ile (CSS geçişi YOK, çakışır) */
.dtxm-mag{ will-change:transform; }

@media (prefers-reduced-motion:reduce){
  html.dtxm-js .dtxm-reveal, html.dtxm-js .dtxm-head .dtxm-wi, html.dtxm-js .dtxm-eye, html.dtxm-js .dtxm-lead{ opacity:1 !important; transform:none !important; transition:none !important; }
  .dtxm-spot, .dtxm-spot::before, .dtxm-mag{ transition:none !important; transform:none !important; }
  .dtxm-spot::before{ display:none; }
}