/* Data Seller 2 — base: reset, типографика, layout, header/footer.
   Гейты: 1 (shell 1280-1920), 2 (sticky+admin-bar), 3 (единые header/footer),
   4 (:hover/:focus-visible), 9 (адаптив 1180/980/700/440). */

*, *::before, *::after { box-sizing: border-box; }

/* Display-шрифт заголовков Manrope (self-hosted, вариативный 200–800; решение
   владельца 14.06: переход с Unbounded на нейтральный гротеск — A/B-проба
   подтвердила: спокойнее/премиальнее под B2B-аналитику, ближе к референс-бару
   Linear/Stripe). Текстовый остаётся Inter. 4 сабсета, ось веса в одном файле. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Fallback-метрика: Arial с size-adjust ≈ средней ширине Manrope → при FOUT
   (font-display:swap) число строк заголовка не меняется = нет вертикального CLS.
   size-adjust подобран замером Manrope/Arial advance (см. журнал). */
@font-face {
  font-family: "Manrope Fallback";
  src: local("Arial");
  size-adjust: 87.4%;
}

/* Моноширинный JetBrains Mono (self-hosted, вариативный по весу — один файл на
   сабсет). latin = цифры/пунктуация/% / − стрелки; latin-ext = знак рубля ₽.
   Только табличные цифры (--ds-font-num): hero-метрика, KPI, метрики. */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--ds-font);
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--ds-text);
  /* Переливной фон всего сайта (решение владельца 12.06): свечения hero
     растянуты на body, fixed — «плывут» при скролле на всех страницах. */
  background:
    radial-gradient(900px 620px at 86% -6%, rgba(20, 153, 85, .10), transparent 60%),
    radial-gradient(720px 520px at -6% 32%, rgba(59, 130, 246, .06), transparent 60%),
    radial-gradient(820px 600px at 106% 74%, rgba(30, 222, 123, .07), transparent 60%),
    var(--ds-bg);
  background-attachment: fixed;
}
@media (max-width: 980px) {
  /* мобильные браузеры дёргают fixed-фон — отпускаем */
  body { background-attachment: scroll; }
}

img, svg { max-width: 100%; height: auto; vertical-align: middle; }

h1, h2, h3, h4 { color: var(--ds-ink); line-height: 1.2; margin: 0 0 16px; font-weight: 700; }
/* Display-уровень: только H1/H2 (Manrope). Размеры/трекинг/lh — ТОЛЬКО токены
   (единый источник, литеральные clamp убраны 2026). */
h1, h2 { font-family: var(--ds-font-display); text-wrap: balance; }
h1 { font-size: var(--fs-h1); line-height: var(--lh-display); letter-spacing: var(--ls-display); font-weight: 800; }
h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); font-weight: 700; }
h3 { font-size: var(--fs-h3); font-weight: 600; }
h4 { font-size: var(--fs-h4); font-weight: 600; }

p { margin: 0 0 16px; }
p:last-child { margin-bottom: 0; }

a { color: var(--ds-purple); text-decoration: none; }
a:hover { color: var(--ds-purple-hover); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--ds-purple-2);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Уважение к prefers-reduced-motion: гасим transitions/transform/scroll-анимации
   для вестибулярных нарушений (ревью a11y). */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

.container {
  max-width: var(--ds-content);
  margin: 0 auto;
  padding-left: var(--ds-gutter);
  padding-right: var(--ds-gutter);
}

.section { padding: var(--ds-section-y) 0; }
.section--soft { background: var(--ds-bg-soft); }
.section--navy { background: var(--ds-navy); color: #fff; }
.section--navy h2, .section--navy h3 { color: #fff; }

/* Тёмная секция (этап B: пока не применена). Фон dark + инверсия radial-свечения
   (светлые пятна низкой прозрачности вместо тёмных), текст on-dark. */
.section--dark {
  position: relative;
  background:
    radial-gradient(900px 620px at 86% -6%, rgba(30, 222, 123, .20), transparent 60%),
    radial-gradient(720px 520px at -6% 32%, rgba(59, 130, 246, .12), transparent 60%),
    var(--ds-dark);
  color: var(--ds-on-dark);
}
.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4 { color: var(--ds-on-dark); }
.section--dark p { color: var(--ds-on-dark-muted); }
.section--dark .card { background: var(--ds-dark-2); border-color: var(--ds-line-on-dark); box-shadow: none; }
.section--dark hr, .section--dark .ds-line { border-color: var(--ds-line-on-dark); }
/* Иконки-круги и коннекторы на тёмной секции (pdca/steps под .section--dark):
   круг чуть светлее navy + фиолетовое свечение иконки; подписи on-dark-muted;
   линии-стрелки светлее. Переиспользуемо для любой dark-секции с кругами. */
.section--dark .ds-circle {
  background: var(--ds-dark-2);
  border-color: var(--ds-line-on-dark);
  color: var(--ds-purple-2);
  box-shadow: 0 0 30px rgba(30, 222, 123, .42);
}
.section--dark .ds-pdca__item p,
.section--dark .ds-steps__item p { color: var(--ds-on-dark-muted); }
.section--dark .ds-conn { color: rgba(30, 222, 123, .75); }
.section--dark .ds-pdca__return { color: rgba(30, 222, 123, .55); }

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  overflow: hidden; white-space: nowrap;
}

/* ===== Header (gate 2: sticky + admin-bar aware; gate 3: единый компонент) ===== */
.ds-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.ds-header.is-scrolled { border-bottom-color: var(--ds-line); box-shadow: 0 6px 24px rgba(33, 38, 73, .06); }
body.admin-bar .ds-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .ds-header { top: 46px; } }

.ds-header__inner {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: var(--ds-header-h);
}

/* Лого-марка (3 столбика, перенос со старого сайта) — масштаб от font-size лого. */
.ds-logo-mark { width: 19px; height: 27px; display: inline-flex; align-items: flex-end; gap: 3.5px; flex: none; }
.ds-logo-mark span { width: 4.5px; border-radius: 4px; background: linear-gradient(180deg, #1EDE7B, #0D8549); }
.ds-logo-mark span:nth-child(1) { height: 15px; opacity: .78; }
.ds-logo-mark span:nth-child(2) { height: 22px; }
.ds-logo-mark span:nth-child(3) { height: 27px; opacity: .92; }

.ds-header__logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -.02em; color: var(--ds-ink); white-space: nowrap; }
.ds-header__logo:hover { color: var(--ds-purple); }

.ds-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.ds-nav a {
  color: var(--ds-text);
  font-size: 15px;
  font-weight: 500;
  padding: 6px 2px;
  border-bottom: 2px solid transparent;
  white-space: nowrap; /* пункты не переносятся на 2 строки (фикс «поехал» на wide) */
}
.ds-nav a:hover { color: var(--ds-purple); }
.ds-nav a.is-active { color: var(--ds-purple); border-bottom-color: var(--ds-purple); }

/* ---- Дропдаун «Инструменты» (десктоп: hover/focus-within; CSS-only) ---- */
.ds-nav__item--has-menu { position: relative; display: flex; align-items: center; }
.ds-nav__toggle {
  display: inline-flex; align-items: center; gap: 5px;
  background: none; border: none; cursor: pointer;
  font-family: inherit; font-size: 15px; font-weight: 500;
  color: var(--ds-text); padding: 6px 2px; white-space: nowrap;
}
.ds-nav__toggle:hover { color: var(--ds-purple); }
.ds-nav__caret { transition: transform .2s var(--ds-ease-out); }
.ds-nav__item--has-menu:hover .ds-nav__caret,
.ds-nav__item--has-menu:focus-within .ds-nav__caret { transform: rotate(180deg); }
/* мостик: курсор не теряет меню в зазоре */
.ds-nav__item--has-menu::after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 10px; }

.ds-nav__menu {
  position: absolute; top: calc(100% + 8px); right: 0;
  min-width: 320px;
  display: flex; flex-direction: column; gap: 14px;
  background: var(--ds-bg);
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-md);
  box-shadow: var(--ds-shadow-lift);
  padding: 16px;
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .18s var(--ds-ease-out), transform .18s var(--ds-ease-out), visibility .18s;
  z-index: 1001;
}
.ds-nav__item--has-menu:hover .ds-nav__menu,
.ds-nav__item--has-menu:focus-within .ds-nav__menu { opacity: 1; visibility: visible; transform: translateY(0); }

.ds-nav__group-title {
  font-size: var(--fs-caption); font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--ds-muted); margin: 0 0 6px;
}
.ds-nav__group + .ds-nav__group { border-top: 1px solid var(--ds-line); padding-top: 12px; }
.ds-nav__menu .ds-nav__link {
  display: flex; flex-direction: column; gap: 2px;
  width: 100%; text-align: left;
  background: none; border: none; border-bottom: none; cursor: pointer;
  padding: 7px 8px; border-radius: var(--ds-radius-sm);
  font-family: inherit; white-space: normal;
  transition: background .15s var(--ds-ease-out);
}
.ds-nav__menu .ds-nav__link:hover { background: var(--ds-bg-soft); }
.ds-nav__link-label { font-size: 14px; font-weight: 600; color: var(--ds-ink); display: inline-flex; align-items: center; gap: 7px; }
.ds-nav__link-desc { font-size: var(--fs-caption); color: var(--ds-muted); }
.ds-nav__soon {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: var(--ds-act-ink); background: var(--ds-act);
  padding: 1px 6px; border-radius: var(--ds-radius-badge); white-space: nowrap;
}
.ds-nav__price {
  font-size: 10px; font-weight: 700; letter-spacing: .02em;
  color: var(--ds-purple); background: var(--ds-purple-soft);
  padding: 1px 7px; border-radius: var(--ds-radius-badge); white-space: nowrap;
}
.ds-nav__all {
  display: block; margin-top: 6px; padding: 10px 12px 4px;
  border-top: 1px solid var(--ds-line);
  font-size: 13px; font-weight: 600; color: var(--ds-purple); text-align: right;
}
.ds-nav__all:hover { color: var(--ds-purple-hover); }

/* Юридические страницы (Политика / Оферта) */
.ds-legal { padding: var(--ds-space-12) 0 var(--ds-space-16); background: var(--ds-bg); }
.ds-legal__wrap { max-width: 820px; margin: 0 auto; padding: 0 var(--ds-gutter); }
.ds-legal__title { font-family: var(--ds-font-display); font-size: var(--fs-h1); font-weight: 800; line-height: var(--lh-display); letter-spacing: var(--ls-display); color: var(--ds-navy); margin: 0 0 10px; text-wrap: balance; }
.ds-legal__meta { font-size: var(--fs-caption); color: var(--ds-muted); margin: 0 0 var(--ds-space-8); padding-bottom: var(--ds-space-5); border-bottom: 1px solid var(--ds-line); }
.ds-legal__body { font-size: var(--fs-body); color: var(--ds-text); line-height: 1.7; }
.ds-legal__body h2 { font-family: var(--ds-font-display); font-size: var(--fs-h3); font-weight: 700; color: var(--ds-navy); margin: var(--ds-space-8) 0 var(--ds-space-3); }
.ds-legal__body p { margin: 0 0 var(--ds-space-4); }
.ds-legal__body ul { margin: 0 0 var(--ds-space-4); padding-left: 0; list-style: none; }
.ds-legal__body li { position: relative; padding-left: 22px; margin-bottom: 8px; line-height: 1.6; }
.ds-legal__body li::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--ds-purple); }
.ds-legal__body a { color: var(--ds-purple); font-weight: 600; }
.ds-legal__body a:hover { color: var(--ds-purple-hover); }
.ds-legal__body strong { color: var(--ds-navy); }

.ds-header__actions { display: flex; align-items: center; gap: 16px; }
.ds-header__actions .btn { white-space: nowrap; }

/* Мобильная навигация */
.ds-nav-toggle {
  display: none;
  background: none;
  border: 1.5px solid var(--ds-line);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  color: var(--ds-ink);
}
.ds-nav-toggle:hover { border-color: var(--ds-purple); color: var(--ds-purple); }

/* Компакт-меню: 7 пунктов + лого + кнопки ≈ 1250px — на окнах до 1340
   ужимаем, ниже 1230 переходим на бургер (полное меню не помещается). */
@media (max-width: 1340px) {
  .ds-header__inner { gap: 20px; }
  .ds-nav { gap: 16px; }
  .ds-nav a { font-size: 14px; }
  .ds-header__actions { gap: 10px; }
}
@media (max-width: 1230px) {
  .ds-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: #fff;
    border-bottom: 1px solid var(--ds-line);
    box-shadow: var(--ds-shadow-card);
    padding: 8px 0;
  }
  .ds-nav.is-open { display: flex; }
  .ds-nav a { padding: 14px var(--ds-gutter); border-bottom: none; font-size: 15px; }
  .ds-nav a.is-active { background: var(--ds-purple-soft); }
  .ds-nav-toggle { display: inline-flex; margin-left: auto; }
  .ds-header__actions .btn-secondary { display: none; }

  /* Дропдаун «Инструменты» на мобайле — инлайн в колонке (без аккордеона) */
  .ds-nav__item--has-menu { display: block; width: 100%; }
  .ds-nav__item--has-menu::after { display: none; }
  .ds-nav__toggle { width: 100%; justify-content: space-between; padding: 14px var(--ds-gutter); }
  .ds-nav__caret { display: none; }
  .ds-nav__menu {
    position: static; opacity: 1; visibility: visible; transform: none;
    display: flex; box-shadow: none; border: none; border-radius: 0;
    min-width: 0; padding: 0 var(--ds-gutter) 14px; gap: 12px;
    background: var(--ds-bg-soft);
  }
}
@media (max-width: 560px) {
  /* мобайл: «Войти» из шапки убираем (вход доступен в приложении) — иначе actions
     переполняют ширину и дают горизонтальный скролл на 390–430px */
  .ds-header__actions .btn-ghost { display: none; }
  .ds-header__inner { gap: 12px; }
}

/* ===== Footer — светлый (перенос со старого сайта, решение владельца 12.06) ===== */
.ds-footer { background: transparent; color: var(--ds-muted); border-top: 1px solid var(--ds-line); padding: 56px 0 28px; }
.ds-footer a { color: var(--ds-muted); }
.ds-footer a:hover { color: var(--ds-purple); }
.ds-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  gap: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--ds-line);
}
.ds-footer__brand .ds-footer__logo { color: var(--ds-ink); font-weight: 800; font-size: 21px; letter-spacing: -.02em; display: inline-flex; align-items: center; gap: 9px; }
.ds-footer__brand .ds-logo-mark { width: 17px; height: 24px; }
.ds-footer__brand .ds-logo-mark span:nth-child(1) { height: 13px; }
.ds-footer__brand .ds-logo-mark span:nth-child(2) { height: 19px; }
.ds-footer__brand .ds-logo-mark span:nth-child(3) { height: 24px; }
.ds-footer__col ul a { line-height: 1.55; }
.ds-footer__brand p { color: var(--ds-muted); }
/* Футер-колонки = h3 (а не h4): без скачка уровня h2→h4 после CTA (a11y heading-order). */
.ds-footer__col h3 { color: var(--ds-ink); font-size: var(--fs-small); font-weight: 700; margin-bottom: 16px; }
.ds-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; font-size: var(--fs-small); }
.ds-footer__contact { display: grid; gap: 11px; font-size: var(--fs-small); }
.ds-footer__contact a { display: inline-flex; align-items: center; }
/* Эмодзи-иконки контактов (как на старом сайте — системные цветные ✉ ☎). */
.ds-footer__contact a > span[aria-hidden] { font-size: 15px; line-height: 1; }
.ds-footer__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 22px;
  font-size: var(--fs-caption);
  color: var(--ds-muted);
}
.ds-footer__social { display: flex; gap: 12px; margin-top: 18px; }
.ds-footer__social a,
.ds-footer__social > span {
  display: inline-flex;
  width: 36px; height: 36px;
  align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--ds-line);
  background: #fff;
  color: var(--ds-muted);
  transition: color .15s ease, border-color .15s ease, transform .15s ease;
}
/* Брендовые hover-цвета кружков (как на старом сайте). */
.ds-footer__social .social--telegram:hover { background: #29A9EB; border-color: #29A9EB; color: #fff; }
.ds-footer__social .social--youtube:hover { background: #FF0000; border-color: #FF0000; color: #fff; }
.ds-footer__social .social--instagram:hover { background: #FDE7F1; border-color: #F26798; color: #E1306C; }
.ds-footer__social .social--email:hover { background: var(--ds-purple-soft); border-color: var(--ds-purple); color: var(--ds-purple); }
.ds-footer__social a:hover, .ds-footer__social > span:hover { transform: translateY(-1px); }
/* fill НЕ задаём на svg: CSS перебил бы fill="none" внутри иконок (email-конверт заливался). */
.ds-footer__social svg { width: 17px; height: 17px; }

@media (max-width: 980px) { .ds-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .ds-footer__grid { grid-template-columns: 1fr; gap: 28px; } }

/* ===== Адаптив-базлайн (gate 9) ===== */
@media (max-width: 1180px) { .section { padding: 64px 0; } }
@media (max-width: 700px)  { .section { padding: 48px 0; } }

/* ===== Screenshot-mode (?shot=1, класс ставит main.js) =====
   Стабильные кадры для аудит-пакетов: CSS-анимации на паузе (marquee логотипов
   не «плывёт» между кадрами), переходы мгновенны. transform НЕ обнуляем —
   спрятанные transform'ом декоры должны оставаться спрятанными (урок ложного
   overflow 2026-07-05). Reveal и count-up отключаются в JS. */
html.screenshot-mode *,
html.screenshot-mode *::before,
html.screenshot-mode *::after {
  animation-play-state: paused !important;
  transition-duration: 0s !important;
}

/* ===== Proof-shot: реальные скрины app (ds_proof_shot, inc/helpers.php) ===== */
.ds-proofshot { margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.ds-proofshot picture { display: block; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(11, 34, 24, 0.10);
  box-shadow: 0 10px 30px rgba(11, 34, 24, 0.10); background: #fff; }
.ds-proofshot img { display: block; width: 100%; height: auto; }
.ds-proofshot__cap { font-size: 13px; line-height: 1.5; color: var(--ds-ink-soft, #5A6B62);
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 0 2px; }
.ds-proofshot__tag { font-size: 11.5px; letter-spacing: 0.02em; color: var(--ds-ink-soft, #5A6B62);
  opacity: 0.75; white-space: nowrap; }
/* wide = широкий кроп: на телефоне текст кадра нечитаем — блок скрываем (решение
   proof-плана: широкие только desktop; узкие/вертикальные живут через compact) */
@media (max-width: 767px) { .ds-proofshot--wide { display: none; } }

/* ===== Proof-card: компактная карточка-доказательство (ds_proof_card) ===== */
.ds-proof-card { margin: 0; display: flex; flex-direction: column; background: #fff;
  border: 1px solid rgba(11, 34, 24, 0.10); border-radius: 14px; overflow: hidden;
  box-shadow: 0 6px 18px rgba(11, 34, 24, 0.07); }
.ds-proof-card__shot { height: var(--dspc-h, 200px); overflow: hidden;
  border-bottom: 1px solid rgba(11, 34, 24, 0.08); background: #F7F9F8; }
.ds-proof-card__shot img { width: 100%; height: 100%; object-fit: cover;
  object-position: var(--dspc-pos, left top); display: block; }
.ds-proof-card__cap { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px 13px; }
.ds-proof-card__t { font-size: 14.5px; font-weight: 700; color: var(--ds-ink, #16241D); line-height: 1.3; }
.ds-proof-card__d { font-size: 12.5px; line-height: 1.45; color: var(--ds-ink-soft, #5A6B62); }
.ds-proof-card__tag { font-size: 11px; font-style: normal; letter-spacing: 0.02em;
  color: var(--ds-ink-soft, #5A6B62); opacity: 0.7; margin-top: 3px; }