/* REALPRO Studios — Home carousels V57
   Final logo visibility + seamless trusted-brand sequence.
   Loaded last on Home to override legacy carousel conflicts only. */

html body.rp-page-index .trusted-window{
  overflow:hidden !important;
}
html body.rp-page-index .trusted-track{
  display:flex !important;
  align-items:stretch !important;
  width:max-content !important;
  gap:16px !important;
  animation:rp-trusted-logo-scroll-v57 32s linear infinite !important;
  will-change:transform;
}
@keyframes rp-trusted-logo-scroll-v57{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(calc(-50% - 8px),0,0);}
}
html body.rp-page-index .logo-card{
  box-sizing:border-box !important;
  flex:0 0 270px !important;
  width:270px !important;
  min-width:270px !important;
  height:76px !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important;
  justify-items:start !important;
  gap:16px !important;
  padding:0 20px !important;
  color:#edf3fa !important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  overflow:hidden !important;
}
html body.rp-page-index .logo-card svg{
  display:block !important;
  flex:none !important;
  width:42px !important;
  height:42px !important;
  fill:currentColor !important;
  color:#e7eef7 !important;
  opacity:.94 !important;
}
html body.rp-page-index .logo-card p{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  margin:0 !important;
  color:#f5f8fc !important;
  opacity:1 !important;
  visibility:visible !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html body.rp-page-index .logo-card p strong{
  display:block !important;
  color:#f5f8fc !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.105em !important;
  line-height:1.05 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.rp-page-index .logo-card p span{
  display:block !important;
  margin-top:7px !important;
  color:rgba(231,238,247,.68) !important;
  font-size:8px !important;
  font-weight:700 !important;
  letter-spacing:.26em !important;
  line-height:1 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.rp-page-index .trusted-window::before,
html body.rp-page-index .trusted-window::after{
  width:48px !important;
}

/* Services: progress never signals a stopped state merely because a pointer
   is hovering. JS V57 keeps autoplay moving forward and loops 08 -> 01. */
html body.rp-page-index .rp-service-carousel:not(.is-paused) .rp-carousel-dot.is-active::after{
  animation-duration:3s !important;
}

@media (max-width:760px){
  html body.rp-page-index .trusted-track{gap:12px !important;animation-duration:28s !important;}
  html body.rp-page-index .logo-card{
    flex-basis:220px !important;
    width:220px !important;
    min-width:220px !important;
    height:62px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:11px !important;
    padding:0 13px !important;
  }
  html body.rp-page-index .logo-card svg{width:32px !important;height:32px !important;}
  html body.rp-page-index .logo-card p strong{font-size:11px !important;letter-spacing:.08em !important;}
  html body.rp-page-index .logo-card p span{margin-top:5px !important;font-size:7px !important;letter-spacing:.18em !important;}
  html body.rp-page-index .trusted-window::before,
  html body.rp-page-index .trusted-window::after{width:24px !important;}
}

@media (prefers-reduced-motion:reduce){
  html body.rp-page-index .trusted-track{animation:none !important;}
}