/* Страница «Обновления»: таймлайн релизов (дата слева, анонс справа) */
.up-hero { padding: 88px 0 40px; border-bottom: 1px solid var(--border-default); background:
  radial-gradient(700px 260px at 15% 0%, rgba(57,170,93,.12), transparent 70%),
  radial-gradient(600px 240px at 90% 10%, rgba(43,130,71,.08), transparent 70%); }
.up-kicker { margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #2b8247; }
.up-hero h1 { margin: 0 0 16px; font-size: clamp(36px, 6vw, 60px); line-height: 1.04; letter-spacing: -0.045em; }
.up-sub { margin: 0; max-width: 640px; font-size: 19px; line-height: 1.55; color: var(--text-secondary); }

.up-list { position: relative; padding-top: 24px; padding-bottom: 40px; }
.up-rel { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 48px; padding: 56px 0; position: relative; }
.up-rel + .up-rel { border-top: 1px solid var(--border-default); }

/* левая колонка: версия и дата, прилипают при прокрутке */
.up-meta { position: sticky; top: 96px; align-self: start; display: flex; flex-direction: column; gap: 8px; }
.up-ver { display: inline-flex; width: fit-content; align-items: center; gap: 8px; padding: 4px 12px 4px 10px; border-radius: 999px; background: var(--surface-page); border: 1px solid var(--border-default); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-primary); }
.up-ver::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #39aa5d; box-shadow: 0 0 0 4px rgba(57,170,93,.15); }
.up-meta time { font-size: 14px; color: var(--text-secondary); padding-left: 2px; }

.up-body { max-width: 760px; }
.up-tag { display: inline-block; margin-bottom: 14px; padding: 4px 10px; border-radius: 8px; background: rgba(57,170,93,.12); color: #1f6b3d; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.up-tag-new { background: #2b8247; color: #fff; }
.up-body h2 { margin: 0 0 14px; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.1; letter-spacing: -0.035em; text-wrap: balance; }
.up-body h3 { margin: 32px 0 10px; font-size: 20px; letter-spacing: -0.02em; }
.up-lead { margin: 0 0 24px; font-size: 18px; line-height: 1.6; color: var(--text-secondary); }

.up-shot { margin: 8px 0 28px; border-radius: 18px; overflow: hidden; border: 1px solid var(--border-default); background: var(--surface-page); box-shadow: 0 20px 50px -24px rgba(31,56,42,.35), 0 2px 6px rgba(31,56,42,.06); }
.up-shot img { display: block; width: 100%; height: auto; }
.up-shot-sm { max-width: 540px; }

.up-points { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 12px; }
.up-points li { position: relative; padding-left: 26px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); }
.up-points li::before { content: ''; position: absolute; left: 2px; top: 9px; width: 10px; height: 10px; border-radius: 3px; background: #39aa5d; transform: rotate(45deg) scale(.8); }
.up-points b { color: var(--text-primary); font-weight: 600; }

.up-more { margin-top: 26px; padding: 18px 20px; border-radius: 14px; background: var(--surface-page); }
.up-more h4 { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-tertiary, #667085); }
.up-more ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.up-more li { font-size: 15px; line-height: 1.55; color: var(--text-secondary); }

.up-cta { padding: 72px 0 96px; text-align: center; background: var(--surface-page); }
.up-cta h2 { margin: 0 0 10px; font-size: clamp(26px, 3.4vw, 36px); letter-spacing: -0.03em; }
.up-cta p { margin: 0 0 24px; font-size: 17px; color: var(--text-secondary); }

.lp-nav a[aria-current="page"] { color: var(--text-primary); background: var(--surface-page); }

@media (max-width: 860px) {
  .up-hero { padding: 56px 0 28px; }
  .up-sub { font-size: 17px; }
  .up-rel { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 40px 0; }
  .up-meta { position: static; flex-direction: row; align-items: center; gap: 12px; }
  .up-lead { font-size: 16px; }
  .up-shot { border-radius: 14px; margin-bottom: 22px; }
  .lp-nav { display: none; }
}
@media (max-width: 520px) {
  .up-top-cta { display: none; }
  .lp-top-act .btn-primary { display: none; }
}