/* KIAI · "Uygulamayı indirin" (yeni site): App Store ve Google Play'in resmî Türkçe rozetleri — açılışta demo düğmesinin
   altında ikincil sıra, ana sayfada "Mobil deneyim"den sonra kısa bölüm (masaüstünde QR kodlarıyla), footer'da küçük.
   Rozetler olduğu gibi kullanılır: oran korunur, görünen boyları aynı, etraflarında boşluk; 40 px (bölümde 48, footer'da 36 px). */
.kx-ui-rz{--rz:40px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.kx-ui-rz a{display:block;flex:none;line-height:0;border-radius:8px;transition:transform .2s,opacity .2s}
.kx-ui-rz a:hover{transform:translateY(-1px);opacity:.9}
.kx-ui-rz a:focus-visible{outline:2px solid var(--pr);outline-offset:3px}
.kx-ui-rz img{display:block;width:auto;height:var(--rz)}
/* Google'ın resmî PNG'sinde rozetin üstünde ve altında saydam boşluk var (250 px'in 192 px'i rozet): iki rozetin görünen
   boyu aynı olsun diye resim 250/192 oranında büyür, fazlası dikeyde geri alınır (satır hizası bozulmaz) */
.kx-ui-rz [data-magaza=android] img{height:calc(var(--rz)*1.302);margin:calc(var(--rz)*-.151) 0}
/* açılış: demo düğmesi, formu ve notlarının altında; onları gölgelemeyen ikincil sıra */
.kx-ui-hero{justify-content:center;margin-top:22px}
/* bölüm */
.kx-ui{padding:40px 0 90px;background:var(--bg)}
.kx-ui-kt{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:48px 52px;border-radius:34px;background:linear-gradient(120deg,#5049E6,#6A63F2 60%,#8B5CF6);color:#fff;box-shadow:0 40px 80px -50px rgba(80,73,230,.8)}
.kx-ui-kt::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.kx-ui-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kx-ui-tx .lb{color:#E4E2FD}
.kx-ui-tx h2{margin:0;font:800 clamp(30px,3.4vw,46px)/1.05 'Plus Jakarta Sans';letter-spacing:-.035em;color:#fff}
.kx-ui-tx p{max-width:520px;margin:0;font:500 clamp(15.5px,1.2vw,18px)/1.6 'Plus Jakarta Sans';color:rgba(255,255,255,.86)}
.kx-ui-bolum{--rz:48px;margin-top:10px}
.kx-ui-qr{position:relative;z-index:1;display:flex;gap:14px}
.kx-ui-qr figure{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:12px 12px 10px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -24px rgba(10,16,51,.6)}
.kx-ui-qr svg{display:block;width:112px;height:112px}
.kx-ui-qr figcaption{font:700 12px/1 var(--mono);letter-spacing:.06em;color:var(--nv)}
/* footer */
.kx-ui-footer{--rz:36px;margin-top:20px;gap:10px}
/* uygulamanın içinden açılınca hiç görünmez (eski sürümler: window.ReactNativeWebView) */
.kiai-app [data-store-badges]{display:none!important}
@media (max-width:960px){.kx-ui-kt{grid-template-columns:1fr;padding:34px 26px}.kx-ui-qr{display:none}}
@media (max-width:760px){.kx-ui{padding:24px 0 64px}.kx-ui-kt{border-radius:28px}.kx-ui-hero{margin-top:18px}.kx-ui-bolum{--rz:44px}}
