/* Klyrix/speed — ortak Klyrix kabuğu: açılış (logo → hız testi), marka rozetleri, ortak footer.
   Görsel dil klyrix-site ile birebir: sahne ışıkları, cam kutu, Klyrix®/<marka> yazısı, rozet şeridi, footer.
   Sınıflar kx- ile başlar; sayfanın kendi stillerine dokunmaz. */

@font-face{font-family:"Liberation Sans";font-weight:700;font-style:normal;src:local("Liberation Sans Bold"),local("LiberationSans-Bold")}
@font-face{font-family:"Liberation Sans";font-weight:700;font-style:italic;src:local("Liberation Sans Bold Italic"),local("LiberationSans-BoldItalic")}
@property --kxfrom{syntax:"<color>";inherits:true;initial-value:#1E3A8A}
@property --kxto{syntax:"<color>";inherits:true;initial-value:#080D24}
@property --kxacc{syntax:"<color>";inherits:true;initial-value:#60A5FA}
@property --kxtxt{syntax:"<color>";inherits:true;initial-value:#60A5FA}
@keyframes kxsFade{from{opacity:0}to{opacity:1}}
@keyframes kxsFloat{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(var(--kxfx),var(--kxfy))}}
@keyframes kxsSoft{0%{opacity:0;transform:translateY(8px);filter:blur(8px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}

/* ---------- açılış perdesi: ilk karede sayfa görünmesin (betik açılışı kurunca kalkar) ---------- */
html.kx-curtain body::before{content:"";position:fixed;inset:0;z-index:2147483000;background:#010102}
/* başka markadan gelince (#kx=) bar perdenin dışında kalır: önceki sayfadaki yerinde, aynı renkte görünmeye devam eder */
html.kx-curtain.kx-ho body::before{top:var(--bar-h,68px)}
/* üst bar, ortak sayfadaki nav gibi: ilk açılışta logoyla birlikte yukarıdan iner (kx-nv-pre, betik açılış sahnesi kurulunca
   kaldırır); geçişlerde (başka markadan, ortak sayfanın içinden, footer'dan) hiç kaybolmaz, yalnızca rengi değişir.
   kx-nv-still: görünmezken yapılan durum değişiklikleri (kaydırma, açılan ad) geçişsiz uygulanır */
html.kx-nv-pre header.bar{opacity:0;transform:translateY(-12px)}
html.kx-nv-still header.bar,html.kx-nv-still header.bar *,html.kx-nv-still .kx-nv-dw{transition:none!important}
/* footer'dan gelince (#footer.<üst>) ilk karede bar, önceki sayfadaki gibi açık adla ve koyu camla çizilir (betik devralana kadar) */
html.kx-nv-op header.bar,html.kx-nv-op header.bar *{transition:none!important}
html.kx-nv-op header.bar{background:color-mix(in srgb,var(--kxto,#080D24) 5%,rgba(2,2,3,.9))}
html.kx-nv-op header.bar .kx-nl-cell{grid-template-columns:1fr}
html.kx-nv-op header.bar .kx-nl-word{opacity:1;transform:none}

/* ---------- açılış sahnesi ---------- */
.kx-intro{position:fixed;inset:0;z-index:30;overflow:hidden;contain:strict;
  --kxfrom:#1E3A8A;--kxto:#080D24;--kxacc:#60A5FA;--kxtxt:#60A5FA;
  font-family:'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;font-weight:700;color:#F8FAFC;
  -webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;cursor:default}
.kx-intro.kx-out{pointer-events:none}
.kx-in-bg{position:absolute;inset:0;background:color-mix(in oklch,var(--kxto) 3%,#010102)}
.kx-in-orb{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle 34vmax at 12% 0%,color-mix(in oklch,var(--kxfrom) 9%,transparent),transparent 100%),radial-gradient(circle 40vmax at 88% 90%,color-mix(in oklch,var(--kxto) 12%,transparent),transparent 100%)}
.kx-in-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 80%)}
.kx-in-ground{position:absolute;inset:0;transition:opacity .7s ease}
.kx-intro.kx-fade .kx-in-ground{opacity:0}
.kx-in-icons{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:strict;transition:opacity 1.1s ease}
.kx-in-icons.kx-gone{opacity:0}
.kx-in-icons>div{position:absolute;inset:0}
.kx-in-ico{position:absolute;filter:blur(8px);will-change:transform;transform:translate(-50%,-50%)}
.kx-in-ico svg{display:block;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.kx-in-amb{position:absolute;inset:0;pointer-events:none;contain:strict;opacity:0;transition:opacity 2.4s ease .3s}
.kx-intro.kx-on .kx-in-amb{opacity:1}
.kx-in-amb.kx-front{z-index:3;mix-blend-mode:screen}
.kx-in-beam{position:absolute;inset:0;will-change:opacity;pointer-events:none;-webkit-mask-composite:source-in,source-over,source-over;mask-composite:intersect,add,add}
.kx-in-pool{position:absolute;left:0;top:0;width:1000px;height:1000px;transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}
.kx-in-halo{position:absolute;width:min(92vw,1100px);height:min(46vh,520px);transform:translate(-50%,-50%);pointer-events:none;opacity:0;will-change:opacity;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--kxfrom) 26%,transparent),transparent)}

/* logo: klyrix-site hero logosuyla aynı ölçü ve geçişler */
.kx-in-logo{position:absolute;z-index:2;display:flex;align-items:flex-end;direction:ltr;
  font-size:clamp(20px,min(9.88vw,16.9vh,calc((100vw - 2 * clamp(48px,4vw,56px)) / var(--kx-lockw,9.955))),195px);
  transform:translate(-50%,-50%) scale(.94);opacity:0;
  transition:opacity 1s ease .15s,transform 1.2s cubic-bezier(.16,1,.3,1) .15s}
.kx-intro.kx-on .kx-in-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kx-intro.kx-still .kx-in-logo{transition:none}
.kx-in-coin{position:relative;flex:none;transition:opacity .55s ease}
.kx-in-tile{position:relative;flex:none;width:1.223em;height:1.223em;border-radius:.2676em;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--kxfrom) 95%,transparent),color-mix(in srgb,var(--kxto) 85%,transparent));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 .35em 1.1em -.25em color-mix(in srgb,var(--kxacc) 60%,transparent)}
.kx-in-shine{position:absolute;left:0;top:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0))}
.kx-in-lit{position:absolute;inset:0;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(120% 90% at 30% 8%,rgba(255,255,255,.6),rgba(255,255,255,0) 62%)}
.kx-in-k{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.kx-in-cell{flex:none;width:0;overflow:hidden;transition:width 1.1s cubic-bezier(.65,0,.35,1)}
.kx-in-word{width:max-content;padding:0 .18em .114em .382em;line-height:1;white-space:nowrap;opacity:0;transform:translateX(-.35em);
  transition:opacity .9s cubic-bezier(.75,0,.75,.9) .2s,transform 0s linear 1.1s}
.kx-in-logo.kx-open .kx-in-word{opacity:1;transform:translateX(0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.kx-in-reg{font-size:.34em;position:relative;top:-1.33em;margin-left:.03em}
.kx-in-sl{font-style:italic;opacity:.45;margin-left:.04em}
.kx-in-sub{position:relative;display:inline-block;vertical-align:baseline;clip-path:inset(0 -3em -.14em -.35em);transition:width .6s cubic-bezier(.4,0,.2,1)}
.kx-in-sub>span{display:inline-block;font-style:italic;white-space:nowrap;transition:opacity .5s ease,transform .6s cubic-bezier(.65,0,.35,1)}
.kx-in-sub>.kx-new{color:var(--kxtxt)}
.kx-in-sub>.kx-prev{position:absolute;left:0;top:0}
.kx-in-morph{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4;transition:opacity .45s ease}
.kx-in-morph.kx-gone{opacity:0}

/* ---------- marka rozetleri (klyrix-site hero şeridi) ---------- */
.kx-bar{position:relative;z-index:31;flex:none;padding:0 clamp(14px,3vw,44px) clamp(12px,2.4vh,24px);will-change:transform,opacity;
  font-family:'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;font-weight:700}
.kx-bar.kx-pin{position:absolute;left:0;right:0}
.kx-rail{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(8px,1vw,20px);overflow:visible;scrollbar-width:none;padding:10px 0;margin:-10px 0;user-select:none;-webkit-user-select:none}
.kx-rail::-webkit-scrollbar{display:none}
.kx-rail.kx-loop{justify-content:flex-start;overflow-x:auto;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.kx-badge{all:unset;box-sizing:border-box;flex:none;cursor:pointer;display:flex;align-items:center;padding:8px 12px;border-radius:8px;opacity:0;transform:translateY(14px);
  transition:opacity .7s ease var(--d,0s),transform .9s cubic-bezier(.16,1,.3,1) var(--d,0s),background-color .4s ease,box-shadow .4s ease}
.kx-bar.kx-on .kx-badge{opacity:1;transform:translateY(0)}
.kx-badge.kx-cur{cursor:default}
.kx-rail.kx-loop .kx-badge.kx-cur{cursor:inherit}
.kx-badge:focus-visible{outline:2px solid var(--kxacc,#60A5FA);outline-offset:2px}
.kx-badge>span{display:block;height:16px;max-width:100%;opacity:.72;transition:opacity .35s ease}
.kx-badge.kx-cur>span,.kx-badge:hover>span{opacity:1}
@media (min-width:1200px){.kx-badge>span{height:clamp(12px,calc((93vw - 290px) / 65),28px)}}

/* ---------- ilk ekran: kadran, sonuç düğmeleri ve rozet şeridi birlikte ----------
   Rozet şeridi hero'daki gibi sahnenin (ilk ekranın) dibinde durur ve sayfa kayınca söner (speed-shell.js → fadeBar).
   Sonuç düğmelerinin satırı (Ayrıntılı rapor · Sonucu kopyala · PDF rapor) şeridin hemen üstünde baştan yer tutar, test
   bitene kadar gizlidir: düğmeler gelince hiçbir şey kaymaz. Kadran kalan alana sığacak kadar ölçeklenir.
   --kx-rail-h ve --kx-fin-h'yi speed-shell.js ölçer (buradakiler ilk boyama için yaklaşık değerler).
   Ekran çok kısaysa (kadranın en küçük boyu sığmıyorsa) sahne uzar: düğmeler ve şerit içeriğin altında kalır, üst üste binmez. */
#stage{--kx-rail-h:54px;--kx-fin-h:44px;--kx-top:24px;--kx-g1:18px;--kx-g2:12px;
  padding-bottom:calc(var(--kx-g1) + var(--kx-fin-h) + var(--kx-g2) + var(--kx-rail-h))}
#stage .stage-grid{row-gap:0;padding-top:var(--kx-top);padding-bottom:0}
#stage .kx-bar{position:absolute;left:0;right:0;top:auto;bottom:0}
#stage .vrow{display:grid;position:absolute;left:0;right:0;bottom:calc(var(--kx-g2) + var(--kx-rail-h));margin:0 auto;padding:0;visibility:hidden}
.app[data-state="done"] #stage .vrow{visibility:visible}
/* üç sonuç düğmesi eşit genişlikte: sütunlar en uzun yazılı düğmenin genişliğine eşitlenir, satır ortada (kullanıcı, 2026-10-14) */
#stage .fin-actions{margin-top:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;justify-content:center;max-width:calc(100% - 24px)}
#stage .fin-actions .btn{min-width:0;white-space:nowrap;text-transform:capitalize}  /* kelimelerin ilk harfi büyük: Ayrıntılı Rapor, Sonucu Kopyala, PDF Rapor (kullanıcı, 2026-10-15) */
/* dar ekranda üçü doğal genişlikleriyle sığmazsa (speed-shell.js ölçer) satırı eşit üçe bölerek doldurur, simgeler kalkar
   (kx-fin-tight); yazı yine sığmazsa küçülür (kx-fin-small), en sonda iki satıra iner (kx-fin-wrap). Genişlikler hep eşit. */
#stage .vrow.kx-fin-tight .fin-actions{gap:6px;width:calc(100% - 24px);grid-auto-columns:minmax(0,1fr)}
#stage .vrow.kx-fin-tight .btn{padding:0 8px;gap:0;font-size:12.5px}
#stage .vrow.kx-fin-tight .btn .ico{display:none}
#stage .vrow.kx-fin-small .btn{padding:0 6px;font-size:11.5px}
#stage .vrow.kx-fin-wrap .btn{white-space:normal;padding:4px 6px;line-height:1.15;text-align:center;text-wrap:balance}
/* masaüstü: kümenin bileşeni kapsayıcısına tam sığar (değer satırı kutunun altına taşmaz), kısa ekranda daha da küçülebilir.
   En küçük genişlik 320 px → yükseklik 320 / 1.6617 + 254 ≈ 447 px (kapsayıcının en küçük boyu) */
@supports (height:1cqh){@media (min-width:761px){
  #stage #kgHost .stage{--rest:254px;--sw:min(100cqw,1160px,max(320px,calc((100cqh - var(--rest))*1.6617)));width:var(--sw)}
  #stage #kgHost .stage:has(> .notice:not([hidden])){--rest:309px}
}}
#stage .kg-hero{height:max(447px,calc(100*var(--vh) - var(--bar-h) - var(--kx-top) - var(--kx-g1) - var(--kx-fin-h) - var(--kx-g2) - var(--kx-rail-h)))}
@media (max-width:959px){#stage{--kx-top:16px}}
@media (min-width:761px) and (max-height:700px){#stage{--kx-top:16px;--kx-g1:12px}}
/* mobil: küme kapsayıcısını doldurur, ping/titreşim satırının alt yazısı kutunun 16 px altına taşar. Yer darsa önce kadranın
   altındaki harita şeridi (yan çubuklarla) 120 px'den 64 px'e iner, kadran ancak ondan sonra küçülür */
@media (max-width:760px){
  #stage{--kx-g1:28px}
  #stage .kg-hero{height:max(420px,calc(100*var(--vh) - var(--bar-h) - var(--kx-top) - var(--kx-g1) - var(--kx-fin-h) - var(--kx-g2) - var(--kx-rail-h)));min-height:0}
}
@supports (height:1cqh){@media (max-width:760px){
  #stage #kgHost .cluster{--kx-rg:clamp(64px,100cqh - var(--rows) - 230px,120px);
    --dial-w:min(100cqw,(100cqh - var(--rows) - var(--kx-rg)) * 1.2167);--bar-h:clamp(64px,100cqh - var(--rows) - var(--dial-w) / 1.2167,170px)}
}}

/* ---------- üst bar: ortak Klyrix navbar ölçüleri (Klyrix Hero Live.dc.html'deki nav ile birebir) ----------
   68 px yükseklik; kenar boşluğu max(clamp(16px,3vw,44px), (100% - 2000px) / 2); logo 20 px canlı yazı, kutusu 1.223em,
   köşesi .2676em; cam arka plan ve alt çizgi aynı formülle (renkler markanın). Ortak köşe yarıçapı: 8 px (sayfanın --r'si). */
/* sayfanın kendi stili bu dosyadan sonra gelir: seçiciler onunkinden bir adım güçlü */
html:root{--bar-h:68px;--r:8px}
html :focus-visible{border-radius:8px}
header.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;margin-inline:0;
  padding-inline:max(clamp(16px,3vw,44px),calc((100% - 2000px) / 2));border-bottom:0;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--kxfrom,#1E3A8A) 12%,rgba(255,255,255,.06));
  background:color-mix(in srgb,var(--kxto,#080D24) 4%,rgba(2,2,3,.6));-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);
  font:700 16px/normal 'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;letter-spacing:normal;text-transform:none;color:#F8FAFC;-webkit-font-smoothing:antialiased;
  transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),background-color .5s}
html.kx-scrolled header.bar{background:color-mix(in srgb,var(--kxto,#080D24) 5%,rgba(2,2,3,.9))}
header.bar::after{display:none}
header.bar a{color:inherit;text-decoration:none}
/* logo yuvası: geniş ekranda 10em, dar ekranda kalan alan (ortak nav'daki slotFlex/slotW) */
header.bar .kx-nv-slot{flex:1 1 0;width:auto;min-width:0;display:flex;font-size:20px}
header.bar a.brand.kx-nl{display:flex;align-items:flex-end;flex:none;height:40px;margin:0;padding:8px 0;box-sizing:border-box;line-height:normal;
  font:700 20px/normal 'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;letter-spacing:normal;color:#F8FAFC;border-radius:0;text-decoration:none}
header.bar a.brand.kx-nl:hover{opacity:.85}
/* ad: sayfa kayınca ya da logonun üstüne gelince kutudan sağa açılır (ortak nav'daki navOpen) */
.kx-nl-cell{display:grid;grid-template-columns:0fr;transition:grid-template-columns 1.1s cubic-bezier(.65,0,.35,1)}
.kx-nl-clip{display:block;min-width:0;overflow:hidden}
header.bar.kx-nv-open .kx-nl-cell{grid-template-columns:1fr}
.kx-nl-tile{position:relative;flex:none;width:1.223em;height:1.223em;border-radius:.2676em;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  background:linear-gradient(135deg,color-mix(in srgb,var(--kxfrom,#1E3A8A) 95%,transparent),color-mix(in srgb,var(--kxto,#080D24) 85%,transparent))}
.kx-nl-shine{position:absolute;left:0;top:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0))}
.kx-nl-tile>svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.kx-nl-word{display:block;padding:0 .18em .114em .382em;font-weight:700;line-height:1;white-space:nowrap;
  opacity:0;transform:translateX(-.35em);transition:opacity .9s cubic-bezier(.75,0,.75,.9) .2s,transform 0s linear 1.1s}
header.bar.kx-nv-open .kx-nl-word{opacity:1;transform:translateX(0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.kx-nl-r{font-size:.34em;position:relative;top:-1.33em;margin-left:.03em}
.kx-nl-sl{font-style:italic;opacity:.45;margin-left:.04em}
.kx-nl-k{font-style:italic;color:var(--kxtxt,#60A5FA);transition:color .6s ease}

/* menü: 8 başlık, alt bağlantılar üstüne gelince açılır (ortak nav'daki menus) */
header.bar .kx-nv-menu{display:none;flex:1 1 0;min-width:0;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;font-size:14px;font-weight:700}
header.bar .kx-nv-mi{position:relative}
header.bar .kx-nv-mb{all:unset;cursor:pointer;display:flex;align-items:center;height:40px;padding:0 5px;border-radius:8px;white-space:nowrap;font-size:12.5px;
  color:rgba(248,250,252,.72);background:transparent;transition:color .2s}
header.bar .kx-nv-mb:hover,header.bar .kx-nv-mb[aria-expanded="true"]{color:#FFFFFF}
header.bar .kx-nv-dd{position:absolute;top:100%;inset-inline-start:0;inset-inline-end:auto;padding-top:10px;z-index:60}
header.bar .kx-nv-dd.kx-edge{inset-inline-start:auto;inset-inline-end:0}
header.bar .kx-nv-pn,header.bar .kx-nv-lp,.kx-nv-dw{box-sizing:content-box;padding:6px;border-radius:8px;display:flex;flex-direction:column;gap:2px;
  background:color-mix(in srgb,var(--kxto,#080D24) 5%,rgba(4,4,6,.95));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 24px 48px -16px rgba(0,0,0,.7);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
header.bar .kx-nv-pn{min-width:200px}
header.bar .kx-nv-pn a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;
  color:rgba(248,250,252,.66);transition:color .2s}
header.bar .kx-nv-pn a:hover{color:#FFFFFF;opacity:1}
/* sağ küme: dil, giriş, kayıt, dar ekranda menü düğmesi */
header.bar .kx-nv-r{flex:none;display:flex;justify-content:flex-end;white-space:nowrap;align-items:center;gap:clamp(8px,1.4vw,16px);font-size:14px}
header.bar .kx-nv-lg{position:relative}
header.bar .kx-nv-lb{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:700;
  letter-spacing:.04em;background:transparent;color:rgba(248,250,252,.72);transition:color .2s}
header.bar .kx-nv-lb:hover{color:#FFFFFF}
header.bar .kx-nv-lb>svg{display:inline;flex:none}
header.bar .kx-nv-lb>.kx-nv-gl{opacity:.75}
header.bar .kx-nv-lb>.kx-nv-cv{opacity:.6;transform:rotate(0deg);transition:transform .25s}
header.bar .kx-nv-lb[aria-expanded="true"]>.kx-nv-cv{transform:rotate(180deg)}
header.bar .kx-nv-ld{position:absolute;top:100%;inset-inline-end:0;padding-top:10px;z-index:60}
header.bar .kx-nv-lp{min-width:190px;box-shadow:0 24px 48px -16px rgba(0,0,0,.7)}
header.bar .kx-nv-lp button{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 10px;border-radius:8px;
  font-size:14px;color:rgba(248,250,252,.62);transition:color .2s}
header.bar .kx-nv-lp button.kx-on,header.bar .kx-nv-lp button:hover{color:#FFFFFF}
header.bar .kx-nv-lp small{font:700 11px 'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;color:rgba(248,250,252,.5)}
header.bar .kx-nv-in{display:none;align-items:center;height:40px;padding:0 12px;border-radius:8px;font-weight:700;color:rgba(248,250,252,.72);transition:color .2s}
header.bar .kx-nv-in:hover{color:#FFFFFF;opacity:1}
header.bar .kx-nv-up{display:none;align-items:center;height:40px;padding:0 16px;border-radius:8px;font-weight:700;background:var(--kxacc,#60A5FA);color:#0F172A;
  transition:background-color .6s ease,color .6s ease;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--kxacc,#60A5FA) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
header.bar .kx-nv-up:hover{opacity:.85}
header.bar .kx-nv-bg{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;
  background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
header.bar .kx-nv-bg>svg{display:block}
header.bar :is(.kx-nv-mb,.kx-nv-lb,.kx-nv-bg,.kx-nv-lp button):focus-visible{outline:2px solid var(--kxacc,#60A5FA);outline-offset:2px}
/* dar ekran çekmecesi (ortak nav'daki drawer) */
.kx-nv-dw{position:fixed;z-index:19;top:76px;left:clamp(14px,3vw,44px);right:clamp(14px,3vw,44px);max-height:calc(100dvh - 120px);overflow:auto;padding:8px;gap:0;
  font:700 16px/normal 'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;letter-spacing:normal;text-transform:none;color:#F8FAFC;-webkit-font-smoothing:antialiased}
.kx-nv-dw a{color:inherit;text-decoration:none}
.kx-nv-dw a:hover{opacity:.85}
.kx-nv-dw .kx-nv-db{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 12px;font-size:16px;font-weight:700;border-radius:8px}
.kx-nv-dw .kx-nv-db>svg{display:block;flex:none;opacity:.6;transform:rotate(0deg);transition:transform .25s}
.kx-nv-dw .kx-nv-db.kx-none>svg{opacity:0}
.kx-nv-dw .kx-nv-db[aria-expanded="true"]>svg{transform:rotate(180deg)}
.kx-nv-dw .kx-nv-db:focus-visible{outline:2px solid var(--kxacc,#60A5FA);outline-offset:2px}
.kx-nv-dw .kx-nv-dl{display:flex;flex-direction:column;padding:0 4px 8px}
.kx-nv-dw .kx-nv-dl a{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:8px;font-size:14px;color:rgba(248,250,252,.82)}
.kx-nv-dw .kx-nv-dc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 4px 4px}
.kx-nv-dw .kx-nv-dc a{display:flex;justify-content:center;align-items:center;height:44px;border-radius:8px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.kx-nv-dw .kx-nv-dc a+a{background:var(--kxacc,#60A5FA);color:#0F172A;box-shadow:none}
/* ekran genişliği eşikleri: ortak nav'daki w ≥ 1360 / 1180 / 940 / 600 ile aynı */
@media (min-width:600px) and (max-width:939.98px){header.bar .kx-nv-up{display:flex}}
@media (min-width:940px){
  header.bar .kx-nv-slot{flex:none;width:10em}
  header.bar .kx-nv-menu{display:flex}
  header.bar .kx-nv-bg{display:none}
}
@media (min-width:1180px){header.bar .kx-nv-mb{padding:0 7px;font-size:13px}header.bar .kx-nv-up{display:flex}}
@media (min-width:1360px){header.bar .kx-nv-mb{padding:0 10px;font-size:14px}header.bar .kx-nv-in{display:flex}}

/* ---------- başlıklarda marka adı: yatay logonun yazı kısmı (K kutusu kırpılır) ----------
   Logo birimi u: logodaki büyük harf (K) 36 birim → Eurostile büyük harf yüksekliği .724em. Kutu büyük harf yüksekliğinde ve taban
   çizgisinde durur (glif svg'leri gibi: satır aralığı değişmez); yazının üst ve alt uzantıları ile ® kutudan taşar, solu kırpılır. */
.kx-wm{--u:calc(.724em / 36);position:relative;display:inline-block;flex:none;width:calc(var(--u) * 324.7);height:calc(var(--u) * 36);
  vertical-align:baseline;clip-path:inset(calc(var(--u) * -4) calc(var(--u) * -2) calc(var(--u) * -14) calc(var(--u) * -2))}
.kx-wm>img{position:absolute;left:calc(var(--u) * -87.5);top:calc(var(--u) * -14);width:calc(var(--u) * 420.7);height:calc(var(--u) * 64);
  max-width:none;margin:0;padding:0;border:0;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}

/* ---------- ortak footer (Klyrix Footer.dc.html ile birebir) ---------- */
/* MENTOFORCE: Inter Light, only these 8 letters (SIL OFL 1.1, © The Inter Project Authors; assets/fonts/Inter-OFL.txt) */
@font-face{font-family:"Klyrix MF";font-style:normal;font-weight:300;font-display:block;src:url(data:font/woff2;base64,d09GMgABAAAAAATYABAAAAAACPgAAAR+AAQAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgWocKgZgP1NUQVRaAFQRCAqFLIRWATYCJAMkCxQABCAFhBoHIAwHG3QHSB4D7sZJmecySmhSLcrlPDmC+P3a7PvvnxmSNJEuk1QikRSgVLJpJhKylULotJOfr9PeD4pJjSmNSJNJoaQg1uB5z10E4NT0kxXbHdDr9f2PMJPNvm++e6eNiWN5XYOKcBrsRVcbo7GWWWBfW8Pank0Oe5lkm4lIS/JIhSsiqWwuZE587k8KtABJCDUh0LCuGK2VmJ4PZpNmQgCOC4LJB8dtDSkCRzSY/gckRilpwyREoMXCBkCATZkhq6sFwYT+OjlGwxkOVRkkp2coOL1GX8BGx0pJJZhWCF8SjA1bUZazyhnFolWQaFKH2Tl+itzRKZv5F8C1FkpPEIbrt1ZGQJIRAHBWZeTBZXHys8ubA4DanzIDICD36U8BrNDI+MYKzKJiiHKQyFpQMLhccEiEIFZkjQBFA0XFgBWEFITQQgiiHkOgkKQgBgABEtstoSk0276WWurSPYmy5MovrTRoCTKU+Oji9ML01PTE9DgEMIT/AG1QBwOggS8QPYAjs36g04qRtxqeCzo6JrRa89DXt6jz3TfG8AtQCrCXedjQ89egfPPi2fgKlCLG81RGqy5oxdpSNysbZDSvfgotsQe3ydoIY6qdnQdEjMNrcRZNWMvaS0BfxpPPDSoLtgMxTqR6KR2oq55CRqtLgvDlDShffy4cfvXO6nv7O7BVc9hrVFIY00Cab6BeoV4iaDRr8xjcVqRvQsRavScMztud3VH0569cwu7c+cbbKYs9tUd0WWPa6RlKedWMf/HIz8kB0wcPBk1/jg8XW3vKqzI6tdPGdJi1hxd7b6fCDfQfS/Haca9ir9dPxVlSp3gROKGYWGv3cteMOnlsVWxbb1333v6tdY0t07r0iemzzS+g/0aOuvMoBJIF64S5tjjLHOq/m/gdbTepO/rdvsaZcG0V6VJCikgQFEf33Wa7q+zfmbY4vdsh2Zh+Sh9CLd5vx4D+2+G07WBSqrxoJqzegnJOX6cq3A+B983ggt25HYXlnBfOC3t70d8/yHZnz/VMfp/tMbt5q8dcsyenfsw6b92wPD/mvnTln2svCMGdni7BrefitQXlFDmfkT5SVZs+vpBF5gK9esbd2BBugMo9TxGpeDVMY3I8AASy3cf88qMq7fD/WqEG8HfRP6F3Xd2UTHCDvWqvABQSCP4y59zVQR41DgOsW0+iUTL9GXTTrsGNfAJuVP3dqOhLRE83XY8pjQgg1J3DSJQuoLgQaHvmilgduALoIMybAEnHOygMHe/PPlBa85lbMR/MZyAErcCdgA8sCAbBTIJdEEItKAXRoBHU3m8MYIEI4ohJNCNwsXGQcL68+QiEy8fBhEshQmIi4LIRxHiY6pBwMeRIHGIEGZzzJkiScGkoL17YuK7xcrU81RET8kKQaZOMHNyAQZcwR3qubXIxsckJ1CD48+SdMy9MrjwZpD+M+j2WUYWasNFcYiI4a7P5PATe4v6C1PFW284+VJF+rn8RzSJB9m3q1BDA5eFqweTDv9NSkGqXJbf+z2qIUIHJDCEkf6L/vR+0UQ==) format("woff2")}
.kx-foot{--kxfrom:#1E3A8A;--kxto:#080D24;--kxacc:#60A5FA;--kxtxt:#60A5FA;
  position:relative;z-index:1;display:block;margin:0;padding:0;background:#010102;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;
  font-family:'Liberation Sans',Arimo,'Noto Sans Arabic',Arial,sans-serif;font-weight:700;font-size:16px;line-height:normal;letter-spacing:normal;
  color:#F8FAFC;text-align:start;-webkit-font-smoothing:antialiased}
.kx-foot *{box-sizing:content-box}
.kx-foot a{color:inherit;text-decoration:none}
.kx-foot a:hover{opacity:.85}
.kx-foot p{margin:0}
.kx-f-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 15% 0%,color-mix(in srgb,var(--kxfrom) 8%,transparent),transparent 70%)}
.kx-f-in{position:relative;max-width:1280px;margin:0 auto;padding:clamp(48px,8vh,88px) clamp(20px,4vw,56px) 0;box-sizing:border-box}
.kx-f-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,64px)}
@media (min-width:600px){.kx-f-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1000px){.kx-f-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.3fr)}}
.kx-f-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.kx-f-col.kx-f-brand{gap:20px}
.kx-f-logo{display:block;height:30px;max-width:100%}
.kx-f-tag{max-width:34ch;font-size:15px;line-height:1.55;color:rgba(248,250,252,.62);text-wrap:pretty}
.kx-f-tags{display:grid;max-width:34ch}.kx-f-tags>.kx-f-tag{grid-area:1/1}.kx-f-tag.kx-off{visibility:hidden}
.kx-f-so{display:flex;gap:8px}
.kx-f-so a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:rgba(248,250,252,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:color .2s}
.kx-f-so a:hover{color:#FFFFFF;opacity:1}
.kx-f-so svg{display:block}
.kx-f-h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,250,252,.45)}
:lang(ar) .kx-f-h,:lang(fa) .kx-f-h,:lang(ur) .kx-f-h{letter-spacing:0}
.kx-foot .kx-f-link{display:flex;align-items:center;height:24px;font-size:15px;color:rgba(248,250,252,.66);transition:color .2s}
.kx-foot .kx-f-link:hover{color:#FFFFFF;opacity:1}
.kx-f-fam{display:grid;grid-template-columns:repeat(2,max-content);column-gap:20px;row-gap:14px}
.kx-f-fam a{display:flex;align-items:center;height:24px;transition:opacity .2s}
.kx-foot .kx-f-fam a:hover{opacity:1}
.kx-f-fam span{display:block;height:15px}
.kx-f-line{margin:6px 0 0!important;font-size:13px;line-height:1.5;color:rgba(248,250,252,.5)}
.kx-f-mf{position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:clamp(48px,8vh,88px);padding:32px 44px 22px;
  border-top:.5px solid rgba(255,255,255,.04);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--kxfrom) 5%,transparent) 100%);text-align:center}
.kx-f-mf>a{display:block}
.kx-foot .kx-f-mf>a:hover{opacity:1}
.kx-f-mfw{display:inline-flex;margin:0;font-size:22px;font-weight:300;color:#FFFFFF;letter-spacing:6px;font-family:'Klyrix MF','Inter',sans-serif;text-transform:uppercase;cursor:default;user-select:none}
.kx-f-mfw>span{display:inline-block}
.kx-f-mfw.kx-run>span{opacity:0;animation:kxsSoft .5s cubic-bezier(.22,1,.36,1) var(--d) forwards}
.kx-f-motto{display:inline-flex;align-items:center;gap:18px}
.kx-f-motto>span{height:.5px;width:56px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22))}
.kx-f-motto>span+p+span{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent)}
.kx-f-motto>p{font-size:15px;color:#CDD3DC;letter-spacing:.5px;font-style:italic;font-family:Georgia,'Times New Roman',serif;font-weight:400}
.kx-f-city{font-size:10px;color:#6B7280;letter-spacing:2.5px;font-family:ui-monospace,Menlo,monospace;font-weight:400}
.kx-f-legal{margin-top:6px;padding-top:18px;border-top:.5px solid rgba(255,255,255,.04);width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.kx-f-legal>span{font-size:10px;color:#4A5568;font-family:ui-monospace,Menlo,monospace;letter-spacing:.5px;font-weight:400}
.kx-f-legal>span.kx-dot{color:rgba(255,255,255,.08);font-family:inherit;letter-spacing:normal}

/* geçişin devamında (başka markadan ya da ortak sayfadan gelince) sahne ışıkları ve ikonlar yeniden solarak açılmaz */
.kx-intro.kx-still .kx-in-amb{transition:none}

@media (prefers-reduced-motion:reduce){
  .kx-badge,.kx-in-logo,.kx-in-amb,.kx-in-cell,.kx-in-word{transition:none!important}
  .kx-f-mfw.kx-run>span{animation:none;opacity:1}
}

/* footer durum şeridi: ortak durum sayfasındaki son 24 gün (klyrix/status.js; renkler durum sayfasıyla aynı) */
.kx-f-status{display:flex;align-self:flex-start;min-height:32px}
.kx-foot .kx-st{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px;border-radius:8px;font-size:12.5px;font-weight:700;color:rgba(248,250,252,.78);
  text-decoration:none;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .2s,color .2s}
.kx-foot .kx-st:hover{color:#FFFFFF;opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.kx-foot .kx-st-bars{display:flex;align-items:center;gap:2px;height:14px}
.kx-foot .kx-st-bars i{display:block;width:3px;height:14px;border-radius:1px}
.kx-foot .kx-st-dot{width:7px;height:7px;border-radius:50%;background:rgba(248,250,252,.35)}
.kx-foot .kx-f-so{flex-wrap:wrap}
/* menüsüz üst bar (content/speed/menu.json → "nav": false): giriş ve kayıt her genişlikte görünür, menü düğmesi yok */
header.bar .kx-nv-solo .kx-nv-in,header.bar .kx-nv-solo .kx-nv-up{display:flex}