/* Yalnız hareket katmanı: renkler ve yerleşim mevcut tasarımdan gelir. */
.hero{position:relative;overflow:hidden}
.hero .heroInner{position:relative;z-index:1}
nav{transition:box-shadow .35s}
nav.mo-stuck{box-shadow:0 10px 34px #0000000f}
.pill,.ghost{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.pill:hover,.ghost:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}

.mo-ticker{overflow:hidden;background:#fff;border-block:1px solid #e4e4e4;padding:15px 0;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mo-ticker-track{display:inline-flex;gap:0;will-change:transform}
.mo-ticker span{display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:#6b6b70}
.mo-ticker span::after{content:"";width:5px;height:5px;margin:0 28px;border-radius:50%;background:#c9c9cd}

@media (prefers-reduced-motion:no-preference){
  .mo-js .hero::before{content:"";position:absolute;left:50%;top:-24%;width:64vmax;height:64vmax;translate:-50% 0;background:radial-gradient(circle,#fff 0,#fff0 62%);pointer-events:none;animation:mo-drift 24s ease-in-out infinite alternate}
  @keyframes mo-drift{from{transform:translate3d(-14%,2%,0) scale(1)}to{transform:translate3d(14%,-6%,0) scale(1.16)}}
  .mo-js .hero .heroInner{transform:translate3d(0,calc(var(--hs,0)*70px),0);opacity:calc(1 - var(--hs,0)*.75);will-change:transform,opacity}
  @keyframes mo-rise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
  .mo-js .hero .heroInner > *{animation:mo-rise .8s cubic-bezier(.2,.7,.2,1) both}
  .mo-js .hero .heroInner > :nth-child(1){animation-delay:.05s}.mo-js .hero .heroInner > :nth-child(2){animation-delay:.15s}.mo-js .hero .heroInner > :nth-child(3){animation-delay:.25s}.mo-js .hero .heroInner > :nth-child(4){animation-delay:.35s}.mo-js .hero .heroInner > :nth-child(5){animation-delay:.45s}
  .mo-ticker-track{animation:mo-marquee 44s linear infinite}
  .mo-ticker:hover .mo-ticker-track{animation-play-state:paused}
  @keyframes mo-marquee{to{transform:translate3d(-50%,0,0)}}

  .mo-js:not(.mo-ready) :is(.sectionHead,.card,.stock,.social,.locbox,.campaign,.step,.finalcta > *,.fp-head,.fp-card,.fp-status,.fp-faq details):not(.mo-in){opacity:0;transform:translate3d(0,14px,0)}
  .mo-js :is(.sectionHead,.card,.stock,.social,.locbox,.campaign,.step,.finalcta > *,.fp-head,.fp-card,.fp-status,.fp-faq details){transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--mo-i,0)*90ms)}
  .mo-js .card.mo-in:hover{transition-delay:0s}
}
@media (prefers-reduced-motion:reduce){.mo-ticker{-webkit-mask-image:none;mask-image:none}.mo-ticker-track{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px;padding:0 18px;white-space:normal}.mo-ticker span:nth-child(n+9){display:none}}
/* Klavyeyle odaklanan öğe görünmeyen (henüz açılmamış) bir bölümde kalmasın. */
.mo-js :is(.sectionHead,.card,.stock,.social,.locbox,.campaign,.step,.finalcta > *,.fp-head,.fp-card,.fp-status,.fp-faq details):focus-within{opacity:1!important;transform:none!important}

/* Logo: owner'ın telefon önü işareti. Ekran rengi zeminle aynıdır, gövde yazı rengindedir. */
.logo-mark{width:17px;height:28px;flex:none;color:currentColor}
.logo-screen{fill:var(--logo-screen,#f5f5f7)}
.ic-body{--logo-screen:#0a0b0d}
.foot-logo{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;font-size:13px;line-height:.82;letter-spacing:.13em;color:inherit}
.foot-logo b{font-size:16px}
.foot-logo .logo-mark{width:22px;height:36px}