/* Ankova Teknoloji - hareket katmanı: sayfa geçişleri, kaydırma efektleri ve küçük etkileşimler.
   Tüm sayfalarda en son yüklenir; diğer stil dosyalarını değiştirmez, yalnızca üzerine ekler.
   "Hareketi azalt" tercihi açıksa geçişler ve canlandırmalar çalışmaz.
   İmleç efektleri (ışık hâlesi, mıknatıs, menü çizgisi) yalnızca fareli cihazlarda açılır (bkz. ankova-motion.js). */

/* ---------- Sayfa geçişleri (View Transitions; desteklemeyen tarayıcıda sayfa her zamanki gibi açılır) ---------- */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
}
.site-header{view-transition-name:ak-header}
.site-nav__pill{view-transition-name:ak-nav-pill}
::view-transition-old(root){animation:ak-vt-out .24s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ak-vt-in .5s cubic-bezier(.16,.84,.3,1) .05s both}
/* Üst menü yerinde kalır; yalnızca etkin sayfa işareti yeni bağlantıya kayar. */
::view-transition-group(ak-header){animation:none}
::view-transition-old(ak-header){animation:none;opacity:0}
::view-transition-new(ak-header){animation:none}
::view-transition-group(ak-nav-pill){animation-duration:.45s;animation-timing-function:cubic-bezier(.3,.9,.3,1)}
@keyframes ak-vt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes ak-vt-in{from{opacity:0;transform:translateY(14px)}}

/* Etkin sayfa işareti: bağlantının içindeki ayrı katman (sayfa değişince kayarak yer değiştirir). */
.site-nav a.site-nav__link[aria-current="page"]{isolation:isolate;background:transparent;box-shadow:none}
.site-nav__pill{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(16,168,158,.2);box-shadow:inset 0 0 0 1px rgba(93,255,231,.26),0 0 22px rgba(49,227,209,.1);pointer-events:none}

/* ---------- Üst menü: kaydırınca camsı görünüm ve okuma ilerleme çubuğu ---------- */
.site-header{transition:background-color .35s,box-shadow .35s,border-color .35s}
.site-header.is-scrolled{background:rgba(4,13,21,.72);border-bottom-color:rgba(49,227,209,.24);box-shadow:0 14px 40px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}
.site-header .site-logo{transform-origin:0 50%;transition:transform .35s cubic-bezier(.3,.9,.3,1)}
.site-header.is-scrolled .site-logo{transform:scale(.92)}
.ak-progress{position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:2px;background:linear-gradient(90deg,#10a89e,#31e3d1 65%,#a6fff3);box-shadow:0 0 10px rgba(49,227,209,.55);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.ak-progress.is-off{display:none}
@supports (animation-timeline:scroll()){
  .ak-progress{animation:ak-progress linear both;animation-timeline:scroll(root block)}
  @keyframes ak-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* Menüde imleci izleyen ışıklı çizgi (yalnızca geniş ekranda) */
.ak-nav-line{display:none}
@media (min-width:1101px){
  .site-nav{position:relative}
  .ak-nav-line{display:block;position:absolute;left:0;bottom:3px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(49,227,209,0),#31e3d1,rgba(49,227,209,0));box-shadow:0 0 12px rgba(49,227,209,.75);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.3,.9,.3,1),width .35s cubic-bezier(.3,.9,.3,1),opacity .25s}
  .ak-nav-line.is-on{opacity:1}
  .ak-nav-line.is-jump{transition:opacity .25s}
}

/* ---------- Kaydırınca belirme ---------- */
/* .fade-in sınıfı ankova.js ile görünür olur; .ak-reveal sınıfını ankova-motion.js yalnızca ekranın altındaki öğelere ekler. */
@keyframes ak-rise{from{opacity:0;transform:translate3d(0,28px,0) scale(.98)}to{opacity:1;transform:none}}
@keyframes ak-pop{from{opacity:0;transform:translate3d(0,18px,0) scale(.95)}to{opacity:1;transform:none}}
@keyframes ak-line{from{transform:scaleX(0)}}
@keyframes ak-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.ak-reveal{opacity:0}
.ak-reveal.ak-in{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .fade-in.visible,.ak-reveal.ak-in{animation:ak-rise .85s cubic-bezier(.16,.84,.3,1) var(--ak-d,0s) backwards}
  .fade-in.visible .eyebrow:before,.fade-in.visible.eyebrow:before,.ak-reveal.ak-in .eyebrow:before{transform-origin:0 50%;animation:ak-line .7s cubic-bezier(.16,.84,.3,1) calc(var(--ak-d,0s) + .25s) backwards}

  /* İç sayfa başlıkları açılışta sırayla belirir; üzerinden bir kez ışık geçer. */
  .page-hero .container>*{animation:ak-rise .8s cubic-bezier(.16,.84,.3,1) backwards}
  .page-hero .container>:nth-child(2){animation-delay:.08s}
  .page-hero .container>:nth-child(3){animation-delay:.16s}
  .page-hero .container>:nth-child(4){animation-delay:.24s}
  .page-hero .container>:nth-child(n+5){animation-delay:.32s}
  .page-hero .eyebrow:before{transform-origin:0 50%;animation:ak-line .7s cubic-bezier(.16,.84,.3,1) .3s backwards}
  .page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(49,227,209,.07) 50%,transparent 65%);transform:translateX(-100%);animation:ak-sweep 1.8s cubic-bezier(.4,0,.2,1) .15s forwards;pointer-events:none}

  /* Sektör sayfası başlığı ve görseli */
  .sector-hero .crumb,.sector-hero .hero-grid>div:first-child>*{animation:ak-rise .8s cubic-bezier(.16,.84,.3,1) backwards}
  .sector-hero .hero-grid>div:first-child>:nth-child(2){animation-delay:.08s}
  .sector-hero .hero-grid>div:first-child>:nth-child(3){animation-delay:.16s}
  .sector-hero .hero-grid>div:first-child>:nth-child(4){animation-delay:.24s}
  .sector-hero .hero-grid>div:first-child>:nth-child(n+5){animation-delay:.32s}
  .sector-hero .sector-art{animation:ak-pop 1s cubic-bezier(.16,.84,.3,1) .2s backwards}
}
@media (prefers-reduced-motion:no-preference) and (max-width:700px){
  @keyframes ak-rise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
}

/* ---------- Süreç çizgileri ---------- */
/* Süreç sayfası: her adımın üst çizgisi görününce soldan sağa çizilir. */
.process .step{position:relative}
.process .step:after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,#10a89e,#31e3d1);box-shadow:0 0 12px rgba(49,227,209,.6);transform-origin:0 50%;pointer-events:none}
/* Hakkımızda: her aşamanın numarasından bir sonrakinin numarasına uzanan çizgi; aşama göründükçe yukarıdan aşağı çizilir.
   Numara kutusu: üstten 22px, 38px yükseklik (ankova-nav.css); kartlar arası boşluk 14px. */
.timeline li:not(:last-child):after{content:"";position:absolute;left:40px;top:66px;bottom:-30px;width:2px;border-radius:2px;background:linear-gradient(#31e3d1,rgba(16,168,158,.4));box-shadow:0 0 8px rgba(49,227,209,.45);transform-origin:50% 0;pointer-events:none}
.timeline li:before{transition:box-shadow .6s}
.timeline li.visible:before{box-shadow:0 0 0 1px rgba(49,227,209,.35),0 0 18px rgba(49,227,209,.22)}
/* Telefonda numara metnin üstüne geçtiği için çizgi gösterilmez. */
@media(max-width:560px){.timeline li:not(:last-child):after{display:none}}
@media (prefers-reduced-motion:no-preference){
  .process .step:after{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.65,0,.35,1) calc(var(--ak-d,0s) + .2s)}
  .process .step.visible:after{transform:scaleX(1)}
  .timeline li:not(:last-child):after{transform:scaleY(0);transition:transform .9s cubic-bezier(.65,0,.35,1) .35s}
  .timeline li.visible:not(:last-child):after{transform:scaleY(1)}
}

/* ---------- Küçük etkileşimler ---------- */
/* Kart bağlantısındaki ok, kart üzerine gelince hafifçe ilerler. */
.explore-card .go,.feature-link span,.sector-link span{display:inline-block;transition:transform .25s cubic-bezier(.3,.9,.3,1)}
.explore-card:hover .go{transform:translateX(4px)}
.feature-link:hover span{transform:translateX(3px)}

/* Düğmeler: üzerine gelince ışık geçer; fareli cihazda imlece doğru hafifçe çekilir (translate, betikten). */
.btn,.site-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s,translate .3s cubic-bezier(.3,.9,.3,1)}
.btn:not(.btn-light):after,.site-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.34) 47%,rgba(255,255,255,.08) 55%,transparent 70%);transform:translateX(-115%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .btn:not(.btn-light):hover:after,.site-cta:hover:after{transform:translateX(115%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
}

/* Kartlarda imleci izleyen ışık hâlesi ve kenar parıltısı (yalnızca fareli cihazlar) */
@media (hover:hover) and (pointer:fine){
  .explore-card,.feature,.principle,.integration-card,.capability-card,.sector{position:relative;isolation:isolate}
  .explore-card:before,.feature:before,.principle:before,.integration-card:before,.capability-card:before,.sector:before,
  .explore-card:after,.feature:after,.principle:after,.integration-card:after,.capability-card:after,.sector:after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s}
  .explore-card:before,.feature:before,.principle:before,.integration-card:before,.capability-card:before,.sector:before{padding:1px;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(49,227,209,.85),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  .explore-card:after,.feature:after,.principle:after,.integration-card:after,.capability-card:after,.sector:after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(49,227,209,.15),transparent 62%)}
  .explore-card:hover:before,.feature:hover:before,.principle:hover:before,.integration-card:hover:before,.capability-card:hover:before,.sector:hover:before,
  .explore-card:hover:after,.feature:hover:after,.principle:hover:after,.integration-card:hover:after,.capability-card:hover:after,.sector:hover:after{opacity:1}
}