.ttx-floating-chat{
    position:fixed;right:22px;bottom:22px;z-index:99998;
    min-height:48px;padding:0 15px;
    display:flex;align-items:center;gap:8px;
    border-radius:999px;background:#0870f8;color:#fff!important;
    box-shadow:0 10px 30px rgba(8,112,248,.28);
    text-decoration:none!important;font:600 12px Poppins,Arial,sans-serif;
}
.ttx-floating-chat i{font-size:16px}
.ttx-floating-chat b{
    min-width:20px;height:20px;padding:0 5px;
    display:flex;align-items:center;justify-content:center;
    border-radius:999px;background:#ff3b30;color:#fff;font-size:10px
}

.ttx-ranking{
    width:min(1200px,calc(100% - 40px));margin:36px auto;
    padding:25px;border:1px solid #dbe6f2;border-radius:16px;
    background:#fff;box-shadow:0 10px 30px rgba(35,70,110,.06);
    font-family:Poppins,Arial,sans-serif;
}
.ttx-ranking__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.ttx-ranking__head span{color:#0870f8;font-size:10px;font-weight:700}
.ttx-ranking__head h2{margin:5px 0 4px;color:#07152d;font-size:28px;line-height:1.15}
.ttx-ranking__head p{margin:0;color:#738198;font-size:11px}
.ttx-ranking__nav{display:flex;gap:8px}
.ttx-ranking__nav button{width:38px;height:38px;border:1px solid #d1ddec;border-radius:9px;background:#fff;color:#0870f8;cursor:pointer}
.ttx-ranking__viewport{overflow:hidden}
.ttx-ranking__track{display:flex;gap:12px;transition:transform .35s ease}
.ttx-ranking__card{
    min-width:calc((100% - 24px)/3);box-sizing:border-box;
    display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;
    padding:14px;border:1px solid #dfe7f1;border-radius:12px;background:#fbfdff
}
.ttx-ranking__card img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid #d9e4f0}
.ttx-ranking__copy strong,.ttx-ranking__copy span,.ttx-ranking__copy small{display:block}
.ttx-ranking__copy strong{color:#10213c;font-size:12px}
.ttx-ranking__copy strong i{color:#0870f8;font-size:9px}
.ttx-ranking__stars{margin-top:3px;color:#ffae00;font-size:10px}
.ttx-ranking__copy small{margin-top:3px;color:#7c899d;font-size:8.5px}
.ttx-ranking__card a{padding:8px 10px;border-radius:7px;background:#0870f8;color:#fff!important;text-decoration:none!important;font-size:8.5px;font-weight:600}
.ttx-client-types{grid-column:1/-1}
.ttx-client-types__title{display:block;margin-bottom:8px;font-size:10px;font-weight:600;color:#243751}
.ttx-client-types__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ttx-client-type{padding:12px;border:1px solid #cfdae8;border-radius:8px;background:#fff;cursor:pointer}
.ttx-client-type input{margin-right:7px}
.ttx-client-type strong,.ttx-client-type small{display:block}
.ttx-client-type strong{font-size:10px;color:#152844}
.ttx-client-type small{margin:3px 0 0 23px;color:#758399;font-size:8px;line-height:1.45}
@media(max-width:900px){.ttx-ranking__card{min-width:calc((100% - 12px)/2)}}
@media(max-width:620px){
    .ttx-ranking{width:calc(100% - 24px);padding:17px}
    .ttx-ranking__head h2{font-size:22px}
    .ttx-ranking__card{min-width:100%;grid-template-columns:46px 1fr}
    .ttx-ranking__card a{grid-column:1/-1;text-align:center}
    .ttx-client-types__grid{grid-template-columns:1fr}
    .ttx-floating-chat span{display:none}
    .ttx-floating-chat{width:50px;padding:0;justify-content:center}
}