/* Kolektif Web Teslim v1.0 — only .km-* components are styled. */
.lens.km-lens-host { aspect-ratio:1; overflow:visible; }
.km-radar { position:relative; width:100%; aspect-ratio:1; isolation:isolate; }
.km-radar .km-radar-svg { display:block; width:100%; height:auto; overflow:visible; fill:none; stroke:none; stroke-width:0; }
.km-radar .km-tag { position:absolute; z-index:1; display:block; padding:8px 13px; border:1px solid #5eabb8; border-radius:99px; background:#0b2530; color:#6ed8e6; font-family:var(--mono,'IBM Plex Mono',Consolas,monospace); font-weight:400; font-size:clamp(9px,.85vw,11px); line-height:1.2; letter-spacing:.055em; white-space:nowrap; }
.km-radar .km-tag-saha { left:10%; top:14%; }
.km-radar .km-tag-surekli { right:0; top:49%; }
.km-radar .km-tag-veri { left:18%; top:80%; }
.card.km-brand-card > .km-icon, .km-icon { display:block; width:112px; height:77px; flex:none; max-width:100%; fill:none; stroke:none; stroke-width:0; overflow:visible; }
.km-icon { pointer-events:none; }
.km-radar[data-km-motion="off"] .km-orbit { animation:none; }
@media (max-width:480px) { .km-radar .km-tag { padding:6px 9px; font-size:9px; } }

.km-orbit { transform-origin:300px 300px; }
.km-orbit-a { animation:km-orbit-cw 72s linear infinite; }
.km-orbit-b { animation:km-orbit-ccw 96s linear infinite; }
@keyframes km-orbit-cw { to { transform:rotate(360deg); } }
@keyframes km-orbit-ccw { to { transform:rotate(-360deg); } }
@media (prefers-reduced-motion:reduce) { .km-orbit { animation:none !important; } }