/* Hero & giriş animasyonları */

/* Scroll-triggered fade + slide */
[data-animate] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
}
[data-animate].is-visible {
    opacity: 1; transform: none;
}
[data-animate="right"] { transform: translateX(-30px); }
[data-animate="right"].is-visible { transform: none; }

/* Hero animated words */
.hero__title .word {
    display: inline-block;
    opacity: 0;
    transform: translateY(60%);
    animation: heroWord 0.9s var(--ease-out) forwards;
}
.hero__title .word:nth-child(1) { animation-delay: 0.1s; }
.hero__title .word:nth-child(2) { animation-delay: 0.25s; }
.hero__title .word:nth-child(3) { animation-delay: 0.4s; }
.hero__title .word:nth-child(4) { animation-delay: 0.55s; }
.hero__title .word:nth-child(5) { animation-delay: 0.7s; }
.hero__title .word:nth-child(6) { animation-delay: 0.85s; }
@keyframes heroWord {
    to { opacity: 1; transform: translateY(0); }
}

.hero__eyebrow,
.hero__lead,
.hero__ctas {
    opacity: 0;
    animation: fadeUp 0.9s var(--ease-out) forwards;
}
.hero__eyebrow { animation-delay: 0s; }
.hero__lead    { animation-delay: 1.0s; }
.hero__ctas    { animation-delay: 1.2s; }
.hero-stats    { animation: fadeUp 0.9s 1.4s var(--ease-out) both; }

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Floating hero decorator shapes */
.floating-shapes {
    position: absolute; inset: 0;
    pointer-events: none;
    z-index: 1;
}
.floating-shape {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, var(--site-accent), transparent 60%);
    filter: blur(2px);
    opacity: 0.6;
    animation: float 12s ease-in-out infinite;
}
.floating-shape:nth-child(1) { width: 220px; height: 220px; top: 10%; right: 8%; animation-delay: 0s; }
.floating-shape:nth-child(2) { width: 140px; height: 140px; bottom: 20%; right: 20%; animation-delay: -4s; background: radial-gradient(circle at 30% 30%, var(--site-color), transparent 60%); }
.floating-shape:nth-child(3) { width: 180px; height: 180px; top: 30%; right: 35%; animation-delay: -8s; }

@keyframes float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(-30px, 20px) scale(1.1); }
    66% { transform: translate(20px, -30px) scale(0.9); }
}

/* Rotating badge */
.rotating-badge {
    position: absolute;
    bottom: 80px; right: 8%;
    width: 160px; height: 160px;
    animation: spin 20s linear infinite;
    z-index: 2;
    pointer-events: none;
    opacity: 0.6;
}
@keyframes spin { to { transform: rotate(360deg); } }
.rotating-badge svg { width: 100%; height: 100%; }
.rotating-badge text {
    fill: var(--site-accent);
    font-size: 0.72rem;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
}