/* ============================================================
   BVS Voice — "Nasıl çalışır" adım animasyonları (Dr onayı 26-27 Eyl 2026, seyir D1549)
   Kaynak tasarım: Claude Design CD-009 adim-animasyonlari-2026-09-26/AdimSahne.dc.html
   Sahne 360 × 240 çizilir, kart genişliğine göre ölçeklenir. Döngü 8 sn, dört kart aynı anda.
   Sahne yazıları paneldekinin aynısı (EN/TR — panel iki dilde); fiyat build.py FIYAT'tan,
   Translate satırları <!--T3--> ile canlıda gizli. 4. sahne: fatura değil MAKBUZ (site metniyle aynı).
   "Hareketi azalt" açıksa animasyon yok — taban stiller son kareyi durağan gösterir.
   ============================================================ */
@property --k2c{syntax:"<integer>";inherits:true;initial-value:0}

/* ---------- kart içi çerçeve + ölçek ---------- */
.stw{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;container-type:inline-size;background:#F8FAFC;border-bottom:1px solid var(--line)}
.sc{position:absolute;left:0;top:0;width:360px;height:240px;transform-origin:0 0;transform:scale(var(--k,1));transform:scale(tan(atan2(100cqw,360px)))}

/* ---------- ortak sahne (360 x 240) ---------- */
.kst{position:relative;width:360px;height:240px;overflow:hidden;background:#F8FAFC;font-family:"Nunito Sans","Segoe UI",system-ui,sans-serif;color:#3A4450;-webkit-font-smoothing:antialiased;line-height:1.25;text-align:left}
.kst *,.kst *::before,.kst *::after{box-sizing:border-box}
.kL{position:absolute;left:0;top:0;width:360px;height:240px;background:#F8FAFC}
.ktb{position:absolute;left:0;top:0;width:360px;height:30px;background:#fff;border-bottom:1px solid rgba(138,150,163,.28);display:flex;align-items:center;gap:6px;padding:0 10px;z-index:3}
.kmk{width:18px;height:18px;flex:none;display:block;background:no-repeat center/contain url("/assets/ikon-l1.svg")}
.kwm{font-family:"Lora",Georgia,serif;font-weight:600;font-size:12.5px;color:#1B2129;white-space:nowrap}
.ksite{font-size:9px;font-weight:700;color:#8A96A3}
.ksp{flex:1}
.kbal{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;background:#F5F1E8;border:1px solid #D9C89E;font-size:9.5px;font-weight:800;color:#1B2129;white-space:nowrap}
.kdot{width:6px;height:6px;border-radius:50%;background:#16a34a;display:block;flex:none}
.klsw{display:inline-flex;gap:1px;padding:2px;border-radius:999px;border:1px solid rgba(138,150,163,.28);font-size:8.5px;font-weight:800;color:#5C6773}
.klsw b{padding:2px 6px;border-radius:999px}
.klon{background:#1B2129;color:#fff}
.khd{position:absolute;left:14px;top:40px;display:flex;align-items:baseline;gap:8px;font-family:"Lora",Georgia,serif;font-weight:600;font-size:18px;line-height:1.1;color:#1B2129;white-space:nowrap}
.khd small{font-family:"Nunito Sans",sans-serif;font-weight:600;font-size:9.5px;color:#5C6773}
.kcap{position:absolute;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A96A3;white-space:nowrap}
.kbtn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;white-space:nowrap;border:1.5px solid transparent}
.kink{background:#1B2129;color:#fff;border-color:#1B2129}
.kout{background:#fff;border-color:rgba(58,68,80,.3);color:#1B2129}
.kin{position:absolute;border-radius:8px;border:1px solid rgba(138,150,163,.5);background:#fff;display:flex;align-items:center;padding:0 10px;font-size:13.5px;font-weight:600;color:#1B2129;white-space:nowrap}
.klab{position:absolute;font-size:10px;font-weight:800;color:#5C6773}
/* bakiye kartı (Home) */
.kbc{position:absolute;left:14px;top:72px;width:332px;height:90px;border-radius:14px;background:#1B2129;color:#F8FAFC}
.kcapd{left:16px;top:13px;color:rgba(248,250,252,.55)}
.kbig{position:absolute;left:16px;top:30px;display:flex;align-items:baseline;gap:6px;font-family:"Lora",Georgia,serif;font-weight:600;font-size:32px;line-height:1;color:#fff}
.kbig small{font-size:13px;color:rgba(248,250,252,.7)}
.kgd{right:16px;top:30px;height:28px;padding:0 14px;background:#D9C89E;border-color:#D9C89E;color:#1B2129;font-size:10.5px}
.kln{position:absolute;left:16px;top:70px;font-size:9px;color:rgba(248,250,252,.65);white-space:nowrap}
.kln b{color:#fff}
/* 2 ya da 3 seçenek (Translate canlıda gizliyken 2) — eşit sütun */
.kops{position:absolute;left:14px;top:174px;width:332px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.kop{height:44px;border-radius:12px;background:#fff;border:1.5px solid rgba(138,150,163,.28);display:flex;align-items:center;gap:7px;padding:0 9px;font-size:11.5px;font-weight:800;color:#1B2129;white-space:nowrap}
.kopon{border:2px solid #1B2129}
.kopt3{border-style:dashed}
.knb{width:24px;height:24px;border-radius:7px;background:#EEF1F4;color:#1B2129;display:grid;place-items:center;font-family:"Lora",Georgia,serif;font-weight:600;font-size:13px;flex:none}
.knbon{background:#1B2129;color:#fff}
.khf{width:15px;height:15px;border-radius:50%;display:inline-grid;place-items:center;font:900 8px "Nunito Sans",sans-serif;flex:none}
.khA{background:#dc2626;color:#fff}
.khB{background:#eab308;color:#422006}
.khC{background:#16a34a;color:#fff}
/* dokunma imleci + döngü perdesi */
.ktp{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid #1B2129;background:rgba(255,255,255,.6);box-shadow:0 3px 8px rgba(15,23,42,.28);opacity:0;z-index:15;display:block}
.ktp::after{content:"";position:absolute;left:-2px;top:-2px;width:22px;height:22px;border-radius:50%;border:2px solid #1B2129;opacity:0}
.kvl{position:absolute;left:0;top:0;width:360px;height:240px;background:#F8FAFC;opacity:0;z-index:20;display:block;pointer-events:none}

/* ---------- 1 · Sign up ---------- */
.k1lg{opacity:0}
.k1cd{position:absolute;left:40px;top:63px;width:280px;height:144px;border-radius:14px;background:#fff;border:1px solid rgba(138,150,163,.28);box-shadow:0 10px 24px -14px rgba(15,23,42,.25)}
.k1a{position:absolute;left:0;top:0;width:280px;height:144px;opacity:0}
.k1b{position:absolute;left:0;top:0;width:280px;height:144px}
.k1ie{left:16px;top:36px;width:248px;height:36px}
.k1ty{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:95.3px}
.k1cw{display:inline-block;width:1.5px;height:15px;background:#1B2129;margin-left:1px;opacity:0}
.k1s1{left:16px;top:88px;width:248px;height:34px;font-size:12px}
.k1ms{position:absolute;display:block;left:16px;top:14px;width:248px;margin:0;font-size:10.5px;line-height:1.4;font-weight:400;color:#3A4450;white-space:normal}
.k1ms b{color:#1B2129}
.k1ic{left:16px;top:52px;width:248px;height:36px;justify-content:center;padding:0}
.k1ph{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#8A96A3;opacity:0}
.k1dg{display:inline-block;padding-left:7px;font-size:17px;font-weight:800;letter-spacing:7px;font-variant-numeric:tabular-nums;color:#1B2129}
.k1s2{left:16px;top:98px;width:248px;height:34px;font-size:12px}

/* ---------- 2 · Buy credits ---------- */
.k2{--k2c:20;counter-reset:k2c var(--k2c)}
/* 30 Eyl 2026: bakiye sayacı yerine iki sabit sayı (hediye → hediye + alım); binlik ayraç CSS sayacıyla yazılamıyor. */
.k2v0,.k2v1{display:inline-block}
.k2v1{font-size:0}
.k2a{opacity:0}
.kpk{position:absolute;top:70px;width:104px;height:112px;border-radius:14px;background:#fff;border:1.5px solid rgba(138,150,163,.28)}
.kpkt{position:absolute;left:10px;top:10px;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A7343}
.kpkh{position:absolute;left:10px;top:24px;display:flex;align-items:baseline;gap:3px;font-family:"Lora",Georgia,serif;font-weight:600;font-size:21px;line-height:1;color:#1B2129;white-space:nowrap}
.kpkh small{font-size:9px}  /* 30 Eyl: 1.200 / 6.000 kredi sığsın diye 26 → 21 px */
.kpkp{position:absolute;left:10px;top:58px;font-size:13.5px;font-weight:900;color:#1B2129}
.kpkb{left:10px;top:80px;width:84px;height:22px;font-size:9.5px}
.k2p2{border-color:#1B2129;box-shadow:0 0 0 1px #1B2129}
.k2sb{background:#1B2129;color:#fff;border-color:#1B2129}
.k2s0{position:absolute;opacity:0}
.k2s1{position:absolute}
.k2ct{left:14px;top:192px;width:332px;height:30px;font-size:11px}
.k2ov{position:absolute;left:0;top:0;width:360px;height:240px;background:rgba(15,23,42,.38);opacity:0;z-index:5;display:block}
.k2sh{position:absolute;left:20px;top:58px;width:320px;height:182px;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 -12px 30px -12px rgba(15,23,42,.4);z-index:6;transform:translateY(232px)}
.k2rw{position:absolute;left:14px;width:292px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;white-space:nowrap}
.k2rw b{font-size:11.5px;font-weight:800;color:#1B2129}
.k2rw span{font-size:10.5px;color:#5C6773}
.k2rw small{font-size:9px;font-weight:700;color:#8A96A3}
.k2am{font-size:16px;font-weight:900;color:#1B2129}
.k2hr{position:absolute;left:14px;top:56px;width:292px;height:1px;background:rgba(138,150,163,.28)}
.k2chips{position:absolute;left:14px;top:66px;display:flex;gap:6px}
.kchip{height:24px;padding:0 9px;border-radius:7px;border:1px solid rgba(138,150,163,.35);display:inline-flex;align-items:center;font-size:9.5px;font-weight:800;color:#1B2129;background:#fff;white-space:nowrap}
.kchipon{border:1.5px solid #1B2129}
.k2cf{left:14px;top:100px;width:292px;height:30px;font-size:11px;font-weight:700;letter-spacing:.06em;justify-content:space-between}
.k2cf small{font-size:10px;color:#8A96A3;letter-spacing:0}
.k2py{left:14px;top:140px;width:292px;height:30px;font-size:11.5px}
.k2pl{position:absolute}
.k2pd{position:absolute;opacity:0;letter-spacing:3px}
.k2ok{position:absolute;left:0;top:0;width:320px;height:182px;border-radius:14px 14px 0 0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.k2ck{width:42px;height:42px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;line-height:1;font-style:normal}
.k2ok b{font-size:12.5px;color:#1B2129}
.k2okt{font-size:9.5px;color:#5C6773}

/* ---------- 3 · Start your room ---------- */
.k3a{opacity:0}
.k3cp{left:14px;top:41px}
.k3r{position:absolute;left:14px;width:332px;height:46px;border-radius:12px;background:#fff;border:1.5px solid rgba(138,150,163,.28)}
.k3r .knb{position:absolute;left:9px;top:8px;width:28px;height:28px;font-size:15px}
.k3nm{position:absolute;left:48px;top:8px;font-size:12.5px;font-weight:800;color:#1B2129}
.k3sub{position:absolute;left:48px;top:25px;font-size:9.5px;font-weight:700;color:#5C6773}
.k3cr{position:absolute;right:10px;top:9px;font-size:8.5px;font-weight:800;color:#8A7343}
.k3r2{border-color:#1B2129;box-shadow:0 0 0 1px #1B2129}
.k3n2{background:#1B2129;color:#fff}
.k3t3{border-style:dashed}
.k3hd{position:absolute;left:14px;top:38px;width:332px;height:24px;display:flex;align-items:center;gap:7px}
.k3hd .knb{width:22px;height:22px;font-size:12px}
.k3tt{font-family:"Lora",Georgia,serif;font-weight:600;font-size:14.5px;color:#1B2129;white-space:nowrap}
.kkod{font:700 9px ui-monospace,Menlo,monospace;padding:2px 5px;border-radius:5px;background:#0f172a;color:#fff;letter-spacing:.04em}
.klamp{margin-left:auto;display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:#1e293b}
.klamp i{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:900 8px -apple-system,system-ui,sans-serif;font-style:normal;color:rgba(255,255,255,.4);background:#334155}
.klamp .k3la{background:#dc2626;color:#fff}
.klamp .k3lb{background:#eab308;color:#422006}
.klamp .k3lc{box-shadow:inset 0 0 0 2px rgba(22,163,74,.6)}
.kk{position:absolute;top:72px;width:104px;height:156px;border-radius:14px;border:1.5px solid rgba(138,150,163,.28)}
.kkA{left:14px;border-color:#fca5a5;background:#fef2f2}
.kkB{left:128px;border-color:#fde047;background:#fefce8}
.kkC{left:242px;border-color:#86efac;background:#f0fdf4}
.kkl{position:absolute;left:8px;top:9px;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#1B2129;white-space:nowrap}
.kkl small{font-size:8px;font-weight:600;color:#8A96A3}
.k3jn{left:8px;top:34px;width:88px;height:26px;font-size:9.5px;background:#dc2626;border-color:#dc2626;color:#fff}
.k3ph{left:8px;top:66px;width:88px;height:22px;font-size:9px}
.k3tx{position:absolute;display:block;left:8px;top:96px;width:88px;margin:0;font-size:8.5px;line-height:1.35;font-weight:400;color:#5C6773;white-space:normal}
.k3qr{position:absolute;left:27px;top:32px;width:50px;height:50px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 0 rgba(234,179,8,0)}
.k3qi{position:absolute;left:5px;top:5px;width:40px;height:40px;background:repeating-linear-gradient(45deg,rgba(15,23,42,.85) 0 3px,#fff 3px 6px)}
.k3f{position:absolute;width:14px;height:14px;border:3px solid #0f172a;background:#fff}
.k3f::after{content:"";position:absolute;left:2px;top:2px;width:4px;height:4px;background:#0f172a}
.k3wa{left:8px;top:90px;width:88px;height:22px;font-size:9.5px;background:#16a34a;border-color:#16a34a;color:#fff}
.k3cl{left:8px;top:118px;width:88px;height:22px;font-size:9px}
.k3ct{position:absolute;display:block;left:8px;top:32px;width:88px;margin:0;font-size:8.5px;line-height:1.35;font-weight:400;color:#166534;white-space:normal}
.k3sc{left:8px;top:90px;width:88px;height:22px;font-size:9px;background:#16a34a;border-color:#16a34a;color:#fff}

/* ---------- 4 · Receipts & usage ---------- */
.k4ls{position:absolute;left:14px;top:64px;width:332px;height:80px;border-radius:12px;background:#fff;border:1px solid rgba(138,150,163,.28);overflow:hidden}
.k4r{position:absolute;left:0;width:330px;height:26px;display:grid;grid-template-columns:18px minmax(0,1fr) 38px 44px;gap:8px;align-items:center;padding:0 10px;font-size:10px;color:#5C6773;white-space:nowrap;border-top:1px solid #f1f5f9}
.k4r b{color:#1B2129}
.kmod{width:18px;height:18px;border-radius:6px;background:#1B2129;color:#fff;display:grid;place-items:center;font-family:"Lora",Georgia,serif;font-weight:600;font-size:10px}
.kplus{width:18px;text-align:center;font-weight:900;color:#15803d}
.kpos{color:#15803d;font-weight:800;text-align:right;border-radius:5px;padding:2px 3px}
.kneg{color:#1B2129;font-weight:800;text-align:right;padding:2px 3px}
.k4iv{position:absolute;left:14px;top:154px;width:332px;height:66px;border-radius:12px;background:#fff;border:1px solid rgba(138,150,163,.28)}
.k4ir{position:absolute;left:12px;top:28px;width:308px;height:28px;display:flex;align-items:center;gap:6px;font-size:9.5px;color:#5C6773;white-space:nowrap}
.k4ir b{font-size:11px;font-weight:800;color:#1B2129}
.k4pdf{position:relative;height:24px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;background:#1B2129;color:#fff;border:1.5px solid #1B2129}
.k4pdf i{font-style:normal;display:inline-block}
.k4rg{position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;border-radius:999px;border:2px solid #1B2129;opacity:0}

/* ---------- zaman çizelgeleri (8 sn) ---------- */
@keyframes kvl{0%,94%{opacity:0}97%{opacity:1}100%{opacity:0}}
@keyframes k1lg{0%,72%{opacity:1}74.5%,96.9%{opacity:0}97%,100%{opacity:1}}
@keyframes k1hm{0%,74.5%{opacity:0}78.5%,96.9%{opacity:1}97%,100%{opacity:0}}
@keyframes k1a{0%,38%{opacity:1;transform:translateX(0)}42%,96.9%{opacity:0;transform:translateX(-14px)}97%,100%{opacity:1;transform:translateX(0)}}
@keyframes k1b{0%,38%{opacity:0;transform:translateX(14px)}42%,96.9%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(14px)}}
@keyframes k1ty{0%{width:0}6.5%{width:7.6px}8%{width:15.1px}9.5%{width:22.8px}11%{width:35.6px}12.5%{width:41.9px}14%{width:46px}15.5%{width:49.3px}17%{width:57.1px}18.5%{width:60.4px}20%{width:66.7px}21.5%{width:70px}23%{width:76px}24.5%{width:83.5px}26%{width:95.3px}97%{width:0}100%{width:0}}
@keyframes k1cw{0%{opacity:0}3%{opacity:1}31%{opacity:0}100%{opacity:0}}
@keyframes k1ph{0%{opacity:1}45%{opacity:0}97%{opacity:1}100%{opacity:1}}
@keyframes k1dg{0%{clip-path:inset(0 106.2px 0 0)}45%{clip-path:inset(0 89px 0 0)}48%{clip-path:inset(0 71.8px 0 0)}51%{clip-path:inset(0 54.6px 0 0)}54%{clip-path:inset(0 37.4px 0 0)}57%{clip-path:inset(0 20.2px 0 0)}60%{clip-path:inset(0 0 0 0)}97%{clip-path:inset(0 106.2px 0 0)}100%{clip-path:inset(0 106.2px 0 0)}}
@keyframes k1s1{0%,33.5%{transform:scale(1)}34.5%{transform:scale(.95)}36%,100%{transform:scale(1)}}
@keyframes k1s2{0%,67%{transform:scale(1)}68%{transform:scale(.95)}69.5%,100%{transform:scale(1)}}
@keyframes k1tp{0%,20%{opacity:0;transform:translate(300px,214px) scale(1)}22%{opacity:1;transform:translate(300px,214px) scale(1)}30%{transform:translate(180px,168px) scale(1)}33%{transform:translate(180px,168px) scale(1)}34.5%{transform:translate(180px,168px) scale(.78)}36%{opacity:1;transform:translate(180px,168px) scale(1)}40%{opacity:0;transform:translate(180px,168px) scale(1)}58%{opacity:0;transform:translate(262px,214px) scale(1)}60%{opacity:1;transform:translate(262px,214px) scale(1)}66%{transform:translate(180px,178px) scale(1)}67%{transform:translate(180px,178px) scale(1)}68%{transform:translate(180px,178px) scale(.78)}69.5%{opacity:1;transform:translate(180px,178px) scale(1)}73%,100%{opacity:0;transform:translate(180px,178px) scale(1)}}
@keyframes k1rp{0%,34.4%{opacity:0;transform:scale(1)}34.5%{opacity:.55;transform:scale(1)}39%{opacity:0;transform:scale(2.4)}67.9%{opacity:0;transform:scale(1)}68%{opacity:.55;transform:scale(1)}72.5%,100%{opacity:0;transform:scale(2.4)}}
@keyframes k1bc{0%,80%{box-shadow:0 0 0 0 rgba(217,200,158,.6)}85%{box-shadow:0 0 0 5px rgba(217,200,158,.5)}91%,100%{box-shadow:0 0 0 10px rgba(217,200,158,0)}}

@keyframes k2cn{0%{--k2c:0}70%{--k2c:0;animation-timing-function:cubic-bezier(.25,.7,.3,1)}86%{--k2c:20}96.9%{--k2c:20}97%{--k2c:0}100%{--k2c:0}}
@keyframes k2a{0%,65%{opacity:1}67.5%,96.9%{opacity:0}97%,100%{opacity:1}}
@keyframes k2p2{0%,16.4%{border-color:rgba(138,150,163,.28);box-shadow:0 0 0 0 #1B2129}16.5%,96.9%{border-color:#1B2129;box-shadow:0 0 0 1px #1B2129}97%,100%{border-color:rgba(138,150,163,.28);box-shadow:0 0 0 0 #1B2129}}
@keyframes k2sb{0%,16.4%{background:#fff;color:#1B2129;border-color:rgba(58,68,80,.3);transform:scale(1)}16.5%{background:#1B2129;color:#fff;border-color:#1B2129;transform:scale(.93)}18%,96.9%{background:#1B2129;color:#fff;border-color:#1B2129;transform:scale(1)}97%,100%{background:#fff;color:#1B2129;border-color:rgba(58,68,80,.3);transform:scale(1)}}
@keyframes k2s0{0%{opacity:1}16.5%{opacity:0}97%{opacity:1}100%{opacity:1}}
@keyframes k2s1{0%{opacity:0}16.5%{opacity:1}97%{opacity:0}100%{opacity:0}}
@keyframes k2ct{0%,28%{transform:scale(1)}29%{transform:scale(.96)}30.5%,100%{transform:scale(1)}}
@keyframes k2ov{0%,30%{opacity:0}35%,64%{opacity:1}69%,100%{opacity:0}}
@keyframes k2sh{0%,30%{transform:translateY(232px)}36%,64%{transform:translateY(0)}70%,100%{transform:translateY(190px)}}
@keyframes k2py{0%,45.5%{transform:scale(1)}46.5%{transform:scale(.96)}48%,100%{transform:scale(1)}}
@keyframes k2pl{0%{opacity:1}47%{opacity:0}97%{opacity:1}100%{opacity:1}}
@keyframes k2pd{0%{opacity:0}47%{opacity:1}53%{opacity:0}100%{opacity:0}}
@keyframes k2ok{0%,52.5%{opacity:0}54%,96.9%{opacity:1}97%,100%{opacity:0}}
@keyframes k2ck{0%,53%{transform:scale(.4)}56%{transform:scale(1.12)}58%,96.9%{transform:scale(1)}97%,100%{transform:scale(.4)}}
@keyframes k2hm{0%,67%{opacity:0}70.5%,96.9%{opacity:1}97%,100%{opacity:0}}
@keyframes k2ln{0%,84%{opacity:0}88%,96.9%{opacity:1}97%,100%{opacity:0}}
@keyframes k2tp{0%,4%{opacity:0;transform:translate(318px,226px) scale(1)}6%{opacity:1;transform:translate(318px,226px) scale(1)}14%{transform:translate(180px,128px) scale(1)}15.5%{transform:translate(180px,128px) scale(1)}16.5%{transform:translate(180px,128px) scale(.78)}18%{transform:translate(180px,128px) scale(1)}22%{transform:translate(180px,128px) scale(1)}27%{transform:translate(180px,207px) scale(1)}28%{transform:translate(180px,207px) scale(1)}29%{transform:translate(180px,207px) scale(.78)}30.5%{transform:translate(180px,207px) scale(1)}34%{transform:translate(180px,207px) scale(1)}38%{transform:translate(238px,178px) scale(1)}44%{transform:translate(180px,213px) scale(1)}45.5%{transform:translate(180px,213px) scale(1)}46.5%{opacity:1;transform:translate(180px,213px) scale(.78)}48%{transform:translate(180px,213px) scale(1)}52%,100%{opacity:0;transform:translate(180px,213px) scale(1)}}
@keyframes k2rp{0%,16.4%{opacity:0;transform:scale(1)}16.5%{opacity:.55;transform:scale(1)}21%{opacity:0;transform:scale(2.4)}28.9%{opacity:0;transform:scale(1)}29%{opacity:.55;transform:scale(1)}33.5%{opacity:0;transform:scale(2.4)}46.4%{opacity:0;transform:scale(1)}46.5%{opacity:.55;transform:scale(1)}51%,100%{opacity:0;transform:scale(2.4)}}

@keyframes k3a{0%,22%{opacity:1;transform:translateX(0)}28%,96.9%{opacity:0;transform:translateX(-24px)}97%,100%{opacity:1;transform:translateX(0)}}
@keyframes k3b{0%,22%{opacity:0;transform:translateX(24px)}28%,96.9%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(24px)}}
@keyframes k3r2{0%,16.9%{border-color:rgba(138,150,163,.28);box-shadow:0 0 0 0 #1B2129}17%,96.9%{border-color:#1B2129;box-shadow:0 0 0 1px #1B2129}97%,100%{border-color:rgba(138,150,163,.28);box-shadow:0 0 0 0 #1B2129}}
@keyframes k3n2{0%,16.9%{background:#EEF1F4;color:#1B2129}17%,96.9%{background:#1B2129;color:#fff}97%,100%{background:#EEF1F4;color:#1B2129}}
@keyframes k3qr{0%,30%{transform:scale(1);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 0 rgba(234,179,8,.55)}33%{transform:scale(1.08);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 5px rgba(234,179,8,.45)}36%{transform:scale(1);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 10px rgba(234,179,8,0)}37%{transform:scale(1);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 0 rgba(234,179,8,.55)}40%{transform:scale(1.08);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 5px rgba(234,179,8,.45)}43%,100%{transform:scale(1);box-shadow:0 0 0 1px rgba(138,150,163,.35),0 0 0 10px rgba(234,179,8,0)}}
@keyframes k3wa{0%,45.5%{transform:scale(1)}46.5%{transform:scale(.93)}48%,100%{transform:scale(1)}}
@keyframes k3jn{0%,57.5%{transform:scale(1)}58.5%{transform:scale(.93)}60%,100%{transform:scale(1)}}
@keyframes k3la{0%,59.9%{background:#334155;color:rgba(255,255,255,.4);box-shadow:inset 0 0 0 2px rgba(220,38,38,.6),0 0 0 0 rgba(220,38,38,.7)}60%{background:#dc2626;color:#fff;box-shadow:inset 0 0 0 0 rgba(220,38,38,0),0 0 0 0 rgba(220,38,38,.7)}65%,96.9%{background:#dc2626;color:#fff;box-shadow:inset 0 0 0 0 rgba(220,38,38,0),0 0 0 6px rgba(220,38,38,0)}97%,100%{background:#334155;color:rgba(255,255,255,.4);box-shadow:inset 0 0 0 2px rgba(220,38,38,.6),0 0 0 0 rgba(220,38,38,.7)}}
@keyframes k3lb{0%,71.9%{background:#334155;color:rgba(255,255,255,.4);box-shadow:inset 0 0 0 2px rgba(234,179,8,.6),0 0 0 0 rgba(234,179,8,.7)}72%{background:#eab308;color:#422006;box-shadow:inset 0 0 0 0 rgba(234,179,8,0),0 0 0 0 rgba(234,179,8,.7)}77%,96.9%{background:#eab308;color:#422006;box-shadow:inset 0 0 0 0 rgba(234,179,8,0),0 0 0 6px rgba(234,179,8,0)}97%,100%{background:#334155;color:rgba(255,255,255,.4);box-shadow:inset 0 0 0 2px rgba(234,179,8,.6),0 0 0 0 rgba(234,179,8,.7)}}
@keyframes k3ka{0%,60%{box-shadow:0 0 0 0 rgba(220,38,38,.35)}63%{box-shadow:0 0 0 4px rgba(220,38,38,.35)}70%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
@keyframes k3kb{0%,72%{box-shadow:0 0 0 0 rgba(234,179,8,.45)}75%{box-shadow:0 0 0 4px rgba(234,179,8,.45)}82%,100%{box-shadow:0 0 0 0 rgba(234,179,8,0)}}
@keyframes k3tp{0%,4%{opacity:0;transform:translate(318px,228px) scale(1)}6%{opacity:1;transform:translate(318px,228px) scale(1)}14%{transform:translate(180px,134px) scale(1)}15.5%{transform:translate(180px,134px) scale(1)}16.5%{transform:translate(180px,134px) scale(.78)}18%{transform:translate(180px,134px) scale(1)}21%{opacity:1;transform:translate(180px,134px) scale(1)}25%{opacity:0;transform:translate(180px,134px) scale(1)}34%{opacity:0;transform:translate(262px,222px) scale(1)}36%{opacity:1;transform:translate(262px,222px) scale(1)}43%{transform:translate(180px,173px) scale(1)}45.5%{transform:translate(180px,173px) scale(1)}46.5%{transform:translate(180px,173px) scale(.78)}48%{transform:translate(180px,173px) scale(1)}51%{transform:translate(180px,173px) scale(1)}56%{transform:translate(66px,119px) scale(1)}57.5%{transform:translate(66px,119px) scale(1)}58.5%{transform:translate(66px,119px) scale(.78)}60%{opacity:1;transform:translate(66px,119px) scale(1)}64%,100%{opacity:0;transform:translate(66px,119px) scale(1)}}
@keyframes k3rp{0%,16.4%{opacity:0;transform:scale(1)}16.5%{opacity:.55;transform:scale(1)}21%{opacity:0;transform:scale(2.4)}46.4%{opacity:0;transform:scale(1)}46.5%{opacity:.55;transform:scale(1)}51%{opacity:0;transform:scale(2.4)}58.4%{opacity:0;transform:scale(1)}58.5%{opacity:.55;transform:scale(1)}63%,100%{opacity:0;transform:scale(2.4)}}

@keyframes k4r1{0%,6%{opacity:0;transform:translateX(24px)}12%,96.9%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(24px)}}
@keyframes k4r2{0%,13%{opacity:0;transform:translateX(24px)}19%,96.9%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(24px)}}
@keyframes k4r3{0%,20%{opacity:0;transform:translateX(24px)}26%,96.9%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(24px)}}
@keyframes k4g{0%,26%{background:rgba(22,163,74,0)}29%{background:rgba(22,163,74,.18)}36%,100%{background:rgba(22,163,74,0)}}
@keyframes k4iv{0%,32%{opacity:0;transform:translateY(12px)}40%,96.9%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(12px)}}
@keyframes k4pdf{0%,55.4%{background:#fff;color:#1B2129;border-color:rgba(58,68,80,.3);transform:scale(1)}55.5%{background:#1B2129;color:#fff;border-color:#1B2129;transform:scale(.92)}57.5%,96.9%{background:#1B2129;color:#fff;border-color:#1B2129;transform:scale(1)}97%,100%{background:#fff;color:#1B2129;border-color:rgba(58,68,80,.3);transform:scale(1)}}
@keyframes k4rg{0%,56%{opacity:0;transform:scale(1)}57%{opacity:.6;transform:scale(1)}64%{opacity:0;transform:scale(1.45)}66%{opacity:0;transform:scale(1)}67%{opacity:.6;transform:scale(1)}74%,100%{opacity:0;transform:scale(1.45)}}
@keyframes k4ar{0%,58%{transform:translateY(0)}60%{transform:translateY(2.5px)}62%,68%{transform:translateY(0)}70%{transform:translateY(2.5px)}72%,100%{transform:translateY(0)}}
@keyframes k4tp{0%,40%{opacity:0;transform:translate(214px,232px) scale(1)}43%{opacity:1;transform:translate(214px,232px) scale(1)}51%{transform:translate(308px,196px) scale(1)}54%{transform:translate(308px,196px) scale(1)}55.5%{transform:translate(308px,196px) scale(.78)}57%{opacity:1;transform:translate(308px,196px) scale(1)}61%,100%{opacity:0;transform:translate(308px,196px) scale(1)}}
@keyframes k4rp{0%,55.4%{opacity:0;transform:scale(1)}55.5%{opacity:.55;transform:scale(1)}60%,100%{opacity:0;transform:scale(2.4)}}

/* Hareket yalnız izin varsa — "hareketi azalt" açıksa taban stiller = son kare (durağan) */
@media (prefers-reduced-motion: no-preference){
.kvl{animation:kvl 8s linear infinite both}
.k1lg{animation:k1lg 8s ease infinite both}
.k1hm{animation:k1hm 8s ease infinite both}
.k1a{animation:k1a 8s ease infinite both}
.k1b{animation:k1b 8s ease infinite both}
.k1ty{animation:k1ty 8s step-end infinite both}
.k1cw{animation:k1cw 8s step-end infinite both}
.k1ph{animation:k1ph 8s step-end infinite both}
.k1dg{animation:k1dg 8s step-end infinite both}
.k1s1{animation:k1s1 8s ease infinite both}
.k1s2{animation:k1s2 8s ease infinite both}
.k1tp{animation:k1tp 8s ease-in-out infinite both}
.k1tp::after{animation:k1rp 8s ease-out infinite both}
.k1bc{animation:k1bc 8s ease-out infinite both}
.k2{animation:k2cn 8s linear infinite both}
.k2v0{animation:k2v0 8s linear infinite both}
.k2v1{animation:k2v1 8s linear infinite both}
@keyframes k2v0{0%,77.9%{font-size:1em}78%,96.9%{font-size:0}97%,100%{font-size:1em}}
@keyframes k2v1{0%,77.9%{font-size:0}78%,96.9%{font-size:1em}97%,100%{font-size:0}}
.k2a{animation:k2a 8s ease infinite both}
.k2p2{animation:k2p2 8s ease infinite both}
.k2sb{animation:k2sb 8s ease infinite both}
.k2s0{animation:k2s0 8s step-end infinite both}
.k2s1{animation:k2s1 8s step-end infinite both}
.k2ct{animation:k2ct 8s ease infinite both}
.k2ov{animation:k2ov 8s ease infinite both}
.k2sh{animation:k2sh 8s cubic-bezier(.2,.8,.2,1) infinite both}
.k2py{animation:k2py 8s ease infinite both}
.k2pl{animation:k2pl 8s step-end infinite both}
.k2pd{animation:k2pd 8s step-end infinite both}
.k2ok{animation:k2ok 8s ease infinite both}
.k2ck{animation:k2ck 8s ease-out infinite both}
.k2hm{animation:k2hm 8s ease infinite both}
.k2ln{animation:k2ln 8s ease infinite both}
.k2tp{animation:k2tp 8s ease-in-out infinite both}
.k2tp::after{animation:k2rp 8s ease-out infinite both}
.k3a{animation:k3a 8s ease infinite both}
.k3b{animation:k3b 8s ease infinite both}
.k3r2{animation:k3r2 8s ease infinite both}
.k3n2{animation:k3n2 8s ease infinite both}
.k3qr{animation:k3qr 8s ease-in-out infinite both}
.k3wa{animation:k3wa 8s ease infinite both}
.k3jn{animation:k3jn 8s ease infinite both}
.klamp .k3la{animation:k3la 8s ease-out infinite both}
.klamp .k3lb{animation:k3lb 8s ease-out infinite both}
.kkA{animation:k3ka 8s ease-out infinite both}
.kkB{animation:k3kb 8s ease-out infinite both}
.k3tp{animation:k3tp 8s ease-in-out infinite both}
.k3tp::after{animation:k3rp 8s ease-out infinite both}
.k4r1{animation:k4r1 8s ease-out infinite both}
.k4r2{animation:k4r2 8s ease-out infinite both}
.k4r3{animation:k4r3 8s ease-out infinite both}
.k4g{animation:k4g 8s ease infinite both}
.k4iv{animation:k4iv 8s ease-out infinite both}
.k4pdf{animation:k4pdf 8s ease infinite both}
.k4rg{animation:k4rg 8s ease-out infinite both}
.k4ar{animation:k4ar 8s ease-in-out infinite both}
.k4tp{animation:k4tp 8s ease-in-out infinite both}
.k4tp::after{animation:k4rp 8s ease-out infinite both}
}
/* Ekran dışındaki sahne durur (pil/CPU) — IntersectionObserver .kdur ekler */
.kdur *,.kdur *::after,.kdur{animation-play-state:paused!important}