/* Полировка лендинга по unslop (7.11.2026): без свечений и цветных теней, салатовый — только у главного действия
   и в «Силе момента», бейдж «бета» тихим текстом, одна кривая для движения. Бренд, шрифты и раскладка — прежние.
   Метод: unslop, Damir Sokolovsky (@heydamir), CC BY 4.0. */
:root { --ease: cubic-bezier(.22, 1, .36, 1); --raised: rgba(255, 255, 255, .06); --hair: rgba(255, 255, 255, .08); }

/* цвет: без цветного пятна на фоне, свечения за телефоном и за Клипышем внизу */
body::before { background: none; }
.v3-glow, .lcta .lglow { display: none; }
.tb-logo { background: none; }

/* кнопки: без салатовой тени; в шапке «Войти» — вторичная, главное действие одно — «Нарезать» */
.btn, .v3go, .v3-round, .lcta .btn { box-shadow: none; }
.v3go, .btn { font-weight: 600; }
.v3nav .lnav-r .btn { padding: 10px 20px; background: var(--raised); color: var(--ink); border: 1px solid var(--hair); }
.v3nav .lnav-r .btn:hover { background: rgba(255, 255, 255, .1); }
.v3go, .btn, .v3nav .lnav-r .btn { transition: background-color .15s var(--ease), transform .15s var(--ease); }

/* бейдж «бета»: строчными, без заливки и разрядки */
.tb-beta { text-transform: none; letter-spacing: 0; font-weight: 500; font-size: .8rem; color: var(--muted); background: none; padding: 0; }
.tb-brand { font-weight: 600; }

/* описание под полем: ровно по левому краю, как заголовок и поле */
.v3-row .lead { text-align: left; text-align-last: auto; padding: 0; max-width: 60ch; hyphens: manual; -webkit-hyphens: manual; }

/* «Следующий клип»: кнопка вторичная, без поворота на 180° */
.v3-round { background: var(--raised); color: var(--ink); border: 1px solid var(--hair); transition: background-color .15s var(--ease); }
.v3-round:hover { background: rgba(255, 255, 255, .1); transform: none; }

/* значок «почему» у «Силы момента» — линия, цвет текста, без вращения */
.v3-why-btn svg { fill: none; stroke: var(--ink-2); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; width: 18px; height: 18px; transition: stroke .15s var(--ease); }
.v3-score.why .v3-why-btn svg, .v3-why-btn:hover svg { transform: none; stroke: var(--ink); }

/* карточки возможностей: значок в цвете текста, а не салатовом квадрате; без салатовой рамки при наведении */
.lc-ic:not(.lc-tg) { background: var(--raised); color: var(--ink-2); border-radius: 12px; }
.lcard:hover { border-color: rgba(255, 255, 255, .14); }
.lcard, .lsteps2 li { border-radius: 20px; }
.lcard { padding: 24px; }

/* шаги: номера нейтральные, салатовый — только у текущего шага */
.lsteps2 li::before { background: var(--raised); color: var(--ink); font-weight: 500; border: 1px solid var(--hair); }
.lsteps2 li.on { border-color: color-mix(in srgb, var(--accent) 45%, transparent); background: var(--raised); }
.lsteps2 li.on::before { background: var(--accent); color: var(--on-accent); border-color: transparent; }

/* вопросы: плюс в цвете текста */
.lfaq summary::after { color: var(--muted); }

/* призыв внизу: ровная поверхность вместо градиента */
.lcta { background: #111113; border-radius: 24px; }

@media (prefers-reduced-motion: reduce) { .v3go, .btn, .v3-round, .v3-why-btn svg { transition: none; } }

/* подвал по разделам: бренд и Telegram слева, ссылки колонками, внизу строка с годом */
.lfoot2 { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 32px 24px; justify-content: stretch; align-items: start;
  width: 100%; box-sizing: border-box; max-width: 1240px; margin: 64px auto 0; padding: 48px 32px 32px; font-size: .9rem; }
.lfoot2 .tb-brand { font-size: 1.1rem; }
.lfoot2 .tb-logo { width: 32px; height: 32px; }
.lfoot2 .tb-logo svg { width: 32px; height: 32px; }
.lf-brand { display: grid; gap: 16px; align-content: start; }
.lf-brand p { margin: 0; max-width: 32ch; color: var(--ink-2); line-height: 1.5; }
.lf-tg { display: grid; gap: 8px; justify-items: start; }
.lfoot2 .lf-tg a { display: inline-flex; align-items: center; gap: 8px; color: var(--ink-2); }
.lf-tg .ic { width: 16px; height: 16px; fill: currentColor; color: var(--muted); }
.lf-col { display: grid; gap: 12px; align-content: start; }
.lf-col b { color: var(--ink); font-weight: 500; font-size: .9rem; margin-bottom: 4px; }
.lfoot2 a { transition: color .15s var(--ease); }
.lfoot2 a:hover, .lfoot2 .lf-tg a:hover { color: var(--ink); }
.lf-base { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; padding-top: 24px; margin-top: 16px;
  border-top: 1px solid var(--hair); color: var(--muted); font-size: .82rem; }
@media (max-width: 860px) { .lfoot2 { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 40px 16px 24px; margin-top: 64px; } .lf-brand { grid-column: 1 / -1; } }
@media (max-width: 420px) { .lfoot2 { grid-template-columns: 1fr; } }