.an-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 2vw, 28px); margin-bottom: clamp(18px, 3vw, 32px); }
.an-kpis div { padding-left: clamp(10px, 1.6vw, 20px); border-left: 1px solid rgba(255,255,255,.14); }
.an-kpis b { display: block; font: 900 clamp(24px, 3.5vw, 48px)/.95 var(--display); font-stretch: 118%; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.an-kpis div:first-child b { color: var(--brand-bright); }
.an-kpis span { display: block; margin-top: 8px; color: #9a9ca5; font: 500 12px/1.35 var(--mono); }
.an-win { border-radius: 14px; overflow: hidden; background: #15161b; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 40px 80px -40px rgba(0,0,0,.9); }
.an-tabs { display: flex; align-items: center; gap: 6px; padding: 9px 12px; background: #202128; border-bottom: 1px solid rgba(255,255,255,.08); }
.an-tabs i { width: 9px; height: 9px; border-radius: 50%; background: #3a3b42; }
.an-tabs button { margin-left: 8px; height: 28px; padding: 0 12px; border-radius: 8px; border: 0; background: transparent; color: #9a9ca5; font: 500 12px/1 var(--sans); cursor: pointer; }
.an-tabs button + button { margin-left: 0; }
.an-tabs button[aria-selected="true"] { background: #15161b; color: #fff; }
.an-hint { margin-left: auto; color: #8d8f98; font: 11px/1 var(--mono); }
.an-view { position: relative; overflow: hidden; cursor: zoom-in; background: #f4f5f7; }
.an-view img { display: block; width: 100%; height: auto; transform-origin: var(--ox, 50%) var(--oy, 50%); transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .25s ease; }
.an-view.zoom { cursor: zoom-out; } .an-view.zoom img { transform: scale(2.1); }
.an-view.swap img { opacity: 0; }
@media (max-width: 760px) { .an-kpis { grid-template-columns: repeat(2, 1fr); } .an-hint { display: none; } }
@media (prefers-reduced-motion: reduce) { .an-view img { transition: none; } }