/* Ana sayfa — "Yerli Yazılım" bölümü (#yerli-yazilim; işaretleme tanitim.php içinde). Kaldırmak için bölümü ve bu dosyayı silin.
   Logolar koyu zeminli görseller: sayfa her zaman karanlık olduğundan mix-blend-mode: screen siyahı zemine eritir. */
.tn-tk { position: relative; overflow: hidden; padding: clamp(4.5rem, 10vw, 7rem) 0; background: var(--bg); border-top: 1px solid var(--cizgi); }
.tn-tk .tn-baslikbas { display: grid; justify-items: center; text-align: center; } /* Yerli Yazılım: başlık ortalı (ızgara zaten ortalı) */
.tn-tk__izgara { margin-top: clamp(2.2rem, 5vw, 3.5rem); display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.2rem; align-items: center; justify-items: center; text-align: center; }
@media (min-width: 1000px) { .tn-tk__izgara { grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) minmax(0, .9fr); gap: 3rem; } }
.tn-tk__marka img { width: min(100%, 300px); height: auto; mix-blend-mode: screen; }
.tn-tk__metin { display: grid; gap: 1rem; max-width: 34rem; color: var(--metin-2); font-size: .98rem; line-height: 1.75; }
.tn-tk__ortaklar { position: relative; width: min(100%, 360px); padding: 1.5rem; }
.tn-tk__ortaklar img { position: relative; z-index: 1; width: 100%; height: auto; mix-blend-mode: screen; }
.tn-tk__ucan { position: absolute; z-index: 0; color: var(--teal-2); opacity: .75; animation: tn-tk-suzul 6s ease-in-out infinite; }
.tn-tk__ucan .tn-ikon { width: 18px; height: 18px; }
.tn-tk__ucan--1 { left: 0; top: 4%; }
.tn-tk__ucan--2 { right: 2%; top: 0; animation-delay: -1.5s; }
.tn-tk__ucan--3 { left: 4%; bottom: 2%; animation-delay: -3s; }
.tn-tk__ucan--4 { right: 0; bottom: 8%; animation-delay: -4.5s; }
@keyframes tn-tk-suzul { 50% { transform: translateY(-8px) rotate(8deg); } }
@media (prefers-reduced-motion: reduce) { .tn-tk__ucan { animation: none; } }