/* ---------- Общие компоненты ---------- */
.vk-hero *, .vk-hero *::before, .vk-hero *::after,
.vk-who *, .vk-svc *, .vk-svc *::before, .vk-svc *::after,
.vk-about *, .vk-about *::before, .vk-about *::after,
.vk-steps *, .vk-steps *::before, .vk-steps *::after,
.vk-tcta *, .vk-tcta *::before, .vk-tcta *::after,
.vk-footer *, .vk-cover *, .vk-cover *::before, .vk-cover *::after,
.vk-sec *, .vk-approach *, .vk-approach *::before, .vk-approach *::after { box-sizing: border-box; }

.vk-btn { display: inline-block; background: #D9A441; color: #0B0C0F !important; font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 16px; padding: 17px 34px; border-radius: 999px; text-decoration: none; transition: background .2s; }
.vk-btn:hover { background: #EBC06A; }
/* Защита кнопок от глобальных правил вида a:hover { color: ... !important } */
a.vk-btn:hover, a.vk-hero__btn-gold:hover, a.vk-about__btn:hover, a.vk-tcta__btn:hover { color: #0B0C0F !important; }
a.vk-hero__btn-line:hover { color: #D9A441 !important; }
a.vk-svc__card:hover, a.vk-svc__card:hover h3 { color: #F2F0EB !important; }
::selection { background: #D9A441; color: #0B0C0F; }
.vk-pill { border: 1px solid rgba(242,240,235,.14); border-radius: 999px; padding: 10px 18px; font-size: 14px; color: #B9BCC3; }
.vk-stat__val { font-family: 'Unbounded', sans-serif; font-size: 30px; font-weight: 700; color: #F2F0EB; }
.vk-stat__val--gold { color: #D9A441; }
.vk-stat__cap { font-size: 14px; color: #8A8E97; margin-top: 4px; }

/* ============================================================
   ГЛАВНАЯ
   ============================================================ */

/* ---------- Герой ---------- */
.vk-hero { font-family: 'Manrope', sans-serif; color: #F2F0EB; background: #0B0C0F; overflow: hidden; }
/* верхний отступ = высота фиксированного хедера Тильды (~80px) + воздух из макета */
.vk-hero__wrap { max-width: 1240px; margin: 0 auto; padding: 152px 32px 0; }
.vk-hero__badge { display: inline-flex; align-items: center; gap: 10px; border: 1px solid rgba(217,164,65,.35); border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 600; letter-spacing: .08em; color: #D9A441; text-transform: uppercase; }
.vk-hero__dot { width: 7px; height: 7px; border-radius: 50%; background: #D9A441; animation: vkPulse 2.4s infinite; }
@keyframes vkPulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
.vk-hero__grid { max-width: 1240px; margin: 0 auto; padding: 28px 32px 0; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: stretch; }
.vk-hero__grid > * { min-width: 0; }
.vk-hero__left { padding-bottom: 88px; }
.vk-hero h1 { font-family: 'Unbounded', sans-serif; font-size: clamp(38px, 4.6vw, 62px); font-weight: 700; line-height: 1.08; margin: 0; letter-spacing: -.01em; color: #F2F0EB; }
.vk-hero h1 span { color: #D9A441; }
.vk-hero__sub { font-size: 19px; line-height: 1.6; color: #B9BCC3; max-width: 540px; margin: 26px 0 0; }
.vk-hero__btns { display: flex; gap: 16px; margin-top: 38px; flex-wrap: wrap; }
.vk-hero__btn-gold { background: #D9A441; color: #0B0C0F !important; font-weight: 700; font-size: 16px; padding: 18px 34px; border-radius: 999px; text-decoration: none; transition: background .2s; }
.vk-hero__btn-gold:hover { background: #EBC06A; }
.vk-hero__btn-line { border: 1px solid rgba(242,240,235,.22); color: #F2F0EB !important; font-weight: 600; font-size: 16px; padding: 18px 34px; border-radius: 999px; text-decoration: none; transition: border-color .2s, color .2s; }
.vk-hero__btn-line:hover { border-color: #D9A441; color: #D9A441 !important; }
.vk-hero__stats { display: flex; gap: 44px; margin-top: 60px; flex-wrap: wrap; }
.vk-hero__num { font-family: 'Unbounded', sans-serif; font-size: 34px; font-weight: 700; color: #F2F0EB; }
.vk-hero__num--gold { color: #D9A441; }
.vk-hero__cap { font-size: 14px; color: #8A8E97; margin-top: 6px; line-height: 1.45; }
.vk-hero__photo { position: relative; align-self: stretch; min-height: 560px; }
.vk-hero__glow { position: absolute; inset: -20px -50px; background: radial-gradient(ellipse at 50% 65%, rgba(217,164,65,.2), transparent 70%); }
.vk-hero__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; filter: contrast(1.06) saturate(1.05); -webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent 100%); mask-image: linear-gradient(to bottom, #000 80%, transparent 100%); }
@media (max-width: 960px) {
  .vk-hero__wrap { padding-top: 108px; }
  .vk-hero__grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 0; }
  .vk-hero__left { padding-bottom: 0; }
  .vk-hero__stats { gap: 28px; margin-top: 40px; }
  .vk-hero__photo { min-height: 0; height: 440px; }
  .vk-hero__glow { inset: -10px 0; }
}
@media (max-width: 560px) {
  .vk-hero__badge { font-size: 11px; letter-spacing: .06em; padding: 7px 12px; }
}

/* ---------- Полоса «Работаю с» ---------- */
.vk-who { font-family: 'Manrope', sans-serif; border-top: 1px solid rgba(242,240,235,.08); background: #0E0F13; }
.vk-who__wrap { max-width: 1240px; margin: 0 auto; padding: 28px 32px; display: flex; gap: 18px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.vk-who__label { font-family: 'Unbounded', sans-serif; font-size: 20px; letter-spacing: .08em; text-transform: uppercase; color: #F2F0EB; font-weight: 600; }
@media (max-width: 560px) { .vk-who__label { font-size: 16px; } }
.vk-who__pills { display: flex; gap: 12px; flex-wrap: wrap; }
.vk-who__pill { border: 1px solid rgba(242,240,235,.14); border-radius: 999px; padding: 10px 18px; font-size: 14px; color: #B9BCC3; }

/* ---------- Услуги (мозаика) ---------- */
.vk-svc { display: block; font-family: 'Manrope', sans-serif; background: #0B0C0F; color: #F2F0EB; scroll-margin-top: 90px; }
.vk-svc__wrap { max-width: 1240px; margin: 0 auto; padding: 110px 32px 60px; }
.vk-svc__head { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
.vk-svc h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(30px, 3.4vw, 44px); font-weight: 700; margin: 0; line-height: 1.15; color: #F2F0EB; }
.vk-svc__lead { max-width: 380px; color: #8A8E97; font-size: 16px; line-height: 1.55; margin: 0; }
.vk-svc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 52px; }
.vk-svc__grid > *, .vk-svc__card--full > * { min-width: 0; }
.vk-svc__card { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 300px; background: #14161B; border: 1px solid rgba(242,240,235,.1); border-radius: 24px; padding: 36px; color: #F2F0EB !important; text-decoration: none; transition: border-color .25s, transform .25s, box-shadow .25s; }
.vk-svc__card:hover { border-color: #D9A441; transform: translateY(-4px); box-shadow: 0 16px 44px rgba(0,0,0,.35), 0 0 30px rgba(217,164,65,.07); }
.vk-svc__card--flag { grid-column: span 2; background: linear-gradient(135deg, #1A1710, #14161B 60%); border-color: rgba(217,164,65,.28); }
.vk-svc__card--wide { grid-column: span 2; }
.vk-svc__card--full { grid-column: span 3; display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center; background: linear-gradient(135deg, #14161B, #1A1710); }
.vk-svc__top { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.vk-svc__no { font-family: 'Unbounded', sans-serif; font-size: 13px; color: #D9A441; }
.vk-svc__flagbadge { border: 1px solid rgba(217,164,65,.4); color: #D9A441; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-radius: 999px; padding: 6px 14px; }
.vk-svc h3 { font-family: 'Unbounded', sans-serif; font-size: 20px; font-weight: 600; margin: 0 0 12px; line-height: 1.3; color: #F2F0EB; }
.vk-svc__card--flag h3, .vk-svc__card--wide h3, .vk-svc__card--full h3 { font-size: 24px; }
.vk-svc__card p { color: #B9BCC3; font-size: 15px; line-height: 1.6; margin: 0; }
.vk-svc__card--flag p, .vk-svc__card--wide p { max-width: 560px; }
.vk-svc__card--full p { max-width: 640px; }
.vk-svc__more { display: inline-block; margin-top: 22px; color: #D9A441; font-weight: 700; font-size: 14px; }
.vk-svc__fullnum { text-align: right; padding-right: 8px; }
.vk-svc__fullnum-val { font-family: 'Unbounded', sans-serif; font-size: 40px; font-weight: 700; color: #D9A441; }
.vk-svc__fullnum-cap { font-size: 14px; color: #8A8E97; margin-top: 6px; line-height: 1.45; }
@media (max-width: 960px) {
  .vk-svc__wrap { padding: 70px 32px 40px; }
  .vk-svc__grid { grid-template-columns: 1fr; }
  .vk-svc__card, .vk-svc__card--flag, .vk-svc__card--wide, .vk-svc__card--full { grid-column: auto; min-height: 0; gap: 28px; }
  .vk-svc__card--full { grid-template-columns: auto 1fr; }
  .vk-svc__fullnum { grid-column: 2; text-align: left; }
}

/* ---------- Обо мне (карточка на главной) ---------- */
.vk-about { font-family: 'Manrope', sans-serif; background: #0B0C0F; color: #F2F0EB; }
.vk-about__wrap { max-width: 1240px; margin: 0 auto; padding: 60px 32px 110px; }
.vk-about__card { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: center; background: #14161B; border: 1px solid rgba(242,240,235,.08); border-radius: 28px; overflow: hidden; }
.vk-about__card > * { min-width: 0; }
.vk-about__photo { position: relative; align-self: stretch; min-height: 480px; }
.vk-about__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; filter: contrast(1.05) saturate(1.02); }
.vk-about__photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, transparent 55%, #14161B 100%); }
.vk-about__body { padding: 56px 56px 56px 0; }
.vk-about__kicker { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #D9A441; font-weight: 700; }
.vk-about h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 700; margin: 18px 0 0; line-height: 1.2; color: #F2F0EB; }
.vk-about__text { color: #B9BCC3; font-size: 17px; line-height: 1.65; margin: 22px 0 0; }
.vk-about__list { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 12px; color: #F2F0EB; font-size: 15px; font-weight: 500; }
.vk-about__list li { display: flex; gap: 12px; align-items: baseline; }
.vk-about__list li::before { content: '—'; color: #D9A441; flex: none; }
.vk-about__btn { display: inline-block; margin-top: 32px; border: 1px solid rgba(217,164,65,.5); color: #D9A441 !important; font-weight: 700; font-size: 15px; padding: 14px 28px; border-radius: 999px; text-decoration: none; transition: background .2s, color .2s; }
.vk-about__btn:hover { background: #D9A441; color: #0B0C0F !important; }
@media (max-width: 960px) {
  .vk-about__wrap { padding: 40px 32px 70px; }
  .vk-about__card { grid-template-columns: 1fr; gap: 0; }
  .vk-about__photo { min-height: 380px; }
  .vk-about__photo::after { background: linear-gradient(to bottom, transparent 55%, #14161B 100%); }
  .vk-about__body { padding: 32px 28px 40px; }
}
@media (max-width: 560px) {
  .vk-about h2 { font-size: 22px; }
}

/* ---------- Как строится работа ---------- */
.vk-steps { font-family: 'Manrope', sans-serif; background: #0E0F13; color: #F2F0EB; border-top: 1px solid rgba(242,240,235,.08); border-bottom: 1px solid rgba(242,240,235,.08); }
.vk-steps__wrap { max-width: 1240px; margin: 0 auto; padding: 100px 32px; }
.vk-steps h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(30px, 3.4vw, 44px); font-weight: 700; margin: 0; line-height: 1.15; color: #F2F0EB; }
.vk-steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 52px; }
.vk-steps__item { border-top: 2px solid rgba(242,240,235,.15); padding-top: 24px; }
.vk-steps__item--first { border-top-color: #D9A441; }
.vk-steps__no { font-family: 'Unbounded', sans-serif; font-size: 15px; color: #6E727B; }
.vk-steps__item--first .vk-steps__no { color: #D9A441; }
.vk-steps h3 { font-family: 'Manrope', sans-serif; font-size: 18px; font-weight: 700; margin: 14px 0 10px; color: #F2F0EB; }
.vk-steps__item p { color: #8A8E97; font-size: 15px; line-height: 1.6; margin: 0; }
@media (max-width: 960px) { .vk-steps__grid { grid-template-columns: 1fr 1fr; } .vk-steps__wrap { padding: 70px 32px; } }
@media (max-width: 560px) { .vk-steps__grid { grid-template-columns: 1fr; } }

/* ---------- Тренинги (CTA на главной) ---------- */
.vk-tcta { font-family: 'Manrope', sans-serif; background: #0B0C0F; color: #F2F0EB; }
.vk-tcta__wrap { max-width: 1240px; margin: 0 auto; padding: 110px 32px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 64px; align-items: center; }
.vk-tcta__wrap > * { min-width: 0; }
.vk-tcta__kicker { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #D9A441; font-weight: 700; }
.vk-tcta h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(28px, 3.2vw, 42px); font-weight: 700; margin: 18px 0 0; line-height: 1.18; color: #F2F0EB; }
.vk-tcta__text { color: #B9BCC3; font-size: 17px; line-height: 1.65; margin: 22px 0 0; max-width: 560px; }
.vk-tcta__nums { display: flex; gap: 32px; margin-top: 32px; }
.vk-tcta__num-val { font-family: 'Unbounded', sans-serif; font-size: 28px; font-weight: 700; color: #D9A441; }
.vk-tcta__num-val--white { color: #F2F0EB; }
.vk-tcta__num-cap { font-size: 14px; color: #8A8E97; margin-top: 4px; }
.vk-tcta__btn { display: inline-block; margin-top: 36px; background: #D9A441; color: #0B0C0F !important; font-weight: 700; font-size: 15px; padding: 16px 32px; border-radius: 999px; text-decoration: none; transition: background .2s; }
.vk-tcta__btn:hover { background: #EBC06A; }
.vk-tcta__photo { position: relative; }
.vk-tcta__photo::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse at 50% 60%, rgba(217,164,65,.16), transparent 70%); }
.vk-tcta__photo img { position: relative; display: block; width: 100%; border-radius: 24px; filter: contrast(1.06) saturate(1.04); }
@media (max-width: 960px) {
  .vk-tcta__wrap { grid-template-columns: 1fr; gap: 44px; padding: 70px 32px; }
  .vk-tcta__nums { flex-wrap: wrap; }
}

/* ---------- Футер ---------- */
.vk-footer { font-family: 'Manrope', sans-serif; background: #0B0C0F; color: #F2F0EB; border-top: 1px solid rgba(242,240,235,.08); }
.vk-footer__wrap { max-width: 1240px; margin: 0 auto; padding: 44px 32px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.vk-footer__logo { font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .06em; }
.vk-footer__sub { color: #6E727B; font-size: 13px; margin-top: 8px; }
.vk-footer__nav { display: flex; gap: 24px; font-size: 14px; flex-wrap: wrap; }
.vk-footer__nav a { color: #8A8E97 !important; text-decoration: none; transition: color .2s; }
.vk-footer__nav a:hover { color: #D9A441 !important; }

/* ============================================================
   ВНУТРЕННИЕ СТРАНИЦЫ (/ads /sales /leads /finance /training /about)
   ============================================================ */

/* ---------- Обложка страницы ---------- */
.vk-cover { display: block; font-family: 'Manrope', sans-serif; color: #F2F0EB; background: linear-gradient(160deg, #17130A, #0B0C0F 60%); border-bottom: 1px solid rgba(242,240,235,.08); overflow: hidden; }
/* верхний отступ = высота фиксированного хедера + воздух из макета */
.vk-cover__wrap { max-width: 1240px; margin: 0 auto; padding: 170px 32px 80px; }
.vk-cover__wrap--split { display: grid; grid-template-columns: 1.25fr .75fr; gap: 56px; align-items: center; }
.vk-cover__wrap--split > * { min-width: 0; }
.vk-cover__wrap--end { align-items: end; padding-bottom: 0; }
.vk-cover__body--pad { padding-bottom: 90px; }
.vk-cover__back { font-size: 14px; color: #8A8E97 !important; text-decoration: none; transition: color .2s; }
.vk-cover__back:hover { color: #D9A441 !important; }
.vk-cover__kicker { display: block; margin-top: 28px; font-family: 'Unbounded', sans-serif; font-size: 15px; color: #D9A441; }
.vk-cover__kicker--caps { font-family: 'Manrope', sans-serif; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; margin-top: 0; }
.vk-cover h1 { font-family: 'Unbounded', sans-serif; font-size: clamp(32px, 4vw, 54px); font-weight: 700; line-height: 1.1; margin: 16px 0 0; max-width: 900px; color: #F2F0EB; }
.vk-cover--tight h1 { font-size: clamp(32px, 3.8vw, 50px); }
.vk-cover--about h1 { font-size: clamp(34px, 4.2vw, 56px); margin-top: 18px; }
.vk-cover__lead { font-size: 20px; line-height: 1.6; color: #B9BCC3; max-width: 640px; margin: 26px 0 0; }
.vk-cover__lead--sm { font-size: 17px; line-height: 1.65; max-width: 600px; margin: 20px 0 0; }
.vk-cover__pills { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
.vk-cover__nums { display: flex; gap: 40px; margin-top: 40px; flex-wrap: wrap; }
.vk-cover .vk-btn { margin-top: 40px; }
.vk-cover__photo { position: relative; }
.vk-cover__photo::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse at 50% 60%, rgba(217,164,65,.18), transparent 70%); }
.vk-cover__photo img { position: relative; display: block; width: 100%; border-radius: 24px; filter: contrast(1.06) saturate(1.04); }
.vk-cover__photo--flush { align-self: end; }
.vk-cover__photo--flush::before { inset: auto -40px -20px -40px; height: 70%; background: radial-gradient(ellipse at 50% 100%, rgba(217,164,65,.2), transparent 70%); }
.vk-cover__photo--flush img { border-radius: 0; max-height: 620px; object-fit: cover; object-position: top; filter: contrast(1.05) saturate(1.02); -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); }
@media (max-width: 960px) {
  .vk-cover__wrap { padding: 124px 32px 64px; }
  .vk-cover__wrap--split { grid-template-columns: 1fr; gap: 40px; }
  .vk-cover__wrap--end { padding-bottom: 0; }
  .vk-cover__body--pad { padding-bottom: 0; }
  .vk-cover__photo { max-width: 480px; }
}

/* ---------- Секции контента ---------- */
.vk-sec { display: block; font-family: 'Manrope', sans-serif; color: #F2F0EB; background: #0B0C0F; }
.vk-sec__wrap { max-width: 1240px; margin: 0 auto; padding: 100px 32px 40px; }
.vk-sec__wrap--bottom { padding: 60px 32px 100px; }
.vk-sec h2, .vk-h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 700; margin: 0; color: #F2F0EB; }
@media (max-width: 960px) { .vk-sec__wrap { padding: 70px 32px 30px; } .vk-sec__wrap--bottom { padding: 40px 32px 70px; } }

/* Карточки (2 и 3 колонки) */
.vk-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 44px; }
.vk-cards--3 { grid-template-columns: repeat(3, 1fr); }
.vk-cards > * { min-width: 0; }
.vk-card { background: #14161B; border: 1px solid rgba(242,240,235,.1); border-radius: 20px; padding: 30px; transition: border-color .25s, transform .25s, box-shadow .25s; }
.vk-card:hover { border-color: rgba(217,164,65,.45); transform: translateY(-3px); box-shadow: 0 12px 36px rgba(0,0,0,.3); }
.vk-card h3 { font-family: 'Manrope', sans-serif; font-size: 17px; font-weight: 700; margin: 0 0 10px; color: #D9A441; }
.vk-card p { color: #B9BCC3; font-size: 15px; line-height: 1.6; margin: 0; }
.vk-card__no { font-family: 'Unbounded', sans-serif; font-size: 14px; color: #D9A441; }
.vk-card--exp p { color: #F2F0EB; font-weight: 500; margin: 14px 0 0; }
.vk-card--cta { background: linear-gradient(135deg, #1A1710, #14161B 60%); border-color: rgba(217,164,65,.35); display: flex; flex-direction: column; justify-content: center; }
.vk-card--cta p { color: #F2F0EB; font-weight: 600; }
.vk-card__link { display: inline-block; margin-top: 14px; color: #D9A441 !important; font-weight: 700; font-size: 14px; text-decoration: none; }
@media (max-width: 960px) { .vk-cards--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .vk-cards, .vk-cards--3 { grid-template-columns: 1fr; } }

/* Нумерованный список «Что входит» */
.vk-inclist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 40px; margin-top: 44px; font-size: 16px; line-height: 1.55; }
.vk-inclist > * { min-width: 0; }
.vk-inclist__item { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid rgba(242,240,235,.08); }
.vk-inclist__no { color: #D9A441; font-weight: 700; flex: none; }
@media (max-width: 800px) { .vk-inclist { grid-template-columns: 1fr; gap: 0; } }

/* Две колонки «Результат» / «Для кого» */
.vk-result { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.vk-result > * { min-width: 0; }
.vk-result h2 { font-family: 'Unbounded', sans-serif; font-size: 26px; font-weight: 700; margin: 0 0 28px; color: #F2F0EB; }
.vk-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; font-size: 16px; line-height: 1.55; }
.vk-list li { display: flex; gap: 14px; }
.vk-list li::before { flex: none; color: #D9A441; }
.vk-list--check li::before { content: '✓'; font-weight: 700; }
.vk-list--dash { color: #B9BCC3; }
.vk-list--dash li::before { content: '—'; }
@media (max-width: 800px) { .vk-result { grid-template-columns: 1fr; gap: 44px; } }

/* «Подход» на странице /about */
.vk-approach { display: block; font-family: 'Manrope', sans-serif; color: #F2F0EB; background: #0E0F13; border-top: 1px solid rgba(242,240,235,.08); border-bottom: 1px solid rgba(242,240,235,.08); }
.vk-approach__wrap { max-width: 1240px; margin: 0 auto; padding: 90px 32px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: center; }
.vk-approach__wrap > * { min-width: 0; }
.vk-approach__photo { position: relative; }
.vk-approach__photo::before { content: ''; position: absolute; inset: -30px; background: radial-gradient(ellipse at 50% 60%, rgba(217,164,65,.14), transparent 70%); }
.vk-approach__photo img { position: relative; display: block; width: 100%; border-radius: 24px; filter: contrast(1.06) saturate(1.05); }
.vk-approach h2 { font-family: 'Unbounded', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 700; margin: 0; line-height: 1.2; color: #F2F0EB; }
.vk-approach__text { color: #B9BCC3; font-size: 17px; line-height: 1.65; margin: 24px 0 0; }
.vk-approach__text + .vk-approach__text { margin-top: 18px; }
.vk-approach__nums { display: flex; gap: 44px; margin-top: 40px; flex-wrap: wrap; }
.vk-approach .vk-stat__val { font-size: 32px; }
.vk-approach .vk-stat__cap { margin-top: 6px; }
@media (max-width: 960px) {
  .vk-approach__wrap { grid-template-columns: 1fr; gap: 40px; padding: 70px 32px; }
  .vk-approach__photo { max-width: 480px; }
}

/* ============================================================
   НАТИВНЫЕ ФОРМЫ ТИЛЬДЫ (блоки BF)
   Общесайтовые правила под тёмную тему: поля, кнопка, подписи.
   #allrecords — корневой контейнер опубликованных страниц Тильды.
   ============================================================ */
#allrecords .t-input,
#allrecords .t-input-block textarea {
  background-color: #0E0F13 !important;
  border: 1px solid rgba(242,240,235,.14) !important;
  border-radius: 12px !important;
  color: #F2F0EB !important;
  font-family: 'Manrope', sans-serif !important;
  transition: border-color .2s;
}
#allrecords .t-input:focus,
#allrecords .t-input-block textarea:focus { border-color: #D9A441 !important; }
#allrecords .t-input::placeholder,
#allrecords .t-input-block textarea::placeholder { color: #6E727B !important; opacity: 1; }
#allrecords .t-input-title,
#allrecords .t-input-subtitle { color: #B9BCC3 !important; font-family: 'Manrope', sans-serif !important; }
#allrecords .t-form .t-submit,
#allrecords .t-submit {
  background-color: #D9A441 !important;
  color: #0B0C0F !important;
  border-radius: 12px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  transition: background-color .2s !important;
}
#allrecords .t-form .t-submit:hover,
#allrecords .t-submit:hover { background-color: #EBC06A !important; }
#allrecords .t-form__errorbox-text { color: #ff8a80 !important; }
#allrecords .t-form__successbox { color: #F2F0EB !important; font-family: 'Manrope', sans-serif !important; }
#allrecords .t-input-error { color: #ff8a80 !important; }

/* ============================================================
   АНИМАЦИИ
   Появление при скролле включается ТОЛЬКО когда vk-anim.js
   добавил класс vk-js на  — без JS всё видно сразу.
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  html.vk-js .vk-anim { opacity: 0; transform: translateY(26px); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
  html.vk-js .vk-anim.vk-in { opacity: 1; transform: translateY(0); }
  .vk-hero__glow { animation: vkGlow 5.5s ease-in-out infinite; }
  @keyframes vkGlow { 0%,100% { opacity: 1; } 50% { opacity: .6; } }
  .vk-steps__item--first { animation: vkLinePulse 4s ease-in-out infinite; }
  @keyframes vkLinePulse { 0%,100% { border-top-color: #D9A441; } 50% { border-top-color: #EBC06A; } }
}