/* ============================================================
   Bulutçağ — Animasyon Katmanı (v1)
   Siteye dokunmaz; sadece hareket ekler. JS ölürse içerik
   1.2 sn içinde kendini gösterir (head'deki güvenlik ağı).
   ============================================================ */
:root{
  --bc-base:620ms;         /* reveal süresi */
  --bc-lift:16px;          /* aşağıdan yükselme mesafesi */
  --bc-stagger:60ms;       /* kardeşler arası gecikme (JS kullanır) */
  --bc-hover-lift:-4px;    /* kart hover yükselmesi */
  --bc-bar-a:#6c8cff;      /* ilerleme çubuğu gradyanı */
  --bc-bar-b:#9d7bff;
  --bc-glow:rgba(108,140,255,.14); /* imleç ışığı */
  --bc-ease:cubic-bezier(.22,.7,.25,1);
}

/* ---------- SCROLL REVEAL ----------
   Gizleme kuralı yalnızca html.bc-js varken uygular.
   JS'deki REVEAL_SEL ile bire bir aynı liste — ikisini birlikte değiştir. */
.bc-js :is(
  .hero .eyebrow, .hero h1, .hero .lead, .hero .cta,
  .marquee-label,
  .summary>div,
  .cap-list>li,
  .sec-head .kicker, .sec-head h2, .sec-head p,
  .feature>div>.kicker, .feature>div>h2, .feature>div>p,
  .feature .frame, .feature .live,
  .stat,
  [id="fiyat"] .kicker, [id="fiyat"] h2, [id="fiyat"] .wrap>p, [id="fiyat"] .cta,
  .serv, .step, .founder,
  .cta-strip .kicker, .cta-strip h2, .cta-strip p, .cta-strip .cta,
  .work-card,
  .pkg, .rule, .ptable-wrap, .fineprint
):not([data-bc-done]){
  opacity:0;
  transform:translateY(var(--bc-lift));
}
.bc-js :is(
  .hero .eyebrow, .hero h1, .hero .lead, .hero .cta,
  .marquee-label,
  .summary>div,
  .cap-list>li,
  .sec-head .kicker, .sec-head h2, .sec-head p,
  .feature>div>.kicker, .feature>div>h2, .feature>div>p,
  .feature .frame, .feature .live,
  .stat,
  [id="fiyat"] .kicker, [id="fiyat"] h2, [id="fiyat"] .wrap>p, [id="fiyat"] .cta,
  .serv, .step, .founder,
  .cta-strip .kicker, .cta-strip h2, .cta-strip p, .cta-strip .cta,
  .work-card,
  .pkg, .rule, .ptable-wrap, .fineprint
).bc-in:not([data-bc-done]){
  opacity:1;
  transform:none;
  transition:opacity var(--bc-base) var(--bc-ease),
             transform var(--bc-base) var(--bc-ease);
}

/* Yön geçersiz kılmaları (data-bc-in).
   Specificity dengesi: gizleme tabanı 0-4-1, reveal 0-5-1.
   Yön kuralı 0-5-0 → tabanı yener, reveal'a yenilir (istenen). */
.bc-js.bc-js.bc-js [data-bc-in="fade"]:not([data-bc-done]){transform:none}
.bc-js.bc-js.bc-js [data-bc-in="down"]:not([data-bc-done]){transform:translateY(calc(var(--bc-lift) * -1))}
.bc-js.bc-js.bc-js [data-bc-in="left"]:not([data-bc-done]){transform:translateX(-18px)}
.bc-js.bc-js.bc-js [data-bc-in="right"]:not([data-bc-done]){transform:translateX(18px)}
.bc-js.bc-js.bc-js [data-bc-in="scale"]:not([data-bc-done]){transform:scale(.94)}
.bc-js.bc-js.bc-js [data-bc-in="mask"]:not([data-bc-done]){transform:none;clip-path:inset(0 0 100% 0)}
.bc-js.bc-js.bc-js [data-bc-in="mask"].bc-in:not([data-bc-done]){clip-path:inset(0 0 0 0);transition:opacity var(--bc-base) var(--bc-ease),transform var(--bc-base) var(--bc-ease),clip-path var(--bc-base) var(--bc-ease)}

/* ---------- İLERLEME ÇUBUĞU ---------- */
#bc-bar{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:96;
  transform:scaleX(0);transform-origin:0 50%;pointer-events:none;
  background:linear-gradient(90deg,var(--bc-bar-a),var(--bc-bar-b));
}

/* ---------- HEADER (yalnız sticky/fixed ise JS sınıf ekler) ---------- */
.bc-js header{transition:transform .38s var(--bc-ease),box-shadow .38s ease}
header.bc-hdr-scrolled{box-shadow:0 10px 34px -14px rgba(0,0,0,.55)}
header.bc-hdr-hide{transform:translateY(-105%)}

/* ---------- MARQUEE (data-bc-marquee) ---------- */
.bc-mq{animation:bc-marq var(--bc-mq-dur,30s) linear infinite}
@keyframes bc-marq{to{transform:translateX(var(--bc-mq-shift,-50%))}}
@media (hover:hover){
  .bc-mq-wrap:hover .bc-mq{animation-play-state:paused}
  [data-bc-dim]>*{filter:grayscale(1);opacity:.62;transition:filter .35s ease,opacity .35s ease}
  [data-bc-dim]>*:hover{filter:none;opacity:1}
}

/* ---------- KART LIFT + SPOTLIGHT (dokunmatikte kapalı) ---------- */
@media (hover:hover) and (pointer:fine){
  [data-bc-lift]>*{transition:transform .3s var(--bc-ease),border-color .3s ease}
  [data-bc-lift]>*:hover{transform:translateY(var(--bc-hover-lift))}
  [data-bc-spotlight]>*{position:relative}
  [data-bc-spotlight]>*::after{
    content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;
    pointer-events:none;opacity:0;transition:opacity .35s ease;
    background:radial-gradient(240px circle at var(--bc-mx,50%) var(--bc-my,50%),var(--bc-glow),transparent 70%);
  }
  [data-bc-spotlight]>*:hover::after{opacity:1}
}

/* ---------- SÜREÇ ÇİZGİSİ (data-bc-rail) ---------- */
[data-bc-rail]{position:relative}
[data-bc-rail]>[data-bc-step]{position:relative;z-index:1}
.bc-rail-track,.bc-rail-prog{
  position:absolute;z-index:0;border-radius:2px;pointer-events:none;display:none;
}
.bc-rail-ready>.bc-rail-track{display:block;background:rgba(255,255,255,.09)}
.bc-rail-ready>.bc-rail-prog{display:block;background:linear-gradient(90deg,var(--bc-bar-a),var(--bc-bar-b))}
[data-bc-rail-dir="h"]>.bc-rail-prog{transform:scaleX(0);transform-origin:0 50%}
[data-bc-rail-dir="v"]>.bc-rail-prog{transform:scaleY(0);transform-origin:50% 0;background:linear-gradient(180deg,var(--bc-bar-a),var(--bc-bar-b))}
.bc-rail-on>.bc-rail-prog{transform:scale(1);transition:transform 1.25s cubic-bezier(.6,.05,.2,1) .15s}

/* ---------- NABIZ NOKTA (data-bc-pulse) ---------- */
[data-bc-pulse]{animation:bc-pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}
@keyframes bc-pulse{
  0%  {box-shadow:0 0 10px #3ddc84,0 0 0 0 rgba(61,220,132,.5)}
  70% {box-shadow:0 0 10px #3ddc84,0 0 0 9px rgba(61,220,132,0)}
  100%{box-shadow:0 0 10px #3ddc84,0 0 0 0 rgba(61,220,132,0)}
}

/* ---------- MANYETİK BUTON (data-bc-magnet) ---------- */
.bc-magnet{transition:transform .32s var(--bc-ease)}

/* ---------- LIGHTBOX yumuşak açılış ---------- */
.lightbox{
  display:grid;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility 0s linear .25s;
}
.lightbox.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}
.lightbox figure{transform:scale(.96) translateY(8px);transition:transform .26s var(--bc-ease)}
.lightbox.on figure{transform:none}

/* ---------- SAYFA GEÇİŞİ (destekleyen tarayıcıda yumuşak fade) ---------- */
@view-transition{navigation:auto}

/* ---------- HAREKET AZALTMA ----------
   Kayma/büyüme yok; kısa opaklık geçişi kalır ki içerik "ölü" durmasın. */
@media (prefers-reduced-motion: reduce){
  .bc-js :is(.hero .eyebrow,.hero h1,.hero .lead,.hero .cta,.marquee-label,.summary>div,.cap-list>li,.sec-head .kicker,.sec-head h2,.sec-head p,.feature>div>.kicker,.feature>div>h2,.feature>div>p,.feature .frame,.feature .live,.stat,[id="fiyat"] .kicker,[id="fiyat"] h2,[id="fiyat"] .wrap>p,[id="fiyat"] .cta,.serv,.step,.founder,.cta-strip .kicker,.cta-strip h2,.cta-strip p,.cta-strip .cta,.work-card,.pkg,.rule,.ptable-wrap,.fineprint):not([data-bc-done]){
    transform:none!important;
  }
  .bc-js :is(.hero .eyebrow,.hero h1,.hero .lead,.hero .cta,.marquee-label,.summary>div,.cap-list>li,.sec-head .kicker,.sec-head h2,.sec-head p,.feature>div>.kicker,.feature>div>h2,.feature>div>p,.feature .frame,.feature .live,.stat,[id="fiyat"] .kicker,[id="fiyat"] h2,[id="fiyat"] .wrap>p,[id="fiyat"] .cta,.serv,.step,.founder,.cta-strip .kicker,.cta-strip h2,.cta-strip p,.cta-strip .cta,.work-card,.pkg,.rule,.ptable-wrap,.fineprint).bc-in:not([data-bc-done]){
    transition:opacity 280ms ease!important;
  }
  [data-bc-pulse]{animation:none}
  .bc-magnet{transition:none}
  .bc-rail-on>.bc-rail-prog{transition:none}
  header.bc-hdr-hide{transform:none}
  /* marquee'yi durdurmak yerine belirgin biçimde yavaşlat */
  .bc-mq{animation-duration:calc(var(--bc-mq-dur,30s) * 4)}
  @media (hover:hover) and (pointer:fine){
    [data-bc-lift]>*:hover{transform:none}
  }
}

/* ---------- YAZDIRMA / PDF: her şey görünür ---------- */
@media print{
  #bc-bar{display:none!important}
  .bc-js :is(.hero .eyebrow,.hero h1,.hero .lead,.hero .cta,.marquee-label,.summary>div,.cap-list>li,.sec-head .kicker,.sec-head h2,.sec-head p,.feature>div>.kicker,.feature>div>h2,.feature>div>p,.feature .frame,.feature .live,.stat,[id="fiyat"] .kicker,[id="fiyat"] h2,[id="fiyat"] .wrap>p,[id="fiyat"] .cta,.serv,.step,.founder,.cta-strip .kicker,.cta-strip h2,.cta-strip p,.cta-strip .cta,.work-card,.pkg,.rule,.ptable-wrap,.fineprint){
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .bc-rail-track,.bc-rail-prog{display:none!important}
  [data-bc-clone]{display:none!important}
}