/* Корень домена — сайт, а не макет: один вариант, одна палитра, без панели.
   Правка владельца 05.10.2026: градиента в заголовках нет, выделенное слово —
   сплошной фирменный цвет. */
.gradient-word,
#demo-title .gradient-word,
#info-title .gradient-word {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--violet-deep);
}

/* Кегль на десктопе: замеры 06.10.2026 показали 13–14 px против 16–20 px у Apple, Microsoft,
   Google Cloud, Stripe и Nayax. Поднимаем общие элементы, которые живут в page.css и делятся
   с архивными макетами, — только для боевых страниц (body[data-site]). */
@media (min-width: 801px) {
  body[data-site] .dialog-intro { font-size: 16px; }
  body[data-site] .field > span { font-size: 14px; }
  body[data-site] .field input,
  body[data-site] .field textarea { font-size: 16px; }
  body[data-site] .demo-submit { font-size: 16px; }
  body[data-site] .form-fine { font-size: 13px; }
  body[data-site] .form-result { font-size: 15px; }
  body[data-site] dialog h2 { font-size: 36px; }
  body[data-site] .comparison-table th,
  body[data-site] .comparison-table td { font-size: 15px; }
  body[data-site] .comparison-table caption { font-size: 14px; }
  body[data-site] .footer-inner p,
  body[data-site] .footer-links button,
  body[data-site] .footer-links a { font-size: 14px; }
  body[data-site] .button { font-size: 14px; }
  body[data-site] .pc-header .button { font-size: 15px; }
}
/* Show the terminal immediately after the headline on phones. */
@media (max-width: 640px) {
  body[data-variant="product"] .pc-hero > .pc-wrap { display: grid; gap: 18px; }
  body[data-variant="product"] .pc-hero-copy { display: contents; }
  body[data-variant="product"] .pc-hero-copy > h1 { grid-row: 1; }
  body[data-variant="product"] .pc-hero-photo { grid-row: 2; margin: 0; }
  body[data-variant="product"] .pc-hero-scene > picture > img { height: 190px; object-fit: contain; background: #fff; }
  body[data-variant="product"] .pc-hero-copy > .pc-actions { grid-row: 3; margin-top: 0; }
  body[data-variant="product"] .pc-hero-copy > p:not(.pc-installed) { grid-row: 4; margin-top: 0; }
  body[data-variant="product"] .pc-hero-copy > .pc-installed { grid-row: 5; margin-top: 0; }
}
.demo-intro { margin: 12px 0 20px; max-width: 52ch; font-size: 16px; line-height: 1.5; }
@media (max-width: 360px) {
  .pc-header > .pc-wrap { gap: 8px; }
  .pc-header .pc-logo { width: 116px; }
  .pc-header .pc-logo .logo-stack { width: 138px; top: -10px; left: -10px; }
}