*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f2ee;color:#141414}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 40px));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(243,242,238,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800}.main-nav{display:flex;align-items:center;gap:26px}.menu-toggle{display:none;border:0;background:none;font-size:26px}.btn{display:inline-block;background:#151515;color:#fff;padding:14px 20px;border-radius:999px;font-weight:700}.hero{min-height:760px;padding:180px 0 100px;position:relative;overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1,.section h2,.cta h2{font-size:clamp(48px,8vw,104px);line-height:.95;letter-spacing:-.06em;margin:25px 0}.hero h1 span{color:#7456ff}.lead,.copy{max-width:650px;color:#666;line-height:1.7;font-size:18px}.orb{position:absolute;width:420px;height:420px;right:-80px;top:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8ffbf,#7456ff 55%,#1d1538);filter:blur(2px)}.logos{padding:35px 0 70px}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ccc;border-bottom:1px solid #ccc}.logo-grid span{text-align:center;padding:28px 5px;color:#777;font-weight:700}.section{padding:110px 0}.alt{background:#e8e7e2}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.art{height:520px;border-radius:28px;background:linear-gradient(145deg,#171717,#2b2340 45%,#7456ff 100%);position:relative;overflow:hidden}.art:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;right:-40px;bottom:-40px;background:radial-gradient(circle at 35% 30%,#e0ffc5,#a7ff61 28%,#7456ff 70%)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.cards article{background:#fff;border-radius:22px;padding:30px;min-height:250px}.cards b{color:#7456ff}.cards h3{font-size:24px;margin-top:45px}.cards p{color:#666;line-height:1.6}.numbers{background:#111;color:#fff;padding:100px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats div{border-right:1px solid rgba(255,255,255,.15);padding:15px 40px}.stats div:last-child{border-right:0}.stats strong{display:block;font-size:80px;letter-spacing:-.06em}.stats span{color:#bbb}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.thumb{aspect-ratio:1.25;border-radius:22px}.one{background:linear-gradient(135deg,#1c1536,#7558ff 50%,#c4ff8a)}.two{background:linear-gradient(135deg,#ebe8ff,#7658ff)}.three{background:linear-gradient(155deg,#141414 0 42%,#5e45cf 43% 66%,#a9ff65 67%)}.news-grid h3{font-size:22px}.cta{background:linear-gradient(130deg,#161616,#231a48 55%,#7054f5);color:#fff;border-radius:32px;padding:60px;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{font-size:64px}.btn.light{background:#fff;color:#111}footer{background:#111;color:#aaa;padding:30px 0}@media(max-width:800px){.main-nav{display:none;position:absolute;top:80px;left:20px;right:20px;background:white;border-radius:18px;padding:20px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.orb{width:260px;height:260px;right:-110px;top:130px;opacity:.7}.split,.cards,.stats,.news-grid{grid-template-columns:1fr}.logo-grid{grid-template-columns:1fr 1fr}.cards article{min-height:auto}.stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:20px 0}.cta{flex-direction:column;align-items:flex-start}.cta h2{font-size:46px}.section{padding:75px 0}}
.publishers-slider {
  padding: 60px 0 70px;
  background: #fff;
  overflow: hidden;
}

.publishers-slider h3 {
  text-align: center;
  margin: 0 0 34px;
  font-size: 20px;
  font-weight: 500;
}

.logo-marquee {
  overflow: hidden;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 5%,
    #000 95%,
    transparent
  );

  mask-image: linear-gradient(
    to right,
    transparent,
    #000 5%,
    #000 95%,
    transparent
  );
}

.logo-track {
  display: flex;
  width: max-content;
  animation: partner-scroll 42s linear infinite;
}

.logo-set {
  display: flex;
  align-items: center;
  gap: 34px;
  padding-right: 34px;
  flex-shrink: 0;
}

.logo-set img {
  width: 200px;
  height: 65px;
  object-fit: contain;
  flex: 0 0 auto;

  filter: grayscale(100%);
  opacity: 0.65;

  transition:
    filter 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}

.logo-set img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.04);
}

.logo-marquee:hover .logo-track {
  animation-play-state: paused;
}

@keyframes partner-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .publishers-slider {
    padding: 45px 0 55px;
  }

  .publishers-slider h3 {
    font-size: 17px;
    margin-bottom: 25px;
  }

  .logo-set {
    gap: 18px;
    padding-right: 18px;
  }

  .logo-set img {
    width: 180px;
    height: 70px;
  }

  .logo-track {
    animation-duration: 30s;
  }
}
/* ===== OPENING ANIMATION ===== */

/* Верхнее меню */
.site-header {
  animation: headerEnter 0.8s ease-out both;
}

/* Текст первого экрана */
.hero .container {
  animation: heroEnter 0.9s ease-out 0.15s both;
}

@keyframes headerEnter {
  from {
    opacity: 0;
    transform: translateY(-25px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heroEnter {
  from {
    opacity: 0;
    transform: translateX(-35px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}