.key-figures{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--night) 0%,#12267a 55%,var(--brand) 100%);color:#fff;isolation:isolate}
.key-figures::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);transform:translateX(-100%)}
.figures-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.key-figures ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.key-figures li{display:flex;flex-direction:column;gap:8px;padding:44px 36px;border-left:1px solid rgba(255,255,255,.14)}
.key-figures li:first-child{border-left:0;padding-left:0}
.key-figures strong{display:flex;align-items:center;gap:14px;font-size:clamp(40px,4.4vw,62px);font-weight:560;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.key-figures span{font-size:15px;line-height:1.45;color:#c8d4f5;max-width:280px}
.key-figures small{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8ea3e0}
.figure-live i{position:relative;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6)}
@media(prefers-reduced-motion:no-preference){
.key-figures::before{animation:figures-sheen 7s ease-in-out infinite}
.figure-live i{animation:figures-pulse 2s ease-out infinite}
.logo-track{animation:logo-scroll calc(var(--count) * 6s) linear infinite}
.logo-row:nth-of-type(even) .logo-track{animation-direction:reverse}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}
.logo-tile img{transition:filter .3s,opacity .3s}
}
@keyframes figures-sheen{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@keyframes figures-pulse{70%{box-shadow:0 0 0 12px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes logo-scroll{to{transform:translateX(-50%)}}

.logo-banners{padding:85px 0;background:#f8f9fd;border-bottom:1px solid var(--line)}
.logo-banners-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}
.logo-banners h2{font-size:clamp(32px,3.6vw,50px)}
.logo-banners .text-link{color:var(--brand);flex-shrink:0}
.logo-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;padding:18px 0;border-top:1px solid var(--line)}
.logo-row h3{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{list-style:none;margin:0;padding:0;display:flex;gap:18px;width:max-content}
.logo-tile{flex:0 0 190px;height:88px;display:flex;align-items:center;justify-content:center;padding:14px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}
.logo-tile img{width:100%;height:56px;object-fit:contain;filter:grayscale(1);opacity:.75}
.logo-tile.logo-dark{background:var(--night);border-color:var(--night)}
.logo-marquee:hover .logo-tile img{filter:none;opacity:1}

.social-links{list-style:none;margin:25px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.social-links a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#4b5874}
.social-links a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}

.roadmap-section h2{margin:18px 0 44px}
.roadmap-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.roadmap-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:#fff}
.roadmap-step{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef3fe;color:var(--brand);font-weight:600}
.roadmap-status{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:999px;background:#fff4e0;color:#8a4b00;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.roadmap-item h3{margin-bottom:10px}
.roadmap-item p{max-width:760px}
.roadmap-note{margin-top:28px;font-size:13px}

@media(max-width:900px){
.key-figures ul{grid-template-columns:1fr}
.key-figures li{padding:26px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
.key-figures li:first-child{border-top:0}
.logo-banners{padding:60px 0}
.logo-banners-head{flex-direction:column;align-items:flex-start}
.logo-row{grid-template-columns:1fr;gap:12px}
.logo-tile{flex-basis:150px;height:72px;padding:10px 16px}
.logo-tile img{height:46px}
.roadmap-item{grid-template-columns:1fr;gap:14px;padding:22px}
}
@media(prefers-reduced-motion:reduce){
.logo-marquee{-webkit-mask-image:none;mask-image:none}
.logo-track{flex-wrap:wrap;width:auto}
.logo-track [aria-hidden="true"]{display:none}
}
