/* CLEMİX — 3D Açılış Intro */
html.intro-lock,html.intro-lock body{overflow:hidden!important;height:100%}
#clemix-intro{position:fixed;inset:0;z-index:99999;background:#07070a;color:#fff;overflow:hidden;
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  transition:opacity .9s cubic-bezier(.7,0,.2,1),transform .9s cubic-bezier(.7,0,.2,1),filter .9s;will-change:opacity,transform}
#clemix-intro.is-leaving{opacity:0;transform:scale(1.18);filter:blur(10px);pointer-events:none}
#clemix-intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#clemix-intro .ci-vignette{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 35%,rgba(0,0,0,.75) 100%),
             radial-gradient(circle at 50% 55%,rgba(212,59,30,.18),transparent 55%)}
#clemix-intro .ci-scan{position:absolute;inset:0;pointer-events:none;opacity:.07;
  background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px)}
#clemix-intro .ci-center{position:absolute;left:0;right:0;bottom:15vh;text-align:center;pointer-events:none;padding:0 20px}
#clemix-intro .ci-brand{display:flex;justify-content:center;gap:.04em;font-weight:800;
  font-size:clamp(2.4rem,7.2vw,7rem);letter-spacing:.14em;line-height:1;text-shadow:0 0 40px rgba(212,59,30,.55)}
#clemix-intro .ci-brand span{display:inline-block;opacity:0;transform:translateY(60px) rotateX(-90deg);
  animation:ciLetter .9s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:calc(.5s + var(--i)*.09s);transform-origin:50% 100%}
#clemix-intro .ci-brand span:nth-child(n+4){background:linear-gradient(180deg,#fff,#F08A3E);-webkit-background-clip:text;background-clip:text;color:transparent}
#clemix-intro .ci-sub{margin-top:1.1rem;font-weight:600;font-size:clamp(.7rem,1.3vw,1.15rem);letter-spacing:.55em;text-transform:uppercase;
  color:#F08A3E;opacity:0;animation:ciFade 1s ease forwards 1.5s}
#clemix-intro .ci-slogan{margin-top:.6rem;font-size:clamp(.7rem,1.1vw,1rem);letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.6);
  opacity:0;animation:ciFade 1s ease forwards 1.9s}
#clemix-intro .ci-loader{position:absolute;left:50%;bottom:6vh;width:min(420px,70vw);transform:translateX(-50%);pointer-events:none}
#clemix-intro .ci-bar{height:2px;background:rgba(255,255,255,.14);border-radius:2px;overflow:hidden}
#clemix-intro .ci-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#D43B1E,#F08A3E);box-shadow:0 0 14px #D43B1E}
#clemix-intro .ci-pct{margin-top:.7rem;display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.25em;color:rgba(255,255,255,.55);font-weight:600}
#clemix-intro .ci-skip{position:absolute;top:28px;right:32px;z-index:3;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);
  color:#fff;padding:9px 20px;border-radius:40px;font:600 .75rem/1 inherit;font-family:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;
  backdrop-filter:blur(8px);transition:background .25s,border-color .25s}
#clemix-intro .ci-skip:hover{background:#D43B1E;border-color:#D43B1E}
#clemix-intro .ci-corner{position:absolute;width:46px;height:46px;border:2px solid rgba(240,138,62,.6);pointer-events:none;opacity:0;animation:ciFade 1s ease forwards .3s}
#clemix-intro .ci-corner.tl{top:28px;left:32px;border-right:0;border-bottom:0}
#clemix-intro .ci-corner.bl{bottom:28px;left:32px;border-right:0;border-top:0}
#clemix-intro .ci-corner.br{bottom:28px;right:32px;border-left:0;border-top:0}
@keyframes ciLetter{to{opacity:1;transform:none}}
@keyframes ciFade{to{opacity:1}}
@media (max-width:640px){#clemix-intro .ci-center{bottom:19vh}#clemix-intro .ci-sub{letter-spacing:.35em}#clemix-intro .ci-skip{top:16px;right:16px}}
@media (prefers-reduced-motion:reduce){#clemix-intro{display:none!important}html.intro-lock,html.intro-lock body{overflow:auto!important}}