/* Uretilen dosya (tools/home_v2.py). Iki animasyon: ana gorsel (6 sn) ve klavye (6 sn, yalniz ekrandayken). */
@keyframes wl{0%{transform:translateX(0);opacity:0}4%{transform:translateX(0);opacity:1}33%{transform:translateX(0)}58%{transform:translateX(440px)}98.8%{transform:translateX(440px);opacity:1}99%{transform:translateX(0);opacity:0}100%{transform:translateX(0);opacity:0}}
@keyframes wp{0%{transform:translateX(-135px);opacity:1}33%{transform:translateX(-135px)}58%{transform:translateX(0)}83%{transform:translateX(0);opacity:1}94%{transform:translateX(0);opacity:0}100%{transform:translateX(-135px);opacity:0}}
@keyframes arrow{0%,16.7%{stroke-dashoffset:1;opacity:1}33%{stroke-dashoffset:0;opacity:1}83%{opacity:1}94%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:1}}
@keyframes arrowhead{0%,31%{opacity:0}34%{opacity:1}83%{opacity:1}94%,100%{opacity:0}}
@keyframes lbl{0%,58%{opacity:0;transform:translateY(6px)}64%{opacity:1;transform:translateY(0)}83%{opacity:1}94%,100%{opacity:0}}
.hero-svg .a-wl{animation:wl 6s linear infinite}
.hero-svg .a-wp{animation:wp 6s linear infinite}
.hero-svg .a-mask{stroke-dasharray:1;stroke-dashoffset:1;animation:arrow 6s linear infinite}
.hero-svg .a-head{animation:arrowhead 6s linear infinite}
.hero-svg .a-label{animation:lbl 6s linear infinite;opacity:0}
@keyframes k_103_r{0%{fill:var(--kb-key)}6.667%{fill:var(--kb-key)}7.333%{fill:#3563D6}12.333%{fill:#3563D6}13.667%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_103_t{0%{fill:#0D1B3D}6.667%{fill:#0D1B3D}7.333%{fill:#FFFFFF}12.333%{fill:#FFFFFF}13.667%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-g rect{animation:k_103_r 6.0s linear infinite}.is-playing .key-g text{animation:k_103_t 6.0s linear infinite}
@keyframes k_252_r{0%{fill:var(--kb-key)}14.167%{fill:var(--kb-key)}14.833%{fill:#3563D6}19.833%{fill:#3563D6}21.167%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_252_t{0%{fill:#0D1B3D}14.167%{fill:#0D1B3D}14.833%{fill:#FFFFFF}19.833%{fill:#FFFFFF}21.167%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-ü rect{animation:k_252_r 6.0s linear infinite}.is-playing .key-ü text{animation:k_252_t 6.0s linear infinite}
@keyframes k_110_r{0%{fill:var(--kb-key)}21.667%{fill:var(--kb-key)}22.333%{fill:#3563D6}27.333%{fill:#3563D6}28.667%{fill:var(--kb-key)}59.167%{fill:var(--kb-key)}59.833%{fill:#3563D6}64.833%{fill:#3563D6}66.167%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_110_t{0%{fill:#0D1B3D}21.667%{fill:#0D1B3D}22.333%{fill:#FFFFFF}27.333%{fill:#FFFFFF}28.667%{fill:#0D1B3D}59.167%{fill:#0D1B3D}59.833%{fill:#FFFFFF}64.833%{fill:#FFFFFF}66.167%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-n rect{animation:k_110_r 6.0s linear infinite}.is-playing .key-n text{animation:k_110_t 6.0s linear infinite}
@keyframes k_97_r{0%{fill:var(--kb-key)}29.167%{fill:var(--kb-key)}29.833%{fill:#3563D6}34.833%{fill:#3563D6}36.167%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_97_t{0%{fill:#0D1B3D}29.167%{fill:#0D1B3D}29.833%{fill:#FFFFFF}34.833%{fill:#FFFFFF}36.167%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-a rect{animation:k_97_r 6.0s linear infinite}.is-playing .key-a text{animation:k_97_t 6.0s linear infinite}
@keyframes k_121_r{0%{fill:var(--kb-key)}36.667%{fill:var(--kb-key)}37.333%{fill:#3563D6}42.333%{fill:#3563D6}43.667%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_121_t{0%{fill:#0D1B3D}36.667%{fill:#0D1B3D}37.333%{fill:#FFFFFF}42.333%{fill:#FFFFFF}43.667%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-y rect{animation:k_121_r 6.0s linear infinite}.is-playing .key-y text{animation:k_121_t 6.0s linear infinite}
@keyframes k_100_r{0%{fill:var(--kb-key)}44.167%{fill:var(--kb-key)}44.833%{fill:#3563D6}49.833%{fill:#3563D6}51.167%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_100_t{0%{fill:#0D1B3D}44.167%{fill:#0D1B3D}44.833%{fill:#FFFFFF}49.833%{fill:#FFFFFF}51.167%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-d rect{animation:k_100_r 6.0s linear infinite}.is-playing .key-d text{animation:k_100_t 6.0s linear infinite}
@keyframes k_305_r{0%{fill:var(--kb-key)}51.667%{fill:var(--kb-key)}52.333%{fill:#3563D6}57.333%{fill:#3563D6}58.667%{fill:var(--kb-key)}100%{fill:var(--kb-key)}}@keyframes k_305_t{0%{fill:#0D1B3D}51.667%{fill:#0D1B3D}52.333%{fill:#FFFFFF}57.333%{fill:#FFFFFF}58.667%{fill:#0D1B3D}100%{fill:#0D1B3D}}
.is-playing .key-ı rect{animation:k_305_r 6.0s linear infinite}.is-playing .key-ı text{animation:k_305_t 6.0s linear infinite}
@keyframes ch0{0%{fill-opacity:0}7.667%{fill-opacity:0}8.333%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch0{animation:ch0 6.0s linear infinite}
@keyframes ch1{0%{fill-opacity:0}15.167%{fill-opacity:0}15.833%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch1{animation:ch1 6.0s linear infinite}
@keyframes ch2{0%{fill-opacity:0}22.667%{fill-opacity:0}23.333%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch2{animation:ch2 6.0s linear infinite}
@keyframes ch3{0%{fill-opacity:0}30.167%{fill-opacity:0}30.833%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch3{animation:ch3 6.0s linear infinite}
@keyframes ch4{0%{fill-opacity:0}37.667%{fill-opacity:0}38.333%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch4{animation:ch4 6.0s linear infinite}
@keyframes ch5{0%{fill-opacity:0}45.167%{fill-opacity:0}45.833%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch5{animation:ch5 6.0s linear infinite}
@keyframes ch6{0%{fill-opacity:0}52.667%{fill-opacity:0}53.333%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch6{animation:ch6 6.0s linear infinite}
@keyframes ch7{0%{fill-opacity:0}60.167%{fill-opacity:0}60.833%{fill-opacity:1}92.5%{fill-opacity:1}99.167%{fill-opacity:0}100%{fill-opacity:0}}
.is-playing .ch7{animation:ch7 6.0s linear infinite}
@keyframes curmove{0%{transform:translateX(0)}7.667%{transform:translateX(0px)}8.333%{transform:translateX(7.7px)}15.167%{transform:translateX(7.7px)}15.833%{transform:translateX(15.4px)}22.667%{transform:translateX(15.4px)}23.333%{transform:translateX(23.0px)}30.167%{transform:translateX(23.0px)}30.833%{transform:translateX(30.2px)}37.667%{transform:translateX(30.2px)}38.333%{transform:translateX(37.2px)}45.167%{transform:translateX(37.2px)}45.833%{transform:translateX(44.9px)}52.667%{transform:translateX(44.9px)}53.333%{transform:translateX(48.5px)}60.167%{transform:translateX(48.5px)}60.833%{transform:translateX(56.1px)}92.5%{transform:translateX(56.1px)}99.167%{transform:translateX(0)}100%{transform:translateX(0)}}.is-playing .cur-move{animation:curmove 6.0s linear infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}.is-playing .cur{animation:blink 1s steps(1) infinite}