/* ploie — лендинг платформы (/, анонимные). Поверх static/site/site.css:
   та же чёрно-белая палитра, здесь — только мелкие добавки для landing.html. */

.nav .link { text-decoration: none; }
/* Логотип платформы — крупно (в site.css его перебивает .nav a { 14px }). */
.nav a.logo { font-size: 42px; font-weight: 700; letter-spacing: .14em; line-height: 1; }
#cta-final .formwrap { background: #111; border-color: #111; }
#cta-final .formwrap h2, #cta-final .formwrap .sub { color: #fff; }
#cta-final .btn { background: #fff; color: #111; border-color: #fff; }
#cta-final .btn:hover { background: #eee; }

@media (max-width: 700px) {
  .nav .link { display: none; }
  .nav a.logo { font-size: 30px; }
}

/* «beta» — платформа ещё в разработке. На широком экране — диагональная
   лента в правом верхнем углу, на узком она наехала бы на кнопку в шапке,
   поэтому там — метка рядом с логотипом. */
.beta-ribbon {
  position: fixed; top: 38px; right: -62px; z-index: 60;
  width: 240px; padding: 9px 0; transform: rotate(45deg);
  background: #111; color: #fff; text-align: center;
  font-size: 16px; font-weight: 800; letter-spacing: .28em; text-transform: uppercase;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .22); pointer-events: none;
}
.beta-tag {
  display: none; margin-left: -8px; padding: 3px 9px; border-radius: 10px;
  background: #111; color: #fff; font-size: 11px; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase; line-height: 1.4;
}
@media (max-width: 1400px) {
  .beta-ribbon { display: none; }
  .beta-tag { display: inline-block; }
}

/* иллюстрация интерфейса вместо скриншота — static/onboarding/hero.svg */
.hero-visual.shot {
  display: block; padding: 0; background: none; border: 0; aspect-ratio: auto;
}
.hero-visual.shot img { display: block; width: 100%; height: auto; }

/* тарифы «скоро» */
.price.soon .num { color: #b5b5b5; }
.price.soon li { border-bottom: 0; padding: 7px 0; }
.sk { display: inline-block; height: 8px; border-radius: 4px; background: #e6e6e6; }

/* предрегистрация */
#prereg .formwrap h2 { margin-bottom: 12px; }