/* Rankupar v2 enhancements */
.image-brand{width:150px;height:48px;background:#fff;border-radius:11px;padding:5px 10px;overflow:hidden}.image-brand img,.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-logo{width:175px;height:74px;background:#fff;border-radius:13px;padding:7px 12px}.site-header nav{gap:28px}.main-metric{transform-style:preserve-3d;transition:transform .18s ease-out}.chart i{height:var(--bar);transform-origin:bottom;animation:barGrow 1.1s cubic-bezier(.2,.8,.2,1) both}.chart i:nth-child(2){animation-delay:.08s}.chart i:nth-child(3){animation-delay:.16s}.chart i:nth-child(4){animation-delay:.24s}.chart i:nth-child(5){animation-delay:.32s}.chart i:nth-child(6){animation-delay:.4s}.chart i:nth-child(7){animation-delay:.48s}@keyframes barGrow{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}.float-card.top{animation:floatOne 4.5s ease-in-out infinite}.float-card.bottom{animation:floatTwo 5.2s ease-in-out infinite}@keyframes floatOne{50%{transform:translateY(-12px) translateX(5px)}}@keyframes floatTwo{50%{transform:translateY(11px) translateX(-4px)}}
.client-section{padding:82px max(6vw,32px);overflow:hidden;border-bottom:1px solid var(--line)}.client-intro{text-align:center;max-width:730px;margin:0 auto 42px}.client-intro h2{font-size:clamp(32px,3.4vw,48px);letter-spacing:-2.3px;margin:12px 0}.client-intro p{color:#778298;font-size:13px;line-height:1.7}.logo-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.logo-track{display:flex;width:max-content;gap:16px;animation:logoScroll 38s linear infinite}.logo-track:hover{animation-play-state:paused}.client-logo{width:220px;height:116px;padding:17px 22px;background:#fff;border:1px solid #e2e7ef;border-radius:17px;display:grid;place-items:center;box-shadow:0 10px 30px rgba(20,42,85,.04)}.client-logo img{width:100%;height:100%;object-fit:contain;filter:saturate(.9);transition:.25s}.client-logo:hover img{filter:saturate(1.15);transform:scale(1.04)}@keyframes logoScroll{to{transform:translateX(calc(-50% - 8px))}}
.blog-preview{border-top:1px solid var(--line)}.dark-link{color:#245bd7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border:1px solid #e1e7ef;border-radius:20px;overflow:hidden;transition:.25s}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(16,39,80,.1)}.blog-art{height:170px;background:radial-gradient(circle at 20% 15%,#5cd7ff,#2864ff 45%,#102b72);display:grid;place-items:center}.blog-art span{font-size:70px;font-weight:800;color:rgba(255,255,255,.24);text-transform:uppercase}.blog-card>div:last-child{padding:24px}.blog-card small{font-size:9px;color:#8c97a9;text-transform:uppercase;letter-spacing:.8px}.blog-card h3{font-size:20px;line-height:1.35;margin:12px 0}.blog-card p{color:#778298;font-size:12px;line-height:1.7}.blog-card a{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;margin-top:18px;padding-top:17px;font-size:11px;font-weight:800}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.image-brand{width:129px;height:43px}.client-section{padding:65px 0}.client-intro{padding:0 22px}.client-logo{width:170px;height:95px;padding:13px}.logo-track{gap:11px;animation-duration:28s}.blog-grid{grid-template-columns:1fr}.footer-logo{width:155px;height:66px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.logo-track,.float-card,.chart i{animation:none!important}.reveal{opacity:1;transform:none}}
