/* giris sayfası (tasarım dosyalarından üretildi) */
.kart{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,3vh,44px) clamp(16px,4vw,48px);isolation:isolate;min-height:0;transition:color .5s cubic-bezier(.65,0,.35,1)}
.kart:hover{color:#121212}
.kart+.kart{border-left:1px solid #121212}
.kart::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--perde);transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.kart:hover::before,.kart:focus-visible::before{transform:scaleY(1)}
.kart.kreatif{--perde:#FF5B49}
.kart.dijital{--perde:#80EF80}
.kart>*{transition:opacity .5s cubic-bezier(.22,.61,.36,1)}
.secim:hover .kart:not(:hover)>*{opacity:.28}
.kart-ust{display:flex;justify-content:space-between;align-items:flex-start}
.no{color:#8A8A8A;transition:color .5s}
.kart:hover .no,.kart:focus-visible .no{color:#121212}
.ok{width:clamp(44px,4vw,60px);height:clamp(44px,4vw,60px);border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;transition:background .5s,color .5s,border-color .5s}
.ok svg{width:40%;height:40%;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.kart:hover .ok,.kart:focus-visible .ok{background:#121212;color:var(--perde);border-color:#121212}
.kart:hover .ok svg{transform:rotate(45deg)}
.baslik{margin:clamp(6px,2vh,28px) 0 0;font-family:'Helvetica Now Display','Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;font-weight:500;font-size:max(34px,min(136px,7.4vw,10vh));line-height:.9;letter-spacing:-.02em}
.alt-satir{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(8px,2.2vh,32px)}
.hizmet{list-style:none;margin:0;padding:0;line-height:1.8}
.hizmet li{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s cubic-bezier(.22,.61,.36,1)}
.kart:hover .hizmet li,.kart:focus-visible .hizmet li{opacity:1;transform:none}
.kart:hover .hizmet li:nth-child(2){transition-delay:.05s}
.kart:hover .hizmet li:nth-child(3){transition-delay:.1s}
.kart:hover .hizmet li:nth-child(4){transition-delay:.15s}
.git{font-size:15px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;position:relative;padding-bottom:4px}
.git::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.kart:hover .git::after{transform:scaleX(1)}
.slogan .k{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em 0;margin:-.14em 0}
.slogan .k>span{display:inline-block;animation:kelime .2s cubic-bezier(.33,0,.2,1) backwards;animation-delay:calc(.15s + var(--i) * .07s)}
@keyframes kelime{from{clip-path:inset(0 100% 0 0);transform:translateX(-6px)}to{clip-path:inset(0 0 0 0);transform:none}}
.slogan .bag{white-space:nowrap}
@media (hover:none){.hizmet li{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.slogan .k>span{animation:none}.kart::before,.hizmet li,.ok,.ok svg,.git::after{transition:none}}
@media (max-width:760px){
.secim{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:1fr 1fr}
.kart+.kart{border-left:0;border-top:1px solid #121212}
.kart{padding:14px 16px}
.ok{width:40px;height:40px}
.baslik{font-size:max(30px,min(12vw,5.6vh));margin-top:6px}
.git{display:none}
.hizmet{display:flex;flex-wrap:wrap;column-gap:12px;font-size:10.5px !important;line-height:1.6}
.hizmet li{opacity:1;transform:none}
.giris-p{font-size:14px !important}
.gr-ft-copy{display:none !important}
.gr-ft{gap:12px 32px !important}
}
@media (max-width:420px){.gr-ft-tel,.gr-ft>div>span:first-child{display:none !important}.gr-ft>div{gap:0 !important}.gr-ft{padding-top:12px !important;padding-bottom:12px !important}}