/* Страница рекламы + QR (одна, наполняется по типу: приложение / особый статус /
   ИИ-ассистент / согласие). Дизайна в Figma нет — собрана в фирменном стиле, потом
   отрисуется обратно в Figma. */


.promo-back { position: absolute; left: 32px; top: 226px; white-space: pre; cursor: pointer;
  font-weight: 500; font-size: 28px; line-height: 1.2; color: rgba(255,255,255,0.85); }

.promo-badge { position: absolute; left: 56px; top: 336px; width: 968px;
  font-weight: 600; font-size: 24px; line-height: 1.18; letter-spacing: 3px; color: #90d9f4; }
.promo-title { position: absolute; left: 56px; top: 384px; width: 968px;
  font-weight: 700; font-size: 56px; line-height: 1.12; color: #fff; }
.promo-sub { position: absolute; left: 56px; top: 500px; width: 968px;
  font-weight: 400; font-size: 28px; line-height: 1.3; color: rgba(255,255,255,0.78); }

.promo-benefits { position: absolute; left: 56px; top: 600px; width: 968px;
  display: flex; flex-direction: column; gap: 20px; }
.promo-b { display: flex; align-items: flex-start; gap: 18px;
  font-weight: 400; font-size: 27px; line-height: 1.25; color: rgba(255,255,255,0.9); }
.promo-b .dot { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 12px; border-radius: 50%; background: #90d9f4; }

/* Карточка с QR — по центру нижней половины экрана, крупная: снимают с расстояния */
.promo-qr-card { position: absolute; left: 264px; top: 860px; width: 552px; height: 520px;
  background: #fff; border-radius: 24px; box-shadow: 0 15px 26px rgba(29,29,29,0.2);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; padding: 40px; }
.promo-qr-card img { width: 340px; height: 340px; display: block; }
.promo-qr-cap { width: 400px; text-align: center;
  font-weight: 500; font-size: 28px; line-height: 1.25; color: #1c558d; }