/* ── HERO ────────────────────────────── */
.fm-hero {
    position: relative; min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(0,0,0,.88) 0%, rgba(28,28,28,.78) 50%, rgba(232,93,4,.22) 100%),
        linear-gradient(180deg, #1C1C1C, #2a1508);
    background-size: cover; background-position: center;
}

/* Canvas ateş katmanı */
#fireCanvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
    z-index: 3; pointer-events: none;
}

/* Kömür zemin gradyanı */
.fm-hero-zemin {
    position: absolute; bottom: 0; left: 0; right: 0; height: 38%;
    background: linear-gradient(180deg, transparent 0%, #1a0800 30%, #0D0400 100%);
    z-index: 1;
}

.fm-hero-overlay {
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 75% 50%, rgba(61,170,42,.2) 0%, transparent 55%);
    pointer-events: none;
}

/* İçerik */
.fm-hero-icerik {
    position: relative; z-index: 10;
    text-align: center; padding: 130px 24px 80px;
    max-width: 800px; margin: 0 auto;
}

/* Hero etiket — nabız efekti */
.fm-hero-etiket {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
    color: var(--fm-yesil); background: rgba(61,170,42,.12);
    padding: 7px 18px; border-radius: 40px;
    border: 1px solid rgba(61,170,42,.35); margin-bottom: 24px;
    animation: pulseGlow 2s ease-in-out infinite alternate;
}
@keyframes pulseGlow {
    from { box-shadow: 0 0 8px rgba(61,170,42,.3); }
    to   { box-shadow: 0 0 22px rgba(61,170,42,.7); }
}

/* Yanma animasyon ikonu */
.fm-hero-etiket .fa-fire-flame-curved {
    animation: fm-alev 1.4s ease-in-out infinite alternate;
}
@keyframes fm-alev {
    from { transform: scale(1) rotate(-5deg); color: #3DAA2A; }
    to   { transform: scale(1.15) rotate(5deg); color: #FFB800; }
}

.fm-hero-baslik {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(2.6rem, 8vw, 6.2rem);
    font-weight: 700; line-height: 1.0;
    color: #fff; letter-spacing: .03em; margin-bottom: 10px;
    text-shadow: 0 0 60px rgba(61,170,42,.45), 0 0 120px rgba(45,143,30,.3), 0 4px 30px rgba(0,0,0,.6);
}

/* Gradient hareketli başlık span */
.fm-hero-baslik .yangin {
    display: block;
    background: linear-gradient(90deg, #3DAA2A, #6DD45A, #2D8F1E, #48B835, #3DAA2A);
    background-size: 200%;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: alevRenk 2.5s ease infinite;
}
@keyframes alevRenk {
    0%   { background-position: 0%; }
    50%  { background-position: 100%; }
    100% { background-position: 0%; }
}

.fm-hero-altyazi {
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: rgba(255,255,255,.72); line-height: 1.7;
    max-width: 560px; margin: 0 auto 40px;
}
.fm-hero-butonlar { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 56px; }

/* İstatistik */
.fm-hero-istatistik {
    display: flex; align-items: center; justify-content: center;
    gap: 0; border: 1px solid rgba(61,170,42,.2);
    border-radius: 16px; overflow: hidden; backdrop-filter: blur(10px);
    background: rgba(255,255,255,.05); max-width: 480px; margin: 0 auto;
}
.fm-hero-stat { padding: 18px 28px; text-align: center; flex: 1; }
.fm-hero-stat strong { display: block; font-family: 'Oswald', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--fm-yesil); }
.fm-hero-stat span   { display: block; font-size: .74rem; color: rgba(255,255,255,.5); margin-top: 3px; text-transform: uppercase; letter-spacing: .06em; }
.fm-hero-stat-ayrac  { width: 1px; background: rgba(61,170,42,.2); align-self: stretch; flex-shrink: 0; }

/* Scroll ok */
.fm-hero-scroll {
    position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
    z-index: 10; animation: fm-boing 2s ease-in-out infinite;
}
.fm-hero-scroll i { font-size: 1.2rem; color: rgba(255,255,255,.35); }
@keyframes fm-boing { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(10px); } }

@media (max-width: 600px) {
    .fm-hero-istatistik { max-width: 100%; flex-direction: column; }
    .fm-hero-stat-ayrac { width: auto; height: 1px; align-self: stretch; }
    .fm-hero-stat { padding: 14px 20px; }
}