/* Anasayfa "sayilar" — Sayılarla Çavuşlu: fotoğraflı lacivert bant + halka süslü sayı kartları */
.ax-say__box { position: relative; overflow: hidden; padding: 56px 60px 60px; border-radius: calc(40px * var(--ax-rs, 1)); background: var(--ax-navy2); color: #fff; isolation: isolate; }
.ax-say__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.ax-say__box::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(22, 37, 80, .97) 0%, rgba(31, 50, 99, .9) 50%, rgba(31, 50, 99, .72) 100%); }
.ax-say__w { position: absolute; z-index: -1; right: -40px; top: -20px; width: 620px; height: 330px; color: #fff; opacity: .12; }
.ax-say__h { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }
.ax-say .ax-H { color: #fff; font-size: calc(46px * var(--ax-fz, 1)); }
.ax-say__h p { max-width: 440px; margin: 0; font-size: calc(15.5px * var(--ax-fz, 1)); line-height: 1.6; color: #c3cde4; }
.ax-say__g { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.ax-say__g--n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ax-say__g--n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ax-say__g--n3, .ax-say__g--n2, .ax-say__g--n1 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ax-sy { padding: 26px 18px 24px; border-radius: calc(26px * var(--ax-rs, 1)); text-align: center; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: transform .25s, background .25s; }
.ax-sy:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .11); }
.ax-sy__r { position: relative; display: block; width: 100px; height: 100px; margin: 0 auto; }
.ax-sy__r svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.ax-sy__r circle { fill: none; stroke-width: 6; }
.ax-sy__r .t { stroke: rgba(255, 255, 255, .14); }
.ax-sy__r .a { stroke: var(--ax-or, #f47b20); stroke-linecap: round; stroke-dasharray: 207 277; transition: stroke-dasharray .8s ease; }
.ax-sy:hover .ax-sy__r .a { stroke-dasharray: 277 277; }
.ax-sy__r i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: calc(32px * var(--ax-fz, 1)); color: var(--ax-orlt, #ffb27a); }
.ax-sy b { display: block; margin-top: 16px; font-family: var(--ax-head); font-weight: var(--ax-hw, 900); font-size: calc(44px * var(--ax-fzh, 1)); line-height: 1; }
.ax-sy small { display: block; margin-top: 8px; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; color: #c3cde4; }

@media (max-width: 1280px) {
  .ax-say__g, .ax-say__g--n5, .ax-say__g--n4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .ax-say__box { padding: 36px 22px 26px; border-radius: calc(28px * var(--ax-rs, 1)); }
  .ax-say__h { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 26px; }
  .ax-say .ax-H { font-size: calc(32px * var(--ax-fz, 1)); }
  .ax-say__g, .ax-say__g--n5, .ax-say__g--n4, .ax-say__g--n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .ax-sy { padding: 20px 10px; }
  .ax-sy__r { width: 76px; height: 76px; }
  .ax-sy__r i { font-size: calc(24px * var(--ax-fz, 1)); }
  .ax-sy b { font-size: calc(34px * var(--ax-fzh, 1)); }
}