/* Ön karşılama: oturumda bir kez, yalnız insan ziyaretçiye; içerik HTML'de kalır */
html.intro{overflow:hidden}
.ei{position:fixed;inset:0;z-index:9999;pointer-events:auto;font-family:"Cabin",system-ui,sans-serif;animation:ei-failsafe 0s 7s forwards}
@keyframes ei-failsafe{to{visibility:hidden;pointer-events:none}}
.ei-red,.ei-w{position:absolute;inset:0;will-change:transform}
.ei-red{background:#d7232d}
.ei-w{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 96px;text-align:center}

/* üstten inen kırmızı çizgi */
.ei-mark{position:relative;display:block}
.ei-mark::before{content:"";position:absolute;left:50%;bottom:calc(100% + 10px);width:2px;margin-left:-1px;height:100vh;background:#d7232d;transform-origin:top;transform:scaleY(0);animation:ei-grow 1s cubic-bezier(.22,.8,.24,1) .05s forwards}
@keyframes ei-grow{to{transform:scaleY(1)}}

.ei-logo{display:block;width:132px;height:auto;opacity:0;transform:translateY(14px) scale(.96);animation:ei-up .8s cubic-bezier(.22,.8,.24,1) .55s forwards}
.ei-eyebrow{margin:22px 0 0;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#d7232d;opacity:0;animation:ei-fade .6s ease .95s forwards}
.ei-h{margin:12px 0 0;font-size:clamp(28px,4.4vw,52px);line-height:1.12;font-weight:700;color:#1d2340;letter-spacing:-.01em}
.ei-h .l{display:block;overflow:hidden;padding-bottom:.06em}
.ei-h .l>span{display:inline-block;transform:translateY(105%);animation:ei-rise .9s cubic-bezier(.22,.8,.24,1) forwards}
.ei-h .l:nth-child(1)>span{animation-delay:1.05s}
.ei-h .l:nth-child(2)>span{animation-delay:1.18s}

.ei-brands{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 30px;max-width:min(1100px,100%)}
.ei-brands li{opacity:0;transform:translateY(10px);animation:ei-up .6s cubic-bezier(.22,.8,.24,1) forwards}
.ei-brands li:last-child img{height:34px}
.ei-brands img{display:block;height:24px;width:auto;max-width:140px;object-fit:contain}
.ei-brands li:nth-child(1){animation-delay:1.6s}.ei-brands li:nth-child(2){animation-delay:1.7s}
.ei-brands li:nth-child(3){animation-delay:1.8s}.ei-brands li:nth-child(4){animation-delay:1.9s}
.ei-brands li:nth-child(5){animation-delay:2s}.ei-brands li:nth-child(6){animation-delay:2.1s}

/* alt şerit: künye + ilerleme + geç */
.ei-foot{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(16px,4vw,48px) 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:0;animation:ei-fade .6s ease .9s forwards}
.ei-foot small{font-size:13px;color:#6b6b75}
.ei-skip{appearance:none;border:0;background:none;cursor:pointer;font:600 14px/1 "Cabin",system-ui,sans-serif;color:#1d2340;display:inline-flex;align-items:center;gap:8px;padding:10px 0}
.ei-skip svg{width:16px;height:16px;color:#d7232d;transition:transform .25s}
.ei-skip:hover svg{transform:translateX(4px)}
.ei-skip:focus-visible{outline:2px solid #d7232d;outline-offset:4px}
.ei-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#f0f0f2}
.ei-bar i{display:block;height:100%;background:#d7232d;transform-origin:left;transform:scaleX(0);animation:ei-grow-x var(--ei-dur,3.4s) linear forwards}
@keyframes ei-grow-x{to{transform:scaleX(1)}}

@keyframes ei-up{to{opacity:1;transform:none}}
@keyframes ei-fade{to{opacity:1}}
@keyframes ei-rise{to{transform:none}}

/* çıkış: beyaz perde yukarı, kırmızı katman peşinden */
.ei.out .ei-w{transition:transform .85s cubic-bezier(.76,0,.24,1);transform:translateY(-100%)}
.ei.out .ei-red{transition:transform .85s cubic-bezier(.76,0,.24,1) .14s;transform:translateY(-100%)}
.ei.out{pointer-events:none}

@media (max-width:760px){
  .ei-w{padding-bottom:110px}
  .ei-brands li:last-child img{height:26px}
  .ei-logo{width:104px}
  .ei-eyebrow{font-size:11.5px;letter-spacing:.14em}
  .ei-brands{gap:16px 26px;max-width:340px}
  .ei-brands img{height:19px;max-width:118px}
  .ei-foot{flex-direction:column-reverse;gap:4px;padding-bottom:20px}
  .ei-foot small{font-size:12px}
}
@media (max-height:620px){.ei-mark::before{display:none}.ei-brands{margin-top:22px}}
.ei-brands img.emb{height:46px;max-width:none}
@media (max-width:760px){.ei-brands img.emb{height:36px}}