/* === Дизайн-система: полный token-набор === */
:root {
  /* --- Тема: объявлена осознанно, а не «светлая по умолчанию» --- */
  --theme: dark; /* light | dark | both */
  --color-scheme: dark;
  color-scheme: dark;

  /* --- Цвета: фон, поверхности, текст, границы --- */
  --bg: #050007; /* фон страницы */
  --surface: #1c0322; /* поверхность карточек и панелей */
  --surface-alt: #29112f; /* чередующаяся поверхность */
  --surface-strong: #361f3c; /* приподнятая поверхность */
  --text: #f5eef7; /* основной текст */
  --text-muted: #a5acb8; /* второстепенный текст */
  --text-subtle: #6d707a; /* подписи и метки */
  --heading: #e7e0e9; /* заголовки */
  --border: #4a1a58; /* границы и разделители */
  --border-strong: #815e8b; /* акцентная граница */
  --divider: #481655; /* тонкий разделитель */
  --accent: #d422a8; /* акцент бренда */
  --accent-hover: #d93fb3; /* акцент под курсором */
  --accent-active: #af1c8b; /* акцент при нажатии */
  --accent-soft: color-mix(in srgb, #d422a8 18%, #1c0322 82%); /* мягкая акцентная подложка */
  --on-accent: #000000; /* текст на акценте */
  --success: #23c37a; /* успех */
  --success-soft: color-mix(in srgb, #23c37a 16%, #1c0322 84%); /* подложка успеха */
  --warning: #f0b429; /* предупреждение */
  --warning-soft: color-mix(in srgb, #f0b429 16%, #1c0322 84%); /* подложка предупреждения */
  --danger: #ef5350; /* ошибка */
  --danger-soft: color-mix(in srgb, #ef5350 16%, #1c0322 84%); /* подложка ошибки */
  --info: #4a9df8; /* информация */
  --info-soft: color-mix(in srgb, #4a9df8 16%, #1c0322 84%); /* подложка информации */
  --link: #d422a8; /* ссылка в тексте */
  --link-hover: #d93fb3; /* ссылка под курсором */
  --focus-ring: #d422a8; /* кольцо фокуса клавиатуры */
  --overlay: rgb(0 0 0 / 55%); /* затемнение под модальным слоем */

  /* --- Состояния акцента, семантические цвета и ссылки --- */
  /* accent / accent-hover / accent-active / accent-soft / on-accent уже выше */
  --shade: #000000; /* затемнение акцента для служебных слоёв */

  /* --- Служебные роли: секции обращаются к ним, а не к палитре напрямую --- */
  --surface-2: var(--surface-alt);
  --surface-3: var(--surface-strong);
  --elevated: color-mix(in srgb, #1c0322 92%, #d422a8 8%);
  --accent-strong: color-mix(in srgb, #d422a8 84%, #f5eef7 16%);
  --muted: var(--text-muted);
  --accent-text: var(--on-accent);
  --positive: var(--success);
  --negative: var(--danger);
  --positive-soft: var(--success-soft);
  --content-primary: var(--text);
  --content-secondary: var(--text-muted);
  --content-tertiary: var(--text-subtle);
  --content-on-accent: var(--on-accent);
  --bg-alt: color-mix(in srgb, #050007 86%, #1c0322 14%);
  --bg-brand: color-mix(in srgb, #050007 78%, #d422a8 22%);

  /* --- Отступы: одна шкала на 4px, к ней привязаны все секции --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 96px;
  --space-section: var(--section);
  --space-block: var(--space-8);
  --space-stack: var(--space-4);
  --space-inline: var(--space-3);
  --gap: clamp(var(--space-3), 2vw, var(--space-5));
  --gap-lg: clamp(var(--space-4), 2.4vw, var(--space-6));
  --section: 60px; /* отступ секции: диапазон 48–128px */

  /* --- Радиусы: шкала по назначению, значения кратны 4px --- */
  --radius-xs: 4px; /* мелкие метки и чипы */
  --radius-sm: 8px; /* кнопки, поля, статусы */
  --radius-md: 12px; /* карточки и панели */
  --radius-lg: 20px; /* крупные блоки и медиа */
  --radius-xl: 24px; /* первый экран и модальные окна */
  --radius-pill: 999px; /* таблетки: языки, теги, круглые иконки */

  /* --- Типографика: стек, шкала стилей и начертания --- */
  --font-heading: Anton, Bebas Neue, Oswald, Impact, Arial Narrow, sans-serif;
  --font-display: Anton, Bebas Neue, Oswald, Impact, Arial Narrow, sans-serif;
  --font-body: Instrument Sans, Helvetica Neue, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --text-display: clamp(56px, 8.4vw, 112px);
  --lh-display: 0.92;
  --fw-display: 400;
  --ls-display: -0.01em;
  --text-h1: clamp(44px, 6.4vw, 88px);
  --lh-h1: 0.94;
  --fw-h1: 400;
  --ls-h1: -0.005em;
  --text-h2: clamp(32px, 4.2vw, 56px);
  --lh-h2: 1.00;
  --fw-h2: 400;
  --ls-h2: 0em;
  --text-h3: clamp(19px, 1.6vw, 22px);
  --lh-h3: 1.22;
  --fw-h3: 600;
  --ls-h3: -0.01em;
  --text-h4: clamp(16px, 1.3vw, 18px);
  --lh-h4: 1.30;
  --fw-h4: 600;
  --ls-h4: -0.005em;
  --text-body: clamp(15px, 0.6vw + 12px, 17px);
  --lh-body: 1.62;
  --fw-body: 400;
  --ls-body: 0em;
  --text-sm: 14px;
  --lh-sm: 1.50;
  --fw-sm: 400;
  --ls-sm: 0.005em;
  --text-caption: 12px;
  --lh-caption: 1.45;
  --fw-caption: 400;
  --ls-caption: 0.01em;
  --text-eyebrow: 13px;
  --lh-eyebrow: 1.20;
  --fw-eyebrow: 600;
  --ls-eyebrow: 0.06em;
  --text-button: 20px;
  --lh-button: 1.00;
  --fw-button: 400;
  --ls-button: 0.02em;
  --tracking-tight: var(--ls-h1);
  --lh-tight: 1.12;

  /* --- Границы --- */
  --border-width: 1px; /* базовая граница */
  --border-width-strong: 2px; /* акцентная граница и шапка таблицы */
  --divider-width: 1px; /* разделитель списков и секций */

  /* --- Сетка и раскладка --- */
  --container: 1040px; /* рабочая ширина вариации сайта */
  --container-max: 1160px; /* ширина основного контейнера */
  --container-wide: 1400px; /* широкий контейнер секций */
  --container-narrow: 760px; /* узкая редакционная колонка */
  --container-pad: clamp(16px, 4vw, 40px); /* боковые поля контейнера */
  --grid-columns: 12; /* колонок в сетке */
  --gutter: 24px; /* расстояние между колонками */
  --measure: 65ch; /* длина строки основного текста */
  --bp-sm: 480px; /* брейкпоинт крупного телефона */
  --bp-md: 768px; /* брейкпоинт планшета */
  --bp-lg: 1024px; /* брейкпоинт ноутбука */
  --bp-xl: 1280px; /* брейкпоинт настольного экрана */

  /* --- Компоненты и слои --- */
  --control-h-sm: 44px; /* компактный контрол (не ниже 44px на тач-экране) */
  --control-h: 48px; /* базовый контрол */
  --control-h-lg: 52px; /* главная кнопка */
  --icon-sm: 16px; /* иконка в тексте */
  --icon-md: 20px; /* иконка в контроле */
  --icon-lg: 24px; /* крупная иконка секции */
  --button-pad-x: 28px; /* горизонтальный паддинг кнопки */
  --button-pad-y: 14px; /* вертикальный паддинг кнопки */
  --card-pad: 20px; /* паддинг карточки */
  --header-h: 64px; /* высота шапки */
  --z-base: 1; /* базовый слой */
  --z-dropdown: 10; /* выпадающие списки */
  --z-sticky: 20; /* липкая шапка */
  --z-to-top: 30; /* кнопка «наверх» */
  --z-overlay: 40; /* затемнение и cookie */
  --z-modal: 50; /* модальное окно */

  /* --- Тени: только глубина, без свечения и «стекла» --- */
  --shadow-xs: 0 1px 2px rgb(0 0 0 / 40%); /* поле и мелкая карточка */
  --shadow-sm: 0 2px 6px rgb(0 0 0 / 45%); /* карточка в покое */
  --shadow-md: 0 12px 32px rgb(0 0 0 / 55%); /* выпадающий слой и модальное окно */
  --shadow-lg: 0 14px 34px rgb(0 0 0 / 34%); /* крупная панель поверх страницы */
  --shadow-focus: 0 0 0 3px rgb(255 210 74 / 70%); /* кольцо фокуса вторым слоем */

  /* --- Движение --- */
  --duration-fast: 120ms; /* микро-отклик: цвет, граница */
  --duration: 180ms; /* базовый переход */
  --duration-slow: 300ms; /* раскрытие слоя */
  --ease-standard: cubic-bezier(.2, 0, 0, 1); /* стандартная кривая */
  --ease-out: cubic-bezier(.22, .61, .36, 1); /* выход наружу */
  --transition: 180ms cubic-bezier(.2, 0, 0, 1); /* готовая связка длительности и кривой */
  --transition-slow: 300ms cubic-bezier(.22, .61, .36, 1); /* медленная связка */
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; color-scheme: var(--color-scheme); }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: var(--font-body); font-size: var(--text-body); line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
h1, h2, h3 { font-family: var(--font-heading); line-height: var(--lh-tight); margin: 0 0 .5em;
  text-wrap: balance; }
h1 { font-size: var(--text-h1); font-weight: var(--fw-h1); letter-spacing: var(--ls-h1); }
h2 { font-size: var(--text-h2); font-weight: var(--fw-h2); margin-top: var(--section);
  letter-spacing: var(--ls-h2); }
h3 { font-size: var(--text-h3); font-weight: var(--fw-h3); margin-top: 1.6em;
  letter-spacing: var(--ls-h3); }
p, li { color: var(--text); }
p { text-wrap: pretty; }
a { color: var(--link); }
a:hover { color: var(--link-hover); }
:focus-visible {
  outline: var(--border-width-strong) solid var(--focus-ring);
  outline-offset: 2px; border-radius: var(--radius-xs); box-shadow: var(--shadow-focus);
}

/* --- 2. Шапка, меню, языки --- */
.wrap-8f7b9a { width: min(var(--container), 100%); margin-inline: auto; padding-inline: var(--container-pad); }
.header-8f7b9a {
  position: sticky; top: 0; z-index: var(--z-sticky);
  border-bottom: 1px solid var(--border);
  /* Сплошная поверхность вместо «матового стекла»: backdrop blur — маркер
     ИИ-шаблона, а не решение задачи (см. design_review.no_glass_blur). */
  background: var(--surface);
}
.header-8f7b9a .wrap-8f7b9a { display: flex; align-items: center; gap: 10px;
  justify-content: space-between; padding-block: 10px; }
.menuPanel-8f7b9a { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.menuToggle-8f7b9a { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.menuButton-8f7b9a {
  display: none; cursor: pointer; padding: 9px 10px; border: 1px solid var(--border);
  border-radius: var(--radius-sm); background: var(--surface); line-height: 0;
}
.menuButton-8f7b9a span { display: block; width: 18px; height: 2px; background: var(--text);
  border-radius: var(--radius-xs); margin: 3px 0; transition: transform var(--transition), opacity var(--transition); }
.menuToggle-8f7b9a:checked + .menuButton-8f7b9a span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.menuToggle-8f7b9a:checked + .menuButton-8f7b9a span:nth-child(2) { opacity: 0; }
.menuToggle-8f7b9a:checked + .menuButton-8f7b9a span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
.menuToggle-8f7b9a:focus-visible + .menuButton-8f7b9a { outline: 2px solid var(--accent); outline-offset: 2px; }
.brand-8f7b9a { display: inline-flex; align-items: center; gap: 10px; font-weight: 650;
  color: var(--text); text-decoration: none; font-size: 16px; letter-spacing: -0.01em; }
.brand-8f7b9a img { height: 30px; width: auto; }
/* Ряд меню — одной строкой. Перенос ломал шапку, поэтому меню не переносится,
   а лишние пункты уезжают в «Ещё» (см. render.build_site). */
.nav-8f7b9a { display: flex; flex-wrap: nowrap; gap: 4px 14px; align-items: center; min-width: 0; }
.nav-8f7b9a a { color: var(--muted); text-decoration: none; font-size: 14.5px;
  padding: 4px 2px; white-space: nowrap; transition: color var(--transition); }
.nav-8f7b9a a:hover { color: var(--text); }
/* «Ещё»: раскрывающийся список без JavaScript (<details>). */
.nav-8f7b9a-more { position: relative; }
.nav-8f7b9a-more-summary { cursor: pointer; list-style: none; color: var(--muted);
  font-size: 14.5px; padding: 4px 2px; white-space: nowrap;
  transition: color var(--transition); }
.nav-8f7b9a-more-summary::-webkit-details-marker { display: none; }
.nav-8f7b9a-more-summary:hover,
.nav-8f7b9a-more[open] > .nav-8f7b9a-more-summary { color: var(--text); }
.nav-8f7b9a-more-panel {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: var(--z-dropdown);
  display: flex; flex-direction: column; min-width: 190px; padding: 8px;
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface); box-shadow: var(--shadow-md);
}
.nav-8f7b9a-more-panel a { padding: 7px 10px; border-radius: var(--radius-sm); white-space: nowrap; }
.nav-8f7b9a-more-panel a:hover { background: var(--surface-2); color: var(--text); }
.lang-8f7b9a { display: inline-flex; gap: 8px; align-items: center; font-size: 12px; }
.lang-8f7b9a a { color: var(--muted); text-decoration: none; padding: 3px 8px;
  border: 1px solid var(--border); border-radius: var(--radius-pill); }
.lang-8f7b9a a[aria-current="true"] { color: var(--text); border-color: var(--accent); }

/* --- 3. Контент --- */
main.{ c('wrap') } { padding-block: clamp(18px, 3vw, 34px) 0; }
.breadcrumbs-8f7b9a { padding: 10px 0 0; color: var(--muted); font-size: 12.5px; }
.breadcrumbs-8f7b9a a { color: var(--muted); text-decoration: none; }
.breadcrumbs-8f7b9a a:hover { color: var(--text); text-decoration: underline; }
.breadcrumbs-8f7b9a span { margin: 0 7px; opacity: .6; }
.hero-8f7b9a {
  display: grid; gap: clamp(18px, 3vw, 34px); align-items: center;
  padding-block: clamp(20px, 4vw, 44px);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.hero-8f7b9a h1 { margin-bottom: .35em; }
.lead-8f7b9a { font-size: clamp(16px, 1.6vw, 19px); color: var(--muted); max-width: 54ch; }
.prose-8f7b9a > p, .prose-8f7b9a > ul, .prose-8f7b9a > ol { max-width: var(--measure); }
.media-8f7b9a {
  margin: 1.6em 0; border: 1px solid var(--border); border-radius: var(--radius-lg);
  overflow: hidden; background: var(--surface); box-shadow: var(--shadow-sm);
}
.media-8f7b9a img { width: 100%; aspect-ratio: 16 / 9; max-height: 380px; object-fit: cover; }
.hero-8f7b9a .media-8f7b9a { margin: 0; }
.cards-8f7b9a { list-style: none; padding: 0; margin: 1.4em 0;
  display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.cards-8f7b9a li {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 16px 18px; box-shadow: var(--shadow-sm); transition: border-color var(--transition),
  transform var(--transition);
}
.cards-8f7b9a li:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
  transform: translateY(-1px); }
.tableWrap-8f7b9a { overflow-x: auto; margin: 1.6em 0; border: 1px solid var(--border);
  border-radius: var(--radius-md); -webkit-overflow-scrolling: touch; }
.table-8f7b9a { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14.5px; }
.table-8f7b9a th, .table-8f7b9a td { padding: 11px 14px; text-align: left;
  border-bottom: 1px solid var(--border); }
.table-8f7b9a thead th { background: var(--surface-2); font-weight: 600; color: var(--text); }
.table-8f7b9a tbody tr:nth-child(even) { background: color-mix(in srgb, var(--surface) 60%, transparent); }
.table-8f7b9a tr:last-child td { border-bottom: 0; }
.faq-8f7b9a { display: grid; gap: 10px; margin: 1.4em 0; }
.faq-8f7b9a details {
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background: var(--surface); padding: 0 16px; transition: border-color var(--transition);
}
.faq-8f7b9a details[open] { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); }
.faq-8f7b9a summary { cursor: pointer; font-weight: 600; padding: 14px 0; list-style: none;
  display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.faq-8f7b9a summary::-webkit-details-marker { display: none; }
.faq-8f7b9a summary::after { content: "+"; color: var(--accent); font-size: 20px; line-height: 1; }
.faq-8f7b9a details[open] summary::after { content: "−"; }
.faq-8f7b9a details p { margin: 0 0 14px; color: var(--muted); }
.related-8f7b9a { margin-top: var(--section); padding-top: 20px; border-top: 1px solid var(--border); }
.related-8f7b9a h2 { margin-top: 0; font-size: clamp(18px, 2vw, 22px); }
.related-8f7b9a ul { list-style: none; padding: 0; display: grid; gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.related-8f7b9a li { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 13px 15px; }
.related-8f7b9a a { text-decoration: none; font-weight: 550; }
.related-8f7b9a a:hover { text-decoration: underline; }

/* --- 4. Конверсия и бонусный баннер --- */
.conversion-8f7b9a {
  margin-top: var(--section); padding: clamp(18px, 3vw, 30px);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
  border-radius: var(--radius-lg); background:
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface)) 0%, var(--surface) 100%);
  display: grid; gap: clamp(16px, 3vw, 30px); align-items: center; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.conversion-8f7b9a h2 { margin: 0 0 8px; font-size: clamp(19px, 2.2vw, 26px); }
.conversion-8f7b9a p { margin: 0 0 16px; color: var(--muted); max-width: 50ch; }
.conversion-8f7b9a .media-8f7b9a { margin: 0; }
.conversion-8f7b9a .media-8f7b9a img { aspect-ratio: 4 / 3; max-height: 300px; }
.bonus-8f7b9a { padding: 0 0 clamp(14px, 2vw, 22px); }
.bonusCard-8f7b9a {
  display: grid; gap: clamp(14px, 2vw, 28px); align-items: center;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 1fr) auto;
  padding: clamp(16px, 2.4vw, 26px);
  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--border));
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 16%, var(--surface)) 0%, var(--surface) 62%);
  box-shadow: var(--shadow-md);
}
.bonusOffer-8f7b9a { display: flex; align-items: center; gap: 14px; min-width: 0; }
.bonusBadge-8f7b9a {
  flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center;
  border-radius: var(--radius-md); font-size: 22px; font-weight: 700;
  background: var(--accent); color: var(--accent-text);
}
.bonusTitle-8f7b9a { margin: 0; font-size: clamp(19px, 2.4vw, 27px); font-weight: 750;
  letter-spacing: -0.01em; line-height: 1.15; }
.bonusNote-8f7b9a { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
.promo-8f7b9a { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.promoLabel-8f7b9a { font-size: 12.5px; color: var(--muted); text-transform: uppercase;
  letter-spacing: .06em; }
.promoCode-8f7b9a {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; width: 100%; min-height: var(--control-h-lg); padding: 12px 16px; cursor: copy;
  font: inherit; color: var(--text); text-align: center;
  border: 1px dashed var(--accent); border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  transition: border-color var(--transition), background var(--transition);
}
.promoCode-8f7b9a:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
.promoCode-8f7b9a[data-state="copied"] {
  border-style: solid; background: color-mix(in srgb, var(--accent) 22%, transparent);
}
.promoValue-8f7b9a { font-weight: 750; font-size: clamp(18px, 2.4vw, 22px); letter-spacing: .14em; }
.promoHint-8f7b9a { font-size: 12px; color: var(--muted); letter-spacing: 0; }
.promoCode-8f7b9a[data-state="copied"] .promoHint-8f7b9a { color: var(--accent); }
.bonusCard-8f7b9a .actions-8f7b9a { align-items: center; }
.bonusCard-8f7b9a .actions-8f7b9a .button-8f7b9a { min-height: var(--control-h-lg); padding-inline: 26px; }

/* --- 5. Блоки лендинга --- */
.features-8f7b9a { list-style: none; padding: 0; margin: 1.6em 0;
  display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.features-8f7b9a li { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 18px; box-shadow: var(--shadow-sm); }
.featureIcon-8f7b9a { font-size: 24px; line-height: 1; margin-bottom: 8px; }
.featureTitle-8f7b9a { margin: 0 0 6px; font-size: 16.5px; font-weight: 650; }
.featureText-8f7b9a { margin: 0; color: var(--muted); font-size: 14.5px; }
.split-8f7b9a { display: grid; gap: clamp(16px, 3vw, 34px); align-items: center;
  margin: clamp(20px, 3vw, 38px) 0;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.split-8f7b9a .media-8f7b9a { margin: 0; }
.splitText-8f7b9a { min-width: 0; }
.split-8f7b9a h3 { margin-top: 0; font-size: clamp(19px, 2.4vw, 26px); }
.split-8f7b9a p { color: var(--muted); }
.stats-8f7b9a { list-style: none; padding: 0; margin: 1.6em 0; display: grid; gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.stats-8f7b9a li { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 16px; text-align: center; }
.statValue-8f7b9a { display: block; font-size: clamp(22px, 2.8vw, 30px); font-weight: 750;
  color: var(--accent); }
.statLabel-8f7b9a { display: block; margin-top: 4px; font-size: 13.5px; color: var(--muted); }
.steps-8f7b9a { list-style: none; counter-reset: step; padding: 0; margin: 1.6em 0;
  display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.steps-8f7b9a li { counter-increment: step; position: relative; padding: 18px 18px 18px 58px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); }
.steps-8f7b9a li::before {
  content: counter(step); position: absolute; left: 16px; top: 16px;
  width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%;
  background: var(--accent); color: var(--accent-text); font-weight: 700; font-size: 14px;
}

/* --- 5.1 Блоки, которые приходят из референсов --- */
.marquee { overflow: hidden; border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border); padding: 12px 0; margin: clamp(18px, 2.5vw, 30px) 0;
  background: var(--surface); }
.marqueeTrack { display: flex; gap: 26px; white-space: nowrap; width: max-content;
  animation: sf-marquee 26s linear infinite; }
.marqueeItem { font-weight: 650; letter-spacing: .01em; }
@keyframes sf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.signup { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: clamp(18px, 2.6vw, 30px);
  margin: clamp(20px, 3vw, 36px) 0; display: grid; gap: 12px; max-width: 520px; }
.signup form { display: grid; gap: 12px; }
.signupNote { margin: 0; color: var(--muted); }
.field { display: grid; gap: 6px; font-size: 14px; color: var(--muted); }
.field input { font: inherit; padding: 12px 14px; border-radius: var(--radius-sm);
  border: 1px solid var(--border); background: var(--surface-alt); color: var(--text); }
.field input:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 1px; }
.reviews { display: grid; gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 1.6em 0; }
.review { margin: 0; padding: 18px; background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius-md); }
.review blockquote { margin: 0; }
.review figcaption { margin-top: 10px; font-size: 13.5px; color: var(--muted); }
.plans { display: grid; gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin: 1.6em 0; }
.plan { background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 20px; display: grid; gap: 10px; align-content: start; }
.planPrice { margin: 0; font-size: clamp(20px, 2.6vw, 28px); font-weight: 750;
  color: var(--accent); }
.plan ul { margin: 0; padding-left: 18px; color: var(--muted); }
.gallery { display: grid; gap: 12px; margin: 1.6em 0;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.gallery figure { margin: 0; }
.gallery img { width: 100%; height: auto; border-radius: var(--radius-md); }
.gallery figcaption { margin-top: 6px; font-size: 13.5px; color: var(--muted); }
.section { margin: 0; }

/* --- 6. Кнопки и служебные элементы --- */
.actions-8f7b9a { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.actions-8f7b9a .button-8f7b9a { flex: 0 0 auto; }
.button-8f7b9a {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: var(--control-h-lg); background: var(--accent); color: var(--accent-text);
  border: 0; border-radius: var(--radius-sm); padding: 13px 24px;
  font: inherit; font-weight: 650; text-decoration: none; cursor: pointer;
  white-space: nowrap;
  box-shadow: var(--shadow-sm); transition: transform var(--transition), filter var(--transition);
}
.button-8f7b9a:hover { transform: translateY(-1px); filter: brightness(1.06); }
.button-8f7b9a:active { transform: translateY(0); }
.buttonSmall-8f7b9a { padding: 8px 15px; font-size: 14px; min-height: var(--control-h-sm); }
.buttonGhost-8f7b9a { background: transparent; color: var(--text); border: 1px solid var(--border); }
.buttonPrimary-8f7b9a {
  /* Сплошной акцент вместо фиолетово-синего градиента: градиентная кнопка —
     маркер ИИ-шаблона (см. design_review.no_ai_gradients). */
  background: var(--accent-strong);
  color: var(--accent-text); box-shadow: var(--shadow-sm);
}
.header-8f7b9a .button-8f7b9a { margin-left: 8px; }
.note-8f7b9a { font-size: 12.5px; color: var(--muted); margin-top: 10px; }
.cta-8f7b9a { margin: 1.6em 0; padding: clamp(16px, 2.5vw, 24px); background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius-lg); }
.cta-8f7b9a p { margin: 0 0 14px; max-width: var(--measure); }
.footer-8f7b9a { border-top: 1px solid var(--border); margin-top: var(--section); padding: 24px 0;
  color: var(--muted); font-size: 13px; }
.footer-8f7b9a .wrap-8f7b9a { display: flex; flex-wrap: wrap; gap: 10px 18px;
  justify-content: space-between; align-items: baseline; }
/* Полный список страниц: доступ к любой странице не зависит от лимита шапки. */
.footer-8f7b9a-nav { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.footer-8f7b9a-nav a { color: var(--muted); text-decoration: none; }
.footer-8f7b9a-nav a:hover { color: var(--text); text-decoration: underline; }
.footer-8f7b9a-note { color: var(--muted); }
.toTop-8f7b9a {
  position: fixed; right: 18px; bottom: 18px; z-index: var(--z-to-top);
  width: 46px; height: 46px; display: grid; place-items: center; cursor: pointer;
  border: 1px solid var(--border); border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 88%, var(--shade)); color: var(--accent-text);
  font-size: 20px; box-shadow: var(--shadow-md);
}
.toTop-8f7b9a[hidden] { display: none; }
.cookies-8f7b9a {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; z-index: var(--z-overlay);
  width: min(680px, calc(100% - 24px));
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
  padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow: var(--shadow-md); font-size: 14px;
}
.cookies-8f7b9a p { margin: 0; color: var(--muted); flex: 1 1 320px; }
.cookies-8f7b9a[hidden] { display: none; }
h1, h2, h3 { letter-spacing: -0.01em; }
h1, h2, h3 { letter-spacing: 0; }

/* --- 6b. Композиция сайта: схема hero, карточки, выравнивание --- */
.cards-8f7b9a { grid-template-columns: 1fr; gap: 0; }
.cards-8f7b9a li { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; background: transparent; padding: 14px 2px; }}
.cards-8f7b9a li:first-child { border-top: 1px solid var(--border); }
.cards-8f7b9a li:hover { transform: none; border-color: var(--border); }
.features-8f7b9a { grid-template-columns: 1fr; gap: 0; }
.features-8f7b9a li { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: start; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; background: transparent; padding: 14px 2px; }}
.features-8f7b9a li:first-child { border-top: 1px solid var(--border); }
.features-8f7b9a .featureIcon-8f7b9a { grid-row: span 2; margin-bottom: 0; }
.stats-8f7b9a { gap: 0; }
.stats-8f7b9a li { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; text-align: left; padding: 14px 2px; }}
.stats-8f7b9a li:first-child { border-top: 1px solid var(--border); }
.steps-8f7b9a li { border: 0; border-left: 2px solid var(--accent); border-radius: 0; background: transparent; }}
.related-8f7b9a ul { gap: 0; }
.related-8f7b9a li { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; padding: 12px 2px; }}
.faq-8f7b9a details { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; padding: 0; }}
.table-8f7b9a thead th { background: transparent; border-bottom: 2px solid var(--border-strong); }}

/* --- 7. Медиазапросы: только в конце, чтобы перекрывать базовые правила --- */
/* Средние экраны: меню ещё видно, поэтому шапку уплотняем, а не ломаем переносом. */
@media (max-width: 1280px) {
  .menuPanel-8f7b9a { gap: 12px; }
  .nav-8f7b9a { gap: 4px 10px; }
  .nav-8f7b9a a { font-size: 13.5px; }
  .header-8f7b9a .button-8f7b9a { padding: 9px 16px; font-size: 14px; min-height: var(--control-h); }
  .lang-8f7b9a a { padding: 2px 7px; }
}
@media (max-width: 1024px) {
  /* Гамбургер включается раньше, чем ряд пунктов перестаёт помещаться в одну
     строку: иначе шапка разъезжалась на две строки хаотичным переносом. */
  .menuButton-8f7b9a { display: inline-block; }
  .menuPanel-8f7b9a {
    display: none; order: 3; width: 100%; margin-left: 0; padding-bottom: 12px;
    flex-direction: column; align-items: stretch; gap: 12px;
  }
  .menuToggle-8f7b9a:checked ~ .menuPanel-8f7b9a { display: flex; }
  .menuPanel-8f7b9a .nav-8f7b9a { flex-direction: column; align-items: stretch; gap: 2px; }
  .menuPanel-8f7b9a .nav-8f7b9a a { padding: 10px 2px; border-bottom: 1px solid var(--border); font-size: 15px; }
  /* В мобильном меню «Ещё» — обычный вложенный список, а не выпадашка. */
  .menuPanel-8f7b9a .nav-8f7b9a-more { position: static; }
  .menuPanel-8f7b9a .nav-8f7b9a-more-summary { padding: 10px 2px; font-size: 15px;
    border-bottom: 1px solid var(--border); }
  .menuPanel-8f7b9a .nav-8f7b9a-more-panel {
    position: static; min-width: 0; padding: 0 0 0 14px; border: 0; border-radius: 0;
    background: transparent; box-shadow: none;
  }
  .menuPanel-8f7b9a .button-8f7b9a { width: 100%; }
}
@media (max-width: 900px) {
  /* Мобильный набор токенов: как в референсе, где desktop/mobile — два набора. */
  :root {
    --section: calc(60px * 0.82);
    --text-display: clamp(26px, 5.2vw, 38px);
    --text-h1: clamp(23px, 4.6vw, 34px);
    --text-h2: clamp(20px, 3.4vw, 26px);
    --header-h: 58px;
  }
  .bonusCard-8f7b9a { grid-template-columns: 1fr; }
  .bonusCard-8f7b9a .actions-8f7b9a .button-8f7b9a { width: 100%; }
}
@media (max-width: 768px) {
  .hero-8f7b9a, .conversion-8f7b9a { grid-template-columns: 1fr; }
  .hero-8f7b9a .media-8f7b9a { order: -1; }
}
@media (max-width: 700px) {
  .tableWrap-8f7b9a { border: 0; overflow: visible; }
  .table-8f7b9a { min-width: 0; font-size: 14px; }
  .table-8f7b9a thead { display: none; }
  .table-8f7b9a, .table-8f7b9a tbody, .table-8f7b9a tr, .table-8f7b9a td { display: block; width: 100%; }
  .table-8f7b9a tr {
    border: 1px solid var(--border); border-radius: var(--radius-md);
    background: var(--surface); padding: 6px 14px 10px; margin-bottom: 12px;
  }
  .table-8f7b9a tr:nth-child(even) { background: var(--surface); }
  .table-8f7b9a td {
    border: 0; padding: 7px 0; display: flex; gap: 14px; justify-content: space-between;
    align-items: baseline;
  }
  .table-8f7b9a td + td { border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent); }
  .table-8f7b9a td::before {
    content: attr(data-label); color: var(--muted); font-size: 12.5px;
    flex: 0 0 44%; line-height: 1.45;
  }
  .table-8f7b9a td:empty { display: none; }
}
@media (max-width: 640px) {
  :root {
    --section: calc(60px * 0.62);
    --text-display: clamp(24px, 7vw, 32px);
    --control-h: 46px;
    /* На тач-экране компактные контролы тоже обязаны быть не меньше 44px. */
    --control-h-sm: 44px;
  }
  .nav-8f7b9a { gap: 4px 10px; font-size: 14px; }
  .cards-8f7b9a, .features-8f7b9a, .stats-8f7b9a, .steps-8f7b9a { grid-template-columns: 1fr; }
  .media-8f7b9a img { max-height: 260px; }
  .button-8f7b9a { width: 100%; }
  .toTop-8f7b9a { right: 12px; bottom: 74px; }
  .cookies-8f7b9a { flex-direction: column; align-items: stretch; }
}
@media (max-width: 480px) {
  /* Малый телефон: поля, кегль первого экрана и шапка ужимаются, но цели
     нажатия остаются не меньше 44px (см. проверку touch_target_size). */
  :root {
    --container-pad: 16px;
    --text-display: clamp(22px, 8vw, 28px);
    --text-h1: clamp(20px, 7vw, 26px);
    --header-h: 54px;
  }
  .promoValue-8f7b9a { font-size: 18px; }
  .toTop-8f7b9a { right: var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* siteforge:authorial-design */
[data-sf="page"]{overflow-x:clip;background:#000;color:var(--color-text);font-family:var(--font-body);background-image:radial-gradient(ellipse 60% 40% at 8% 62%,rgb(190 140 30 / 10%),transparent 70%),radial-gradient(ellipse 50% 35% at 92% 78%,rgb(190 140 30 / 8%),transparent 70%);background-attachment:scroll;-webkit-font-smoothing:antialiased}[data-sf="page"] ::selection{background:#d21fa6;color:#fff}[data-sf="header"]{position:sticky;top:0;z-index:20;background:rgb(10 1 14 / 94%);border-bottom:1px solid rgb(210 31 166 / 22%);box-shadow:0 1px 0 rgb(0 0 0 / 60%)}[data-sf="header"]>*{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-6)}[data-sf="brand"]{font-family:var(--font-heading);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:26px;line-height:1;color:#fff;text-decoration:none;text-shadow:0 0 18px rgb(210 31 166 / 55%)}[data-sf="brand"] img,[data-sf="brand"] svg{height:32px;width:auto}[data-sf="nav"]{display:flex;flex-wrap:wrap;gap:4px 2px;align-items:center}[data-sf="nav"] a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:#eadcf0;font-size:14px;font-weight:500;text-decoration:none;transition:background-color 160ms ease,color 160ms ease}[data-sf="nav"] a:hover{background:rgb(210 31 166 / 16%);color:#fff}[data-sf="nav"] a[aria-current],[data-sf="nav"] a.active{background:#d21fa6;color:#fff}[data-sf="nav"] a:focus-visible{outline:2px solid #ff7fdc;outline-offset:2px}[data-sf="hero"]{position:relative;isolation:isolate;margin:0 auto var(--space-11);padding:clamp(40px,7vw,104px) clamp(16px,4vw,56px) clamp(48px,7vw,96px);border-radius:0 0 48px 48px;background-color:#1a0420;background-image:radial-gradient(ellipse 45% 60% at 82% 38%,rgb(214 40 200 / 70%),transparent 70%),radial-gradient(ellipse 55% 50% at 60% 95%,rgb(236 52 190 / 55%),transparent 72%),radial-gradient(ellipse 40% 45% at 15% 20%,rgb(106 22 140 / 55%),transparent 70%),radial-gradient(circle at 30% 70%,rgb(255 150 60 / 18%) 0 2px,transparent 3px),radial-gradient(circle at 48% 58%,rgb(255 170 70 / 22%) 0 2px,transparent 3px),radial-gradient(circle at 70% 82%,rgb(255 150 60 / 20%) 0 3px,transparent 4px),linear-gradient(180deg,#140218 0%,#3a0748 60%,#6a0f78 100%);box-shadow:inset 0 -2px 0 rgb(255 110 210 / 55%),0 30px 60px -30px rgb(210 31 166 / 45%);overflow:visible}[data-sf="hero"]::after{content:'';position:absolute;left:8%;right:8%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ff6fd8,#ffd0f2,#ff6fd8,transparent);filter:blur(1px);z-index:-1}[data-sf="hero"][data-sf-composition="split"],[data-sf="hero"][data-sf-composition="split_media_first"]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-8);align-items:center}[data-sf="hero"][data-sf-composition="split_media_first"]>:first-child{order:2}[data-sf="hero"] [data-sf="media"],[data-sf="hero"] img{max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px -18px rgb(0 0 0 / 70%),0 0 0 1px rgb(255 120 220 / 25%)}[data-sf="hero-title"]{font-family:var(--font-heading);font-weight:400;text-transform:uppercase;font-size:clamp(44px,6.4vw,92px);line-height:.9;letter-spacing:-.005em;color:#e021b3;max-width:18ch;margin:0 0 var(--space-5);text-shadow:0 2px 0 rgb(80 0 60 / 45%)}[data-sf="hero-title"] em,[data-sf="hero-title"] span{display:block;font-style:normal;font-size:.42em;line-height:1;text-align:right;max-width:100%;color:#f04ac6;margin-top:.2em}[data-sf="lead"]{max-width:38ch;margin:0 0 var(--space-6) auto;padding-left:var(--space-4);border-left:2px solid #d21fa6;font-size:15px;line-height:1.5;color:#f4e9f7}[data-sf="actions"]{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}[data-sf="button"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 34px;border:0;border-radius:999px;background:#d21fa6;color:#fff;font-family:var(--font-heading);font-weight:400;font-size:20px;letter-spacing:.02em;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px -8px rgb(210 31 166 / 75%),inset 0 1px 0 rgb(255 255 255 / 22%);transition:background-color 160ms ease,transform 160ms ease,box-shadow 160ms ease}[data-sf="button"]:hover{background:#e637bb;box-shadow:0 10px 28px -8px rgb(230 55 187 / 90%),inset 0 1px 0 rgb(255 255 255 / 28%);transform:translateY(-1px)}[data-sf="button"]:active{background:#b3168c;transform:none}[data-sf="button"]:focus-visible,[data-sf="button-ghost"]:focus-visible{outline:3px solid #ffb3ec;outline-offset:3px}[data-sf="button-ghost"]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid rgb(255 255 255 / 55%);background:transparent;color:#fff;font-weight:600;font-size:15px;text-decoration:none;transition:border-color 160ms ease,background-color 160ms ease}[data-sf="button-ghost"]:hover{border-color:#fff;background:rgb(255 255 255 / 8%)}[data-sf="content"]{position:relative}[data-sf="section"]{padding-block:var(--section-space);position:relative}[data-sf="section"]+[data-sf="section"]{border-top:0}[data-sf="prose"]{max-width:var(--container)}[data-sf="paragraph"]{max-width:65ch;line-height:1.65;color:#e9dcee}[data-sf="prose"] a,[data-sf="paragraph"] a{color:#ff5fcf;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}[data-sf="prose"] a:hover{color:#ff9be2}[data-sf="h2"]{font-family:var(--font-heading);font-weight:400;text-transform:uppercase;font-size:clamp(34px,4.6vw,60px);line-height:.95;letter-spacing:0;color:#e021b3;max-width:22ch;margin:0 0 var(--space-6)}[data-sf="h3"]{font-family:var(--font-body);font-weight:600;font-size:clamp(19px,1.7vw,23px);line-height:1.25;letter-spacing:-.01em;color:#fff;margin:var(--space-6) 0 var(--space-3)}[data-sf="breadcrumbs"]{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#b9a3c2;margin-bottom:var(--space-5)}[data-sf="breadcrumbs"] a{color:#e9c7f2;text-decoration:none}[data-sf="breadcrumbs"] a:hover{color:#ff5fcf}[data-sf="list"]{padding-left:0;list-style:none;max-width:65ch}[data-sf="list"] li{position:relative;padding-left:26px;margin-bottom:10px;line-height:1.6}[data-sf="list"] li::before{content:'✦';position:absolute;left:0;top:0;color:#e021b3;font-size:14px}[data-sf="cards"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);list-style:none;padding:0}[data-sf="cards"]>*{padding:22px 22px 24px;border-radius:20px;background:linear-gradient(160deg,#2a0535,#16021c);border:1px solid rgb(210 31 166 / 25%);box-shadow:0 12px 26px -16px rgb(0 0 0 / 80%);transition:border-color 160ms ease,transform 160ms ease}[data-sf="cards"]>*:hover{border-color:rgb(255 95 207 / 60%);transform:translateY(-2px)}[data-sf="steps"]{display:grid;grid-template-columns:1fr;gap:14px;max-width:340px;counter-reset:step;list-style:none;padding:0}[data-sf="steps"]>*{position:relative;padding:20px 22px 22px;border-radius:20px;background:#d21fa6;color:#fff;box-shadow:0 14px 28px -14px rgb(210 31 166 / 70%),inset 0 1px 0 rgb(255 255 255 / 20%)}[data-sf="steps"]>*:nth-child(even){background:linear-gradient(180deg,rgb(30 4 36 / 85%),rgb(90 16 100 / 70%));border:1px solid rgb(255 255 255 / 8%);box-shadow:0 14px 28px -14px rgb(0 0 0 / 80%)}[data-sf="steps"]>*::before{display:block;content:'✦';font-size:18px;letter-spacing:6px;line-height:1;margin-bottom:12px;color:#fff}[data-sf="steps"]>*:nth-child(2)::before{content:'✦✦'}[data-sf="steps"]>*:nth-child(3)::before{content:'✦✦✦'}[data-sf="steps"]>*:nth-child(n+4)::before{content:'✦✦✦✦'}[data-sf="steps"] h3,[data-sf="steps"] [data-sf="h3"]{margin:0 0 4px;font-size:19px;font-weight:500;color:#fff}[data-sf="steps"] p{margin:0;font-size:13.5px;line-height:1.4;color:rgb(255 255 255 / 90%)}[data-sf="features"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:1px solid rgb(210 31 166 / 30%)}[data-sf="features"]>*{padding:24px 24px 26px 0;border-bottom:1px solid rgb(255 255 255 / 8%)}[data-sf="features"]>*::before{content:'✦';display:block;color:#e021b3;margin-bottom:10px}[data-sf="features"] p{color:#cdb8d4;font-size:15px}[data-sf="stats"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);padding:0;list-style:none}[data-sf="stats"]>*{padding:20px;border-radius:16px;background:#1c0322;border:1px solid rgb(210 31 166 / 22%)}[data-sf="stats"] strong,[data-sf="stats"] b{display:block;font-family:var(--font-heading);font-weight:400;font-size:clamp(34px,3.6vw,48px);line-height:1;color:#e021b3;margin-bottom:6px}[data-sf="stats"] span,[data-sf="stats"] small{font-size:13px;color:#cdb8d4}[data-sf="table"]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid rgb(210 31 166 / 28%);background:#140219}[data-sf="table"] table{width:100%;border-collapse:collapse;min-width:640px;font-size:14.5px}[data-sf="table"] th{position:sticky;top:0;background:#2a0535;color:#fff;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #d21fa6;font-size:13px;letter-spacing:.04em;text-transform:uppercase}[data-sf="table"] td{padding:14px 16px;border-bottom:1px solid rgb(255 255 255 / 7%);color:#eadcf0;vertical-align:top}[data-sf="table"] tr:nth-child(even) td{background:rgb(210 31 166 / 5%)}[data-sf="table"] tr:hover td{background:rgb(210 31 166 / 12%)}[data-sf="table"] td:first-child{font-weight:600;color:#fff}[data-sf="split"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-9);align-items:center}[data-sf="split"] img,[data-sf="media"] img,[data-sf="media"]{width:100%;max-height:380px;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:linear-gradient(135deg,#3a0748,#b01a90)}[data-sf="media"] figcaption{font-size:12.5px;color:#a891b1;margin-top:8px}[data-sf="faq"]{max-width:860px;display:grid;gap:10px}[data-sf="faq"] details{border-radius:16px;background:#1c0322;border:1px solid rgb(255 255 255 / 8%);transition:border-color 160ms ease}[data-sf="faq"] details[open]{border-color:rgb(210 31 166 / 55%);background:#240429}[data-sf="faq"] summary{list-style:none;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;font-weight:600;font-size:16px;color:#fff}[data-sf="faq"] summary::-webkit-details-marker{display:none}[data-sf="faq"] summary::after{content:'✦';color:#e021b3;transition:transform 200ms ease}[data-sf="faq"] details[open] summary::after{transform:rotate(45deg)}[data-sf="faq"] summary:focus-visible{outline:2px solid #ff7fdc;outline-offset:-2px;border-radius:16px}[data-sf="faq"] details>*:not(summary){padding:0 20px 18px;color:#d9c6df;max-width:65ch;line-height:1.6}[data-sf="bonus"]{position:relative;display:grid;grid-template-columns:1fr auto;gap:var(--space-5);align-items:center;padding:28px 32px;border-radius:24px;background:radial-gradient(ellipse 60% 120% at 100% 50%,rgb(236 52 190 / 55%),transparent 70%),linear-gradient(120deg,#2a0535,#5a0d68);border:1px solid rgb(255 110 210 / 35%);overflow:hidden}[data-sf="bonus"] code,[data-sf="bonus"] strong{font-family:var(--font-heading);font-weight:400;font-size:30px;letter-spacing:.06em;color:#fff;padding:6px 18px;border:2px dashed #ff6fd8;border-radius:12px;background:rgb(0 0 0 / 30%)}[data-sf="signup"]{max-width:540px;margin-left:auto;padding:36px 40px 34px;border-radius:20px;background:#1c0322;border:1px solid rgb(210 31 166 / 18%);box-shadow:0 24px 50px -24px rgb(0 0 0 / 90%)}[data-sf="signup"] h2,[data-sf="signup"] h3{font-family:var(--font-body);text-transform:none;font-weight:400;font-size:28px;text-align:center;color:#f0c6ea;margin:0 0 24px}[data-sf="signup"] input:not([type="checkbox"]),[data-sf="signup"] select,[data-sf="signup"] textarea{width:100%;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid rgb(255 255 255 / 70%);background:transparent;color:#fff;font:inherit;font-size:14px;margin-bottom:14px;transition:border-color 160ms ease,box-shadow 160ms ease}[data-sf="signup"] input::placeholder{color:#b9a3c2}[data-sf="signup"] input:focus{outline:none;border-color:#ff5fcf;box-shadow:0 0 0 3px rgb(210 31 166 / 40%)}[data-sf="signup"] input[type="checkbox"]{accent-color:#e84fc1;width:18px;height:18px;margin-right:8px}[data-sf="signup"] label{font-size:13.5px;color:#eadcf0;line-height:1.4}[data-sf="signup"] a{color:#ff5fcf}[data-sf="signup"] [data-sf="button"],[data-sf="signup"] button[type="submit"]{width:100%;margin:6px 0 18px}[data-sf="conversion"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:center;padding:clamp(24px,4vw,48px);border-radius:28px;background:radial-gradient(ellipse 55% 80% at 20% 100%,rgb(214 40 200 / 55%),transparent 70%),linear-gradient(135deg,#1c0322,#3a0748);border:1px solid rgb(210 31 166 / 30%);box-shadow:0 30px 60px -30px rgb(210 31 166 / 45%)}[data-sf="conversion"] img{width:100%;aspect-ratio:4/3;max-height:380px;object-fit:cover;border-radius:20px}[data-sf="conversion"] h2{margin-bottom:var(--space-4)}[data-sf="related"]{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}[data-sf="related"] a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#1c0322;border:1px solid rgb(210 31 166 / 30%);color:#f0dcf4;font-size:14px;font-weight:500;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease}[data-sf="related"] a::before{content:'✦';color:#e021b3;font-size:12px}[data-sf="related"] a:hover{background:#2a0535;border-color:#d21fa6;color:#fff}[data-sf="reviews"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}[data-sf="reviews"]>*{padding:22px;border-radius:20px;background:#1c0322;border-left:3px solid #d21fa6}[data-sf="pricing"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}[data-sf="pricing"]>*{padding:26px;border-radius:20px;background:#1c0322;border:1px solid rgb(255 255 255 / 10%)}[data-sf="pricing"]>*:nth-child(2){background:#d21fa6;border-color:transparent}[data-sf="gallery"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}[data-sf="gallery"] img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}[data-sf="marquee"]{overflow:hidden;border-block:1px solid rgb(210 31 166 / 35%);background:#12011a;padding:12px 0}[data-sf="marquee"] [data-sf="marqueeItem"],[data-sf="marquee"] li{font-family:var(--font-heading);text-transform:uppercase;font-size:22px;color:#e021b3;padding:0 20px}[data-sf="footer"]{position:relative;margin-top:var(--space-12);padding:56px clamp(16px,4vw,56px) 28px;border-radius:40px 40px 0 0;background:radial-gradient(ellipse 50% 90% at 50% 0%,rgb(120 20 130 / 45%),transparent 70%),#1a0320;border-top:1px solid rgb(210 31 166 / 30%);color:#bba6c3;font-size:14px}[data-sf="footer"] h2,[data-sf="footer"] h3{font-family:var(--font-heading);font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.2vw,42px);line-height:1;color:#e021b3;margin:0 0 8px}[data-sf="footer"] p{font-size:12.5px;line-height:1.5;color:#a891b1;max-width:52ch}[data-sf="footer"] nav,[data-sf="footer"] ul{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;list-style:none;padding:0}[data-sf="footer"] ul li+li::before{content:'✦';color:#d9c6df;font-size:11px;padding:0 12px}[data-sf="footer"] a{color:#eadcf0;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}[data-sf="footer"] a:hover{color:#ff5fcf}[data-sf="footer"] small{display:block;margin-top:24px;text-align:center;font-size:12px;color:#9a84a3}[data-sf="cookies"]{position:fixed;left:16px;right:16px;bottom:16px;top:auto;transform:none;z-index:40;max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;border-radius:20px;background:#1c0322;border:1px solid rgb(210 31 166 / 40%);box-shadow:0 16px 40px -12px rgb(0 0 0 / 85%);color:#eadcf0;font-size:13.5px}[data-sf="cookies"] [data-sf="button"]{min-height:44px;font-size:17px;padding:0 22px}@media (max-width:1279px){[data-sf="hero-title"]{font-size:clamp(44px,6.8vw,84px)}[data-sf="signup"]{padding:32px}}@media (max-width:1023px){[data-sf="hero"][data-sf-composition="split"],[data-sf="hero"][data-sf-composition="split_media_first"]{grid-template-columns:1fr;gap:var(--space-6)}[data-sf="hero"][data-sf-composition="split_media_first"]>:first-child{order:0}[data-sf="hero"]{border-radius:0 0 36px 36px}[data-sf="split"],[data-sf="conversion"]{grid-template-columns:1fr;gap:var(--space-6)}[data-sf="signup"]{margin:0 auto;max-width:560px}[data-sf="steps"]{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}[data-sf="lead"]{margin-left:0}}@media (max-width:767px){[data-sf="header"]>*{gap:8px 12px}[data-sf="nav"] a{padding:0 10px;font-size:13.5px}[data-sf="hero"]{padding:32px 16px 40px;border-radius:0 0 28px 28px;margin-bottom:var(--space-10)}[data-sf="hero-title"]{font-size:clamp(40px,11vw,60px);max-width:16ch}[data-sf="hero-title"] em,[data-sf="hero-title"] span{text-align:left}[data-sf="hero"] [data-sf="media"],[data-sf="hero"] img{max-height:300px}[data-sf="actions"]{flex-direction:column;align-items:stretch}[data-sf="actions"] [data-sf="button"],[data-sf="actions"] [data-sf="button-ghost"],[data-sf="conversion"] [data-sf="button"]{width:100%}[data-sf="steps"]{grid-template-columns:1fr}[data-sf="h2"]{font-size:clamp(30px,8.5vw,44px)}[data-sf="bonus"]{grid-template-columns:1fr;padding:22px}[data-sf="signup"]{padding:26px 20px}[data-sf="conversion"]{border-radius:20px;padding:20px}[data-sf="conversion"] img,[data-sf="split"] img{max-height:300px}[data-sf="footer"]{border-radius:28px 28px 0 0;padding:40px 16px 24px}[data-sf="footer"] ul li+li::before{padding:0 8px}[data-sf="features"]>*{padding-right:0}}@media (max-width:479px){[data-sf="brand"]{font-size:22px}[data-sf="hero-title"]{font-size:40px}[data-sf="button"]{font-size:18px;padding:0 22px}[data-sf="stats"]{grid-template-columns:1fr 1fr}[data-sf="cookies"]{left:8px;right:8px;bottom:8px;padding:14px}}