/* Sade, tek seferlik hareketler · 10 Kasım 2026
   Yalnızca transform/opacity; logo ve büyük görseller sabit; hareket azaltmada kapalı. */

/* Hero yazıları sırayla gelir */
.hero-copy>*{animation:hm-up .7s var(--ease-out) both}
.hero-copy>:nth-child(2){animation-delay:.08s}
.hero-copy>:nth-child(3){animation-delay:.16s}
.hero-copy>:nth-child(4){animation-delay:.24s}
.hero-copy>:nth-child(5){animation-delay:.32s}

/* Vurgulu başlık satırının altında bir kez çizilen çizgi */
.hero h1 em{position:relative;display:inline-block}
.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--aqua),transparent);transform-origin:0 50%;animation:hm-line .9s var(--ease-out) .6s both}

/* Menü bağlantısının altında kayan çizgi */
nav a:not(.active):after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--aqua);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ease-out)}
nav a:not(.active):hover:after{transform:scaleX(1)}

/* Çevrim içi göstergesinde hafif nabız */
.dot.online{position:relative}
.dot.online:after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--aqua);animation:hm-pulse 2.4s ease-out infinite}

@media(hover:hover){
 .quicklink .icon,.discord-banner .icon{transition:transform .3s var(--ease-out)}
 .quicklink:hover .icon{transform:translateY(-3px) rotate(-6deg)}
 .discord-banner:hover .icon{transform:translateY(-3px)}
 .feed-row{transition:transform .2s var(--ease-out),background-color .2s}
 .feed-row:hover{transform:translateX(3px)}
 .btn svg{transition:transform .2s var(--ease-out)}
 .btn:hover svg{transform:translateX(2px)}
}

/* Aşağıdaki bölümler görününce gelir (motion.js sınıfı ekler) */
.reveal-wait{opacity:0;transform:translateY(16px)}

@keyframes hm-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hm-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hm-pulse{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}

@media(prefers-reduced-motion:reduce){.reveal-wait{opacity:1;transform:none}}