/* ---------- Premium hareket katmanı ---------- */
:root{--ease:cubic-bezier(.22,.8,.24,1)}

/* Hero girişi */
.js .hero__copy>*{opacity:0;transform:translateY(26px);animation:rise .9s var(--ease) forwards}
.js .hero__copy>*:nth-child(1){animation-delay:.1s}
.js .hero__copy>*:nth-child(2){animation-delay:.22s}
.js .hero__copy>*:nth-child(3){animation-delay:.36s}
.js .hero__copy>*:nth-child(4){animation-delay:.5s}
.js .hero__copy>*:nth-child(5){animation-delay:.64s}
@keyframes rise{to{opacity:1;transform:none}}
.js .hero__media img{animation:kenburns 2.6s var(--ease) both,drift 24s ease-in-out 2.6s infinite alternate}
@keyframes kenburns{from{transform:scale(1.12)}to{transform:scale(1.02)}}
@keyframes drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-1.2%,.6%,0)}}
.hero__media{will-change:transform}
@media (min-width:701px){.hero__media{inset:-60px 0}}
.hero h1 em{background:linear-gradient(100deg,#7fe3d8 20%,#d6fff9 50%,#7fe3d8 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s ease-in-out 1.4s infinite}
@keyframes sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.chips li{transition:transform .3s var(--ease)}
.chips li:hover{transform:translateY(-2px)}

/* Üst menü küçülmesi */
.hdr{transition:background .3s,box-shadow .3s}
.hdr__in{transition:min-height .3s var(--ease)}
.logo img{transition:height .3s var(--ease)}
.hdr.is-sm{background:rgba(7,21,56,.96);box-shadow:0 10px 30px -14px rgba(0,0,0,.55)}
.hdr.is-sm .hdr__in{min-height:58px}
.hdr.is-sm .logo img{height:38px}

/* Butonlar: ışık süpürmesi */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn--primary::after,.btn--wa::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease);z-index:-1}
.btn--primary:hover::after,.btn--wa:hover::after{transform:translateX(120%)}
.hero__cta .btn--primary{animation:ctaPulse 2.8s ease-in-out 2s infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(24,181,166,.5)}50%{box-shadow:0 0 0 14px rgba(24,181,166,0)}}
.wafab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}

/* Başlık ince çizgisi */
.eyebrow::before{content:"";width:0;height:2px;background:currentColor;border-radius:2px;transition:width .8s var(--ease) .15s}
.reveal.in .eyebrow::before,.sec__head.in .eyebrow::before,.in>.eyebrow::before,.in .eyebrow::before{width:26px}
.eyebrow--light::before{background:#7fe3d8}

/* Görsel perdeleme */
.js .about__img.reveal img,.js .prep__img.reveal img,.js .split__img.reveal img,.js .member.reveal .member__ph{clip-path:inset(0 0 100% 0 round 24px);transform:scale(1.08);transition:clip-path 1.1s var(--ease),transform 1.4s var(--ease)}
.js .about__img.in img,.js .prep__img.in img,.js .split__img.in img,.js .member.in .member__ph{clip-path:inset(0 0 0 0 round 24px);transform:none}
.js .member.reveal .member__ph{clip-path:inset(0 0 100% 0)}
.js .member.in .member__ph{clip-path:inset(0)}
.js .member.reveal .member__ph img{transition:transform 1.4s var(--ease)}
.member:hover .member__ph img{transform:scale(1.04)}

/* Kartlarda imleç ışığı */
.card,.step,.bcard{--mx:50%;--my:50%}
.card::before,.step::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(24,181,166,.14),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}
.card:hover::before,.step:hover::before{opacity:1}
.card--img::before{z-index:1}
.step{transition:transform .3s var(--ease),box-shadow .3s}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card__ic,.feat__ic{transition:transform .4s var(--ease),background .3s,color .3s}
.card:hover .card__ic,.feat li:hover .feat__ic{transform:translateY(-3px) rotate(-6deg);background:var(--teal);color:#fff}
.card--img img,.bcard img{transition:transform .8s var(--ease)}
.card--img:hover img,.bcard:hover img{transform:scale(1.05)}
.card--img,.bcard{overflow:hidden}

/* Adım numaraları */
.js .step.reveal .step__n{transform:scale(.6);transition:transform .6s var(--ease) .25s}
.js .step.in .step__n{transform:none;animation:ringPulse 1.6s ease-out .6s 1}
@keyframes ringPulse{0%{box-shadow:0 0 0 6px #fff,0 0 0 6px rgba(24,181,166,.6)}100%{box-shadow:0 0 0 6px #fff,0 0 0 24px rgba(24,181,166,0)}}

/* SSS açılışı */
.acc details[open]>div{animation:open .45s var(--ease)}
@keyframes open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.acc summary{transition:color .25s}
.acc summary:hover{color:var(--teal-d)}

/* Yan yana giren öğeler */
.js .reveal.from-left{transform:translateX(-34px)}
.js .reveal.from-right{transform:translateX(34px)}
.js .reveal.from-left.in,.js .reveal.from-right.in{transform:none}

/* Alıntı süsü */
.quote::before{transition:transform .9s var(--ease),opacity .9s}
.js .quote.reveal::before{transform:translateY(20px) scale(.7);opacity:0}
.js .quote.in::before{transform:none;opacity:.25}
.stars{background:linear-gradient(100deg,#f5b301 40%,#ffe9a8 50%,#f5b301 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:starshine 4s linear infinite}
@keyframes starshine{from{background-position:120% 0}to{background-position:-120% 0}}

/* Telefon kutusu */
.callbox{transition:transform .3s var(--ease),background .3s}
.callbox:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}

@media (hover:none){.card::before,.step::before{display:none}}
@media (prefers-reduced-motion:reduce){
  .js .hero__copy>*{opacity:1;transform:none}
  .js .about__img.reveal img,.js .prep__img.reveal img,.js .split__img.reveal img,.js .member.reveal .member__ph{clip-path:none;transform:none}
  .hero h1 em{animation:none;color:#7fe3d8;background:none}
  .stars{animation:none;color:#f5b301;background:none}
}