/* Simple centered coming-soon page with logo slider */
:root{
  --bg1:#ffffff;
  --bg2:#ffffff;
  --accent:#ffffff;
  --muted:rgba(0, 0, 0, 0.75);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,"Helvetica Neue",Arial}
body{
  background:linear-gradient(180deg,var(--bg1),var(--bg2));
  color:#000000;
  display:flex;align-items:center;justify-content:center;padding:40px;
}
.page{width:100%;max-width:980px}
.hero{text-align:center}
h1{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 8px}
.thank{color:var(--muted);margin:0 0 28px;font-size:1rem}

/* Slider styles */
.slider{--logo-width:160px;overflow:hidden;padding:12px 0}
.track{
  display:flex;gap:28px;align-items:center;
  animation:scroll 18s linear infinite;
}
.logo{flex:0 0 var(--logo-width);display:flex;align-items:center;justify-content:center}
.logo img{width:100%;height:auto;background:#fff;padding:10px;border-radius:10px}

@keyframes scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Pause animation on hover or when reduced motion requested */
.slider:hover .track,.slider:focus-within .track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.track{animation:none}}

/* Small screens */
@media (max-width:520px){
  .logo img{padding:8px}
  .track{gap:16px}
}