@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap";
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 56px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
}

:root {
  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1440px;
  --breakpoint-wide: 1920px;
}

:root {
  --font-family-base: Golos Text, sans-serif;
  --container-width: 1920px;
  --container-padding-x: 32px;
  --section-padding-y: 30px;
  --input-height: 38px;
  --button-height: 40px;
  --transition-duration: 0.2s;
  --paragraphMarginBottom: 24px;
  --main: #D9B648;
  --text_001: #000;
  --text_002: #555555;
  --text_003: #a9a9a9;
  --border: #c4c2bc;
  --bg: #e9e8e4;
  --error: #cb272f;
  --pink: #e2a7e4;
  --blue: #a0e1e1;
  --green: #a0e870;
  --yellow: #D9B648;
  --red: #F2454D;
  --extra_bg: #E8D491;
  --light-mode-white: #fff;
  --light-mode-text-001: #303030;
  --light-mode-text-002: #555;
  --light-mode-text-003: #a9a9a9;
  --light-mode-border: #c4c2bc;
  --light-mode-border-02: #D2D0CB;
  --light-mode-bg-00: #f5f3ed;
  --light-mode-bg-01: #e9e8e4;
  --light-mode-bg-02: #dbd9d0;
  --light-mode-bg-03: #E7E5DF;
  --dark-mode-black: #000;
  --dark-mode-text-001: #fff;
  --dark-mode-text-002: #afafaf;
  --dark-mode-text-003: #666;
  --dark-mode-border: #3d3d3d;
  --dark-mode-border-02: #4c4c4c;
  --dark-mode-bg-00: #373737;
  --dark-mode-bg-01: #282828;
  --dark-mode-bg-02: #141414;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 28px;
  --text-4xl: 32px;
  --text-5xl: 40px;
  --text-6xl: 48px;
  --text-7xl: 56px;
  --text-8xl: 72px;
}

:root {
  --kit-color-main: #D9B648;
  --kit-color-error: #F2454D;
  --kit-accent-bg-warm: #E8D491;
  --kit-accent-bg-sage: #C4C9A3;
  --kit-accent-pink: #D6B0F7;
  --kit-accent-blue: #9FE1E1;
  --kit-accent-green: #A0E870;
  --kit-accent-green-soft: #DEF2ED;
  --kit-bg-page: #F4F3F0;
  --kit-bg-surface-1: #E7E5DF;
  --kit-bg-surface-2: #DEDBD3;
  --kit-bg-on-light: #FFFFFF;
  --kit-text-primary: #303030;
  --kit-text-secondary: #525252;
  --kit-text-muted: #AAA8A8;
  --kit-text-mono: #6E747D;
  --kit-border-default: #C4C2BC;
  --kit-border-strong: #D2D0CB;
  --kit-text-inverse: #FFFFFF;
  --kit-bg-inverse: #303030;
}

[data-theme=dark] {
  --kit-bg-page: #373737;
  --kit-bg-surface-1: #282828;
  --kit-bg-surface-2: #141414;
  --kit-bg-on-light: #303030;
  --kit-text-primary: #FFFFFF;
  --kit-text-secondary: #AFAFAF;
  --kit-text-muted: #666666;
  --kit-border-default: #3D3D3D;
  --kit-border-strong: #4C4C4C;
  --kit-text-inverse: #303030;
  --kit-bg-inverse: #FFFFFF;
}

:root {
  --kit-space-0: 0;
  --kit-space-1: 4px;
  --kit-space-2: 8px;
  --kit-space-3: 12px;
  --kit-space-4: 16px;
  --kit-space-5: 24px;
  --kit-space-6: 32px;
  --kit-space-7: 40px;
  --kit-space-8: 48px;
  --kit-space-9: 56px;
  --kit-space-10: 64px;
  --kit-space-11: 80px;
  --kit-space-12: 96px;
  --kit-radius-tag: 20px;
  --kit-radius-card: 24px;
  --kit-radius-soft: 16px;
  --kit-radius-chip: 40px;
  --kit-radius-nav: 46px;
  --kit-radius-pill: 500px;
  --kit-radius-pulse: 100px;
  --kit-shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.08);
  --kit-bg-handoff: #E9E8E4;
  --kit-text-handoff: #000000;
  --kit-text-handoff-2: #555555;
  --kit-text-handoff-3: #A9A9A9;
  --kit-border-handoff: #D2D0CB;
  --kit-bg-handoff-soft: #F4F3F0;
  --kit-transition-duration: 0.2s;
}

.gro-design-v3 h1, .gro-design-v3 h2, .gro-design-v3 h3, .gro-design-v3 h4, .gro-design-v3 h5, .gro-design-v3 h6 {
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 16px;
}
.gro-design-v3 h1 {
  font-size: 32px;
}
.gro-design-v3 h2 {
  font-size: 24px;
}
.gro-design-v3 h3 {
  font-size: 20px;
}
.gro-design-v3 h4 {
  font-size: 18px;
}
.gro-design-v3 h5 {
  font-size: 16px;
}
.gro-design-v3 h6 {
  font-size: 14px;
}
.gro-design-v3 p {
  margin-bottom: 16px;
}
.gro-design-v3 p:last-child {
  margin-bottom: 0;
}
.gro-design-v3 small {
  font-size: 14px;
}
.gro-design-v3 strong, .gro-design-v3 b {
  font-weight: 700;
}
.gro-design-v3 em, .gro-design-v3 i {
  font-style: italic;
}

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

:where(ul, ol):where([class]) {
  padding-left: 0;
}

body, :where(blockquote, figure):where([class]) {
  margin: 0;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

p {
  --paragraphMarginBottom: 24px;
  margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

img {
  display: block;
  max-width: 100%;
}

input, textarea, select, button {
  font: inherit;
}

html {
  height: 100%;
}

html, :has(:target) {
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  line-height: 1.5;
  height: 100%;
}

svg * {
  transition-property: fill, stroke;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
button {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
}

a {
  color: inherit;
}

a, a:hover {
  text-decoration: none;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.page-main {
  flex: 1 1 auto;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

button {
  cursor: pointer;
}

html, body {
  scrollbar-gutter: stable;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

:root {
  --font-family-base: "Golos Text", sans-serif;
  --container-width: 1920px;
  --container-padding-x: 32px;
  --section-padding-y: 30px;
  --input-height: 38px;
  --button-height: 40px;
  --transition-duration: 0.2s;
}

:root {
  --main: #D9B648;
  --text_001: #000;
  --text_002: #555555;
  --text_003: #a9a9a9;
  --border: #c4c2bc;
  --bg: #e9e8e4;
  --error: #cb272f;
  --pink: #e2a7e4;
  --blue: #a0e1e1;
  --green: #a0e870;
  --yellow: #D9B648;
  --red: #F2454D;
  --extra_bg: #E8D491;
  --light-mode-white: #fff;
  --light-mode-text-001: #303030;
  --light-mode-text-002: #525252;
  --light-mode-text-003: #AAA8A8;
  --light-mode-border: #C4C2BC;
  --light-mode-border-02: #D2D0CB;
  --light-mode-bg-00: #F4F3F0;
  --light-mode-bg-01: #E7E5DF;
  --light-mode-bg-02: #DEDBD3;
  --light-mode-bg-03: #E7E5DF;
  --dark-mode-black: #000;
  --dark-mode-text-001: #fff;
  --dark-mode-text-002: #afafaf;
  --dark-mode-text-003: #666;
  --dark-mode-border: #3d3d3d;
  --dark-mode-border-02: #4c4c4c;
  --dark-mode-bg-01: #282828;
  --dark-mode-bg-02: #141414;
  --dark-mode-bg-00: #373737;
}

.follow_white-btn {
  transition: all 0.3s;
  justify-content: center;
  border: 1px solid var(--text_001);
}

.follow_white-btn:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #000;
}

.btn-border {
  transition: all 0.3s;
  justify-content: center;
  border: 1px solid var(--text_001);
  border-radius: 40px;
  padding: 8px 20px;
  max-width: max-content;
  gap: 10px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--text-001);
}

.btn-border svg path {
  transition: stroke 0.3s;
  stroke: #000;
}

.btn-border:hover {
  background-color: #000;
  color: #fff;
}

.btn-border:hover svg path {
  stroke: #fff;
}

.btn-black {
  background-color: #000;
  color: #fff;
  transition: all 0.3s;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  max-width: max-content;
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.btn-black:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.section {
  margin-bottom: 88px;
}

.section__header {
  padding-bottom: 56px;
}

.section__title {
  color: var(--text_001);
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
  margin-bottom: 16px;
}

.section__title span {
  color: var(--text_002);
}

.section__subtitle {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.section__footer {
  text-align: center;
  padding-top: 40px;
}

.section__link {
  background-color: var(--text_001);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 72px;
  gap: 12px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  text-decoration: none;
  border-radius: 40px;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .section {
    margin-bottom: 56px;
  }
  .section__header {
    padding-bottom: 40px;
  }
  .section__title {
    font-size: 56px;
  }
  .section__subtitle {
    font-size: 20px;
  }
  .section__link {
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .section {
    margin-bottom: 32px;
  }
  .section__header {
    padding-bottom: 24px;
  }
  .section__title {
    font-size: 32px;
  }
  .section__subtitle {
    font-size: 16px;
  }
  .section__link {
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
  }
}
.slider-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}

.slider__prev, .slider__next {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.slider__prev:hover, .slider__next:hover {
  background: var(--main);
  border: 1px solid #000;
}

.slider__prev:hover {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #D9B648;
}

.slider__next:hover {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #D9B648;
}

.slider__prev {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #000;
}

.slider__next {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #000;
}

@media (max-width: 1440px) {
  .slider__prev, .slider__next {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 768px) {
  .slider__prev, .slider__next {
    width: 44px;
    height: 44px;
  }
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 24px 0 16px;
  font-family: inherit;
}
.breadcrumb a,
.breadcrumb > span > span,
.breadcrumb .breadcrumb_last {
  color: var(--text_003);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--text_001);
}
@media (max-width: 1440px) {
  .breadcrumb {
    padding: 16px 0 12px;
  }
  .breadcrumb a, .breadcrumb > span > span, .breadcrumb .breadcrumb_last {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: 12px 0 8px;
  }
  .breadcrumb a, .breadcrumb > span > span, .breadcrumb .breadcrumb_last {
    font-size: 14px;
  }
}

.wiki-home__hero .breadcrumb,
.wiki-page .breadcrumb {
  padding: 16px 0 12px !important;
}
@media (max-width: 768px) {
  .wiki-home__hero .breadcrumb,
  .wiki-page .breadcrumb {
    padding: 12px 0 8px !important;
  }
}

.wiki-home .breadcrumb a,
.wiki-home .breadcrumb > span > span,
.wiki-home .breadcrumb .breadcrumb_last {
  color: var(--text_003);
}

.breadcrumb__item + .breadcrumb__item:before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 3.5L10 8.5L5 13.5" stroke="%23A9A9A9" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  position: relative;
  bottom: 0;
}

.breadcrumb__link, .breadcrumb__item_current {
  color: var(--text_003);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
}

.breadcrumb__link {
  text-decoration: none;
}

@media (max-width: 1440px) {
  .breadcrumb__link, .breadcrumb__item_current {
    font-size: 16px;
  }
  .breadcrumb__item + .breadcrumb__item:before {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 768px) {
  .breadcrumb__link, .breadcrumb__item_current {
    font-size: 14px;
  }
  .breadcrumb__item + .breadcrumb__item:before {
    width: 10px;
    height: 10px;
    background-size: cover;
  }
}
.remove-scrolling {
  overflow: hidden;
  height: 100vh;
}

.offcanvas__overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: opacity 0.25s ease;
  z-index: 30;
}

.offcanvas.is-opened .offcanvas__overlay {
  background-color: #000;
  opacity: 0.5;
}

.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  z-index: 9;
  opacity: 0;
}

.offcanvas.is-opened {
  visibility: visible;
  opacity: 1;
}

.offcanvas__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 429px;
  height: 160px;
  padding: 32px;
  transition: 0.25s;
  background: #fff;
  z-index: 30;
  border-radius: 24px;
}

.offcanvas__close {
  position: absolute;
  border: none;
  right: 16px;
  top: 16px;
  z-index: 30;
  background: url("img/close.svg") no-repeat center center/cover;
  width: 32px;
  height: 32px;
}

.offcanvas__content {
  position: relative;
  height: 100%;
}

.offcanvas__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  margin-bottom: 16px;
}

.offcanvas__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

@media (max-width: 768px) {
  .offcanvas__wrapper {
    width: 100%;
  }
}
:root {
  --font-family-base: "Golos Text", sans-serif;
  --container-width: 1920px;
  --container-padding-x: 32px;
  --section-padding-y: 30px;
  --input-height: 38px;
  --button-height: 40px;
  --transition-duration: 0.2s;
}

:root {
  --main: #D9B648;
  --text_001: #000;
  --text_002: #555555;
  --text_003: #a9a9a9;
  --border: #c4c2bc;
  --bg: #e9e8e4;
  --error: #cb272f;
  --pink: #e2a7e4;
  --blue: #a0e1e1;
  --green: #a0e870;
  --yellow: #D9B648;
  --red: #F2454D;
  --extra_bg: #E8D491;
  --light-mode-white: #fff;
  --light-mode-text-001: #303030;
  --light-mode-text-002: #525252;
  --light-mode-text-003: #AAA8A8;
  --light-mode-border: #C4C2BC;
  --light-mode-border-02: #D2D0CB;
  --light-mode-bg-00: #F4F3F0;
  --light-mode-bg-01: #E7E5DF;
  --light-mode-bg-02: #DEDBD3;
  --light-mode-bg-03: #E7E5DF;
  --dark-mode-black: #000;
  --dark-mode-text-001: #fff;
  --dark-mode-text-002: #afafaf;
  --dark-mode-text-003: #666;
  --dark-mode-border: #3d3d3d;
  --dark-mode-border-02: #4c4c4c;
  --dark-mode-bg-01: #282828;
  --dark-mode-bg-02: #141414;
  --dark-mode-bg-00: #373737;
}

.question-modal {
  background: var(--bg);
  max-width: 515px;
  width: 100%;
  height: 97%;
  position: fixed;
  top: 50%;
  right: -100%;
  z-index: 1020;
  transform: translateY(-50%);
  border-radius: 24px;
  padding: 32px;
  transition: right 0.5s;
  overflow-y: auto;
}

.question-modal.active {
  right: 16px;
}

@media (max-width: 768px) {
  .question-modal.active {
    right: 0;
  }
}
@media (max-width: 768px) {
  .question-modal {
    max-width: none;
    padding: 52px 12px;
    border-radius: 0;
    height: 100%;
  }
}
.question-block {
  position: relative;
}

.question-block__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text-001);
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .question-block__title {
    font-size: 26px;
    text-align: center;
  }
}
:root {
  --font-family-base: "Golos Text", sans-serif;
  --container-width: 1920px;
  --container-padding-x: 32px;
  --section-padding-y: 30px;
  --input-height: 38px;
  --button-height: 40px;
  --transition-duration: 0.2s;
}

:root {
  --main: #D9B648;
  --text_001: #000;
  --text_002: #555555;
  --text_003: #a9a9a9;
  --border: #c4c2bc;
  --bg: #e9e8e4;
  --error: #cb272f;
  --pink: #e2a7e4;
  --blue: #a0e1e1;
  --green: #a0e870;
  --yellow: #D9B648;
  --red: #F2454D;
  --extra_bg: #E8D491;
  --light-mode-white: #fff;
  --light-mode-text-001: #303030;
  --light-mode-text-002: #525252;
  --light-mode-text-003: #AAA8A8;
  --light-mode-border: #C4C2BC;
  --light-mode-border-02: #D2D0CB;
  --light-mode-bg-00: #F4F3F0;
  --light-mode-bg-01: #E7E5DF;
  --light-mode-bg-02: #DEDBD3;
  --light-mode-bg-03: #E7E5DF;
  --dark-mode-black: #000;
  --dark-mode-text-001: #fff;
  --dark-mode-text-002: #afafaf;
  --dark-mode-text-003: #666;
  --dark-mode-border: #3d3d3d;
  --dark-mode-border-02: #4c4c4c;
  --dark-mode-bg-01: #282828;
  --dark-mode-bg-02: #141414;
  --dark-mode-bg-00: #373737;
}

.thanks-modal {
  background: #fff;
  max-width: 430px;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1010;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  padding: 32px;
  transition: opacity 0.5s;
  overflow-y: auto;
  display: none;
  opacity: 0;
}

.thanks-modal.active {
  display: block;
  opacity: 1;
}

.thanks-block__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
}

.thanks-block__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.blocking-modal {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.blocking {
  background: var(--main);
  border-radius: 24px;
  padding: 56px 28px 40px 28px;
  position: absolute;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  top: 110px;
}

@media (max-width: 1650px) {
  .blocking {
    max-width: 80%;
    width: 100%;
  }
}
@media (max-width: 860px) {
  .blocking {
    padding: 40px 16px 16px 16px;
  }
}
@media (max-width: 768px) {
  .blocking {
    max-width: 98%;
  }
}
.blocking__wrapper {
  max-width: 85%;
  margin: 0 auto;
}

@media (max-width: 860px) {
  .blocking__wrapper {
    max-width: 84%;
  }
}
@media (max-width: 600px) {
  .blocking__wrapper {
    max-width: none;
  }
}
.blocking__title {
  font-weight: 500;
  font-size: clamp(24px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

.blocking__text {
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.blocking__text p:not(:last-child) {
  margin-bottom: 10px;
}

.blocking__text p strong {
  font-weight: 500;
}

.blocking ol {
  margin-top: 32px;
}

.blocking ol li {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 36px;
}

.blocking ol li:not(:last-child) {
  margin-bottom: 16px;
}

.blocking ol li::before {
  content: "";
  background: url("img/item-list.svg") no-repeat center center;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
}

.blocking__wrap {
  display: flex;
  flex-direction: column;
  margin-top: 52px;
}

@media (max-width: 768px) {
  .blocking__wrap {
    margin-top: 36px;
  }
}
.blocking__btn {
  font-size: clamp(16px, 1.3888888889vw, 20px);
  padding: 21px 30px;
  width: 100%;
  max-width: none;
}

@media (max-width: 768px) {
  .blocking__btn {
    padding: 15px;
  }
}
.blocking__btn::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  transition: 0.2s ease-in-out;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .blocking__btn::after {
    margin-left: 8px;
  }
}
.blocking__btn:hover::after {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.blocking .pillar-block-link {
  margin: 0 auto;
  margin-top: 24px;
  font-size: clamp(16px, 1.3888888889vw, 20px);
}

@media (max-width: 768px) {
  .blocking .pillar-block-link {
    margin-top: 17px;
  }
}
.blocking .pillar-block__list {
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: 24px;
}

@media (max-width: 950px) {
  .blocking .pillar-block__list {
    flex-direction: column;
  }
}
.blocking .pillar-block__list li {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-002);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 950px) {
  .blocking .pillar-block__list li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.blocking .pillar-block__list li span {
  width: 4px;
  height: 4px;
  margin: 0 10px;
  color: var(--light-mode-text-002);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

@media (max-width: 845px) {
  .blocking .pillar-block__list li span {
    display: none;
  }
}
.blocking__head {
  display: flex;
  align-items: flex-start;
}

.blocking__body {
  margin-left: 20px;
}

@media (max-width: 768px) {
  .blocking__body {
    margin-left: 40px;
  }
}
@media (max-width: 576px) {
  .blocking__body {
    margin-left: 0;
  }
}
.blocking__icon {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .blocking__icon {
    margin-right: 16px;
    margin-left: 0;
  }
}
.blocking__icon::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("img/lock.svg") no-repeat center center/cover;
}

@media (max-width: 768px) {
  .blocking__icon::before {
    width: 24px;
    height: 24px;
  }
}
.blocking__overlay {
  position: absolute;
  inset: 0;
  background: rgba(244, 244, 244, 0.41);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 4;
  pointer-events: none;
}

body {
  font-size: clamp(14px, 0.9722222222vw, 14px);
  font-family: var(--font-family-base);
  font-weight: 400;
  line-height: 130%;
  color: var(--color-dark);
  background-color: var(--bg);
  color: var(--text_001);
}

a, button, input, textarea, svg * {
  transition-duration: var(--transition-duration);
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4 {
  font-weight: 500;
}

h1, .h1 {
  font-size: clamp(43px, 4.1666666667vw, 60px);
}

h2, .h2 {
  font-size: clamp(36px, 2.7777777778vw, 40px);
}

h3, .h3 {
  font-size: clamp(26px, 2.0833333333vw, 30px);
}

h4, .h4 {
  font-size: clamp(18px, 1.3888888889vw, 20px);
}

.container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 32px;
}

.container_padding_thin {
  padding: 0 8px;
}

@media (max-width: 768px) {
  .container_padding_16 {
    padding: 0 16px;
  }
}
.container_padding_thin-left {
  padding: 0 0 0 8px;
}

.container_full-height {
  height: 100%;
}

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

@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .container_padding_36 {
    padding: 0 16px;
  }
}
.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  background-color: var(--bg);
  z-index: 9;
}

.fixed-header_hidden {
  transform: translateY(-100%);
}

main:not(.gro_profile) {
  padding-top: 92px;
}

@media (max-width: 1440px) {
  main:not(.gro_profile) {
    padding-top: 72px;
  }
}
@media (max-width: 768px) {
  main:not(.gro_profile) {
    padding-top: 56px;
  }
}
.header {
  position: relative;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1440px) {
  .header {
    height: 72px;
  }
}
@media (max-width: 768px) {
  .header {
    height: 56px;
  }
}
.header__logo {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 18px;
}

@media (max-width: 1440px) {
  .header__logo {
    height: 40px;
    margin-top: 14px;
  }
}
@media (max-width: 768px) {
  .header__logo {
    height: 30px;
    margin-top: 10px;
  }
}
.header-menu {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 768px) {
  .header-menu {
    display: none;
  }
}
.header-menu__item {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .header-menu__item {
    font-size: 16px;
  }
}
.header-menu__item_active {
  border-radius: 46px;
  background-color: var(--extra_bg);
}

.header-control {
  display: flex;
  align-items: center;
  gap: 24px;
}

.header-control__item {
  height: 56px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 30px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  cursor: pointer;
}

@media (max-width: 1440px) {
  .header-control__item {
    height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .header-control__item {
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
  }
}
.header-control__item_sign-in::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 21C4 17.9427 6.50023 12.9618 12.0002 12.9618C17.5002 12.9618 20 17.9427 20 21M8.00023 6.98473C8.00023 4.78402 9.7911 3 12.0002 3C14.2094 3 16.0002 4.78402 16.0002 6.98473C16.0002 9.18543 14.2094 10.9695 12.0002 10.9695C9.7911 10.9695 8.00023 9.18543 8.00023 6.98473Z" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.header-control__item_dropdown {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 46px;
  white-space: nowrap;
}

.header-control__item_dropdown .mobile-name {
  display: none;
}

@media (max-width: 768px) {
  .header-control__item_dropdown .mobile-name {
    display: block;
  }
}
@media (max-width: 768px) {
  .header-control__item_dropdown .desktop-name {
    display: none;
  }
}
.header-control__item_dropdown::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L11.9688 16.0312L4 8" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.header-control__item_dropdown_open {
  border: 1px solid var(--light-mode-text-001);
}

.header-control__item_dropdown_open::after {
  transform: rotate(180deg);
}

.header-control__item_burger {
  padding: 0;
}

.header-control__item_burger::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 9.03583L22 9.03583M2 15L22 15" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.header-control__dropdown {
  position: relative;
}

@media (max-width: 768px) {
  .user-menu-wrapper_active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
}
.user-menu {
  position: absolute;
  display: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  transform: translateX(-10%);
  margin-top: 8px;
  z-index: 1;
  padding: 24px;
  border-radius: 24px;
  min-width: 260px;
  border: 1px solid var(--light-mode-border);
  flex-direction: column;
  gap: 16px;
}

.user-menu__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66675 6.66663L16.0001 16M16.0001 16L25.3334 25.3333M16.0001 16L25.3334 6.66663M16.0001 16L6.66675 25.3333" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (min-width: 769px) {
  .user-menu__close {
    display: none;
  }
}
.user-menu_open {
  display: flex;
}

@media (max-width: 768px) {
  .user-menu {
    position: fixed;
    bottom: 8px;
    left: 8px;
    right: 8px;
    transform: translateX(0);
  }
}
.user-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  white-space: nowrap;
}

.user-menu__item_exit {
  margin-top: 8px;
}

.user-menu__item_exit::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 19.5H7.5C5.84315 19.5 4.5 18.1569 4.5 16.5V7.5C4.5 5.84315 5.84315 4.5 7.5 4.5H12.75M9 12H19.5M19.5 12L15 16.5M19.5 12L15 7.5" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .user-menu__item {
    font-size: 16px;
  }
}
.menu-modal {
  position: relative;
  background: var(--light-mode-bg-03);
  max-width: 628px;
  width: 100%;
  height: 97%;
  position: fixed;
  top: 50%;
  right: -100%;
  z-index: 1020;
  transform: translateY(-50%);
  border-radius: 24px;
  padding: 32px;
  transition: right 0.5s;
  overflow-y: auto;
}

.menu-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66675 6.66663L16.0001 16M16.0001 16L25.3334 25.3333M16.0001 16L25.3334 6.66663M16.0001 16L6.66675 25.3333" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.menu-modal_active {
  right: 16px;
}

@media (max-width: 768px) {
  .menu-modal_active {
    right: 8px;
  }
}
.menu-modal__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  margin-bottom: 16px;
}

@media (max-width: 1440px) {
  .menu-modal {
    max-width: 515px;
  }
}
@media (max-width: 768px) {
  .menu-modal {
    max-width: none;
    padding: 32px 16px;
    height: calc(100% - 16px);
    width: calc(100% - 16px);
  }
}
.modal-nav {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.modal-nav__item {
  padding: 12px 0;
  border-bottom: 1px solid var(--light-mode-border);
}

@media (max-width: 768px) {
  .modal-nav__item {
    padding: 10px 0;
  }
}
.modal-nav__item_last {
  margin-bottom: 20px;
}

.modal-nav__item_sm {
  padding: 7px 0;
  border: none;
}

.modal-nav__item_sm .modal-nav__link {
  font-size: clamp(14px, 1.1111111111vw, 16px);
}

.modal-nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.modal-nav__link {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(18px, 1.6666666667vw, 24px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.modal-nav__link_disabled {
  color: var(--light-mode-text-003);
}

.modal-nav__trigger {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L11.9688 16.0312L4 8" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .modal-nav__trigger {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3333 5.33337L7.97913 10.6875L2.66663 5.33337" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  }
}
.modal-nav__label {
  height: 22px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: var(--light-mode-text-001);
  border-radius: 20px;
  font-weight: 500;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  line-height: 140%;
  letter-spacing: unset;
  margin-bottom: 7px;
}

@media (max-width: 768px) {
  .modal-nav__label {
    padding: 0 4px;
    height: 18px;
    margin-bottom: 7px;
  }
}
.modal-nav__item_opened .modal-nav__trigger {
  transform: rotate(180deg);
}

.modal-nav__submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.modal-nav__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 28px 0 24px 0;
}

.modal-nav__item_opened .modal-nav__submenu {
  max-height: 200px;
}

.submenu__link {
  color: var(--light-mode-text-002);
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.menu-modal__sign-in {
  height: 44px;
  width: 100%;
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  white-space: nowrap;
  margin: 16px 0;
}

.menu-modal__sign-in::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 19.5H7.5C5.84315 19.5 4.5 18.1569 4.5 16.5V7.5C4.5 5.84315 5.84315 4.5 7.5 4.5H12.75M9 12H19.5M19.5 12L15 16.5M19.5 12L15 7.5" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .menu-modal__sign-in {
    height: 36px;
  }
}
.menu-modal-steps {
  padding: 24px 0;
}

.menu-modal-steps__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-bottom: 16px;
}

.menu-modal-steps__wrapper {
  background: var(--light-mode-text-001);
  border-radius: 12px;
  padding: 16px;
}

@media (max-width: 768px) {
  .menu-modal-steps__wrapper {
    padding: 8px;
  }
}
.menu-modal-steps__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.menu-modal-steps__body .menu-modal-steps__route {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  line-height: 140%;
}

.menu-modal-steps__body .menu-modal-steps__route-title {
  font-size: clamp(10px, 0.8333333333vw, 12px);
  opacity: 0.5;
}

.menu-modal-steps__body .menu-modal-steps__route-text {
  font-size: clamp(14px, 1.1111111111vw, 16px);
}

.menu-modal-steps__body .menu-modal-steps__text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--yellow);
}

.menu-modal-steps__progress-bar {
  position: relative;
  height: 8px;
  background: #464646;
  border-radius: 50px;
  overflow: hidden;
  width: 100%;
}

.menu-modal-steps__progress-fill {
  height: 100%;
  width: 1.5%;
  background: var(--yellow);
  border-radius: 20px;
  transition: width 0.4s ease;
  display: flex;
  align-items: center;
}

.menu-modal-steps_top {
  padding-top: 0;
}

.menu-modal__social {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
}

.menu-modal__social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  border: 1px solid var(--light-mode-text-003);
  border-radius: 50%;
}

@media (max-width: 768px) {
  .menu-modal__social-item {
    height: 36px;
    width: 36px;
  }
}
.menu-modal-user {
  display: flex;
  align-items: center;
  gap: 4px;
}

.menu-modal-user__name {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(18px, 1.6666666667vw, 24px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.menu-modal-user__label {
  background-color: #fff;
  height: 22px;
  width: fit-content;
  padding: 0 8px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  line-height: 140%;
  margin-bottom: 7px;
}

@media (max-width: 768px) {
  .menu-modal-user__label {
    height: 18px;
    padding: 0 4px;
    margin-bottom: 3px;
  }
}
.menu-modal-user__label_green {
  background-color: var(--green);
}

.menu-modal__link-lk {
  height: 36px;
  width: fit-content;
  padding: 0 20px;
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  line-height: 140%;
  white-space: nowrap;
  margin: 16px 0;
}

@media (max-width: 768px) {
  .menu-modal__link-lk {
    height: 28px;
    padding: 0 8px;
  }
}
.footer {
  background: url("img/footer_back.png") no-repeat right 245px bottom 0 #fff;
  padding: 88px 0;
  height: 752px;
}

.footer__wrapper {
  display: flex;
  gap: 8px;
  height: 100%;
}

.footer__first {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contacts__person {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.contacts__photo {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
}

.contacts__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 4px;
}

.contacts__name {
  color: var(--text_002);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.contacts__socials {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contacts__link-tg {
  background-color: var(--text_001);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 72px;
  gap: 12px;
  padding: 0 40px;
  text-decoration: none;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0);
}

.contacts__link-tg:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.contacts__link-vk {
  display: inline-flex;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7819 17.8943C5.94864 17.8943 2.05107 13.068 1.88867 5.03711H5.31153C5.42396 10.9316 7.94739 13.4284 9.94614 13.9432V5.03711H13.1691V10.1208C15.1429 9.90197 17.2166 7.58537 17.9162 5.03711H21.1391C20.8755 6.35871 20.3501 7.61006 19.5956 8.71288C18.8411 9.8157 17.8739 10.7463 16.7544 11.4464C18.004 12.0861 19.1077 12.9915 19.9928 14.103C20.8778 15.2144 21.524 16.5066 21.8887 17.8943H18.3409C18.0135 16.689 17.3481 15.6101 16.4281 14.7928C15.5081 13.9754 14.3744 13.456 13.1691 13.2997V17.8943H12.7819Z" fill="white"/></svg>') no-repeat center center var(--text_001);
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.contacts__link-dzen {
  display: inline-flex;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9286 13.9657C12.3571 15.5871 12.2429 17.6085 12.1071 22.0371C16.2357 22.0371 19.0857 22.0228 20.5571 20.5943C21.9857 19.1228 22 16.1371 22 12.1443C17.5714 12.2871 15.55 12.3943 13.9286 13.9657ZM2 12.1443C2 16.1371 2.01429 19.1228 3.44286 20.5943C4.91429 22.0228 7.76429 22.0371 11.8929 22.0371C11.75 17.6085 11.6429 15.5871 10.0714 13.9657C8.45 12.3943 6.42857 12.28 2 12.1443ZM11.8929 2.03711C7.77143 2.03711 4.91429 2.0514 3.44286 3.47997C2.01429 4.9514 2 7.93711 2 11.93C6.42857 11.7871 8.45 11.68 10.0714 10.1085C11.6429 8.48711 11.7571 6.46568 11.8929 2.03711ZM13.9286 10.1085C12.3571 8.48711 12.2429 6.46568 12.1071 2.03711C16.2357 2.03711 19.0857 2.0514 20.5571 3.47997C21.9857 4.9514 22 7.93711 22 11.93C17.5714 11.7871 15.55 11.68 13.9286 10.1085Z" fill="white"/></svg>') no-repeat center center var(--text_001);
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

.footer .section__header {
  padding-bottom: 0;
}

.footer__second {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}

.footer__menu {
  display: flex;
  gap: 16px;
}

.footer__menu-item {
  position: relative;
  color: var(--text_001);
  padding: 18px 40px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 0%;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.footer__menu-item-label {
  position: absolute;
  display: flex;
  align-items: center;
  top: -20px;
  right: -10px;
  height: 28px;
  padding: 0 16px;
  border-radius: 60px;
  background-color: #fff;
  color: var(--text_001);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

.footer__menu-item_off {
  color: var(--text_003);
  cursor: default;
}

.footer__copyright {
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  display: flex;
  gap: 24px;
}

.footer__copyright span {
  color: var(--text_003);
}

.footer__copyright a {
  color: var(--text_002);
  text-decoration: none;
}

@media (max-width: 1440px) {
  .footer {
    background: url("img/footer_back_tablet.png") no-repeat right 188px bottom 0 #fff;
    padding: 56px 0;
    height: 593px;
  }
  .contacts__photo {
    width: 108px;
    height: 108px;
  }
  .contacts__title {
    font-size: 20px;
  }
  .contacts__name {
    font-size: 14px;
  }
  .contacts__link-tg {
    height: 56px;
    padding: 0 16px;
    gap: 12px;
  }
  .contacts__link-vk {
    width: 56px;
    height: 56px;
  }
  .contacts__link-dzen {
    width: 56px;
    height: 56px;
  }
  .footer__menu-item {
    font-size: 20px;
    padding: 11px 16px;
  }
  .footer__copyright {
    font-size: 16px;
  }
  .footer__copyright span {
    color: var(--text_003);
  }
  .footer__copyright a {
    color: var(--text_002);
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .footer {
    background: url("img/footer_back_mob.png") no-repeat right bottom #fff;
    padding: 32px 0;
    height: fit-content;
  }
  .footer__wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .footer__first {
    width: 100%;
  }
  .contacts {
    margin-bottom: 40px;
  }
  .contacts__title {
    font-size: 16px;
  }
  .contacts__name {
    font-size: 12px;
  }
  .contacts__link-tg {
    height: 44px;
  }
  .contacts__link-vk {
    width: 44px;
    height: 44px;
  }
  .contacts__link-dzen {
    width: 44px;
    height: 44px;
  }
  .footer .section__title {
    font-size: 40px;
  }
  .footer__second {
    width: 100%;
    align-items: flex-start;
  }
  .footer__menu {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .footer__menu-item {
    font-size: 16px;
  }
  .footer__copyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
}
.sitebar-wrap {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 4px;
}

@media (max-width: 992px) {
  .sitebar-wrap {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .sitebar-wrap {
    margin-top: 4px;
  }
}
.sitebar-stripe {
  display: flex;
  width: 100%;
  background: var(--text_001);
  border-radius: 40px;
  padding: 0 0 0 7px;
  height: 42px;
  border: 2px solid var(--text_001);
}

@media (max-width: 992px) {
  .sitebar-stripe {
    height: unset;
    border-radius: 23px;
    align-items: flex-start;
    padding: 0 2px;
  }
}
.sitebar-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.sitebar-text::before {
  content: "";
  display: inline-block;
  background: url("img/route.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

@media (max-width: 992px) {
  .sitebar-text {
    display: flex;
    width: 100%;
    text-align: left;
    margin-top: 4px;
    margin-left: 11px;
  }
}
.sitebar-bord {
  display: flex;
  width: 100%;
  margin-left: 12px;
}

@media (max-width: 992px) {
  .sitebar-bord {
    margin-left: 0;
  }
}
.sitebar-achievements {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}

.sitebar-achievements__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: hsla(0, 0%, 100%, 0.5);
  flex-shrink: 0;
  padding: 0 10px 0 16px;
}

@media (max-width: 992px) {
  .sitebar-achievements__text {
    display: none;
  }
}
.sitebar-achievements__status {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: var(--text_001);
  background: #fff;
  border-radius: 60px;
  padding: 11px 16px;
}

@media (max-width: 992px) {
  .sitebar-achievements__status {
    margin-left: 4px;
    padding: 11px;
  }
}
.sitebar-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 992px) {
  .sitebar-wrapper {
    flex-direction: column-reverse;
  }
}
.sitebar {
  display: flex;
  width: 100%;
  border-radius: 50px;
  min-height: 38px;
  position: relative;
  background: #464646;
}

.sitebar span {
  background: #fff;
  opacity: 0.5;
  border-radius: 50px;
  padding: 0px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: var(--text_001);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  min-width: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sitebar__btn {
  background: var(--text_001);
  border-radius: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  min-height: 42px;
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 0 16px;
  border: 2px solid #000;
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .sitebar__btn {
    padding: 0 8px;
    border-radius: 14px;
    height: 70px;
    max-height: 70px;
    line-height: 1;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  .sitebar__btn span {
    display: none;
  }
}
.sitebar__btn_tarif::after {
  content: "";
  display: inline-block;
  background: url("img/arr-sidebar.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

@media (max-width: 992px) {
  .sitebar__btn_tarif::after {
    margin-left: 0;
  }
}
.sitebar__btn_pay::before {
  content: "";
  display: inline-block;
  background: url("img/wallet.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

@media (max-width: 992px) {
  .sitebar__btn_pay::before {
    margin-right: 0;
  }
}
.sitebar__btn_nav::after {
  content: "";
  display: inline-block;
  background: url("img/arr-sidebar.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

@media (max-width: 992px) {
  .sitebar__btn_nav::after {
    margin-left: 0;
  }
}
.tariff-active .sitebar-achievements__status {
  background: var(--blue);
}

.tariff-ending .sitebar-achievements__text {
  color: var(--error);
}

.tariff-ending .sitebar-achievements__status {
  background: var(--error);
  color: #fff;
}

.tariff-pro .sitebar-achievements__status {
  background: var(--green);
}

.pay-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  z-index: 9;
  opacity: 0;
}

.pay-modal__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .pay-modal__title {
    max-width: 60%;
  }
}
@media (max-width: 576px) {
  .pay-modal__title {
    max-width: 68%;
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (max-width: 356px) {
  .pay-modal__title {
    max-width: 75%;
  }
}
.pay-modal__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_001);
}

@media (max-width: 576px) {
  .pay-modal__text {
    font-size: 14px;
  }
}
.pay-modal__btn {
  margin-top: 32px;
  font-size: 16px;
  padding: 10px 29px;
}

@media (max-width: 576px) {
  .pay-modal__btn {
    max-width: none;
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
  }
}
.pay-modal .offcanvas__wrapper {
  height: auto;
}

@media (max-width: 768px) {
  .pay-modal .offcanvas__wrapper {
    width: 98%;
  }
}
@media (max-width: 576px) {
  .pay-modal .offcanvas__wrapper {
    padding: 16px;
    width: 96%;
  }
}
.pay-modal.is-opened {
  visibility: visible;
  opacity: 1;
}

.pay-modal.is-opened .offcanvas__overlay {
  background-color: #000;
  opacity: 0.5;
}

.route-block {
  position: relative;
}

.route-card {
  border-radius: 24px;
  padding: 28px;
  position: relative;
  background: #fff;
  display: flex;
}

@media (max-width: 576px) {
  .route-card {
    padding: 20px 10px;
  }
}
.route-card:not(:last-child) {
  margin-bottom: 8px;
}

.route-card::before {
  content: "";
  display: inline-block;
  position: absolute;
  border-left: 1px solid var(--light-mode-border);
  height: 103%;
  left: 45px;
  z-index: 2;
  top: 45px;
}

@media (max-width: 768px) {
  .route-card::before {
    left: 41px;
  }
}
@media (max-width: 576px) {
  .route-card::before {
    left: 23px;
    top: 35px;
  }
}
.route-card:last-child::before {
  display: none;
}

.route-card span {
  display: inline-block;
  background: url("img/route-icon.svg") no-repeat center center/cover;
  width: 36px;
  height: 36px;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .route-card span {
    width: 26px;
    height: 26px;
  }
}
.route-card.act {
  background: var(--light-mode-bg-00);
}

.route-card__title {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

.route-card__list {
  display: block;
}

.route-card__item {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  position: relative;
  padding-left: 45px;
}

@media (max-width: 1150px) {
  .route-card__item {
    padding-left: 28px;
  }
}
@media (max-width: 576px) {
  .route-card__item {
    padding-left: 23px;
  }
}
.route-card__item a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--light-mode-text-001);
}

.route-card__item a:hover {
  text-decoration: none;
}

.route-card__item:not(:last-child) {
  margin-bottom: 16px;
}

.route-card__item::before {
  content: "•";
  position: absolute;
  left: 0;
  top: -7px;
  -webkit-transform: translateY(2px);
  font-size: 28px;
  line-height: 1;
  color: #000;
}

.route-card__btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.route-card__wrap {
  padding-left: 28px;
}

@media (max-width: 768px) {
  .route-card__wrap {
    padding-left: 17px;
  }
}
.route-card .pillar-block-descr {
  margin-left: 0;
  margin-bottom: 28px;
}

.route-block-text {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-top: 28px;
}

.route-block-text p:not(:last-child) {
  margin-bottom: 10px;
}

.choose-route {
  margin-top: 24px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .choose-route {
    margin-bottom: 30px;
  }
}
.choose-route__title {
  margin-bottom: 24px;
}

.choose-route .pillar-block-descr {
  margin-left: 0;
  margin-bottom: 20px;
}

.choose-route__subtitle {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-bottom: 20px;
}

.choose-route__text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.choose-route__text a {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--light-mode-text-001);
}

.choose-route__text a:hover {
  text-decoration: none;
}

.choose-route__item {
  position: relative;
  padding-left: 45px;
}

@media (max-width: 1150px) {
  .choose-route__item {
    padding-left: 28px;
  }
}
.choose-route__item::before {
  content: "•";
  position: absolute;
  left: 0;
  top: -7px;
  -webkit-transform: translateY(2px);
  font-size: 28px;
  line-height: 1;
  color: #000;
}

.choose-route__item:not(:last-child) {
  margin-bottom: 20px;
}

.implementation-tracker__image {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 24px;
}

.pillar-block-descr {
  margin-left: 0;
}

.pillar-block-text {
  margin-top: 36px;
}

.modal-close {
  background: url("img/close.svg") no-repeat center center/cover;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.overlay {
  background: var(--text_001);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.question-modal, .thanks-modal {
  right: -100%;
}

.question-modal.active, .thanks-modal.active {
  right: 16px;
  transition-duration: 0.3s;
}

@media (max-width: 768px) {
  .question-modal.active, .thanks-modal.active {
    right: 0;
  }
}
.form label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_002);
  display: flex;
  flex-direction: column;
  position: relative;
}

.form label:not(:last-child) {
  margin-bottom: 24px;
}

.form input {
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid var(--text_001);
  padding: 10px 0px;
  font-weight: 500;
  font-size: 20px;
  border-radius: 0;
}

.form input::placeholder {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_003);
}

@media (max-width: 768px) {
  .form input::placeholder {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .form input {
    font-size: 18px;
  }
}
.form .custom-select {
  position: relative;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text-001);
  cursor: pointer;
}

@media (max-width: 768px) {
  .form .custom-select {
    font-size: 18px;
  }
}
.form .custom-select .selected {
  padding: 10px 0px;
  border-bottom: 2px solid var(--text_001);
  color: var(--text_001);
  position: relative;
}

.form .custom-select .selected::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transition: transform 0.3s;
  transform: translateY(-50%);
  background: url("img/arrow.svg") no-repeat center center;
  width: 24px;
  height: 24px;
}

.form .custom-select.open .selected::after {
  transform: translateY(-50%) rotate(-180deg);
}

.form .custom-select .options {
  position: absolute;
  top: 87%;
  left: -21px;
  right: 0;
  width: 109%;
  background: #fff;
  border-radius: 24px;
  border-top: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  z-index: 10;
  overflow-y: auto;
}

@media (max-width: 768px) {
  .form .custom-select .options {
    left: 0;
    width: 100%;
    border-radius: 0 0 10px 10px;
    top: 95%;
  }
}
.form .custom-select .options li {
  padding: 8px 24px;
  font-weight: 500;
  color: var(--text_001);
  font-size: 16px;
}

.form .custom-select .options li:hover {
  color: #555;
}

.form .custom-select.open .options {
  max-height: 300px;
  border: 1px solid var(--border);
}

.form .custom-select .options li.active {
  position: relative;
  color: #555;
}

.form .custom-select .options li.active::after {
  content: "";
  display: inline-block;
  background: url("img/check-select.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.form textarea {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_001);
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  resize: none;
  border: none;
  margin-top: 8px;
  margin-bottom: 24px;
  min-height: 179px;
}

.form textarea:focus {
  outline: none;
}

.form textarea::placeholder {
  color: var(--text_003);
}

@media (max-width: 768px) {
  .form textarea {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.form .form-btn {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
  background: var(--text_001);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  width: 100%;
  padding: 14px;
  margin-bottom: 24px;
  transition: 0.3s ease-in-out;
  outline: 1px solid rgba(0, 0, 0, 0);
}

.form .form-btn:hover {
  color: #000;
  background: #fff;
  outline: 1px solid #000;
  transition: 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .form .form-btn {
    font-size: 18px;
  }
}
.form .form-callback__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--text_002);
}

.form .form-callback__text a {
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.form .form-callback__text a:hover {
  text-decoration: none;
}

.contacts__link-tg {
  max-width: 285px;
  width: 100%;
  justify-content: center;
  font-size: 26px;
  line-height: 140%;
  font-weight: 500;
}

@media (max-width: 576px) {
  .contacts__link-tg {
    max-width: 168px;
    font-size: 16px;
  }
}
.start__wrapper .section__header {
  position: sticky;
  top: 143px;
  max-height: max-content;
}

@media (max-width: 670px) {
  .start__wrapper .section__header {
    position: unset;
  }
}
.tariffs-icon::before {
  content: "";
  display: inline-block;
  background: url("img/header-icon.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

@media (max-width: 768px) {
  .tariffs-icon::before {
    display: none;
  }
}
.tariffs-icon::after {
  content: "";
  display: none;
  background: url("img/header-icon.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

@media (max-width: 768px) {
  .tariffs-icon::after {
    display: inline-block;
  }
}
a.disabled {
  pointer-events: none;
  color: var(--text_003) !important;
  cursor: default;
  text-decoration: none;
}

.d-none {
  display: none;
}

.gro-pillar-tools {
  margin-top: 32px;
  margin-bottom: 32px;
}
.gro-pillar-tools__intro {
  color: #373737;
  font-size: 14px;
  margin: 8px 0 32px;
}
.gro-pillar-tools__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.gro-pillar-tools__item {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 8px 0;
}
.gro-pillar-tools__icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: #f3f4f6;
  color: #141414;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.gro-pillar-tools__icon svg {
  width: 26px;
  height: 26px;
}
.gro-pillar-tools__body {
  min-width: 0;
}
.gro-pillar-tools__type {
  color: #373737;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 4px;
}
.gro-pillar-tools__title {
  color: #141414;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}
.gro-pillar-tools__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border: 1.5px solid #141414;
  border-radius: 999px;
  color: #141414;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.gro-pillar-tools__cta:hover {
  background: #141414;
  color: #fff;
  text-decoration: none;
}
.gro-pillar-tools__cta svg {
  transition: transform 0.2s;
}
.gro-pillar-tools__cta:hover svg {
  transform: translateX(3px);
}
@media (max-width: 640px) {
  .gro-pillar-tools__item {
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    gap: 12px;
  }
  .gro-pillar-tools__icon {
    width: 44px;
    height: 44px;
  }
  .gro-pillar-tools__cta {
    grid-column: 1/-1;
    justify-content: center;
    width: 100%;
    padding: 11px 16px;
  }
  .gro-pillar-tools__title {
    font-size: 15px;
  }
}

.gro-pillar-info-disclaimer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border: 1px solid #d8dee5;
  border-radius: 999px;
  background: #f5f7fa;
  color: #373737;
  font-size: 14px;
  line-height: 1.4;
  margin: 24px 0;
}
.gro-pillar-info-disclaimer__icon {
  flex-shrink: 0;
  color: #8a92a0;
}
.gro-pillar-info-disclaimer__text {
  margin: 0;
}
@media (max-width: 640px) {
  .gro-pillar-info-disclaimer {
    font-size: 13px;
    padding: 12px 14px;
    border-radius: 14px;
  }
}

.gro-pillar-help {
  margin-top: 32px;
  background: #f3f4f6;
  border-radius: 20px;
  padding: 28px 32px;
}
.gro-pillar-help__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.gro-pillar-help__text {
  flex: 1 1 320px;
  min-width: 0;
}
.gro-pillar-help__title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 600;
  color: #141414;
}
.gro-pillar-help__sub {
  margin: 0;
  color: #373737;
  font-size: 15px;
  line-height: 1.45;
}
.gro-pillar-help__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.gro-pillar-help__btn {
  display: inline-flex;
  align-items: center;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
.gro-pillar-help__btn--primary {
  background: #141414;
  color: #fff;
}
.gro-pillar-help__btn--primary:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}
.gro-pillar-help__btn--secondary {
  background: transparent;
  color: #141414;
  border: 1.5px solid #141414;
}
.gro-pillar-help__btn--secondary:hover {
  background: #141414;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 640px) {
  .gro-pillar-help {
    padding: 22px 18px;
    border-radius: 16px;
  }
  .gro-pillar-help__title {
    font-size: 18px;
  }
  .gro-pillar-help__actions {
    width: 100%;
  }
  .gro-pillar-help__btn {
    flex: 1 1 0;
    justify-content: center;
    padding: 12px 16px;
  }
}

html[data-theme=dark] .gro-pillar-tools__icon {
  background: #2a2a2a;
  color: #f0f0f0;
}
html[data-theme=dark] .gro-pillar-tools__type {
  color: #9a9a9a;
}
html[data-theme=dark] .gro-pillar-tools__title {
  color: #f0f0f0;
}
html[data-theme=dark] .gro-pillar-tools__cta {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
html[data-theme=dark] .gro-pillar-tools__cta:hover {
  background: #f0f0f0;
  color: #141414;
}
html[data-theme=dark] .gro-pillar-info-disclaimer {
  background: #1f1f1f;
  border-color: #3a3a3a;
  color: #b0b0b0;
}
html[data-theme=dark] .gro-pillar-info-disclaimer__icon {
  color: #8a92a0;
}
html[data-theme=dark] .gro-pillar-help {
  background: #1f1f1f;
}
html[data-theme=dark] .gro-pillar-help__title {
  color: #f0f0f0;
}
html[data-theme=dark] .gro-pillar-help__sub {
  color: #b0b0b0;
}
html[data-theme=dark] .gro-pillar-help__btn--primary {
  background: #d9b648;
  color: #141414;
}
html[data-theme=dark] .gro-pillar-help__btn--primary:hover {
  background: #f0c958;
}
html[data-theme=dark] .gro-pillar-help__btn--secondary {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
html[data-theme=dark] .gro-pillar-help__btn--secondary:hover {
  background: #f0f0f0;
  color: #141414;
}

.lk-app {
  --font-family-base: "Golos Text", sans-serif;
  --font-family-serif: "Lora", Georgia, "Times New Roman", serif;
  --lk-space-0: 0;
  --lk-space-1: 8px;
  --lk-space-2: 16px;
  --lk-space-3: 20px;
  --lk-space-4: 24px;
  --lk-space-5: 28px;
  --lk-space-6: 32px;
  --lk-space-7: 36px;
  --lk-space-8: 40px;
  --lk-space-9: 44px;
  --lk-space-10: 48px;
  --lk-space-11: 56px;
  --lk-space-12: 64px;
  --lk-space-13: 80px;
  --lk-space-14: 88px;
  --lk-space-15: 120px;
  --container-width: 1920px;
  --container-padding-x: 32px;
  --button-h-small: 36px;
  --button-h-medium: 44px;
  --button-h-large: 56px;
  --button-h-super: 72px;
  --input-h: 44px;
  --transition: 0.2s;
  --radius-tag: 20px;
  --radius-soft: 16px;
  --radius-card: 24px;
  --radius-chip: 40px;
  --radius-nav: 46px;
  --radius-pill: 500px;
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.08);
  --fs-72: 72px;
  --fs-72-dd: 94px;
  --fs-72-m: 40px;
  --fs-56: 56px;
  --fs-56-dd: 72px;
  --fs-56-m: 32px;
  --fs-46: 46px;
  --fs-40: 40px;
  --fs-40-dd: 54px;
  --fs-36: 36px;
  --fs-36-dd: 46px;
  --fs-36-m: 24px;
  --fs-32: 32px;
  --fs-32-m: 20px;
  --fs-30: 30px;
  --fs-28: 28px;
  --fs-28-dd: 36px;
  --fs-28-m: 20px;
  --fs-24: 24px;
  --fs-24-m: 18px;
  --fs-20: 20px;
  --fs-20-dd: 26px;
  --fs-20-m: 16px;
  --fs-18: 18px;
  --fs-16: 16px;
  --fs-16-dd: 19px;
  --fs-16-m: 14px;
  --fs-14: 14px;
  --fs-14-dd: 16px;
  --fs-14-m: 12px;
  --fs-12: 12px;
  --fs-12-dd: 14px;
  --fs-12-m: 10px;
  --lh-display: 0.98;
  --lh-heading: 1.12;
  --lh-snug: 1.28;
  --lh-base: 1.40;
  --tracking-tight: -0.04em;
  --tracking-loose: 0.04em;
  --bg: #E9E8E4;
  --bg-00: #F4F3F0;
  --bg-01: #E7E5DF;
  --bg-02: #DEDBD3;
  --text_001: #303030;
  --text_002: #525252;
  --text_003: #AAA8A8;
  --border: #C4C2BC;
  --border-02: #D2D0CB;
  --main: #D9B648;
  --extra_bg: #E8D491;
  --extra_bg_2: #C4C9A3;
  --pink: #D6B0F7;
  --blue: #9FE1E1;
  --green: #A0E870;
  --soft-green: #DEF2ED;
  --error: #F2454D;
  --color-on-action: #FFFFFF;
  --color-action: #000000;
  --color-surface: #FFFFFF;
  background-color: var(--bg);
  color: var(--text_001);
  font-family: var(--font-family-base);
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: var(--lh-base);
  -webkit-font-smoothing: antialiased;
  transition: background-color var(--transition), color var(--transition);
}
.lk-app h1, .lk-app h2, .lk-app h3, .lk-app h4, .lk-app h5, .lk-app h6 {
  margin: 0;
  font-weight: 500;
  letter-spacing: var(--tracking-tight);
}
.lk-app h1 {
  font-size: var(--fs-72);
  line-height: var(--lh-display);
}
.lk-app h2 {
  font-size: var(--fs-56);
  line-height: var(--lh-display);
}
.lk-app h3 {
  font-size: var(--fs-36);
  line-height: var(--lh-heading);
}
.lk-app h4 {
  font-size: var(--fs-28);
  line-height: var(--lh-snug);
}
.lk-app h5 {
  font-size: var(--fs-20);
  line-height: var(--lh-base);
}
.lk-app p {
  margin: 0;
  line-height: var(--lh-base);
}
.lk-app a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition);
}
.lk-app button, .lk-app input, .lk-app textarea, .lk-app select {
  font-family: inherit;
  font-size: inherit;
}
.lk-app .t-72 {
  font-weight: 500;
  font-size: var(--fs-72);
  line-height: var(--lh-display);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-56 {
  font-weight: 500;
  font-size: var(--fs-56);
  line-height: var(--lh-display);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-46 {
  font-weight: 500;
  font-size: var(--fs-46);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-40 {
  font-weight: 500;
  font-size: var(--fs-40);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-36 {
  font-weight: 500;
  font-size: var(--fs-36);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-32 {
  font-weight: 500;
  font-size: var(--fs-32);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-28 {
  font-weight: 500;
  font-size: var(--fs-28);
  line-height: var(--lh-snug);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-24 {
  font-weight: 500;
  font-size: var(--fs-24);
  line-height: var(--lh-snug);
  letter-spacing: var(--tracking-tight);
}
.lk-app .t-20 {
  font-weight: 500;
  font-size: var(--fs-20);
  line-height: var(--lh-base);
}
.lk-app .t-20-r {
  font-weight: 400;
  font-size: var(--fs-20);
  line-height: var(--lh-base);
}
.lk-app .t-16 {
  font-weight: 500;
  font-size: var(--fs-16);
  line-height: var(--lh-base);
}
.lk-app .t-16-r {
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: var(--lh-base);
}
.lk-app .t-14 {
  font-weight: 500;
  font-size: var(--fs-14);
  line-height: var(--lh-base);
}
.lk-app .t-12 {
  font-weight: 500;
  font-size: var(--fs-12);
  line-height: var(--lh-base);
}

.lk-app[data-theme=dark] {
  --bg: #141414;
  --bg-00: #282828;
  --bg-01: #373737;
  --bg-02: #4C4C4C;
  --text_001: #FFFFFF;
  --text_002: #AFAFAF;
  --text_003: #666666;
  --border: #3D3D3D;
  --border-02: #4C4C4C;
  --main: #D9B648;
  --extra_bg: #5A4F2C;
  --extra_bg_2: #3D4031;
  --pink: #5B3F7A;
  --blue: #2F5C5C;
  --green: #4C7A2C;
  --soft-green: #233F3A;
  --error: #C73B43;
  --color-on-action: #000000;
  --color-action: #FFFFFF;
  --color-surface: #1F1F1F;
}

.lk-app[data-theme=sepia] {
  --font-family-base: var(--font-family-serif);
  --bg: #F4E9D3;
  --bg-00: #FDF6E3;
  --bg-01: #FFFAED;
  --bg-02: #F0E2C0;
  --text_001: #5B4636;
  --text_002: #786452;
  --text_003: #9B8771;
  --border: rgba(91, 70, 54, 0.16);
  --border-02: rgba(91, 70, 54, 0.10);
  --main: #C19A6B;
  --extra_bg: #ECD4A8;
  --extra_bg_2: #D9C99B;
  --pink: #C7B5DB;
  --blue: #A7C7C7;
  --green: #6B8E23;
  --soft-green: #D6E2BB;
  --error: #A0522D;
  --color-on-action: #FDF6E3;
  --color-action: #5B4636;
  --color-surface: #FFFAED;
}

.lk-app {
  /* ==========================================================================
     GRO ЛК (V2) — shared styles
     Quiet Premium / Calm Commerce. Sidebar layout. Components for all screens.

     UNIFIED SPACING:   card padding = 24px, mod padding = 32px
     UNIFIED RADII:     card = 24px, soft = 16px, pill = 100px
     ========================================================================== */
}
.lk-app *, .lk-app *::before, .lk-app *::after {
  box-sizing: border-box;
}
.lk-app {
  min-height: 100vh;
  overflow-x: hidden;
  /* Hidden attribute must override display:flex etc. */
}
.lk-app [hidden] {
  display: none !important;
}
.lk-app {
  /* Focus ring — single visible style */
}
.lk-app *:focus {
  outline: none;
}
.lk-app *:focus-visible {
  outline: 2px solid var(--main);
  outline-offset: 2px;
  border-radius: 4px;
}
.lk-app button:focus-visible, .lk-app a:focus-visible, .lk-app [tabindex]:focus-visible,
.lk-app .pulse-card:focus-visible, .lk-app .practice-card:focus-visible {
  outline-offset: 4px;
  border-radius: 24px;
}
@media (prefers-reduced-motion: reduce) {
  .lk-app *, .lk-app *::before, .lk-app *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.lk-app {
  /* ==========================================================================
     SKELETON LOADING — calm grey shimmer for REST blocks
     ========================================================================== */
}
.lk-app .skeleton {
  background: var(--bg-00);
  border-radius: 12px;
  color: transparent;
  position: relative;
  overflow: hidden;
  user-select: none;
}
.lk-app .skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: skel 1.4s ease-in-out infinite;
}
@keyframes skel {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.lk-app .skeleton--line {
  height: 14px;
  border-radius: 8px;
}
.lk-app .skeleton--title {
  height: 22px;
  border-radius: 8px;
  max-width: 60%;
}
.lk-app .skeleton--card {
  height: 110px;
  border-radius: 24px;
  background: var(--bg-00);
}
.lk-app {
  /* ==========================================================================
     ERROR PLACEHOLDER — block-level (REST error, calm)
     ========================================================================== */
}
.lk-app .err-block {
  background: var(--bg-00);
  border: 1px solid var(--border-02);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.lk-app .err-block__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lk-app .err-block__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .err-block__desc {
  font-size: 12px;
  color: var(--text_003);
}
.lk-app {
  /* ==========================================================================
     OFFLINE BAR — sticky top indicator
     ========================================================================== */
}
.lk-app .offline-bar {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  background: var(--text_001);
  color: var(--bg);
  padding: 8px 18px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.005em;
  z-index: 999;
  box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lk-app .offline-bar--show {
  transform: translateX(-50%) translateY(0);
}
.lk-app .offline-bar__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--error);
  animation: pulse-dot 1.6s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.lk-app {
  /* ==========================================================================
     TRIPWIRE-АПСЕЛЛ — promotes subscription to tripwire/lite users
     ========================================================================== */
}
.lk-app .tripwire {
  background: linear-gradient(135deg, var(--main) 0%, var(--extra_bg) 100%);
  color: #4A3C0E;
  border-radius: 24px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}
.lk-app .tripwire__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-app .tripwire__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(74, 60, 14, 0.7);
}
.lk-app .tripwire__title {
  font-size: 20px;
  font-weight: 500;
  color: #2A2200;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
.lk-app .tripwire__desc {
  font-size: 13px;
  color: rgba(74, 60, 14, 0.8);
  line-height: 1.5;
}
.lk-app .tripwire__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  background: #2A2200;
  color: var(--main);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  flex-shrink: 0;
}
.lk-app .tripwire__cta:hover {
  background: #000;
}
.lk-app {
  /* ==========================================================================
     SUBSCRIPTION STATE BANNERS (dashboard top)
     ========================================================================== */
}
.lk-app .sub-banner {
  border-radius: 20px;
  padding: 18px 24px;
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 16px;
}
.lk-app .sub-banner__icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .sub-banner__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .sub-banner__title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .sub-banner__desc {
  font-size: 13px;
  color: var(--text_002);
  letter-spacing: -0.005em;
}
.lk-app .sub-banner__cta {
  flex-shrink: 0;
}
.lk-app .sub-banner--failed {
  background: rgba(242, 69, 77, 0.08);
  border: 1px solid rgba(242, 69, 77, 0.18);
}
.lk-app .sub-banner--failed .sub-banner__icon {
  background: var(--error);
  color: #fff;
}
.lk-app .sub-banner--pending-cancel {
  background: var(--bg-00);
  border: 1px solid var(--border-02);
}
.lk-app .sub-banner--pending-cancel .sub-banner__icon {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .sub-banner--expired {
  background: var(--bg-00);
  border: 1px solid var(--border-02);
}
.lk-app .sub-banner--expired .sub-banner__icon {
  background: var(--text_003);
  color: #fff;
}
.lk-app {
  /* ==========================================================================
     GUEST LOGIN (Magic Link)
     ========================================================================== */
}
.lk-app .auth-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  background: var(--bg);
}
.lk-app .auth-page__brand {
  margin-bottom: 40px;
}
.lk-app .auth-page__brand svg {
  width: 56px;
  height: auto;
  color: var(--text_001);
}
.lk-app .auth-panel {
  background: var(--color-surface);
  border-radius: 28px;
  padding: 40px 36px;
  max-width: 440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.lk-app .auth-panel__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--text_001);
  line-height: 1.15;
}
.lk-app .auth-panel__desc {
  font-size: 14px;
  color: var(--text_002);
  line-height: 1.55;
}
.lk-app .auth-panel__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.lk-app .auth-panel__consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 12px;
  color: var(--text_002);
  line-height: 1.5;
}
.lk-app .auth-panel__consent a {
  color: var(--text_001);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lk-app {
  /* States */
}
.lk-app .auth-panel__icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--bg-00);
  color: var(--text_002);
  display: grid;
  place-items: center;
  align-self: center;
  margin-bottom: 4px;
}
.lk-app .auth-panel__icon-circle--success {
  background: var(--soft-green);
  color: #1a5c4a;
}
.lk-app .auth-panel__icon-circle--error {
  background: rgba(242, 69, 77, 0.1);
  color: var(--error);
}
.lk-app .app {
  display: grid;
  grid-template-columns: 352px 1fr;
  min-height: 100vh;
  background: var(--bg);
}
.lk-app .app--noside {
  grid-template-columns: 1fr;
}
.lk-app {
  /* ========== SIDEBAR — Figma replica ========== */
}
.lk-app .side {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 352px;
  padding: 24px 36px;
  display: flex;
  flex-direction: column;
  background: #F5F3ED;
  border-radius: 0 24px 24px 0;
  overflow: hidden;
}
.lk-app .side__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
}
.lk-app .side__back {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: transparent;
  color: var(--text_001);
  display: grid;
  place-items: center;
  text-decoration: none;
  transition: background var(--transition);
}
.lk-app .side__back:hover {
  background: rgba(0, 0, 0, 0.05);
}
.lk-app .side__back svg {
  width: 18px;
  height: 18px;
}
.lk-app .side__tariff-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 18px;
  border-radius: 100px;
  background: var(--soft-green);
  color: #1a5c4a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.lk-app {
  /* Profile block — centered, avatar + name + email */
}
.lk-app .side__profile {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-bottom: 24px;
  flex-shrink: 0;
}
.lk-app .side__avatar {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: #ffffff;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.lk-app .side__avatar svg {
  width: 48px;
  height: 48px;
}
.lk-app .side__name {
  font-size: 20px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
  text-align: center;
  line-height: 1.4;
}
.lk-app .side__email {
  font-size: 16px;
  color: #555555;
  letter-spacing: -0.005em;
  text-align: center;
  line-height: 1.4;
}
.lk-app {
  /* Nav — brand-compliant: active = светлый серый (you-are-here), default = dark, no blue */
}
.lk-app .side__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}
.lk-app .side__link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  margin: 0 -12px;
  background: transparent;
  color: var(--text_002);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
  border-radius: 12px;
  transition: background var(--transition), color var(--transition);
}
.lk-app .side__link:hover {
  background: var(--bg-00);
  color: var(--text_001);
}
.lk-app .side__link--active {
  color: var(--text_001);
  font-weight: 600;
  background: transparent;
  pointer-events: none;
  position: relative;
}
.lk-app .side__link--active::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  background: var(--text_001);
  border-radius: 2px;
}
.lk-app .side__link-icon {
  width: 24px;
  height: 24px;
  color: currentColor;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .side__link-icon svg {
  width: 22px;
  height: 22px;
}
.lk-app {
  /* "Исследовать ВИКИ" white pill button */
}
.lk-app .side__wiki {
  margin-top: 24px;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 22px;
  background: #ffffff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
  text-decoration: none;
  transition: background var(--transition);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
}
.lk-app .side__wiki:hover {
  background: var(--bg-00);
}
.lk-app .side__wiki svg {
  opacity: 0.7;
}
.lk-app {
  /* GRO wordmark — bottom-left */
}
.lk-app .side__brand-bottom {
  margin-top: auto;
  color: var(--text_001);
  padding-top: 32px;
}
.lk-app .side__brand-bottom svg {
  width: 72px;
  height: auto;
  display: block;
}
@media (max-width: 800px) {
  .lk-app .side {
    width: auto;
    height: auto;
    border-radius: 0;
  }
}
.lk-app {
  /* ==========================================================================
     MAIN CONTENT
     ========================================================================== */
}
.lk-app .main {
  padding: 24px 48px 80px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
}
@media (min-width: 1920px) {
  .lk-app .main {
    max-width: 1480px;
  }
}
.lk-app .main__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--text_001);
  margin: 0;
}
.lk-app {
  /* ==========================================================================
     MOBILE — sidebar collapses to top header, single column
     ========================================================================== */
}
@media (max-width: 800px) {
  .lk-app .app {
    grid-template-columns: 1fr;
  }
  .lk-app .side {
    position: relative;
    top: auto;
    height: auto;
    padding: 16px 16px 16px;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    border-right: none;
    border-bottom: 1px solid var(--border-02);
    flex-wrap: wrap;
  }
  .lk-app .side__top, .lk-app .side__user, .lk-app .side__nav, .lk-app .side__bottom {
    width: 100%;
  }
  .lk-app .side__top {
    order: 1;
    margin-bottom: 4px;
  }
  .lk-app .side__user {
    order: 2;
    padding: 0 0 16px;
  }
  .lk-app .side__nav {
    order: 3;
    flex-direction: row;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
  }
  .lk-app .side__nav::-webkit-scrollbar {
    display: none;
  }
  .lk-app .side__link {
    flex-shrink: 0;
    padding: 10px 14px;
  }
  .lk-app .side__bottom {
    order: 4;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
  }
  .lk-app .side__wiki {
    flex: 1;
    height: 40px;
  }
  .lk-app .main {
    padding: 24px 16px 60px;
    gap: 24px;
  }
  .lk-app .main__title {
    font-size: 22px;
  }
}
.lk-app {
  /* ==========================================================================
     SECTION — generic block with header + body
     ========================================================================== */
}
.lk-app .sec {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.lk-app .sec__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lk-app .sec__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--text_001);
}
.lk-app .sec__action {
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  font-size: 13px;
  color: var(--text_002);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.lk-app .sec__action:hover {
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     WELCOME BANNER — first visit only (lighter, less dominant than route card)
     ========================================================================== */
}
.lk-app .welcome {
  background: var(--bg-00);
  color: var(--text_001);
  border-radius: 24px;
  padding: 20px 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  animation: welcomeReveal 0.5s cubic-bezier(0.2, 0.7, 0.3, 1);
  border: 1px solid var(--border-02);
}
@keyframes welcomeReveal {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lk-app .welcome__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lk-app .welcome__title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--text_001);
}
.lk-app .welcome__desc {
  font-size: 13px;
  color: var(--text_002);
  line-height: 1.55;
  letter-spacing: -0.005em;
}
.lk-app .welcome__close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  color: var(--text_002);
  border: none;
  cursor: pointer;
  font-size: 18px;
  display: grid;
  place-items: center;
  transition: background var(--transition), color var(--transition);
}
.lk-app .welcome__close:hover {
  background: var(--bg-01);
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     PULSE BLOCK — unified 24px radius, 24px padding, optional level-shadow
     ========================================================================== */
}
.lk-app .pulse {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .pulse__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.lk-app .pulse-card {
  background: var(--bg-00);
  border-radius: 100px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: background var(--transition), box-shadow var(--transition), transform var(--transition);
  position: relative;
}
.lk-app .pulse-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--text_002);
  font-size: 16px;
  transition: background var(--transition), color var(--transition);
}
.lk-app .pulse-card__icon svg {
  width: 24px;
  height: 24px;
}
.lk-app .pulse-card--high .pulse-card__icon {
  background: var(--green);
  color: #0F4D26;
}
.lk-app .pulse-card--medium .pulse-card__icon {
  background: var(--main);
  color: #4A3C0E;
}
.lk-app .pulse-card--low .pulse-card__icon {
  background: var(--error);
  color: #FFFFFF;
}
.lk-app {
  /* Strong ambient shadow on the pulse card per level */
}
.lk-app .pulse-card--high {
  box-shadow: 0 16px 40px -16px rgba(115, 195, 70, 0.55);
}
.lk-app .pulse-card--medium {
  box-shadow: 0 16px 40px -16px rgba(217, 182, 72, 0.45);
}
.lk-app .pulse-card--low {
  box-shadow: 0 16px 40px -16px rgba(242, 69, 77, 0.35);
}
.lk-app .pulse-card__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .pulse-card__title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.lk-app .pulse-card__sub {
  font-size: 12px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app {
  /* If pulse not set — first card is a CTA (no dashed, soft tint) */
}
.lk-app .pulse-card--cta {
  background: var(--bg-00);
  cursor: pointer;
}
.lk-app .pulse-card--cta:hover {
  background: var(--bg-01);
  transform: translateY(-1px);
}
.lk-app .pulse-card--cta .pulse-card__icon {
  background: var(--color-surface);
}
.lk-app .pulse-card--cta .pulse-card__title {
  color: var(--text_002);
}
.lk-app .pulse__hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .pulse__hint::before {
  content: "—";
  color: var(--text_003);
}
.lk-app .pulse__hint--cta {
  color: var(--text_002);
  font-weight: 500;
  cursor: pointer;
}
.lk-app .pulse__hint--cta:hover {
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     ROUTE BLOCK
     ========================================================================== */
}
.lk-app .route-card {
  background: var(--text_001);
  color: var(--bg);
  border-radius: 32px;
  padding: 40px 44px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.lk-app .route-card__top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app .route-card__step-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.lk-app .route-card__chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  align-self: flex-start;
  letter-spacing: -0.005em;
}
.lk-app .route-card__name {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #FFFFFF;
  text-wrap: balance;
}
.lk-app .route-card__next {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.lk-app .route-card__next b {
  color: #FFFFFF;
  font-weight: 500;
}
.lk-app .route-card__bottom {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.lk-app .route-card__progress-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
}
.lk-app .route-card__progress {
  flex: 1;
  min-width: 200px;
  height: 44px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.lk-app .route-card__progress-fill {
  position: absolute;
  inset: 0 auto 0 0;
  background: var(--main);
  border-radius: 100px;
}
.lk-app .route-card__progress-label {
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
  padding-left: 18px;
}
.lk-app .route-card__continue-pill {
  height: 44px;
  padding: 0 22px;
  background: #fff;
  color: var(--text_001);
  border-radius: 100px;
  border: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.005em;
  flex-shrink: 0;
}
.lk-app .route-card__continue-pill:hover {
  background: var(--bg-00);
}
.lk-app .route-card--empty {
  background: var(--color-surface);
  color: var(--text_001);
}
.lk-app .route-card--empty .route-card__name {
  color: var(--text_001);
}
.lk-app .route-card--empty .route-card__next {
  color: var(--text_002);
}
.lk-app {
  /* ==========================================================================
     BUTTONS — DS shape (pill 500r), 4 variants × 3 sizes
     ========================================================================== */
}
.lk-app .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  height: 44px;
  border-radius: 100px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.005em;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.lk-app .btn--primary {
  background: var(--text_001);
  color: var(--bg);
  border-color: var(--text_001);
}
.lk-app .btn--primary:hover {
  background: #000000;
  border-color: #000000;
}
.lk-app .btn--gold {
  background: var(--main);
  color: var(--color-action);
  border-color: var(--main);
}
.lk-app .btn--gold:hover {
  background: #C9A539;
  border-color: #C9A539;
}
.lk-app .btn--secondary {
  background: transparent;
  color: var(--text_001);
  border-color: var(--border);
}
.lk-app .btn--secondary:hover {
  background: var(--bg-00);
  border-color: var(--text_001);
}
.lk-app .btn--ghost {
  background: transparent;
  color: var(--text_001);
  border-color: transparent;
}
.lk-app .btn--ghost:hover {
  background: var(--bg-00);
}
.lk-app .btn--small {
  height: 36px;
  padding: 0 16px;
  font-size: 13px;
}
.lk-app .btn--large {
  height: 56px;
  padding: 0 28px;
  font-size: 16px;
}
.lk-app .btn--block {
  width: 100%;
}
.lk-app .btn--icon-only {
  width: 44px;
  padding: 0;
}
.lk-app {
  /* ==========================================================================
     CHIP — small label (uses tag-like radius)
     ========================================================================== */
}
.lk-app .chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.005em;
  background: var(--bg-01);
  color: var(--text_001);
}
.lk-app .chip--solid {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .chip--new {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .chip--focus {
  background: var(--main);
  color: var(--color-action);
}
.lk-app .chip--pulse-high {
  background: var(--green);
  color: #0F4D26;
}
.lk-app .chip--pulse-medium {
  background: var(--main);
  color: #4A3C0E;
}
.lk-app .chip--pulse-low {
  background: var(--error);
  color: #FFFFFF;
}
.lk-app {
  /* ==========================================================================
     PRACTICE-OF-DAY card (24px radius, 24px padding — unified)
     ========================================================================== */
}
.lk-app .practice-day {
  background: var(--color-surface);
  border-radius: 24px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
}
.lk-app .practice-day__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.lk-app .practice-day__title {
  font-size: 20px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
  line-height: 1.3;
}
.lk-app .practice-day__desc {
  font-size: 14px;
  color: var(--text_002);
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.lk-app .practice-day__meta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: var(--text_003);
  margin-top: 4px;
  letter-spacing: -0.005em;
}
.lk-app .practice-day__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--text_003);
}
.lk-app .practice-day__action {
  flex-shrink: 0;
}
.lk-app {
  /* Done state */
}
.lk-app .practice-day--done {
  background: var(--bg-00);
}
.lk-app .practice-day--done .practice-day__title {
  color: var(--text_002);
  text-decoration: line-through;
  text-decoration-color: var(--border);
  text-decoration-thickness: 1.5px;
}
.lk-app .practice-day__done-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  background: var(--green);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #0F4D26;
}
.lk-app .practice-day__undo {
  font-size: 13px;
  color: var(--text_002);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--border);
  cursor: pointer;
  background: transparent;
  border: none;
  font-family: inherit;
}
.lk-app .practice-day__undo:hover {
  color: var(--text_001);
}
.lk-app {
  /* Empty state */
}
.lk-app .practice-day--empty {
  background: var(--bg-00);
  border: 1px dashed var(--border);
}
.lk-app {
  /* ==========================================================================
     PRACTICES — Мои практики (horizontal scroll carousel)
     ========================================================================== */
}
.lk-app .practices {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.lk-app .practices__controls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lk-app .practices__sort {
  font-size: 13px;
  color: var(--text_002);
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: inherit;
  padding: 8px 12px;
  border-radius: 100px;
  transition: background var(--transition);
}
.lk-app .practices__sort:hover {
  background: var(--bg-00);
}
.lk-app .practices__nav {
  display: inline-flex;
  gap: 6px;
}
.lk-app .practices__nav-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--text_001);
  color: var(--bg);
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background var(--transition), opacity var(--transition);
}
.lk-app .practices__nav-btn:hover {
  background: #000;
}
.lk-app .practices__nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.lk-app .practices__rail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (min-width: 1920px) {
  .lk-app .practices__rail {
    grid-template-columns: repeat(4, 1fr);
  }
}
.lk-app .practice-card {
  background: var(--color-surface);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  cursor: pointer;
  transition: transform var(--transition), background var(--transition);
}
.lk-app .practice-card:hover {
  transform: translateY(-2px);
}
.lk-app .practice-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.lk-app .practice-card__type {
  font-size: 12px;
  color: var(--text_003);
  font-weight: 500;
  letter-spacing: 0;
}
.lk-app .practice-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--main);
  color: var(--color-action);
  display: grid;
  place-items: center;
}
.lk-app .practice-card__icon--gray {
  background: var(--bg-00);
  color: var(--text_002);
}
.lk-app .practice-card__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
  line-height: 1.25;
  flex: 1;
}
.lk-app .practice-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.lk-app .practice-card__time {
  font-size: 13px;
  color: var(--text_003);
}
.lk-app .practice-card__open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .practices__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
}
.lk-app {
  /* Empty state for practices */
}
.lk-app .practices--empty {
  background: var(--bg-00);
  border-radius: 24px;
  padding: 48px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.lk-app .practices--empty__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
}
.lk-app .practices--empty__desc {
  font-size: 14px;
  color: var(--text_002);
  max-width: 480px;
  line-height: 1.55;
  margin-bottom: 8px;
}
.lk-app {
  /* ==========================================================================
     RECOMMENDED — Pillar/Solution cards
     ========================================================================== */
}
.lk-app .reco {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.lk-app .reco::-webkit-scrollbar {
  display: none;
}
.lk-app .reco > .reco-card {
  flex: 0 0 calc((100% - 32px) / 3);
  scroll-snap-align: start;
}
.lk-app .reco-card {
  background: var(--color-surface);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 260px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform var(--transition);
}
.lk-app .reco-card:hover {
  transform: translateY(-2px);
}
.lk-app .reco-card__chips {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lk-app .reco-card__title {
  font-size: 20px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.02em;
  line-height: 1.2;
  flex: 1;
  text-wrap: balance;
}
.lk-app .reco-card__meta {
  font-size: 14px;
  color: var(--text_002);
  letter-spacing: -0.005em;
}
.lk-app .reco-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.lk-app .reco-card__time {
  font-size: 13px;
  color: var(--text_003);
}
.lk-app .reco-card__open {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 14px;
  border-radius: 100px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text_001);
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: background var(--transition);
}
.lk-app .reco-card__open:hover {
  background: var(--bg-00);
}
.lk-app .reco-card__add {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-00);
  color: var(--text_001);
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background var(--transition);
}
.lk-app .reco-card__add:hover {
  background: var(--main);
}
.lk-app .reco-card__add--added {
  background: var(--green);
  color: #0F4D26;
}
.lk-app {
  /* Locked / paywall variant for non-subscribers */
}
.lk-app .reco-card--locked {
  background: var(--bg-00);
  cursor: default;
  border: 1px solid var(--border-02);
}
.lk-app .reco-card--locked .reco-card__title,
.lk-app .reco-card--locked .reco-card__meta {
  color: var(--text_003);
  filter: blur(0.5px);
}
.lk-app .reco-card__lock {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed var(--border-02);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
.lk-app .reco-card__lock-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text_002);
}
.lk-app .reco-card__lock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  border-radius: 100px;
  background: var(--text_001);
  color: var(--bg);
  border: none;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
}
.lk-app {
  /* ==========================================================================
     PULSE MODAL
     ========================================================================== */
}
.lk-app .modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: stretch;
  justify-content: flex-end;
  padding: 0;
  background: rgba(48, 48, 48, 0.55);
  animation: modalFade 0.25s ease;
  width: 100vw;
  max-width: none;
  top: 0;
  left: 0;
  transform: none;
}
.lk-app .modal[data-open=true] {
  display: flex;
}
@keyframes modalFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lk-app .modal__panel {
  background: var(--color-surface);
  border-radius: 28px 0 0 28px;
  padding: 32px 36px;
  max-width: 480px;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  animation: modalSlide 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
}
@keyframes modalSlide {
  from {
    transform: translateX(40px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.lk-app .modal__head {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-app .modal__title {
  font-size: 28px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.025em;
  line-height: 1.15;
}
.lk-app .modal__desc {
  font-size: 14px;
  color: var(--text_002);
  line-height: 1.55;
  letter-spacing: -0.005em;
}
.lk-app .modal__pulse-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-app .pulse-opt {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: var(--bg-00);
  border: 1px solid transparent;
  border-radius: 20px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: background var(--transition), border-color var(--transition), transform var(--transition);
}
.lk-app .pulse-opt:hover {
  background: var(--bg-01);
  transform: translateX(2px);
}
.lk-app .pulse-opt__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 18px;
  flex-shrink: 0;
}
.lk-app .pulse-opt__icon--high {
  background: var(--green);
  color: #0F4D26;
}
.lk-app .pulse-opt__icon--medium {
  background: var(--main);
  color: #4A3C0E;
}
.lk-app .pulse-opt__icon--low {
  background: var(--error);
  color: #FFFFFF;
}
.lk-app .pulse-opt__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lk-app .pulse-opt__name {
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
}
.lk-app .pulse-opt__hint {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .modal__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}
.lk-app .modal__skip {
  font-size: 13px;
  color: var(--text_002);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--border);
}
.lk-app .modal__skip:hover {
  color: var(--text_001);
}
.lk-app .modal__close {
  background: transparent;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--text_002);
  font-size: 18px;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background var(--transition);
  position: absolute;
  top: 16px;
  right: 16px;
}
.lk-app .modal__close:hover {
  background: var(--bg-00);
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     TOAST
     ========================================================================== */
}
.lk-app .toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--text_001);
  color: var(--bg);
  padding: 12px 22px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.005em;
  box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 1000;
  transition: opacity 0.2s, transform 0.25s;
  pointer-events: none;
}
.lk-app .toast--show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.lk-app {
  /* ==========================================================================
     ONBOARDING
     ========================================================================== */
}
.lk-app .ob {
  min-height: 100vh;
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
.lk-app .ob__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px;
}
.lk-app .ob__brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.lk-app .ob__brand svg {
  width: 56px;
  height: auto;
}
.lk-app .ob__skip {
  font-size: 14px;
  color: var(--text_002);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.lk-app .ob__skip:hover {
  color: var(--text_001);
}
.lk-app .ob__progress {
  padding: 0 32px;
  display: flex;
  gap: 8px;
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
}
.lk-app .ob__progress-step {
  flex: 1;
  height: 4px;
  background: var(--bg-01);
  border-radius: 100px;
  transition: background var(--transition);
}
.lk-app .ob__progress-step--done {
  background: var(--main);
}
.lk-app .ob__progress-step--current {
  background: var(--text_001);
}
.lk-app .ob__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 32px;
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
  gap: 40px;
}
.lk-app .ob__step-label {
  font-size: 13px;
  color: var(--text_003);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.lk-app .ob__question {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.1;
  text-align: center;
  color: var(--text_001);
  text-wrap: balance;
}
.lk-app .ob__options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 560px;
}
.lk-app .ob__option {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: var(--color-surface);
  border-radius: 16px;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 16px;
  color: var(--text_001);
  letter-spacing: -0.01em;
  width: 100%;
  transition: background var(--transition), border-color var(--transition), transform var(--transition);
}
.lk-app .ob__option:hover {
  background: var(--bg-00);
  transform: translateX(2px);
}
.lk-app .ob__option--selected {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .ob__option-marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--border);
  flex-shrink: 0;
  display: grid;
  place-items: center;
  transition: border-color var(--transition);
}
.lk-app .ob__option--selected .ob__option-marker {
  border-color: var(--main);
  background: var(--main);
}
.lk-app .ob__option--selected .ob__option-marker::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--text_001);
  border-radius: 50%;
}
.lk-app .ob__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
}
.lk-app .ob__back {
  font-size: 14px;
  color: var(--text_002);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lk-app .ob__back:hover {
  color: var(--text_001);
}
.lk-app .ob__back:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.lk-app {
  /* Finish state */
}
.lk-app .ob__finish {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.lk-app .ob__finish-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--green);
  display: grid;
  place-items: center;
  color: #0F4D26;
  font-size: 32px;
}
.lk-app {
  /* ==========================================================================
     FILE INDEX (index.html)
     ========================================================================== */
}
.lk-app .index-page {
  padding: 64px 48px;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .lk-app {
    /* Stack everything */
  }
  .lk-app .pulse__grid {
    grid-template-columns: 1fr;
  }
  .lk-app .practices__rail {
    grid-template-columns: 1fr !important;
  }
  .lk-app .reco {
    grid-template-columns: 1fr;
  }
  .lk-app .practice-day {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }
  .lk-app .practice-day__action {
    width: 100%;
  }
  .lk-app .practice-day__action .btn {
    width: 100%;
  }
  .lk-app .welcome {
    grid-template-columns: 1fr auto;
    padding: 16px 20px;
  }
  .lk-app .welcome__title {
    font-size: 15px;
  }
  .lk-app .welcome__desc {
    font-size: 12px;
  }
  .lk-app .route-card {
    padding: 24px 20px;
    border-radius: 20px;
  }
  .lk-app .route-card__name {
    font-size: 22px;
  }
  .lk-app .route-card__bottom {
    gap: 12px;
  }
  .lk-app .route-card__progress {
    min-width: 0;
    flex: 1 1 100%;
  }
  .lk-app .pulse-card {
    padding: 18px;
  }
  .lk-app .pulse-card__icon {
    width: 40px;
    height: 40px;
  }
  .lk-app .pulse-card__title {
    font-size: 16px;
  }
  .lk-app .card-block {
    padding: 24px 20px;
    border-radius: 20px;
  }
  .lk-app .card-block__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .lk-app .reco-card {
    min-height: 180px;
    padding: 20px;
  }
  .lk-app .index-page {
    padding: 32px 16px;
  }
  .lk-app .index-list {
    grid-template-columns: 1fr;
  }
  .lk-app .sec__title {
    font-size: 20px;
  }
  .lk-app {
    /* Modal full-bleed on mobile — bottom sheet style */
  }
  .lk-app .modal {
    padding: 0;
    align-items: flex-end;
    justify-content: stretch;
  }
  .lk-app .modal__panel {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 90vh;
    border-radius: 28px 28px 0 0;
    padding: 24px 20px 32px;
    animation: modalSlideUp 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
  }
  @keyframes modalSlideUp {
    from {
      transform: translateY(40px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .lk-app .modal__title {
    font-size: 22px;
  }
  .lk-app .pulse-opt {
    padding: 14px 16px;
    gap: 12px;
    grid-template-columns: 40px 1fr;
  }
  .lk-app .pulse-opt__icon {
    width: 40px;
    height: 40px;
  }
  .lk-app {
    /* Onboarding */
  }
  .lk-app .ob__topbar {
    padding: 16px 20px;
  }
  .lk-app .ob__main {
    padding: 24px 20px;
    gap: 28px;
  }
  .lk-app .ob__question {
    font-size: 26px;
  }
  .lk-app .ob__option {
    padding: 14px 16px;
    font-size: 14px;
  }
  .lk-app {
    /* Cancel */
  }
  .lk-app .cancel-page {
    padding: 24px 16px;
    justify-content: flex-start;
    padding-top: 64px;
  }
  .lk-app .cancel-page__panel {
    padding: 32px 24px;
    gap: 20px;
  }
  .lk-app .cancel-page__title {
    font-size: 26px;
  }
  .lk-app .cancel-page__desc {
    font-size: 14px;
  }
  .lk-app {
    /* Sub history responsive */
  }
  .lk-app .pay-history__item {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .lk-app .pay-history__sum {
    font-size: 13px;
    color: var(--text_002);
  }
}
.lk-app .index-page h1 {
  font-size: 40px;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}
.lk-app .index-page__intro {
  font-size: 16px;
  color: var(--text_002);
  line-height: 1.55;
  margin-bottom: 48px;
  max-width: 640px;
}
.lk-app .index-group {
  margin-bottom: 40px;
}
.lk-app .index-group__title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text_003);
  margin-bottom: 16px;
}
.lk-app .index-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.lk-app .index-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px 24px;
  background: var(--color-surface);
  border-radius: 18px;
  transition: transform var(--transition), background var(--transition);
}
.lk-app .index-link:hover {
  transform: translateY(-2px);
}
.lk-app .index-link__name {
  font-size: 17px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
}
.lk-app .index-link__desc {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app {
  /* ==========================================================================
     CANCEL LANDING — right-side drawer style (matches Figma modal pattern)
     ========================================================================== */
}
.lk-app .cancel-page {
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  background: rgba(48, 48, 48, 0.55);
  padding: 0;
  position: relative;
}
.lk-app .cancel-page__brand {
  position: absolute;
  top: 40px;
  left: 48px;
  z-index: 5;
  color: #fff;
  margin-bottom: 0;
}
.lk-app .cancel-page__brand svg {
  color: #fff !important;
}
.lk-app .cancel-page__panel {
  max-width: 480px;
  width: 100%;
  height: 100vh;
  background: var(--color-surface);
  border-radius: 28px 0 0 28px;
  padding: 48px 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  animation: modalSlide 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
  margin-left: auto;
}
.lk-app .cancel-page__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--text_001);
  text-wrap: balance;
}
.lk-app .cancel-page__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--soft-green);
  color: #1a5c4a;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-bottom: 8px;
}
.lk-app .cancel-page__desc {
  font-size: 15px;
  color: var(--text_002);
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.lk-app .cancel-page__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}
.lk-app .cancel-page__support {
  font-size: 13px;
  color: var(--text_003);
  line-height: 1.45;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--border-02);
}
.lk-app .cancel-page__support a {
  color: var(--text_001);
  text-decoration: underline;
  text-decoration-color: var(--border);
}
.lk-app {
  /* Mobile: bottom sheet */
}
@media (max-width: 800px) {
  .lk-app .cancel-page {
    align-items: flex-end;
  }
  .lk-app .cancel-page__panel {
    max-width: 100%;
    height: auto;
    max-height: 90vh;
    border-radius: 28px 28px 0 0;
    padding: 32px 24px;
    margin-left: 0;
  }
  .lk-app .cancel-page__brand {
    top: 16px;
    left: 16px;
  }
}
.lk-app {
  /* ==========================================================================
     SUBSCRIPTION & PROFILE
     ========================================================================== */
}
.lk-app .card-block {
  background: var(--color-surface);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.lk-app .card-block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lk-app .card-block__title {
  font-size: 20px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
}
.lk-app .card-block__sub {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .sub-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: var(--soft-green);
  border-radius: 14px;
  color: #1a5c4a;
  font-size: 14px;
  font-weight: 500;
}
.lk-app .sub-status--alert {
  background: rgba(242, 69, 77, 0.1);
  color: #7a1f24;
}
.lk-app .sub-status--neutral {
  background: var(--bg-00);
  color: var(--text_002);
}
.lk-app .pay-history {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.lk-app .pay-history__item {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .pay-history__item:last-child {
  border-bottom: none;
}
.lk-app .pay-history__date {
  font-size: 14px;
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .pay-history__sum {
  font-size: 14px;
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .pay-history__status {
  font-size: 12px;
  color: var(--text_003);
}
.lk-app .form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .form-field__label {
  font-size: 13px;
  color: var(--text_002);
  font-weight: 500;
  letter-spacing: -0.005em;
}
.lk-app .form-field__input {
  height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--bg-00);
  border: 1px solid transparent;
  color: var(--text_001);
  font-family: inherit;
  font-size: 14px;
  width: 100%;
  transition: border-color var(--transition), background var(--transition);
}
.lk-app .form-field__input:focus {
  outline: none;
  border-color: var(--text_001);
  background: var(--color-surface);
}
.lk-app .danger-zone {
  border-top: 1px solid var(--border-02);
  padding-top: 28px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .danger-zone__title {
  font-size: 14px;
  color: var(--text_003);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.lk-app .danger-zone__btn {
  align-self: flex-start;
  color: var(--error);
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px 0;
  font-family: inherit;
}
.lk-app .danger-zone__btn:hover {
  color: #C42E37;
}
.lk-app {
  /* ==========================================================================
     TOGGLE — custom switch for checkboxes
     ========================================================================== */
}
.lk-app .toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
}
.lk-app .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.lk-app .toggle__slider {
  position: absolute;
  inset: 0;
  background: var(--bg-01);
  border-radius: 100px;
  cursor: pointer;
  transition: background var(--transition);
}
.lk-app .toggle__slider::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: transform var(--transition);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.lk-app .toggle input:checked + .toggle__slider {
  background: var(--text_001);
}
.lk-app .toggle input:checked + .toggle__slider::before {
  transform: translateX(18px);
}
.lk-app .toggle input:disabled + .toggle__slider {
  opacity: 0.6;
  cursor: not-allowed;
}
.lk-app {
  /* ==========================================================================
     RADIO — custom radio (cancel-reason list в модалке отмены подписки)
     Дизайн-исходник CSS для .radio-custom не поставлял → on-token реализация.
     Темы наследуются через токены (bg-00/text_001). Focus — глобальный *:focus-visible.
     ========================================================================== */
}
.lk-app .radio-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.lk-app .radio-custom {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text_002);
  min-height: 28px;
}
.lk-app .radio-custom__checkbox {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1.5px solid var(--border-02);
  background: var(--bg-00);
  cursor: pointer;
  transition: border-color var(--transition), background var(--transition);
}
.lk-app .radio-custom:hover .radio-custom__checkbox {
  border-color: var(--text_003);
}
.lk-app .radio-custom__checkbox:checked {
  border-color: var(--text_001);
  background: radial-gradient(circle, var(--text_001) 0 5px, var(--bg-00) 6px 100%);
}
.lk-app .radio-custom:has(.radio-custom__checkbox:checked) {
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     THEMES — Light (default) / Dark / Sepia (ADR-001, key: gro-theme)
     :root / html[data-theme] токены живут в _lk-tokens.scss.
     Здесь только компонентные overrides, scoped под &[data-theme].
     ========================================================================== */
}
.lk-app[data-theme=dark] {
  background: var(--bg);
  color: var(--text_001);
}
.lk-app[data-theme=dark] .practice-card, .lk-app[data-theme=dark] .pulse-card, .lk-app[data-theme=dark] .card-block, .lk-app[data-theme=dark] .reco-card, .lk-app[data-theme=dark] .auth-panel, .lk-app[data-theme=dark] .modal__panel, .lk-app[data-theme=dark] .practice-day {
  background: var(--color-surface) !important;
  color: var(--text_001);
}
.lk-app[data-theme=dark] .pulse-card--cta {
  background: var(--bg-01) !important;
}
.lk-app[data-theme=dark] .form-field__input {
  background: var(--bg-01);
  color: var(--text_001);
}
.lk-app[data-theme=sepia] {
  background: var(--bg);
  color: var(--text_001);
}
.lk-app {
  /* ==========================================================================
     5-STATE CARD — unified card across LK / Pillar / Solution (ADR-012)
     States: new / completed / in_arsenal / in_route / next_step
     ========================================================================== */
}
.lk-app .card-5s {
  position: relative;
  background: var(--color-surface);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition), background var(--transition);
}
.lk-app .card-5s:hover {
  transform: translateY(-2px);
}
.lk-app .card-5s__chips {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.lk-app .card-5s__state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.005em;
  background: var(--bg-01);
  color: var(--text_002);
}
.lk-app .card-5s__title {
  font-size: 17px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
  line-height: 1.25;
  text-wrap: balance;
}
.lk-app .card-5s__meta {
  font-size: 13px;
  color: var(--text_003);
  margin-top: auto;
}
.lk-app .card-5s--new .card-5s__state {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .card-5s--completed {
  background: var(--bg-00);
}
.lk-app .card-5s--completed .card-5s__title {
  color: var(--text_002);
  text-decoration: line-through;
  text-decoration-color: var(--border);
  text-decoration-thickness: 1.5px;
}
.lk-app .card-5s--completed .card-5s__state {
  background: var(--soft-green);
  color: #1a5c4a;
}
.lk-app .card-5s--in_arsenal {
  box-shadow: inset 3px 0 0 var(--main);
}
.lk-app .card-5s--in_arsenal .card-5s__state {
  background: var(--main);
  color: #4A3C0E;
}
.lk-app .card-5s--in_route {
  background: #303030;
}
.lk-app .card-5s--in_route .card-5s__title {
  color: #fff;
}
.lk-app .card-5s--in_route .card-5s__state {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.lk-app .card-5s--in_route .card-5s__meta {
  color: rgba(255, 255, 255, 0.55);
}
.lk-app .card-5s--next_step {
  box-shadow: 0 0 0 2px var(--green);
}
.lk-app .card-5s--next_step .card-5s__state {
  background: var(--green);
  color: #0F4D26;
}
.lk-app {
  /* ==========================================================================
     STREAK BADGE (Calm — no punishments) · MILESTONE TOAST (ADR-005)
     ========================================================================== */
}
.lk-app .streak {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: var(--bg-00);
  border-radius: 100px;
  font-size: 13px;
  color: var(--text_002);
  letter-spacing: -0.005em;
}
.lk-app .streak__count {
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .streak__label {
  color: var(--text_003);
}
.lk-app .milestone-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  max-width: 360px;
  background: var(--color-surface);
  border: 1px solid var(--border-02);
  border-radius: 18px;
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.15);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1), opacity 0.25s;
  z-index: 200;
}
.lk-app .milestone-toast--show {
  transform: translateY(0);
  opacity: 1;
}
.lk-app .milestone-toast__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--soft-green);
  color: #1a5c4a;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .milestone-toast__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .milestone-toast__desc {
  font-size: 12px;
  color: var(--text_002);
  line-height: 1.5;
}
.lk-app {
  /* ==========================================================================
     THEME TOGGLE / FONT SIZE / DRAG-HANDLE (bottom sheets)
     ========================================================================== */
}
.lk-app .theme-toggle {
  display: flex;
  gap: 6px;
}
.lk-app .theme-toggle__btn {
  height: 40px;
  padding: 0 16px;
  border-radius: 100px;
  background: var(--bg-00);
  border: 1px solid transparent;
  color: var(--text_001);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background var(--transition), border-color var(--transition);
}
.lk-app .theme-toggle__btn:hover {
  background: var(--bg-01);
}
.lk-app .theme-toggle__btn[aria-pressed=true] {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .font-size__group {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.lk-app .font-size__btn {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background: var(--bg-00);
  border: none;
  cursor: pointer;
  font-family: inherit;
  color: var(--text_001);
  display: grid;
  place-items: center;
}
.lk-app .font-size__btn[aria-pressed=true] {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .font-size__btn--A {
  font-size: 12px;
}
.lk-app .font-size__btn--A2 {
  font-size: 14px;
}
.lk-app .font-size__btn--A3 {
  font-size: 18px;
  font-weight: 500;
}
.lk-app {
  /* Bottom-sheet for mobile modals */
}
.lk-app .modal__panel--sheet {
  position: relative;
}
.lk-app .modal__panel--sheet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 4px;
  background: var(--bg-01);
  border-radius: 2px;
  display: none;
}
@media (max-width: 800px) {
  .lk-app .modal__panel--sheet::before {
    display: block;
  }
}
.lk-app {
  /* Section heading with description */
}
.lk-app .sec-head-2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 4px;
}
.lk-app .sec-head-2__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
}
.lk-app .sec-head-2__desc {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app {
  /* Consent/Settings row pattern */
}
.lk-app .settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .settings-row:last-child {
  border-bottom: none;
}
.lk-app .settings-row__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .settings-row__name {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .settings-row__desc {
  font-size: 12px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app {
  /* Collapsible group */
}
.lk-app .collapse-group {
  border: 1px solid var(--border-02);
  border-radius: 16px;
  overflow: hidden;
}
.lk-app .collapse-group summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-00);
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .collapse-group summary::-webkit-details-marker {
  display: none;
}
.lk-app .collapse-group summary::after {
  content: "+";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--text_001);
  color: var(--bg);
  display: grid;
  place-items: center;
  font-size: 14px;
  transition: transform 0.2s;
}
.lk-app .collapse-group[open] summary::after {
  content: "−";
}
.lk-app .collapse-group__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app {
  /* ============================================================
     V1 POLISH — 5 improvements applied to dashboard-polish.html
     ============================================================ */
  /* 1. Pulse hero card 1.5x bigger than stat cards */
}
.lk-app .pulse__grid--polish {
  grid-template-columns: 1.6fr 1fr 1fr;
}
.lk-app .pulse__grid--polish .pulse-card--cta,
.lk-app .pulse__grid--polish #pulse-card-1 {
  padding: 28px 32px;
  gap: 18px;
}
.lk-app .pulse__grid--polish #pulse-card-1 .pulse-card__icon {
  width: 64px;
  height: 64px;
}
.lk-app .pulse__grid--polish #pulse-card-1 .pulse-card__icon svg {
  width: 28px;
  height: 28px;
}
.lk-app .pulse__grid--polish #pulse-card-1 .pulse-card__title {
  font-size: 22px;
}
.lk-app .pulse__grid--polish .pulse-card:not(#pulse-card-1) {
  padding: 20px 22px;
  gap: 12px;
}
.lk-app .pulse__grid--polish .pulse-card:not(#pulse-card-1) .pulse-card__icon {
  width: 40px;
  height: 40px;
}
.lk-app .pulse__grid--polish .pulse-card:not(#pulse-card-1) .pulse-card__icon svg {
  width: 18px;
  height: 18px;
}
.lk-app .pulse__grid--polish .pulse-card:not(#pulse-card-1) .pulse-card__title {
  font-size: 16px;
}
.lk-app {
  /* 4. Breath animation on filled pulse icon */
}
@media (prefers-reduced-motion: no-preference) {
  .lk-app #pulse-card-1[data-state=high] .pulse-card__icon,
  .lk-app #pulse-card-1[data-state=medium] .pulse-card__icon,
  .lk-app #pulse-card-1[data-state=low] .pulse-card__icon {
    animation: polish-breathe 2.6s ease-in-out infinite;
  }
}
@keyframes polish-breathe {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
.lk-app {
  /* 5. Step dots for route card */
}
.lk-app .route-card__steps {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
}
.lk-app .step-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  flex-shrink: 0;
}
.lk-app .step-dot--done {
  background: var(--main);
  opacity: 0.55;
}
.lk-app .step-dot--current {
  background: var(--main);
  outline: 3px solid rgba(217, 182, 72, 0.25);
  outline-offset: 1px;
}
.lk-app .route-card__steps-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 8px;
}
.lk-app {
  /* 7. Sidebar tariff chip outline (replaces red Фокус) */
}
.lk-app .dashboard-polish .side__tariff-chip, .lk-app.polish-side .side__tariff-chip {
  background: transparent !important;
  color: var(--main) !important;
  border: 1px solid var(--main);
}
.lk-app {
  /* 12. Date strip above */
}
.lk-app .dash-date-strip {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 12px;
  color: var(--text_003);
  letter-spacing: -0.005em;
  padding: 0 4px 4px;
}
.lk-app .dash-streak {
  font-size: 12px;
  color: var(--text_002);
  font-weight: 500;
}
.lk-app {
  /* Compare bar */
}
.lk-app .polish-compare-bar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(233, 232, 228, 0.92);
  backdrop-filter: blur(12px);
  padding: 10px 32px;
  display: flex;
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .polish-compare-bar__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text_003);
  margin-right: auto;
}
.lk-app .polish-compare-bar__btn {
  height: 30px;
  padding: 0 14px;
  border-radius: 100px;
  background: var(--bg-00);
  border: 1px solid transparent;
  color: var(--text_001);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.lk-app .polish-compare-bar__btn--active {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .polish-compare-bar__btn:hover:not(.polish-compare-bar__btn--active) {
  background: var(--bg-01);
}
.lk-app {
  /* ============================================================
     DASHBOARD GREETING — calm, always visible H1 above pulse
     ============================================================ */
}
.lk-app .dash-greeting {
  padding: 0 4px 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-app .dash-greeting__title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--text_001);
  text-wrap: balance;
}
.lk-app .dash-greeting__sub {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
@media (max-width: 800px) {
  .lk-app .dash-greeting__title {
    font-size: 26px;
  }
}
.lk-app {
  /* Pulse-state phrase in greeting */
}
.lk-app .dash-greeting__state {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: var(--text_002);
  position: relative;
  padding-left: 14px;
}
.lk-app .dash-greeting__state::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text_003);
}
.lk-app .dash-greeting__state--high::before {
  background: #6FAB3D;
}
.lk-app .dash-greeting__state--medium::before {
  background: var(--main);
}
.lk-app .dash-greeting__state--low::before {
  background: var(--error);
}
.lk-app .dash-greeting__state--high {
  color: #4a7c2a;
}
.lk-app .dash-greeting__state--medium {
  color: #6a5b00;
}
.lk-app .dash-greeting__state--low {
  color: var(--error);
}
.lk-app .dash-greeting__sep {
  margin: 0 8px;
  color: var(--text_003);
  opacity: 0.5;
}
.lk-app {
  /* Pulse hint — soft em-dash line ABOVE/BELOW the pills */
}
.lk-app .pulse-card__tip {
  display: none;
}
.lk-app .pulse__tip-line {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 13px;
  color: var(--text_002);
  letter-spacing: -0.005em;
  margin-top: 4px;
}
.lk-app .pulse__tip-line::before {
  content: "—";
  color: var(--text_003);
}
.lk-app {
  /* ============================================================
     STREAK BREAK CALLOUT — soft, neutral, not competing with yellow paused-route
     ============================================================ */
}
.lk-app .streak-callout {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  gap: 14px;
  align-items: start;
  padding: 14px 18px;
  background: var(--bg-00);
  border-radius: 14px;
  border: 1px solid var(--border-02);
}
.lk-app .streak-callout__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  color: var(--text_002);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .streak-callout__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lk-app .streak-callout__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
}
.lk-app .streak-callout__desc {
  font-size: 13px;
  color: var(--text_002);
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.lk-app .streak-callout__close {
  background: transparent;
  border: none;
  width: 28px;
  height: 28px;
  font-size: 18px;
  color: var(--text_003);
  cursor: pointer;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-self: start;
  margin-top: -2px;
}
.lk-app .streak-callout__close:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--text_001);
}
.lk-app {
  /* ============================================================
     SECTION HEAD with subtitle — for "В работе" context
     ============================================================ */
}
.lk-app .sec__head-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.lk-app .sec__sub {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
  line-height: 1.5;
}
.lk-app .sec__sub-link {
  color: var(--text_001);
  text-decoration: underline;
  text-decoration-color: var(--border);
  text-underline-offset: 3px;
  font-weight: 500;
}
.lk-app .sec__sub-link:hover {
  text-decoration-color: var(--text_001);
}
.lk-app {
  /* ============================================================
     GLOBAL HEADER — top-right strip on every authenticated page
     ============================================================ */
}
.lk-app .ghd {
  position: absolute;
  top: 28px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 40;
}
.lk-app .ghd__pulse {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--border-02);
  border-radius: 100px;
}
.lk-app .ghd__pulse-btn {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--text_003);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.15s, color 0.15s;
}
.lk-app .ghd__pulse-btn:hover {
  background: var(--bg-00);
  color: var(--text_001);
}
.lk-app .ghd__pulse-btn--high.ghd__pulse-btn--active {
  background: var(--green);
  color: #0F4D26;
}
.lk-app .ghd__pulse-btn--medium.ghd__pulse-btn--active {
  background: var(--main);
  color: #4A3C0E;
}
.lk-app .ghd__pulse-btn--low.ghd__pulse-btn--active {
  background: var(--error);
  color: #fff;
}
.lk-app .ghd__help-wrap {
  position: relative;
}
.lk-app .ghd__help {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  background: #fff;
  border: none;
  border-radius: 100px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
  cursor: pointer;
}
.lk-app .ghd__help:hover {
  background: var(--bg-00);
}
.lk-app .ghd__help-pop {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  width: 260px;
  background: #fff;
  border-radius: 16px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.18);
}
.lk-app .ghd__help-link {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--text_001);
}
.lk-app .ghd__help-link:hover {
  background: var(--bg-00);
}
.lk-app .ghd__help-link > svg {
  background: var(--bg-00);
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 50%;
  color: var(--text_002);
}
.lk-app .ghd__help-link span {
  display: flex;
  flex-direction: column;
}
.lk-app .ghd__help-link b {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.lk-app .ghd__help-link small {
  font-size: 12px;
  color: var(--text_003);
  font-weight: 400;
}
.lk-app {
  /* Main needs position: relative for absolute header */
}
.lk-app .main {
  position: relative;
}
@media (max-width: 800px) {
  .lk-app .ghd {
    top: 16px;
    right: 16px;
    gap: 6px;
  }
  .lk-app .ghd__help span {
    display: none;
  }
  .lk-app .ghd__help {
    padding: 0;
    width: 40px;
  }
  .lk-app .ghd__pulse-btn {
    width: 28px;
    height: 28px;
  }
}
.lk-app {
  /* ============================================================
     PAYMENT FAILED GRACE — sub-banner variants
     ============================================================ */
}
.lk-app .sub-banner--failed-grace1 {
  background: #FBF5DE;
  color: #735900;
}
.lk-app .sub-banner--failed-grace1 .sub-banner__icon {
  background: rgba(115, 89, 0, 0.1);
  color: #735900;
}
.lk-app .sub-banner--failed-grace1 .sub-banner__cta {
  background: #735900;
  color: #fff;
}
.lk-app .sub-banner--failed-grace1 .sub-banner__cta:hover {
  background: #5C4700;
}
.lk-app .sub-banner--failed-grace2 {
  background: #FDE7E8;
  color: #7a1f24;
}
.lk-app .sub-banner--failed-grace2 .sub-banner__icon {
  background: rgba(122, 31, 36, 0.1);
  color: #7a1f24;
}
.lk-app .sub-banner--failed-grace2 .sub-banner__cta {
  background: #7a1f24;
  color: #fff;
}
.lk-app .sub-banner--failed-grace2 .sub-banner__cta:hover {
  background: #5C1318;
}
.lk-app {
  /* ============================================================
     MOBILE — sidebar becomes top horizontal nav
     ============================================================ */
}
@media (max-width: 800px) {
  .lk-app .app {
    grid-template-columns: 1fr;
  }
  .lk-app .app--noside {
    grid-template-columns: 1fr;
  }
  .lk-app .side {
    position: sticky;
    top: 0;
    width: 100%;
    height: auto;
    padding: 12px 16px;
    border-right: none;
    border-bottom: 1px solid var(--border-02);
    background: #fff;
    z-index: 30;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
  }
  .lk-app .side__top {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
  }
  .lk-app .side__brand-mark svg {
    width: 24px;
    height: 24px;
  }
  .lk-app .side__tariff-chip {
    font-size: 11px;
    padding: 3px 9px;
  }
  .lk-app .side__user {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: left;
    align-items: flex-start;
    min-width: 0;
  }
  .lk-app .side__name {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
  }
  .lk-app .side__email {
    display: none;
  }
  .lk-app .side__upgrade-link {
    display: none;
  }
  .lk-app .side__bottom {
    display: none;
  }
  .lk-app .side__tg {
    display: none;
  }
  .lk-app {
    /* Nav: horizontal scroll */
  }
  .lk-app .side__nav {
    grid-column: 1/-1;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 0 4px;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: none;
  }
  .lk-app .side__nav::-webkit-scrollbar {
    display: none;
  }
  .lk-app .side__link {
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 100px;
    background: var(--bg-00);
    white-space: nowrap;
    flex-shrink: 0;
  }
  .lk-app .side__link-icon {
    display: none;
  }
  .lk-app .side__link--active {
    background: var(--text_001);
    color: var(--bg);
  }
  .lk-app {
    /* Global header: stick to right of sidebar on mobile */
  }
  .lk-app .ghd {
    grid-column: 3;
    grid-row: 1;
    position: static;
    top: auto;
    right: auto;
  }
  .lk-app .main {
    padding: 16px;
  }
}
.lk-app {
  /* ============================================================
     DASH QUOTE BLOCK — «Вспомнить сегодня» (Figma)
     ============================================================ */
}
.lk-app .dash-quote {
  background: transparent;
  border: 1.5px solid var(--main);
  border-radius: 24px;
  padding: 22px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app .dash-quote__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lk-app .dash-quote__chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 100px;
  background: var(--main);
  color: #4A3C0E;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lk-app .dash-quote__source {
  font-size: 13px;
  color: var(--text_002);
  text-decoration: none;
  letter-spacing: -0.005em;
}
.lk-app .dash-quote__source:hover {
  color: var(--text_001);
}
.lk-app .dash-quote__body {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.28;
  color: var(--text_001);
  text-wrap: balance;
}
.lk-app {
  /* ============================================================
     DASH BOTTOM CHIP — «На сегодня достаточно» (Figma)
     ============================================================ */
}
.lk-app .dash-bottom-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--bg-00);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_002);
  letter-spacing: -0.005em;
  align-self: flex-start;
  margin-top: 16px;
}
.lk-app .dash-bottom-chip svg {
  color: #1a5c4a;
  opacity: 0.8;
}
@media (max-width: 800px) {
  .lk-app .dash-quote {
    padding: 18px 22px;
  }
  .lk-app .dash-quote__body {
    font-size: 18px;
  }
  .lk-app .route-card {
    padding: 28px 24px;
    border-radius: 24px;
  }
  .lk-app .route-card__name {
    font-size: 28px;
  }
  .lk-app .route-card__progress {
    height: 36px;
  }
  .lk-app .route-card__progress-wrap {
    flex-wrap: wrap;
  }
  .lk-app .route-card__continue-pill {
    width: 100%;
    justify-content: center;
  }
}
.lk-app {
  /* ============================================================
     ROUTE EMPTY STATE — sample cards preview
     ============================================================ */
}
.lk-app .route-card--empty {
  background: #fff;
  color: var(--text_001);
}
.lk-app .route-card--empty .route-card__name {
  color: var(--text_001);
  font-size: 32px;
}
.lk-app .route-empty__cards {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  margin: 4px 0 8px;
}
.lk-app .route-empty__sample {
  background: var(--bg-00);
  border-radius: 16px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  transition: background 0.15s;
}
.lk-app .route-empty__sample:hover {
  background: var(--bg-01);
}
.lk-app .route-empty__sample-meta {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text_003);
}
.lk-app .route-empty__sample-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .route-empty__sample--more {
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_002);
  padding: 16px 20px;
  min-width: 80px;
}
@media (max-width: 800px) {
  .lk-app .route-empty__cards {
    grid-template-columns: 1fr;
  }
}
.lk-app {
  /* Streak notice INSIDE route-card — soft inline notice */
}
.lk-app .route-card__streak {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: -0.005em;
  margin-bottom: -16px;
}
.lk-app .route-card__streak svg {
  color: var(--main);
  opacity: 0.85;
}
.lk-app {
  /* Pulse card custom tooltip — replaces always-visible tip line */
}
.lk-app #pulse-card-1[title] {
  cursor: help;
}
.lk-app #pulse-card-1[title]::after {
  content: attr(title);
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: var(--text_001);
  color: var(--bg);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.005em;
  padding: 8px 14px;
  border-radius: 10px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.18s, transform 0.18s;
  z-index: 10;
}
.lk-app #pulse-card-1[title]:hover::after,
.lk-app #pulse-card-1[title]:focus::after {
  opacity: 1;
  transform: translateY(0);
}
.lk-app .pulse__tip-line {
  display: none !important;
}
.lk-app {
  /* Icon-only sec__action button */
}
.lk-app .sec__action--icon {
  padding: 8px;
  background: var(--bg-00);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text_002);
  border: none;
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
}
.lk-app .sec__action--icon:hover {
  background: var(--bg-01);
  color: var(--text_001);
}
.lk-app {
  /* ============================================================
     RECO CAROUSEL NAV — arrows on dashboard "Рекомендовано тебе"
     ============================================================ */
}
.lk-app .reco-nav {
  display: inline-flex;
  gap: 8px;
}
.lk-app .reco-nav__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-00);
  color: var(--text_001);
  border: none;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background var(--transition), color var(--transition), opacity var(--transition);
}
.lk-app .reco-nav__btn:hover {
  background: var(--bg-01);
}
.lk-app .reco-nav__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.lk-app .reco-nav__btn:disabled:hover {
  background: var(--bg-00);
}
@media (max-width: 800px) {
  .lk-app .reco-nav {
    display: none;
  }
}
.lk-app .form-field__hint {
  font-size: 11px;
  color: var(--text_003);
  margin-top: -2px;
}
.lk-app {
  /* ============================================================
     Telegram for login — compact single-row card (distinct from tg-block)
     ============================================================ */
}
.lk-app .tg-login-card {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid var(--border-02);
  border-left: 3px solid #229ED9;
  border-radius: 20px;
}
.lk-app .tg-login-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #229ED9;
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .tg-login-card__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .tg-login-card__title {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
}
.lk-app .tg-login-card__desc {
  font-size: 12px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .tg-login-card__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  border-radius: 100px;
  background: var(--soft-green);
  color: #1a5c4a;
  font-size: 13px;
  font-weight: 500;
}
.lk-app .tg-login-card__chip svg {
  color: #1a5c4a;
}
.lk-app .tg-login-card__unlink {
  background: rgba(26, 92, 74, 0.15);
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #1a5c4a;
  font-size: 14px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.lk-app .tg-login-card__unlink:hover {
  background: rgba(26, 92, 74, 0.3);
}
.lk-app .tg-login-card--connected {
  background: #fff;
  border-color: var(--border-02);
  border-left-color: #1a5c4a;
}
.lk-app .tg-login-card--connected .tg-login-card__icon {
  background: rgba(26, 92, 74, 0.15);
  color: #1a5c4a;
}
@media (max-width: 700px) {
  .lk-app .tg-login-card {
    grid-template-columns: 44px 1fr;
  }
  .lk-app .tg-login-card .btn,
  .lk-app .tg-login-card .tg-login-card__chip {
    grid-column: 1/-1;
    justify-self: start;
  }
}
.lk-app {
  /* ============================================================
     FIGMA card-change drawer — cards list (Figma-faithful)
     ============================================================ */
}
.lk-app .fig-cards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.lk-app .fig-card {
  background: #fff;
  border: 1px solid var(--border-02);
  border-radius: 20px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 0.18s, background 0.18s;
}
.lk-app .fig-card--main {
  border-color: var(--main);
  background: #fffbf2;
}
.lk-app .fig-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.lk-app .fig-card__num {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--text_001);
  font-family: -apple-system, BlinkMacSystemFont, "Golos Text", sans-serif;
}
.lk-app .fig-card__date {
  font-size: 14px;
  color: var(--text_003);
  font-variant-numeric: tabular-nums;
}
.lk-app .fig-card__main-chip {
  margin-left: auto;
  background: var(--main);
  color: #2A2200;
  padding: 5px 12px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}
.lk-app .fig-card__make-main {
  margin-left: auto;
  background: transparent;
  color: var(--text_002);
  border: 1px solid var(--border);
  padding: 7px 14px;
  border-radius: 100px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.lk-app .fig-card__make-main:hover {
  background: var(--bg-00);
  color: var(--text_001);
}
.lk-app .fig-card__brand {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--text_002);
  display: flex;
  align-items: center;
}
.lk-app .fig-card__brand--visa {
  color: #1A1F71;
  font-style: italic;
}
.lk-app .fig-card__brand--mir {
  color: #006438;
}
.lk-app .fig-card__brand--mc {
  gap: 4px;
}
.lk-app {
  /* Add card — primary outlined */
}
.lk-app .fig-add-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 56px;
  border-radius: 100px;
  background: transparent;
  border: 1.5px dashed var(--border);
  color: var(--text_001);
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
}
.lk-app .fig-add-card:hover {
  background: var(--bg-00);
  border-color: var(--text_001);
  border-style: solid;
}
.lk-app .fig-add-card__icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: var(--text_001);
}
.lk-app .fig-security-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 0 4px;
  font-size: 13px;
  color: var(--text_002);
  line-height: 1.5;
}
.lk-app .fig-security-note svg {
  color: var(--text_003);
  flex-shrink: 0;
  margin-top: 2px;
}
.lk-app .fig-security-note b {
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .fig-doc-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--text_002);
  text-decoration: none;
  margin-top: auto;
  padding: 12px 0;
}
.lk-app .fig-doc-link b {
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .fig-doc-link:hover {
  color: var(--text_001);
}
.lk-app {
  /* ============================================================
     Telegram for login — connected state (full row instead of side chip)
     ============================================================ */
}
.lk-app .tg-login-card__chip {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  margin-top: 4px;
  border-radius: 14px;
  background: var(--soft-green);
  color: #1a5c4a;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  justify-self: stretch;
}
.lk-app .tg-login-card__chip svg {
  color: #1a5c4a;
  flex-shrink: 0;
}
.lk-app .tg-login-card__chip > span {
  flex: 1;
}
.lk-app .tg-login-card__unlink {
  background: transparent;
  border: 1px solid rgba(26, 92, 74, 0.3);
  width: auto;
  height: 32px;
  border-radius: 100px;
  color: #1a5c4a;
  font-size: 12px;
  font-weight: 500;
  padding: 0 14px;
  cursor: pointer;
  font-family: inherit;
}
.lk-app .tg-login-card__unlink:hover {
  background: rgba(26, 92, 74, 0.1);
}
.lk-app .tg-login-card--connected .tg-login-card__icon {
  background: rgba(26, 92, 74, 0.15) !important;
  color: #1a5c4a !important;
}
.lk-app {
  /* ============================================================
     READ-ONLY mode — disable write actions
     ============================================================ */
}
.lk-app.read-only .practice-day__action, .lk-app.read-only .reco-card__add, .lk-app.read-only .reco-card__open, .lk-app.read-only .sub-pill--gold, .lk-app.read-only #pulse-change-btn, .lk-app.read-only .ghd__pulse-btn, .lk-app.read-only .reco-card__open {
  opacity: 0.4 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.lk-app.read-only .ghd__pulse-btn--active {
  opacity: 0.6 !important;
}
.lk-app {
  /* ============================================================
     RESPONSIVE LAYER — comprehensive
     Breakpoints:
     - phone-sm: ≤375
     - phone:    376-480
     - mobile:   481-768
     - tablet:   769-1024
     - desktop:  1025-1440 (default)
     - wide:     1441-1920
     - ultra:    ≥1921
     ============================================================ */
  /* ===== ULTRA-WIDE ≥1921 ===== */
}
@media (min-width: 1921px) {
  .lk-app .app {
    grid-template-columns: 380px 1fr;
    max-width: 1920px;
    margin: 0 auto;
  }
  .lk-app .main {
    max-width: 1540px;
    padding: 32px 56px 96px;
    gap: 32px;
  }
  .lk-app .main__title {
    font-size: 32px;
  }
  .lk-app .dash-greeting__title {
    font-size: 40px;
  }
  .lk-app .pulse-card {
    padding: 28px 32px;
  }
  .lk-app .reco {
    gap: 20px;
  }
  .lk-app .reco > .reco-card {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .lk-app .practice-day {
    padding: 32px 36px;
  }
  .lk-app .sec__title {
    font-size: 26px;
  }
}
.lk-app {
  /* ===== WIDE 1441-1920 ===== */
}
@media (min-width: 1441px) and (max-width: 1920px) {
  .lk-app .main {
    padding: 28px 56px 88px;
    gap: 28px;
  }
  .lk-app .main__title {
    font-size: 30px;
  }
  .lk-app .dash-greeting__title {
    font-size: 36px;
  }
}
.lk-app {
  /* ===== DESKTOP 1025-1440 ===== */
  /* Default — no override */
  /* ===== TABLET 769-1024 ===== */
}
@media (min-width: 769px) and (max-width: 1024px) {
  .lk-app .app {
    grid-template-columns: 280px 1fr;
  }
  .lk-app .side {
    width: 280px;
    padding: 24px 20px;
  }
  .lk-app .side__avatar {
    width: 72px;
    height: 72px;
  }
  .lk-app .side__brand-mark svg {
    width: 20px;
    height: 20px;
  }
  .lk-app .side__name {
    font-size: 14px;
  }
  .lk-app .side__email {
    font-size: 12px;
  }
  .lk-app .side__link {
    font-size: 14px;
    padding: 8px 10px;
    margin: 0 -10px;
  }
  .lk-app .side__link-icon {
    width: 20px;
    height: 20px;
  }
  .lk-app .main {
    padding: 24px 32px 64px;
    gap: 24px;
  }
  .lk-app .main__title {
    font-size: 24px;
  }
  .lk-app .dash-greeting__title {
    font-size: 28px;
  }
  .lk-app {
    /* Reco: 2 cards instead of 3 */
  }
  .lk-app .reco > .reco-card {
    flex: 0 0 calc((100% - 16px) / 2);
  }
  .lk-app {
    /* Pulse grid: 2 instead of 3 */
  }
  .lk-app .pulse__grid {
    grid-template-columns: 1fr 1fr;
  }
  .lk-app .pulse__grid > :nth-child(3) {
    grid-column: 1/-1;
  }
  .lk-app {
    /* Subscription history cards more compact */
  }
  .lk-app .ph-month-card {
    padding: 14px 18px;
  }
  .lk-app {
    /* Section padding */
  }
  .lk-app .card-block {
    padding: 24px;
  }
  .lk-app .sec {
    gap: 16px;
  }
  .lk-app {
    /* Global header smaller */
  }
  .lk-app .ghd {
    gap: 8px;
  }
  .lk-app .ghd__help {
    padding: 0 12px;
    font-size: 13px;
  }
  .lk-app .ghd__pulse-btn {
    width: 30px;
    height: 30px;
  }
}
.lk-app {
  /* ===== MOBILE / TABLET-PORTRAIT 481-768 ===== */
}
@media (min-width: 481px) and (max-width: 768px) {
  .lk-app .main {
    padding: 20px 20px 60px;
    gap: 20px;
  }
  .lk-app .main__title {
    font-size: 22px;
  }
  .lk-app .dash-greeting__title {
    font-size: 26px;
  }
  .lk-app .reco > .reco-card {
    flex: 0 0 calc((100% - 16px) / 2);
  }
  .lk-app .pulse__grid {
    grid-template-columns: 1fr 1fr;
  }
  .lk-app .pulse__grid > :nth-child(3) {
    grid-column: 1/-1;
  }
}
.lk-app {
  /* ===== PHONE 376-480 ===== */
}
@media (max-width: 480px) {
  .lk-app .main {
    padding: 16px 14px 56px !important;
    gap: 16px;
  }
  .lk-app .main__title {
    font-size: 22px !important;
  }
  .lk-app .dash-greeting {
    padding: 0 4px 8px;
  }
  .lk-app .dash-greeting__title {
    font-size: 22px !important;
    line-height: 1.1;
  }
  .lk-app .dash-greeting__sub {
    font-size: 12px;
  }
  .lk-app .pulse__grid {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  .lk-app .reco {
    gap: 12px;
  }
  .lk-app .reco > .reco-card {
    flex: 0 0 80%;
  }
  .lk-app .reco-card {
    padding: 18px 20px;
  }
  .lk-app .reco-card__title {
    font-size: 15px;
  }
  .lk-app .card-block {
    padding: 18px !important;
    gap: 14px;
  }
  .lk-app .card-block__title {
    font-size: 16px;
  }
  .lk-app .card-block__sub {
    font-size: 12px;
  }
  .lk-app .sec__title {
    font-size: 18px;
  }
  .lk-app .sec__action {
    font-size: 13px;
  }
  .lk-app .practice-day {
    padding: 20px !important;
  }
  .lk-app .practice-day__title {
    font-size: 18px;
  }
  .lk-app .route-card {
    padding: 22px 22px !important;
  }
  .lk-app .route-card__name {
    font-size: 20px !important;
  }
  .lk-app {
    /* Pay history rows */
  }
  .lk-app .ph-month-card {
    padding: 14px 16px;
  }
  .lk-app .ph-month-card__title {
    font-size: 13px;
  }
  .lk-app {
    /* Subscription card */
  }
  .lk-app .sub-card {
    padding: 22px !important;
  }
  .lk-app .sub-card__title {
    font-size: 20px;
  }
  .lk-app .sub-card__valid-until {
    font-size: 12px;
    padding: 6px 12px;
  }
  .lk-app {
    /* Tripwire Карта Профиля card */
  }
  .lk-app .tw-saved {
    grid-template-columns: 40px 1fr;
    padding: 14px 16px;
    gap: 12px;
  }
  .lk-app .tw-saved__btn {
    grid-column: 1/-1;
    justify-content: center;
    height: 40px;
  }
  .lk-app .tw-saved__title {
    font-size: 15px;
  }
  .lk-app .tw-saved__meta {
    font-size: 11px;
  }
  .lk-app {
    /* Telegram for login card */
  }
  .lk-app .tg-login-card {
    grid-template-columns: 40px 1fr;
    padding: 14px 16px;
  }
  .lk-app .tg-login-card .btn,
  .lk-app .tg-login-card .tg-login-card__chip {
    grid-column: 1/-1;
    margin-top: 4px;
  }
  .lk-app {
    /* Modal/drawer bottom-sheet on tiny screens */
  }
  .lk-app .modal__panel {
    padding: 20px 16px 28px !important;
  }
  .lk-app .modal__title {
    font-size: 20px !important;
  }
  .lk-app {
    /* Practices toolbar */
  }
  .lk-app .arsenal-toolbar__sort {
    padding: 0 12px;
    font-size: 12px;
    height: 40px;
  }
  .lk-app .arsenal-toolbar__search input {
    font-size: 14px;
  }
  .lk-app {
    /* Filter pills wrap */
  }
  .lk-app .arsenal-filters {
    flex-wrap: wrap;
    gap: 6px;
  }
  .lk-app {
    /* Global header — bottom on mobile */
  }
  .lk-app .ghd {
    font-size: 12px;
  }
  .lk-app .ghd__help {
    padding: 0;
    width: 36px;
    height: 36px;
  }
  .lk-app .ghd__help span {
    display: none;
  }
  .lk-app .ghd__pulse-btn {
    width: 28px;
    height: 28px;
  }
}
.lk-app {
  /* ===== PHONE-SM ≤375 ===== */
}
@media (max-width: 375px) {
  .lk-app .main {
    padding: 12px 12px 48px !important;
  }
  .lk-app .main__title {
    font-size: 20px !important;
  }
  .lk-app .dash-greeting__title {
    font-size: 20px !important;
  }
  .lk-app {
    /* Touch targets always ≥44px */
  }
  .lk-app .btn--small {
    min-height: 40px;
  }
  .lk-app .btn {
    min-height: 44px;
  }
  .lk-app .sub-pill {
    padding: 0 14px;
    height: 36px;
    font-size: 12px;
  }
  .lk-app .sub-pill svg {
    width: 12px;
    height: 12px;
  }
  .lk-app {
    /* History card stacks vertically */
  }
  .lk-app .ph-month-card {
    grid-template-columns: 1fr;
  }
  .lk-app .ph-month-card__sum {
    grid-row: 2;
    grid-column: 1;
  }
  .lk-app .ph-month-card__check {
    grid-row: 3;
    grid-column: 1;
    margin-top: 4px;
  }
  .lk-app .ph-month-card__download {
    grid-row: 4;
    grid-column: 1;
  }
  .lk-app {
    /* Sidebar mobile — even tighter */
  }
  .lk-app .side__name {
    font-size: 12px;
    max-width: 140px;
  }
  .lk-app {
    /* Sub action pills wrap */
  }
  .lk-app .sub-card__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .lk-app .sub-card__actions .sub-pill {
    justify-content: center;
  }
  .lk-app {
    /* Toast wider */
  }
  .lk-app .toast, .lk-app .sl-toast {
    left: 12px !important;
    right: 12px !important;
    transform: none !important;
    max-width: none;
    padding: 12px 18px !important;
  }
}
.lk-app {
  /* ===== ACCESSIBILITY: Reduced motion ===== */
}
@media (prefers-reduced-motion: reduce) {
  .lk-app *, .lk-app *::before, .lk-app *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.lk-app {
  /* ===== ACCESSIBILITY: Focus visible ===== */
}
@media (any-hover: hover) {
  .lk-app .btn:focus-visible, .lk-app .sub-pill:focus-visible, .lk-app .fig-btn-primary:focus-visible,
  .lk-app .side__link:focus-visible, .lk-app button:focus-visible {
    outline: 2px solid var(--main);
    outline-offset: 3px;
  }
}
.lk-app {
  /* ===== PRINT ===== */
}
@media print {
  .lk-app .ghd, .lk-app .modal, .lk-app .side, .lk-app .offline-bar, .lk-app [class*=toast] {
    display: none !important;
  }
  .lk-app .app {
    grid-template-columns: 1fr !important;
  }
  .lk-app .main {
    padding: 20px !important;
    max-width: 100% !important;
  }
  .lk-app {
    background: #fff !important;
    color: #000 !important;
  }
}
.lk-app {
  /* ============================================================
     A11Y · skip-link + focus-trap support
     ============================================================ */
}
.lk-app .skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 99999;
  padding: 12px 20px;
  background: var(--text_001);
  color: var(--bg);
  border-radius: 100px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.lk-app .skip-link:focus {
  top: 16px;
}
.lk-app {
  /* High-contrast keyboard focus on all interactive elements */
}
.lk-app button:focus-visible,
.lk-app a:focus-visible,
.lk-app input:focus-visible,
.lk-app [role=button]:focus-visible,
.lk-app [tabindex]:focus-visible {
  outline: 2px solid var(--main);
  outline-offset: 3px;
}
.lk-app {
  /* Hidden visually but available to screen readers */
}
.lk-app .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.lk-app {
  /* ============================================================
     EDGE CASES · text truncation, big numbers, long names
     ============================================================ */
  /* Sidebar user name — truncate */
}
.lk-app .side__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.lk-app .side__email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.lk-app {
  /* Card titles — clamp to 3 lines max */
}
.lk-app .card-5s__title,
.lk-app .reco-card__title,
.lk-app .practice-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.lk-app {
  /* Big number safe — sum / counts won't break layout */
}
.lk-app .ph-month-card__sum,
.lk-app .arsenal-head__stat-num,
.lk-app .pulse-card__num {
  font-variant-numeric: tabular-nums;
}
.lk-app {
  /* Email/text break long words anywhere */
}
.lk-app .sub-card__body,
.lk-app .modal__desc,
.lk-app .card-block__sub,
.lk-app .cancel-page__desc {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.lk-app {
  /* Container overflow safety on all sections */
}
.lk-app .sec, .lk-app .card-block, .lk-app .sub-card, .lk-app .main {
  min-width: 0;
}
.lk-app {
  /* ============================================================
     DARK MODE · component coverage
     ============================================================ */
}
.lk-app[data-theme=dark] {
  background: #0a0a0a;
}
.lk-app[data-theme=dark] .side {
  background: #0a0a0a;
  border-right-color: var(--dark-border);
}
.lk-app[data-theme=dark] .side__avatar {
  background: var(--dark-bg-00);
}
.lk-app[data-theme=dark] .side__link {
  color: var(--dark-text-002);
}
.lk-app[data-theme=dark] .side__link:hover {
  background: var(--dark-bg-00);
  color: #fff;
}
.lk-app[data-theme=dark] .side__link--active {
  color: #fff;
}
.lk-app[data-theme=dark] .side__link--active::before {
  background: var(--main);
}
.lk-app[data-theme=dark] .main {
  background: #0a0a0a;
}
.lk-app[data-theme=dark] .card-block, .lk-app[data-theme=dark] .sub-card, .lk-app[data-theme=dark] .practice-day, .lk-app[data-theme=dark] .pulse-card, .lk-app[data-theme=dark] .reco-card, .lk-app[data-theme=dark] .route-card, .lk-app[data-theme=dark] .sec, .lk-app[data-theme=dark] .modal__panel, .lk-app[data-theme=dark] .ph-month-card, .lk-app[data-theme=dark] .tw-saved, .lk-app[data-theme=dark] .tg-login-card, .lk-app[data-theme=dark] .arsenal-head__stats, .lk-app[data-theme=dark] .v2-route-card, .lk-app[data-theme=dark] .fig-card {
  background: #1a1a1a !important;
  border-color: var(--dark-border-02) !important;
}
.lk-app[data-theme=dark] .reco-card, .lk-app[data-theme=dark] .card-block {
  background: var(--color-surface) !important;
}
.lk-app[data-theme=dark] .ghd__pulse, .lk-app[data-theme=dark] .ghd__help {
  background: var(--color-surface);
  border-color: var(--dark-border);
  color: var(--dark-text-001);
}
.lk-app[data-theme=dark] .form-field__input, .lk-app[data-theme=dark] .arsenal-toolbar__search input {
  background: var(--dark-bg-00);
  border-color: var(--dark-border);
  color: var(--dark-text-001);
}
.lk-app[data-theme=dark] .form-field__input::placeholder {
  color: var(--dark-text-003);
}
.lk-app[data-theme=dark] .btn--primary {
  background: var(--main);
  color: #1a1a1a;
}
.lk-app[data-theme=dark] .btn--secondary {
  background: var(--color-surface);
  color: var(--dark-text-001);
  border-color: var(--dark-border);
}
.lk-app[data-theme=dark] .sub-card__chip {
  background: rgba(160, 232, 112, 0.18);
  color: var(--green);
}
.lk-app[data-theme=dark] .sub-card__chip--period {
  background: transparent;
  color: var(--dark-text-002);
  border-color: var(--dark-border);
}
.lk-app[data-theme=dark] .sub-card__valid-until {
  background: var(--dark-bg-00);
  color: var(--dark-text-002);
}
.lk-app[data-theme=dark] .sub-banner {
  background: var(--color-surface);
  border-color: var(--dark-border-02);
  color: var(--dark-text-001);
}
.lk-app[data-theme=dark] .practice-day__action--marked, .lk-app[data-theme=dark] .tw-saved__btn {
  background: var(--main);
  color: #1a1a1a;
}
.lk-app {
  /* ============================================================
     SEPIA MODE · component coverage
     ============================================================ */
}
.lk-app[data-theme=sepia] {
  background: var(--bg);
}
.lk-app[data-theme=sepia] .side {
  background: #f5ecd2;
}
.lk-app[data-theme=sepia] .card-block, .lk-app[data-theme=sepia] .sub-card, .lk-app[data-theme=sepia] .practice-day, .lk-app[data-theme=sepia] .pulse-card, .lk-app[data-theme=sepia] .reco-card, .lk-app[data-theme=sepia] .sec, .lk-app[data-theme=sepia] .modal__panel, .lk-app[data-theme=sepia] .ph-month-card, .lk-app[data-theme=sepia] .tw-saved, .lk-app[data-theme=sepia] .tg-login-card, .lk-app[data-theme=sepia] .arsenal-head__stats {
  background: var(--color-surface) !important;
}
.lk-app[data-theme=sepia] .ghd__pulse, .lk-app[data-theme=sepia] .ghd__help {
  background: var(--color-surface);
}
.lk-app {
  /* ============================================================
     404 / orphan safety — graceful for broken hrefs
     ============================================================ */
}
.lk-app a[href="#"]:not(.btn):not(.sub-pill):not(.fig-add-card)::after {
  content: " ⌗";
  opacity: 0.3;
  font-size: 9px;
  vertical-align: super;
  color: var(--text_003);
}
.lk-app {
  /* ============================================================
     FREE SOS banner — for non-paying users (none / tripwire-only)
     ============================================================ */
}
.lk-app .sos-banner {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 22px 26px;
  background: linear-gradient(135deg, var(--soft-green) 0%, #fff 100%);
  border-left: 4px solid #1a5c4a;
  border-radius: 20px;
}
.lk-app .sos-banner__icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 28px;
  flex-shrink: 0;
}
.lk-app .sos-banner__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.lk-app .sos-banner__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1a5c4a;
}
.lk-app .sos-banner__title {
  font-size: 18px;
  font-weight: 500;
  color: #0d4036;
  letter-spacing: -0.015em;
  line-height: 1.25;
}
.lk-app .sos-banner__desc {
  font-size: 13px;
  color: #1a5c4a;
  opacity: 0.78;
  line-height: 1.4;
}
.lk-app .sos-banner__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 100px;
  background: #1a5c4a;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.lk-app .sos-banner__cta:hover {
  background: #103b30;
}
@media (max-width: 700px) {
  .lk-app .sos-banner {
    grid-template-columns: 50px 1fr;
    padding: 18px 20px;
  }
  .lk-app .sos-banner__icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
  .lk-app .sos-banner__cta {
    grid-column: 1/-1;
    justify-content: center;
  }
}
.lk-app {
  /* ============================================================
     TARIFF DIFFERENTIATION — Год+ premium hints
     ============================================================ */
}
.lk-app[data-tariff=year] .dash-greeting__title::after, .lk-app[data-tariff=focus] .dash-greeting__title::after {
  content: "Год+";
  display: inline-block;
  margin-left: 12px;
  padding: 4px 10px;
  border-radius: 100px;
  background: var(--main);
  color: #2A2200;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  vertical-align: middle;
}
.lk-app {
  /* "Новое" badge on practice cards (added in last 7 days) */
}
.lk-app .card-5s[data-fresh=true]::after {
  content: "Новое";
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 9px;
  background: var(--main);
  color: #2A2200;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  z-index: 1;
}
.lk-app {
  /* Better contrast on key meta fields */
}
.lk-app .ph-month-card__plan,
.lk-app .card-5s__meta,
.lk-app .tw-saved__meta {
  color: var(--text_002) !important;
}
.lk-app {
  /* Aria-live region for toasts */
}
.lk-app .toast, .lk-app .sl-toast {
  aria-live: polite;
}
.lk-app {
  /* ============================================================
     MOBILE RECO carousel — visible dots indicator
     ============================================================ */
}
@media (max-width: 768px) {
  .lk-app .reco {
    position: relative;
    padding-bottom: 16px;
  }
  .lk-app .reco::after {
    content: "← свайп →";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    color: var(--text_003);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
  }
  .lk-app {
    /* Hide indicator when scrolled */
  }
  .lk-app .reco:hover::after {
    opacity: 0;
  }
}
.lk-app {
  /* ============================================================
     YEAR+ premium section hint (auto-shown for year/focus tariff)
     ============================================================ */
}
.lk-app .premium-hint {
  display: none;
  padding: 18px 22px;
  background: linear-gradient(135deg, rgba(217, 182, 72, 0.12) 0%, rgba(217, 182, 72, 0.04) 100%);
  border: 1px solid rgba(217, 182, 72, 0.3);
  border-radius: 18px;
  align-items: center;
  gap: 14px;
}
.lk-app[data-tariff=year] .premium-hint, .lk-app[data-tariff=focus] .premium-hint {
  display: flex;
}
.lk-app .premium-hint__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--main);
  color: #2A2200;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 16px;
}
.lk-app .premium-hint__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.lk-app .premium-hint__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .premium-hint__desc {
  font-size: 12px;
  color: var(--text_002);
}
.lk-app {
  /* Tablet 1025-1180 — reco gets 3 cols back with smaller cards */
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .lk-app .reco > .reco-card {
    flex: 0 0 calc((100% - 32px) / 3);
    padding: 20px;
  }
  .lk-app .reco-card__title {
    font-size: 16px;
  }
}
.lk-app {
  /* Cancel page without auth — hash-token URL ?token=X */
}
.lk-app .cancel-page-auth {
  position: fixed;
  top: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  z-index: 10;
}
.lk-app .cancel-page-auth__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--soft-green);
}
.lk-app {
  /* Practice card "Пройдено" badge */
}
.lk-app .card-5s[data-completed=true]::after {
  content: "✓ Пройдено";
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 10px;
  background: var(--soft-green);
  color: #1a5c4a;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  z-index: 1;
}
.lk-app .card-5s[data-completed=true] {
  opacity: 0.7;
}
.lk-app {
  /* Low-pulse SOS sticky bar */
}
.lk-app .sos-sticky-bar {
  position: sticky;
  top: 12px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  background: var(--soft-green);
  border: 1px solid rgba(26, 92, 74, 0.2);
  border-radius: 100px;
  color: #1a5c4a;
  font-size: 14px;
  margin-bottom: 8px;
}
.lk-app .sos-sticky-bar__cta {
  margin-left: auto;
  background: #1a5c4a;
  color: #fff;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.lk-app {
  /* ============================================================
     TEXT-WRAP FIXES — verifier audit findings
     Force single-line on short UI labels
     ============================================================ */
}
.lk-app .sec__title,
.lk-app .sub-card__title,
.lk-app .sub-card__chip,
.lk-app .sub-card__chip--period,
.lk-app .sub-pill,
.lk-app .btn,
.lk-app .fig-btn-primary,
.lk-app .routes-catalog-cta__pill,
.lk-app .tw-saved__btn,
.lk-app .tw-saved__retake,
.lk-app .v2-route-card__pill,
.lk-app .v2-route-card__when,
.lk-app .ph-month-card__sum,
.lk-app .ph-month-card__check,
.lk-app .ph-month-card__download,
.lk-app .arsenal-toolbar__sort,
.lk-app .arsenal-head__stat-num,
.lk-app .arsenal-head__stat-label,
.lk-app .sub-card__valid-until,
.lk-app .sub-yearly__cta,
.lk-app .ph-tw-badge,
.lk-app .ph-status-chip,
.lk-app .chip,
.lk-app .gro-rc-btn,
.lk-app .gro-streak {
  white-space: nowrap;
}
.lk-app {
  /* Eyebrow text in route cards — preserve wrap for long titles only */
}
.lk-app .routes-catalog-cta__label,
.lk-app .tw-saved__label,
.lk-app .v2-route-card__pill {
  white-space: nowrap;
}
.lk-app {
  /* ============================================================
     EXPERT-PANEL AUDIT — final fixes
     ============================================================ */
  /* Art Director · 1. Greeting smaller, pulse-card lift */
}
.lk-app .dash-greeting__title {
  font-size: 22px !important;
  font-weight: 500;
}
.lk-app .dash-greeting__sub {
  font-size: 12px;
}
.lk-app .pulse-card {
  box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.06);
}
.lk-app {
  /* Art Director · 2. History tripwire row — single accent */
}
.lk-app .ph-month-card--tripwire {
  background: #fff;
  border-left: 3px solid var(--main);
  background: transparent;
}
.lk-app {
  /* UI/UX · 4. Edit-mode tutorial hint */
}
.lk-app .edit-tour-hint {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--text_001);
  color: var(--bg);
  padding: 16px 22px;
  border-radius: 16px;
  font-size: 14px;
  z-index: 999;
  max-width: 280px;
  text-align: center;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
}
.lk-app {
  /* System Consistency · CTA unified 3 sizes */
}
.lk-app .btn--small, .lk-app .sub-pill.btn--small {
  height: 36px;
  padding: 0 14px;
  font-size: 13px;
}
.lk-app .btn, .lk-app .btn--medium, .lk-app .sub-pill {
  height: 44px;
  padding: 0 20px;
  font-size: 14px;
}
.lk-app .btn--large, .lk-app .fig-btn-primary, .lk-app .sub-card__head-cta--large {
  height: 56px;
  padding: 0 28px;
  font-size: 15px;
}
.lk-app .tripwire__cta, .lk-app .route-card__cta {
  height: 44px;
  padding: 0 20px;
  font-size: 14px;
}
.lk-app {
  /* System Consistency · Unified active state */
}
.lk-app [aria-pressed=true] {
  /* Default accent — gold underline */
}
.lk-app {
  /* System Consistency · Icon uniformity */
}
.lk-app .btn svg, .lk-app .sub-pill svg, .lk-app .fig-btn-primary svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}
.lk-app {
  /* A11Y · Contrast — text_003 on small fonts → text_002 */
}
.lk-app .ph-month-card__plan,
.lk-app .card-5s__meta,
.lk-app .tw-saved__meta,
.lk-app .tg-login-card__desc,
.lk-app .arsenal-head__stat-label,
.lk-app .dash-greeting__sub,
.lk-app .card-block__sub,
.lk-app .tw-saved__label,
.lk-app .sub-section__sub,
.lk-app .fig-card__date {
  color: var(--text_002) !important;
}
.lk-app {
  /* Calm Commerce · Tw-saved meta has richer description */
}
.lk-app .tw-saved__meta {
  line-height: 1.5;
}

.lk-app {
  --v2-accent: var(--main);
  --v2-accent-hover: #f0d83b;
  --v2-accent-soft: var(--extra_bg);
  --v2-dark: #171717;
  --v2-fg: #303030;
  --v2-fg-secondary: #525252;
  --v2-fg-muted: #AAA8A8;
  --v2-on-dark: #FFFFFF;
  --v2-on-dark-soft: rgba(255,255,255,0.72);
  --v2-on-dark-muted: rgba(255,255,255,0.55);
  --v2-on-dark-border: rgba(255,255,255,0.10);
  --v2-page-bg: #E7E5DF;
  --v2-surface: #FFFFFF;
  --v2-surface-soft: #F4F3F0;
  --v2-surface-deep: #DBD9D0;
  --v2-pill-bg: rgba(255,255,255,0.10);
  --v2-pill-bg-dark: rgba(255,255,255,0.06);
  --v2-pill-stroke: rgba(255,255,255,0.20);
  --v2-tag-green: var(--green);
  --v2-tag-green-dark: #5F9C36;
  --v2-track-empty-dark: rgba(255,255,255,0.16);
  --v2-track-empty-light: #DBD9D0;
}
.lk-app .v2-screen {
  background: var(--v2-page-bg);
  color: var(--v2-fg);
  font-family: var(--font-family-base);
  -webkit-font-smoothing: antialiased;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.lk-app .v2-screen *, .lk-app .v2-screen *::before, .lk-app .v2-screen *::after {
  box-sizing: border-box;
}
.lk-app .v2-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 36px;
  box-sizing: border-box;
}
.lk-app .v2-page-pad-y {
  padding: 56px 0;
}
.lk-app .v2-header {
  background: var(--v2-page-bg);
  padding: 24px 36px 0;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 72px;
}
.lk-app .v2-header__logo {
  font-family: var(--font-family-base);
  font-weight: 500;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--v2-fg);
  text-decoration: none;
  margin-right: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.lk-app .v2-header__logo-dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: var(--v2-accent);
  display: inline-block;
  margin-bottom: 8px;
}
.lk-app .v2-header__nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: auto;
}
.lk-app .v2-header__nav a {
  height: 44px;
  padding: 0 22px;
  border-radius: 46px;
  display: inline-flex;
  align-items: center;
  color: var(--v2-fg);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--transition);
}
.lk-app .v2-header__nav a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.lk-app .v2-header__nav a.is-active {
  background: var(--v2-surface);
}
.lk-app .v2-header__pill {
  height: 56px;
  padding: 0 24px;
  border-radius: 500px;
  background: var(--v2-surface);
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  font-weight: 500;
  color: var(--v2-fg);
  cursor: pointer;
  border: 0;
  font-family: inherit;
}
.lk-app .v2-header__pill--burger {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--border);
}
.lk-app .v2-breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--v2-fg-muted);
  font-size: 16px;
}
.lk-app .v2-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lk-app .v2-breadcrumb svg {
  width: 14px;
  height: 14px;
}
.lk-app .v2-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.lk-app .v2-page-title {
  font-family: var(--font-family-base);
  font-weight: 500;
  font-size: 72px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--v2-fg);
  margin: 0;
  text-wrap: pretty;
}
.lk-app .v2-page-title--m {
  font-size: 40px;
}
.lk-app .v2-page-subtitle-pill {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  background: var(--v2-surface-soft);
  padding: 8px 24px;
  border-radius: 20px;
  color: var(--v2-fg-secondary);
  font-size: 19px;
  line-height: 1.4;
  max-width: 100%;
}
.lk-app .v2-page-subtitle-pill::before {
  content: "—";
  color: var(--v2-fg-secondary);
}
.lk-app .v2-section-title {
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0 0 24px;
  color: var(--v2-fg);
}
.lk-app .v2-dark-card {
  position: relative;
  background: var(--v2-dark);
  color: var(--v2-on-dark);
  border-radius: 32px;
  padding: 40px;
  overflow: hidden;
}
.lk-app .v2-dark-card--xl {
  padding: 56px;
}
.lk-app .v2-dark-card__title {
  font-size: 56px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0;
  color: var(--v2-on-dark);
  text-wrap: pretty;
}
.lk-app .v2-dark-card__title--xl {
  font-size: 72px;
}
.lk-app .v2-dark-card__title--m {
  font-size: 40px;
}
.lk-app .v2-dark-card__subtitle {
  color: var(--v2-on-dark-soft);
  font-size: 19px;
  line-height: 1.4;
  margin-top: 14px;
  max-width: 720px;
}
.lk-app .v2-dark-card__bg-arrow {
  /* Decorative big yellow arrow watermark */
  position: absolute;
  right: -120px;
  bottom: -160px;
  width: 560px;
  height: 560px;
  pointer-events: none;
  opacity: 0.06;
  color: var(--v2-on-dark);
}
.lk-app .v2-dark-card__bg-arrow svg {
  width: 100%;
  height: 100%;
}
.lk-app .v2-step-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  background: var(--v2-pill-bg-dark);
  color: var(--v2-on-dark);
  border: 1px solid var(--v2-pill-stroke);
}
.lk-app .v2-tag-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 18px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  background: var(--v2-dark);
  color: var(--v2-on-dark);
}
.lk-app .v2-tag-pill--ghost-on-dark {
  background: var(--v2-pill-bg);
  color: var(--v2-on-dark);
  padding: 8px 18px;
}
.lk-app .v2-progress {
  height: 12px;
  border-radius: 999px;
  background: var(--v2-track-empty-dark);
  overflow: hidden;
  position: relative;
}
.lk-app .v2-progress--light {
  background: var(--v2-track-empty-light);
}
.lk-app .v2-progress__fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--v2-accent);
  border-radius: 999px;
}
.lk-app .v2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 56px;
  padding: 0 28px;
  border-radius: 500px;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.005em;
  transition: background var(--transition), color var(--transition), box-shadow var(--transition);
  white-space: nowrap;
}
.lk-app .v2-btn--gold {
  background: var(--v2-accent);
  color: #000;
}
.lk-app .v2-btn--gold:hover {
  background: var(--v2-accent-hover);
}
.lk-app .v2-btn--dark {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
}
.lk-app .v2-btn--dark:hover {
  background: var(--v2-dark-2);
}
.lk-app .v2-btn--ghost-on-dark {
  background: transparent;
  color: var(--v2-on-dark);
  box-shadow: inset 0 0 0 1px var(--v2-pill-stroke);
}
.lk-app .v2-btn--ghost-on-dark:hover {
  background: rgba(255, 255, 255, 0.05);
}
.lk-app .v2-btn--white {
  background: var(--v2-surface);
  color: var(--v2-fg);
  box-shadow: inset 0 0 0 1px transparent;
}
.lk-app .v2-btn--white:hover {
  background: #efeee9;
}
.lk-app .v2-btn--outline {
  background: transparent;
  color: var(--v2-fg);
  box-shadow: inset 0 0 0 1px var(--border);
}
.lk-app .v2-btn--outline:hover {
  background: var(--v2-surface);
}
.lk-app .v2-btn--sm {
  height: 44px;
  padding: 0 20px;
  font-size: 14px;
}
.lk-app .v2-btn--lg {
  height: 64px;
  padding: 0 32px;
  font-size: 17px;
}
.lk-app .v2-continue {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
  border-radius: 32px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  overflow: hidden;
}
.lk-app .v2-continue__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.lk-app .v2-continue__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  color: var(--v2-on-dark-soft);
}
.lk-app .v2-continue__progress-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}
.lk-app .v2-carousel {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.lk-app .v2-carousel::-webkit-scrollbar {
  display: none;
}
.lk-app .v2-carousel__arrows {
  display: flex;
  gap: 8px;
  align-items: center;
}
.lk-app .v2-icon-btn {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--v2-fg);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background var(--transition);
}
.lk-app .v2-icon-btn:hover {
  background: var(--v2-surface);
}
.lk-app .v2-route-card {
  position: relative;
  color: #FFFFFF;
  background: var(--text_001);
  border: 1px solid var(--text_001);
  color: var(--v2-on-dark);
  border-radius: 28px;
  padding: 28px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 220px;
  transition: transform var(--transition);
  text-decoration: none;
  flex: 0 0 460px;
}
.lk-app .v2-route-card:hover {
  transform: translateY(-2px);
}
.lk-app .v2-route-card__title {
  color: #FFFFFF;
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-on-dark);
  margin: 0;
  text-wrap: pretty;
  max-width: 340px;
}
.lk-app .v2-route-card__sub {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.72);
  margin-top: 8px;
}
.lk-app .v2-route-card__bottom {
  margin-top: auto;
  padding-top: 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
}
.lk-app .v2-route-card__progress-mini {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
}
.lk-app .v2-route-card__progress-mini > div {
  height: 100%;
  background: var(--v2-accent);
  border-radius: 999px;
}
.lk-app .v2-route-card__arrow-bg {
  position: absolute;
  right: -30px;
  top: -10px;
  color: #FFFFFF;
  color: var(--v2-on-dark);
  opacity: 0.04;
  width: 220px;
  height: 220px;
  pointer-events: none;
}
.lk-app .v2-route-card__arrow-bg svg {
  width: 100%;
  height: 100%;
}
.lk-app .v2-route-card[data-state=completed] .v2-route-card__title {
  color: var(--main);
}
.lk-app .v2-route-card[data-state=completed] .v2-route-card__progress-mini > div {
  width: 100% !important;
}
.lk-app .v2-route-card[data-state=active] {
  border-color: var(--main);
  box-shadow: 0 0 0 1px var(--main);
}
.lk-app .v2-route-card[data-state=locked] {
  background: #1F1F1F;
  border-color: #1F1F1F;
  opacity: 0.85;
}
.lk-app .v2-route-card[data-state=locked] .v2-route-card__title,
.lk-app .v2-route-card[data-state=locked] .v2-route-card__sub {
  color: rgba(255, 255, 255, 0.5);
}
.lk-app .v2-route-card__chip {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.lk-app .v2-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.lk-app .v2-filters__group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.lk-app .v2-filters__sort {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--v2-fg-muted);
}
.lk-app .v2-dropchip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--v2-surface);
  color: var(--v2-fg);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  transition: background var(--transition);
}
.lk-app .v2-dropchip:hover {
  background: var(--v2-surface-soft);
}
.lk-app .v2-dropchip[data-state=active] {
  background: var(--v2-fg);
  color: var(--v2-on-dark);
}
.lk-app .v2-dropchip__caret {
  width: 12px;
  height: 12px;
}
.lk-app .v2-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.lk-app .v2-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.lk-app .v2-grid-2 .v2-route-card,
.lk-app .v2-grid-3 .v2-route-card {
  flex: initial;
  min-height: 240px;
}
.lk-app .v2-pillar-hero {
  background: #FFFFFF;
  color: var(--text_001);
  border-radius: 40px;
  padding: var(--lk-space-11, 56px);
  display: flex;
  flex-direction: column;
  gap: var(--lk-space-8, 40px);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-02);
}
.lk-app .v2-pillar-hero--active {
  border: 1.5px solid var(--main);
}
.lk-app .v2-pillar-hero__head {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--lk-space-8, 40px);
  align-items: start;
}
@media (max-width: 900px) {
  .lk-app .v2-pillar-hero__head {
    grid-template-columns: 1fr;
  }
}
.lk-app .v2-pillar-hero__main {
  min-width: 0;
}
.lk-app .v2-pillar-hero__when {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--lk-space-1, 8px);
  padding-top: var(--lk-space-2, 16px);
}
.lk-app .v2-pillar-hero__title {
  font-size: var(--fs-56, 56px);
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: var(--lk-space-2, 16px) 0 var(--lk-space-6, 32px);
  color: var(--text_001);
  text-wrap: pretty;
}
.lk-app .v2-pillar-hero__meta {
  display: flex;
  gap: var(--lk-space-4, 24px);
  flex-wrap: wrap;
  font-size: var(--fs-16, 16px);
  color: var(--text_002);
  margin-bottom: var(--lk-space-4, 24px);
}
.lk-app .v2-pillar-hero__meta-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text_003);
  align-self: center;
}
.lk-app .v2-pillar-hero__desc {
  font-size: var(--fs-18, 18px);
  line-height: 1.55;
  color: var(--text_002);
  max-width: 540px;
}
.lk-app .v2-pillar-hero__cta {
  margin-top: var(--lk-space-8, 40px);
  display: flex;
  gap: var(--lk-space-1, 8px);
  flex-wrap: wrap;
  align-items: center;
}
.lk-app .v2-pillar-hero__when-h {
  color: var(--text_001);
  font-size: var(--fs-20, 20px);
  font-weight: 500;
  margin-bottom: var(--lk-space-1, 8px);
  letter-spacing: -0.02em;
}
.lk-app .v2-pillar-hero__when-row {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: var(--lk-space-1, 8px);
  align-items: baseline;
  font-size: var(--fs-16, 16px);
  line-height: 1.5;
  color: var(--text_001);
  padding: var(--lk-space-1, 8px) 0;
}
.lk-app .v2-pillar-hero__when-row::before {
  content: "—";
  color: var(--text_003);
}
.lk-app .v2-pillar-hero__active {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
  margin-top: 32px;
}
.lk-app .v2-pillar-hero .v2-step-pill {
  background: var(--extra_bg);
  color: var(--text_001);
  border: 1px solid transparent;
}
.lk-app .v2-pillar-hero .v2-progress {
  background: var(--bg-02);
}
.lk-app .v2-pillar-hero .v2-progress--light {
  background: var(--bg-02);
}
.lk-app .v2-pillar-hero .v2-tag-pill--ghost-on-dark {
  background: var(--main);
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .v2-step-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 32px 0 24px;
}
.lk-app .v2-step-tab {
  position: relative;
  background: var(--v2-page-bg);
  border: 1.5px solid transparent;
  border-radius: 24px;
  padding: 20px 24px;
  text-align: left;
  color: var(--v2-fg);
  cursor: pointer;
  font-family: inherit;
  transition: border-color var(--transition), background var(--transition);
}
.lk-app .v2-step-tab__title {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
}
.lk-app .v2-step-tab__sub {
  color: var(--v2-fg-muted);
  font-size: 16px;
  margin-top: 4px;
}
.lk-app .v2-step-tab__chip {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 2px 12px;
  border-radius: 999px;
  background: var(--v2-fg);
  color: var(--v2-on-dark);
  font-size: 12px;
  font-weight: 500;
}
.lk-app .v2-step-tab[data-state=active] {
  border-color: var(--v2-fg);
  background: var(--v2-page-bg);
}
.lk-app .v2-step-tab[data-state=active] .v2-step-tab__sub {
  color: var(--v2-fg);
}
.lk-app .v2-step-tab[data-state=done] .v2-step-tab__title,
.lk-app .v2-step-tab[data-state=done] .v2-step-tab__sub {
  color: var(--v2-fg-muted);
}
.lk-app .v2-step-tab[data-state=upcoming] .v2-step-tab__title,
.lk-app .v2-step-tab[data-state=upcoming] .v2-step-tab__sub {
  color: var(--v2-fg-muted);
}
.lk-app .v2-step-pane {
  background: var(--v2-page-bg);
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 32px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.lk-app .v2-step-pane__h {
  font-size: 56px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  margin: 0;
}
.lk-app .v2-step-pane__h--m {
  font-size: 40px;
}
.lk-app .v2-overview {
  background: var(--v2-surface);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 280px;
  position: relative;
  overflow: hidden;
}
.lk-app .v2-overview__tag {
  display: inline-flex;
  padding: 4px 14px;
  border-radius: 999px;
  background: var(--v2-fg);
  color: var(--v2-on-dark);
  font-size: 13px;
  font-weight: 500;
  align-self: flex-start;
}
.lk-app .v2-overview__title {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  margin: 0;
}
.lk-app .v2-overview__sub {
  color: var(--v2-fg-muted);
  font-size: 16px;
}
.lk-app .v2-overview__deco {
  position: absolute;
  right: 40px;
  top: 40px;
  bottom: 40px;
  width: 200px;
  color: var(--v2-fg-muted);
  opacity: 0.18;
  pointer-events: none;
}
.lk-app .v2-overview__bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lk-app .v2-overview__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 18px;
  background: transparent;
  color: var(--v2-fg);
  border-radius: 999px;
  border: 1px solid var(--border);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
.lk-app .v2-overview__meta {
  color: var(--v2-fg-muted);
  font-size: 14px;
}
.lk-app .v2-soln-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lk-space-2, 16px);
}
.lk-app .v2-soln-card {
  background: #FFFFFF;
  border: 1px solid var(--border-02);
  border-radius: var(--radius-soft, 16px);
  padding: var(--lk-space-4, 24px);
  min-height: 220px;
  display: flex;
  flex-direction: column;
  gap: var(--lk-space-1, 8px);
  position: relative;
  transition: box-shadow var(--transition), transform var(--transition);
}
.lk-app .v2-soln-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}
.lk-app .v2-soln-card[data-state=done] {
  background: var(--bg-00);
  border-color: transparent;
}
.lk-app .v2-soln-card__top {
  display: flex;
  align-items: center;
  gap: var(--lk-space-1, 8px);
}
.lk-app .v2-soln-card__pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--radius-tag, 20px);
  background: var(--bg-00);
  color: var(--text_002);
  font-size: var(--fs-12, 12px);
  font-weight: 500;
}
.lk-app .v2-soln-card__pill--done {
  background: var(--green);
  color: var(--text_001);
}
.lk-app .v2-soln-card__icon {
  display: none;
}
.lk-app .v2-soln-card__icon--done {
  display: none;
}
.lk-app .v2-soln-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.lk-app .v2-soln-card__kind {
  font-size: var(--fs-12, 12px);
  color: var(--text_003);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-weight: 500;
}
.lk-app .v2-soln-card__title {
  font-size: var(--fs-18, 18px);
  line-height: 1.3;
  font-weight: 500;
  color: var(--text_001);
  margin-top: 4px;
}
.lk-app .v2-soln-card__bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--lk-space-1, 8px);
  border-top: 1px solid var(--border-02);
}
.lk-app .v2-soln-card__meta {
  font-size: var(--fs-12, 12px);
  color: var(--text_003);
  display: flex;
  gap: var(--lk-space-1, 8px);
  align-items: center;
}
.lk-app .v2-soln-card__readbar {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.lk-app .v2-soln-card__readbar span {
  width: 5px;
  height: 8px;
  border-radius: 2px;
  background: var(--bg-02);
}
.lk-app .v2-soln-card__readbar span.is-on {
  background: var(--text_001);
}
.lk-app .v2-soln-card__readlink {
  color: var(--text_001);
  font-weight: 500;
  font-size: var(--fs-14, 14px);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lk-app .v2-soln-card__readlink:hover {
  color: var(--text_002);
}
.lk-app .v2-fallback {
  background: var(--v2-page-bg);
  border-radius: 28px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  align-items: center;
}
.lk-app .v2-fallback__title {
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  text-wrap: pretty;
  max-width: 720px;
}
.lk-app .v2-fallback__row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.lk-app .v2-sticky-route {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
  border-radius: 20px;
  padding: 12px 12px 12px 24px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 16px;
  margin: 16px 0 24px;
}
.lk-app .v2-sticky-route__brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 19px;
  font-weight: 500;
  color: var(--v2-on-dark);
}
.lk-app .v2-sticky-route__brand-mark {
  width: 28px;
  height: 28px;
  color: var(--v2-on-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-sticky-route__title {
  color: var(--v2-on-dark);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lk-app .v2-sticky-route__title small {
  color: var(--v2-on-dark-soft);
  font-weight: 400;
  margin-right: 6px;
}
.lk-app .v2-sticky-route__chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 999px;
  background: var(--v2-pill-bg);
  color: var(--v2-on-dark-soft);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid var(--v2-pill-stroke);
}
.lk-app .v2-sticky-route__action {
  background: var(--v2-accent);
  color: #000;
  height: 44px;
  padding: 0 22px;
  border-radius: 500px;
  font-family: inherit;
  font-weight: 500;
  font-size: 15px;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lk-app .v2-sticky-route__action--done {
  background: rgba(160, 232, 112, 0.95);
  color: #232220;
}
.lk-app .v2-sticky-route__action--ghost {
  background: transparent;
  color: var(--v2-on-dark);
  box-shadow: inset 0 0 0 1px var(--v2-pill-stroke);
}
.lk-app .v2-sticky-route__minimize {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--v2-surface);
  color: var(--v2-fg);
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-article {
  background: var(--v2-page-bg);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 32px;
  align-items: start;
}
.lk-app .v2-article--no-sidebar {
  grid-template-columns: minmax(0, 1fr);
}
.lk-app .v2-article__card {
  background: var(--v2-surface);
  border-radius: 32px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .v2-article__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.lk-app .v2-article__tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 999px;
  background: var(--v2-tag-green);
  color: var(--v2-fg);
  font-size: 14px;
  font-weight: 500;
}
.lk-app .v2-article__tag--neutral {
  background: var(--v2-fg);
  color: var(--v2-on-dark);
}
.lk-app .v2-article__tag--ghost {
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
}
.lk-app .v2-article__theme {
  color: var(--v2-fg-secondary);
  font-size: 19px;
  margin-top: 8px;
}
.lk-app .v2-article__theme strong {
  font-weight: 500;
  color: var(--v2-fg);
}
.lk-app .v2-article__h1 {
  font-size: 56px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  margin: 16px 0 8px;
  text-wrap: pretty;
}
.lk-app .v2-article__h1--m {
  font-size: 40px;
}
.lk-app .v2-article__lead {
  font-size: 19px;
  line-height: 1.5;
  color: var(--v2-fg-secondary);
}
.lk-app .v2-article__meta-pills {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px;
}
.lk-app .v2-article__meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--v2-surface);
  border: 1px solid var(--border);
  color: var(--v2-fg-secondary);
  font-size: 14px;
  font-weight: 500;
}
.lk-app .v2-article__meta-pill--ghost {
  background: var(--v2-surface-soft);
  border-color: transparent;
}
.lk-app .v2-article__lead-card {
  background: var(--v2-surface-soft);
  border-radius: 24px;
  padding: 32px;
  font-size: 19px;
  line-height: 1.5;
  color: var(--v2-fg);
  margin-top: 8px;
}
.lk-app .v2-article__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}
.lk-app .v2-article__body h2 {
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 16px 0 0;
}
.lk-app .v2-article__body p {
  font-size: 19px;
  line-height: 1.5;
  color: var(--v2-fg);
  margin: 0;
}
.lk-app .v2-article__important {
  background: var(--v2-accent);
  color: var(--v2-fg);
  border-radius: 24px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 20px;
  align-items: flex-start;
  margin-top: 8px;
}
.lk-app .v2-article__important-asterisk {
  font-size: 56px;
  line-height: 0.7;
  font-weight: 600;
  color: var(--v2-fg);
}
.lk-app .v2-article__important p {
  font-size: 19px;
  line-height: 1.45;
}
.lk-app .v2-article__important-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--v2-fg);
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
}
.lk-app .v2-author {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
}
.lk-app .v2-author__photo {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--v2-surface-soft);
  overflow: hidden;
  color: var(--v2-fg-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-author__name {
  font-size: 16px;
  font-weight: 500;
  color: var(--v2-fg);
}
.lk-app .v2-author__role {
  font-size: 14px;
  color: var(--v2-fg-secondary);
  margin-top: 2px;
}
.lk-app .v2-sidebar {
  background: transparent;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
  top: 24px;
}
.lk-app .v2-sidebar__title {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg-muted);
  margin-bottom: 16px;
}
.lk-app .v2-sidebar__minimize {
  position: absolute;
  top: 24px;
  left: -48px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--v2-surface);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--v2-fg);
}
.lk-app .v2-toc-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 0;
}
.lk-app .v2-toc-section__head {
  display: grid;
  grid-template-columns: 18px 1fr 14px;
  gap: 8px;
  align-items: center;
  color: var(--v2-fg);
  font-size: 19px;
  font-weight: 500;
}
.lk-app .v2-toc-section__num {
  font-size: 14px;
  color: var(--v2-fg-muted);
  font-variant-numeric: tabular-nums;
}
.lk-app .v2-toc-item {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  align-items: baseline;
  color: var(--v2-fg-secondary);
  font-size: 15px;
  line-height: 1.4;
  padding: 4px 0;
  cursor: pointer;
}
.lk-app .v2-toc-item__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--v2-fg-muted);
  margin-top: 6px;
}
.lk-app .v2-toc-item.is-active {
  color: var(--v2-fg);
  font-weight: 500;
}
.lk-app .v2-toc-item.is-active::before {
  content: "";
  width: 0; /* keep grid */
}
.lk-app .v2-toc-item.is-active .v2-toc-item__dot {
  display: none;
}
.lk-app .v2-toc-item.is-active .v2-toc-item__label::before {
  content: "▸ ";
  color: var(--v2-fg);
  margin-right: 4px;
}
.lk-app .v2-footer {
  background: var(--v2-page-bg);
  padding: 56px 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  overflow: hidden;
}
.lk-app .v2-footer__author-row {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.lk-app .v2-footer__author {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lk-app .v2-footer__author-pic {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg-muted);
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-footer__author-name {
  font-size: 16px;
  font-weight: 500;
  color: var(--v2-fg);
}
.lk-app .v2-footer__author-handle {
  font-size: 13px;
  color: var(--v2-fg-muted);
  margin-top: 2px;
}
.lk-app .v2-footer__links {
  margin-left: auto;
  display: flex;
  gap: 28px;
  align-items: center;
}
.lk-app .v2-footer__links a {
  color: var(--v2-fg);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.lk-app .v2-footer__channel {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--v2-fg);
  color: var(--v2-on-dark);
  height: 44px;
  padding: 0 18px;
  border-radius: 500px;
  font-weight: 500;
  font-size: 15px;
}
.lk-app .v2-footer__circle {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--v2-fg);
  color: var(--v2-on-dark);
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-footer__tagline {
  font-size: 80px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  margin: 16px 0 0;
  max-width: 920px;
  text-wrap: pretty;
}
.lk-app .v2-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--v2-fg-muted);
  font-size: 14px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.lk-app .v2-footer__bottom a {
  color: inherit;
}
.lk-app .v2-footer__bg-arrow {
  position: absolute;
  right: -120px;
  bottom: -100px;
  width: 540px;
  height: 540px;
  color: var(--v2-fg-muted);
  opacity: 0.15;
  pointer-events: none;
}
.lk-app .v2-footer__up {
  position: absolute;
  right: 36px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--v2-surface);
  color: var(--v2-fg);
  border: 1px solid var(--border);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .lk-app .v2-pillar-hero__head {
    grid-template-columns: 1fr;
  }
}
.lk-app .v2-onb-shell {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
  min-height: 800px;
  padding: 48px 36px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.lk-app .v2-onb-shell__brand {
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-on-dark);
}
.lk-app .v2-onb-shell__progress {
  display: flex;
  gap: 8px;
  align-items: center;
}
.lk-app .v2-onb-shell__dot {
  height: 4px;
  border-radius: 999px;
  flex: 1;
  background: rgba(255, 255, 255, 0.12);
}
.lk-app .v2-onb-shell__dot.is-active {
  background: var(--v2-accent);
}
.lk-app .v2-onb-shell__dot.is-done {
  background: var(--v2-on-dark);
}
.lk-app .v2-onb-card {
  background: var(--v2-page-bg);
  color: var(--v2-fg);
  border-radius: 32px;
  padding: 56px;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.lk-app .v2-onb-card__eyebrow {
  color: var(--v2-fg-muted);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.lk-app .v2-onb-card__title {
  font-size: 40px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0;
  color: var(--v2-fg);
  text-wrap: pretty;
}
.lk-app .v2-onb-card__hint {
  color: var(--v2-fg-secondary);
  font-size: 16px;
}
.lk-app .v2-onb-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}
.lk-app .v2-onb-option {
  background: var(--v2-surface);
  border: 1.5px solid transparent;
  border-radius: 20px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: inherit;
  font-size: 17px;
  font-weight: 500;
  color: var(--v2-fg);
  transition: border-color var(--transition), background var(--transition);
}
.lk-app .v2-onb-option:hover {
  border-color: var(--border);
}
.lk-app .v2-onb-option.is-selected {
  border-color: var(--v2-fg);
  background: var(--v2-surface);
}
.lk-app .v2-onb-option__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.lk-app .v2-onb-option.is-selected .v2-onb-option__icon {
  background: var(--v2-accent);
}
.lk-app .v2-onb-option__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .v2-onb-option__sub {
  font-weight: 400;
  font-size: 14px;
  color: var(--v2-fg-secondary);
}
.lk-app .v2-onb-option__bullet {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  background: var(--v2-page-bg);
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-onb-option.is-selected .v2-onb-option__bullet {
  border-color: var(--v2-fg);
  background: var(--v2-fg);
}
.lk-app .v2-onb-option.is-selected .v2-onb-option__bullet::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--v2-on-dark);
}
.lk-app .v2-onb-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  flex-wrap: wrap;
  gap: 12px;
}
.lk-app .v2-onb-card__skip {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--v2-fg-muted);
  font-family: inherit;
  font-size: 14px;
  padding: 8px 4px;
}
.lk-app .v2-onb-loading {
  background: var(--v2-page-bg);
  border-radius: 32px;
  padding: 96px 56px;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.lk-app .v2-onb-loading__spinner {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid var(--v2-surface-soft);
  border-top-color: var(--v2-accent);
  animation: v2-spin 1.1s linear infinite;
}
.lk-app .v2-onb-error {
  background: var(--v2-page-bg);
  border-radius: 32px;
  padding: 64px 56px;
  margin: 0 auto;
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.lk-app .v2-onb-error__icon {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background: var(--red);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
}
.lk-app .v2-pillar-hero--paywall .v2-tag-pill--ghost-on-dark {
  background: var(--main);
  color: var(--text_001);
}
.lk-app .v2-pillar-price {
  display: flex;
  align-items: baseline;
  gap: var(--lk-space-1, 8px);
  margin: var(--lk-space-2, 16px) 0 var(--lk-space-1, 8px);
  padding: var(--lk-space-2, 16px) var(--lk-space-4, 24px);
  background: var(--extra_bg);
  border-radius: var(--radius-soft, 16px);
  align-self: flex-start;
}
.lk-app .v2-pillar-price__amount {
  font-size: var(--fs-32, 32px);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--text_001);
}
.lk-app .v2-pillar-price__period {
  font-size: var(--fs-14, 14px);
  color: var(--text_002);
}
.lk-app .v2-pillar-hero--done .v2-tag-pill--ghost-on-dark {
  background: var(--soft-green);
  color: var(--text_001);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lk-app .v2-pillar-hero--done .v2-tag-pill--ghost-on-dark::before {
  content: "✓";
  font-weight: 600;
  line-height: 1;
  color: var(--text_001);
}
.lk-app .v2-paywall-card {
  background: var(--main);
  color: var(--text_001);
  border-radius: var(--radius-card, 24px);
  padding: var(--lk-space-6, 32px) var(--lk-space-8, 40px);
  display: flex;
  flex-direction: column;
  gap: var(--lk-space-2, 16px);
  margin: var(--lk-space-2, 16px) 0 var(--lk-space-4, 24px);
}
.lk-app .v2-paywall-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lk-app .v2-paywall-card__lock {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--v2-fg);
  color: var(--v2-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-paywall-card__eyebrow {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
.lk-app .v2-paywall-card__title {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--v2-fg);
  margin: 0;
  text-wrap: pretty;
}
.lk-app .v2-paywall-card__sub {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75);
  max-width: 640px;
}
.lk-app .v2-paywall-card__price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 8px;
}
.lk-app .v2-paywall-card__price strong {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 500;
}
.lk-app .v2-paywall-card__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.lk-app .v2-complete-hero {
  background: #FFFFFF;
  color: var(--text_001);
  border: 1px solid var(--border-02);
  border-radius: 40px;
  padding: var(--lk-space-11, 56px);
  display: flex;
  flex-direction: column;
  gap: var(--lk-space-2, 16px);
  position: relative;
  overflow: hidden;
}
.lk-app .v2-complete-hero__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--soft-green, #D1F2BA);
  color: var(--text_001);
  font-size: var(--fs-14, 14px);
  font-weight: 500;
  align-self: flex-start;
}
.lk-app .v2-complete-hero__check::before {
  content: "✓";
  font-weight: 600;
}
.lk-app .v2-complete-hero__title {
  font-size: var(--fs-56, 56px);
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0;
  color: var(--text_001);
  text-wrap: pretty;
  max-width: 820px;
}
.lk-app .v2-complete-hero__sub {
  font-size: var(--fs-20, 20px);
  line-height: 1.5;
  color: var(--text_002);
  max-width: 640px;
  margin-top: var(--lk-space-2, 16px);
}
.lk-app .v2-complete-hero__meta {
  display: flex;
  gap: var(--lk-space-2, 16px);
  flex-wrap: wrap;
  font-size: var(--fs-14, 14px);
  color: var(--text_003);
  margin-top: var(--lk-space-3, 20px);
}
.lk-app .v2-complete-hero__meta-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text_003);
  align-self: center;
}
.lk-app .v2-offer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 20px;
}
.lk-app .v2-offer-card {
  background: var(--v2-surface);
  border-radius: 28px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .v2-offer-card--dark {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
  position: relative;
  overflow: hidden;
}
.lk-app .v2-offer-card__eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--v2-fg-muted);
}
.lk-app .v2-offer-card--dark .v2-offer-card__eyebrow {
  color: var(--v2-accent);
}
.lk-app .v2-offer-card__title {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0;
  color: var(--v2-fg);
  text-wrap: pretty;
}
.lk-app .v2-offer-card--dark .v2-offer-card__title {
  color: var(--v2-on-dark);
}
.lk-app .v2-offer-card__sub {
  color: var(--v2-fg-secondary);
  font-size: 16px;
  line-height: 1.5;
}
.lk-app .v2-offer-card--dark .v2-offer-card__sub {
  color: var(--v2-on-dark-soft);
}
.lk-app .v2-offer-card__price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 4px;
}
.lk-app .v2-offer-card__price strong {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
}
.lk-app .v2-offer-card__price small {
  font-size: 14px;
  color: var(--v2-fg-muted);
}
.lk-app .v2-offer-card--dark .v2-offer-card__price small {
  color: var(--v2-on-dark-muted);
}
.lk-app .v2-offer-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .v2-offer-card__list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 15px;
  color: var(--v2-fg-secondary);
  line-height: 1.5;
}
.lk-app .v2-offer-card__list li::before {
  content: "";
  flex: none;
  margin-top: 7px;
  width: 14px;
  height: 8px;
  border-left: 2px solid var(--v2-tag-green-dark);
  border-bottom: 2px solid var(--v2-tag-green-dark);
  transform: rotate(-45deg);
}
.lk-app .v2-offer-card--dark .v2-offer-card__list li {
  color: var(--v2-on-dark-soft);
}
.lk-app .v2-offer-card--dark .v2-offer-card__list li::before {
  border-color: var(--v2-accent);
}
.lk-app .v2-offer-card__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.lk-app .v2-crisis {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 880px;
  margin: 0 auto;
}
.lk-app .v2-phone-block {
  background: var(--v2-surface);
  border: 1.5px solid transparent;
  border-radius: 28px;
  padding: 28px 32px;
  display: grid;
  grid-template-columns: 64px 1fr auto;
  gap: 24px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: border-color var(--transition);
}
.lk-app .v2-phone-block:hover {
  border-color: var(--v2-fg);
}
.lk-app .v2-phone-block--primary {
  background: var(--v2-dark);
  color: var(--v2-on-dark);
}
.lk-app .v2-phone-block--primary:hover {
  border-color: var(--v2-accent);
}
.lk-app .v2-phone-block__icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-phone-block--primary .v2-phone-block__icon {
  background: var(--v2-accent);
  color: var(--v2-fg);
}
.lk-app .v2-phone-block__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--v2-fg);
}
.lk-app .v2-phone-block--primary .v2-phone-block__title {
  color: var(--v2-on-dark);
}
.lk-app .v2-phone-block__number {
  display: block;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.04em;
  color: var(--v2-fg);
  margin-top: 4px;
  text-decoration: none;
}
.lk-app .v2-phone-block--primary .v2-phone-block__number {
  color: var(--v2-on-dark);
}
.lk-app .v2-phone-block__sub {
  display: block;
  font-size: 14px;
  color: var(--v2-fg-muted);
  margin-top: 6px;
}
.lk-app .v2-phone-block--primary .v2-phone-block__sub {
  color: var(--v2-on-dark-muted);
}
.lk-app .v2-phone-block__call {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-phone-block--primary .v2-phone-block__call {
  background: rgba(255, 255, 255, 0.1);
  color: var(--v2-on-dark);
}
.lk-app .v2-crisis-disclaimer {
  background: var(--v2-surface-soft);
  border-radius: 24px;
  padding: 24px 32px;
  color: var(--v2-fg-secondary);
  font-size: 15px;
  line-height: 1.55;
  max-width: 880px;
  margin: 0 auto;
}
.lk-app .v2-modal-stage {
  background: rgba(20, 20, 20, 0.65);
  border-radius: 24px;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.lk-app .v2-modal {
  background: var(--v2-page-bg);
  border-radius: 28px;
  padding: 40px;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
}
.lk-app .v2-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: transparent;
  color: var(--v2-fg-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-modal__close:hover {
  background: var(--v2-surface);
  color: var(--v2-fg);
}
.lk-app .v2-modal__eyebrow {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--v2-fg-muted);
}
.lk-app .v2-modal__title {
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 0;
  text-wrap: pretty;
}
.lk-app .v2-modal__body {
  color: var(--v2-fg-secondary);
  font-size: 16px;
  line-height: 1.55;
}
.lk-app .v2-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
.lk-app .v2-modal__hint {
  font-size: 13px;
  color: var(--v2-fg-muted);
  text-align: center;
}
.lk-app .v2-modal__icon-frame {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: var(--v2-surface);
  color: var(--v2-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 600;
}
.lk-app .v2-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .v2-field__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--v2-fg-secondary);
}
.lk-app .v2-input {
  height: 52px;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: var(--v2-surface);
  font-family: inherit;
  font-size: 16px;
  color: var(--v2-fg);
  outline: none;
}
.lk-app .v2-input:focus {
  border-color: var(--v2-fg);
}
.lk-app .v2-check {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  font-size: 13px;
  line-height: 1.5;
  color: var(--v2-fg-secondary);
}
.lk-app .v2-check__box {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1.5px solid var(--border);
  background: var(--v2-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  color: var(--v2-on-dark);
}
.lk-app .v2-check input {
  display: none;
}
.lk-app .v2-check input:checked + .v2-check__box {
  background: var(--v2-fg);
  border-color: var(--v2-fg);
}
.lk-app .v2-check input:checked + .v2-check__box::after {
  content: "";
  width: 12px;
  height: 6px;
  border-left: 2px solid var(--v2-on-dark);
  border-bottom: 2px solid var(--v2-on-dark);
  transform: rotate(-45deg) translate(1px, -1px);
}
.lk-app .v2-empty {
  background: var(--v2-surface);
  border-radius: 32px;
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.lk-app .v2-empty__icon {
  width: 80px;
  height: 80px;
  border-radius: 24px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lk-app .v2-empty__title {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin: 8px 0 0;
  text-wrap: pretty;
}
.lk-app .v2-empty__sub {
  font-size: 17px;
  color: var(--v2-fg-secondary);
  line-height: 1.5;
  max-width: 500px;
}
.lk-app .v2-404-num {
  display: inline-flex;
  background: var(--v2-accent);
  color: var(--v2-fg);
  font-size: 128px;
  line-height: 1;
  letter-spacing: -0.06em;
  font-weight: 500;
  padding: 20px 40px;
  border-radius: 32px;
}
.lk-app .v2-net-icon {
  width: 96px;
  height: 96px;
  border-radius: 32px;
  background: var(--v2-surface-soft);
  color: var(--v2-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lk-app .v2-net-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(135deg, transparent 46%, var(--red) 46%, var(--red) 54%, transparent 54%);
  border-radius: 32px;
}
.lk-app .main--routes {
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: transparent;
}
.lk-app .main--routes .v2-pillar-hero {
  padding: 40px;
}
.lk-app .main--routes .v2-pillar-hero__title {
  font-size: 40px;
}
.lk-app .main--routes .v2-section-title {
  font-size: 28px;
  margin: 0 0 4px;
}
.lk-app .routes-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .routes-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.lk-app .routes-section__count {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .routes-section__filter {
  display: flex;
  gap: 6px;
  padding: 4px;
  background: var(--bg-00);
  border-radius: 100px;
}
.lk-app .routes-filter__btn {
  height: 32px;
  padding: 0 14px;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_002);
  cursor: pointer;
  border-radius: 100px;
  letter-spacing: -0.005em;
}
.lk-app .routes-filter__btn[aria-pressed=true] {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .routes-active-link {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 16px 22px;
  background: var(--text_001);
  color: var(--bg);
  border-radius: 16px;
  text-decoration: none;
  transition: transform var(--transition);
}
.lk-app .routes-active-link:hover {
  transform: translateY(-1px);
}
.lk-app .routes-active-link__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .routes-active-link__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--main);
}
.lk-app .routes-active-link__title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--bg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lk-app .routes-active-link__arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: background var(--transition);
}
.lk-app .routes-active-link:hover .routes-active-link__arrow {
  background: var(--main);
  color: var(--text_001);
}
.lk-app .v2-route-card {
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  min-height: 200px;
  padding: 24px 26px;
}
.lk-app .main--routes .v2-route-card {
  min-height: 220px;
}
.lk-app .v2-route-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.75em;
  line-height: 1.25;
}
.lk-app .v2-route-card__topmeta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  letter-spacing: -0.005em;
}
.lk-app .v2-route-card__pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lk-app .v2-route-card__when {
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
}
.lk-app .v2-route-card[data-state=completed] .v2-route-card__pill {
  background: rgba(217, 182, 72, 0.16);
  color: var(--main);
}
.lk-app .v2-route-card[data-state=locked] .v2-route-card__pill,
.lk-app .v2-route-card[data-state=locked] .v2-route-card__when {
  opacity: 0.55;
}
.lk-app .v2-route-card__arrow-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: grid;
  place-items: center;
  transition: background var(--transition), transform var(--transition);
}
.lk-app .v2-route-card:hover .v2-route-card__arrow-icon {
  background: var(--main);
  color: #000;
  transform: translateX(2px);
}
.lk-app .v2-route-card[data-state=completed]:hover .v2-route-card__arrow-icon {
  background: var(--main);
}
.lk-app .v2-route-card__bottom {
  margin-top: 0;
}
.lk-app .routes-catalog-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center;
  background: #fff;
  border-radius: 24px;
  padding: 40px 44px;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.lk-app .routes-catalog-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px -16px rgba(0, 0, 0, 0.08);
}
.lk-app .routes-catalog-cta__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 540px;
}
.lk-app .routes-catalog-cta__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text_003);
}
.lk-app .routes-catalog-cta__label svg {
  color: var(--main);
  width: 14px;
  height: 14px;
}
.lk-app .routes-catalog-cta__title {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--text_001);
  text-wrap: pretty;
}
.lk-app .routes-catalog-cta__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: var(--main);
  color: #1a1a1a;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  width: fit-content;
  margin-top: 4px;
}
.lk-app .routes-catalog-cta__map {
  width: 220px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  flex-shrink: 0;
}
.lk-app .routes-catalog-cta__dot {
  aspect-ratio: 1;
  width: 100%;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 500;
  background: var(--bg-00);
  color: var(--text_003);
  border: 1px solid var(--border-02);
}
.lk-app .routes-catalog-cta__dot--done {
  background: var(--main);
  color: #1a1a1a;
  border-color: var(--main);
  font-weight: 600;
}
.lk-app .routes-catalog-cta__dot--current {
  background: rgba(217, 182, 72, 0.15);
  color: #6a5b00;
  border-color: var(--main);
  border-width: 2px;
  font-weight: 700;
}
@media (max-width: 800px) {
  .lk-app .routes-catalog-cta {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 24px;
  }
  .lk-app .routes-catalog-cta__map {
    width: 100%;
    max-width: 220px;
  }
  .lk-app .routes-catalog-cta__title {
    font-size: 22px;
  }
}
@media (max-width: 1100px) {
  .lk-app .v2-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  .lk-app .v2-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}
@media (max-width: 900px) {
  .lk-app .v2-grid-3, .lk-app .v2-grid-2 {
    grid-template-columns: 1fr;
  }
  .lk-app .main--routes .v2-pillar-hero__head {
    grid-template-columns: 1fr;
  }
  .lk-app .main--routes .v2-pillar-hero__main {
    order: 1;
  }
  .lk-app .main--routes .v2-pillar-hero__when {
    order: 2;
  }
  .lk-app .main--routes .v2-pillar-hero {
    padding: 28px;
  }
  .lk-app .main--routes .v2-pillar-hero__title {
    font-size: 32px;
  }
}

@keyframes v2-spin {
  to {
    transform: rotate(360deg);
  }
}
.lk-app {
  /* ==========================================================================
     SUBSCRIPTION PAGE — Figma-faithful layout (subscription.html)
     ========================================================================== */
}
.lk-app .sub-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .sub-card {
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.lk-app .sub-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.lk-app .sub-card__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.lk-app .sub-card__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--text_001);
  line-height: 1.28;
  margin: 0;
}
.lk-app .sub-card__chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 100px;
  background: var(--soft-green);
  color: #1a5c4a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.lk-app .sub-card__chip--warn {
  background: var(--extra_bg);
  color: #6a5b00;
}
.lk-app .sub-card__chip-sep {
  opacity: 0.4;
  margin: 0 4px;
  font-weight: 400;
}
.lk-app {
  /* Period chip — outline, neutral (мес / год / 14 дней) */
}
.lk-app .sub-card__chip--period {
  background: transparent;
  color: var(--text_002);
  border: 1px solid var(--border);
  font-weight: 500;
}
.lk-app {
  /* "Действует до" plate near subscription header */
}
.lk-app .sub-card__valid-until {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 100px;
  background: var(--bg-00);
  color: var(--text_002);
  font-size: 13px;
  letter-spacing: -0.005em;
  flex-shrink: 0;
}
.lk-app .sub-card__valid-until b {
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .sub-card__valid-until svg {
  color: var(--text_003);
  flex-shrink: 0;
}
.lk-app {
  /* Gold pill — primary action variant */
}
.lk-app .sub-pill--gold {
  background: var(--main);
  border-color: var(--main);
  color: #2A2200;
}
.lk-app .sub-pill--gold:hover {
  background: #C5A340;
  border-color: #C5A340;
}
.lk-app {
  /* Title period postfix (мес / год) */
}
.lk-app .sub-card__title-period {
  font-size: 18px;
  font-weight: 400;
  color: var(--text_003);
  letter-spacing: -0.01em;
}
.lk-app {
  /* Retry attempts list — for state-retry-failed */
}
.lk-app .sub-card__retry-attempts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: -4px;
  padding: 16px 20px;
  background: rgba(242, 69, 77, 0.06);
  border-radius: 14px;
  border-left: 3px solid var(--error);
}
.lk-app .sub-card__attempt {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--text_002);
  letter-spacing: -0.005em;
}
.lk-app .sub-card__attempt b {
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .sub-card__attempt--failed svg {
  color: var(--error);
  flex-shrink: 0;
}
.lk-app {
  /* Error variant — subtle red wash on whole card */
}
.lk-app .sub-card--error {
  background: #FFFCFC;
  border: 1px solid rgba(242, 69, 77, 0.18);
}
.lk-app {
  /* No-subscription empty state — left-aligned like other states */
}
.lk-app .sub-card--empty {
  text-align: left;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.lk-app .sub-card__empty-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--bg-00);
  color: var(--text_002);
  display: grid;
  place-items: center;
  margin-bottom: 4px;
}
.lk-app .sub-card__empty-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--text_001);
}
.lk-app .sub-card__empty-desc {
  font-size: 14px;
  color: var(--text_002);
  max-width: 580px;
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.lk-app .sub-card__empty-cta {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 8px;
  flex-wrap: wrap;
}
.lk-app .sub-card__empty-secondary {
  font-size: 13px;
  color: var(--text_002);
  text-decoration: underline;
  text-decoration-color: var(--border);
  text-underline-offset: 3px;
}
.lk-app .sub-card__chip--paused {
  background: rgba(106, 91, 0, 0.16);
  color: #6a5b00;
}
.lk-app .sub-card__chip--expired {
  background: var(--bg-01);
  color: var(--text_003);
}
.lk-app .sub-card__chip--failed {
  background: rgba(242, 69, 77, 0.12);
  color: var(--error);
}
.lk-app .sub-card__head-cta {
  height: 36px;
  padding: 0 18px;
  border-radius: 100px;
  background: var(--text_001);
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.005em;
  cursor: pointer;
  flex-shrink: 0;
}
.lk-app .sub-card__head-cta:hover {
  background: var(--text_002);
}
.lk-app .sub-card__head-cta svg {
  width: 14px;
  height: 14px;
}
.lk-app .sub-card__body {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text_002);
  letter-spacing: -0.005em;
  max-width: 720px;
}
.lk-app .sub-card__body b {
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .sub-card__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.lk-app .sub-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 20px;
  border-radius: 100px;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text_001);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.005em;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  text-decoration: none;
}
.lk-app .sub-pill:hover {
  background: var(--bg-00);
  border-color: var(--text_001);
}
.lk-app .sub-pill--danger {
  color: var(--text_002);
}
.lk-app .sub-pill--danger:hover {
  color: var(--error);
  border-color: var(--error);
}
.lk-app {
  /* Secondary cards (history, legal) */
}
.lk-app .sub-section {
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-app .sub-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .sub-section__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--text_001);
}
.lk-app .sub-section__sub {
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
}
.lk-app .pay-history-rows {
  display: flex;
  flex-direction: column;
}
.lk-app .pay-history-row {
  display: grid;
  grid-template-columns: 100px 1fr auto auto;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .pay-history-row:last-child {
  border-bottom: none;
}
.lk-app .pay-history__plan {
  font-size: 15px;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .pay-history__check {
  font-size: 13px;
  color: var(--text_001);
  text-decoration: none;
  letter-spacing: -0.005em;
}
.lk-app .pay-history__check:hover {
  color: var(--text_002);
  text-decoration: underline;
}
.lk-app .sub-card__inline-meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--text_003);
  letter-spacing: -0.005em;
  margin-top: 4px;
}
.lk-app .sub-card__inline-meta b {
  color: var(--text_002);
  font-weight: 500;
}
.lk-app {
  /* Bottom legal */
}
.lk-app .sub-legal {
  display: flex;
  gap: 24px;
  font-size: 13px;
  padding: 0 8px;
  flex-wrap: wrap;
}
.lk-app .sub-legal a {
  color: var(--text_002);
  text-decoration: underline;
  text-underline-offset: 3px;
  letter-spacing: -0.005em;
}
.lk-app .sub-legal a:hover {
  color: var(--text_001);
}
.lk-app {
  /* Upgrade panel (yearly) — special accent */
}
.lk-app .sub-yearly {
  background: var(--text_001);
  color: #fff;
  border-radius: 24px;
  padding: 28px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}
.lk-app .sub-yearly__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-app .sub-yearly__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--main);
}
.lk-app .sub-yearly__title {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.28;
}
.lk-app .sub-yearly__desc {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: -0.005em;
}
.lk-app .sub-yearly__cta {
  height: 44px;
  padding: 0 22px;
  border-radius: 100px;
  background: var(--main);
  color: #000;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.005em;
  flex-shrink: 0;
}
.lk-app {
  /* Credit (kept compact) */
}
.lk-app .sub-credit {
  background: var(--main);
  color: #2A2200;
  border-radius: 16px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.lk-app .sub-credit__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lk-app .sub-credit__title {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.lk-app .sub-credit__sub {
  font-size: 13px;
  color: rgba(74, 60, 14, 0.7);
}
.lk-app .sub-credit__btn {
  height: 36px;
  padding: 0 18px;
  background: #2A2200;
  color: var(--main);
  border-radius: 100px;
  border: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: -0.005em;
}
.lk-app {
  /* ==========================================================================
     PAYMENT HISTORY · Variant A (cards by month) — subscription.html
     ========================================================================== */
}
.lk-app .ph-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app .ph-month-card {
  background: var(--bg-00);
  border-radius: 16px;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 24px;
  align-items: center;
}
.lk-app .ph-month-card__title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .ph-month-card__plan {
  font-size: 12px;
  color: var(--text_003);
  margin-top: 2px;
}
.lk-app .ph-month-card__sum {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.015em;
}
.lk-app .ph-month-card__check {
  font-size: 13px;
  color: var(--text_001);
  text-decoration: none;
}
.lk-app .ph-month-card__check:hover {
  text-decoration: underline;
}
.lk-app {
  /* Payment status chips */
}
.lk-app .ph-status-chip {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
}
.lk-app .ph-status-chip--refunded {
  background: rgba(106, 91, 0, 0.12);
  color: #6a5b00;
}
.lk-app .ph-status-chip--disputed {
  background: rgba(242, 69, 77, 0.12);
  color: var(--error);
}
.lk-app .ph-month-card--refunded {
  opacity: 0.7;
}
.lk-app {
  /* Tripwire purchase variant — has PDF download button */
}
.lk-app .ph-month-card--tripwire {
  background: linear-gradient(135deg, rgba(217, 182, 72, 0.1) 0%, var(--bg-00) 100%);
  border-left: 3px solid var(--main);
  grid-template-columns: 1fr auto auto auto;
}
.lk-app .ph-tw-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 100px;
  background: var(--main);
  color: #2A2200;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
}
.lk-app .ph-month-card__download {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 100px;
  background: var(--text_001);
  color: var(--bg);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.005em;
  white-space: nowrap;
}
.lk-app .ph-month-card__download:hover {
  background: #000;
}
.lk-app .ph-month-card__download svg {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .lk-app .sub-card__head {
    flex-direction: column;
    align-items: stretch;
  }
  .lk-app .sub-card__head-cta {
    align-self: flex-start;
  }
  .lk-app .sub-yearly {
    grid-template-columns: 1fr;
  }
  .lk-app .pay-history-row {
    grid-template-columns: 1fr auto;
  }
  .lk-app .pay-history__date {
    grid-column: 1/-1;
    padding-bottom: 2px;
  }
  .lk-app .pay-history__check {
    grid-column: 2;
  }
  .lk-app .ph-month-card {
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
  }
  .lk-app .ph-month-card__check {
    grid-column: 2;
    grid-row: 2;
  }
  .lk-app .ph-month-card__sum {
    grid-row: 2;
  }
  .lk-app .ph-month-card--tripwire {
    grid-template-columns: 1fr auto;
  }
  .lk-app .ph-month-card--tripwire .ph-month-card__download {
    grid-column: 1/-1;
    justify-content: center;
  }
}
.lk-app {
  /* ==========================================================================
     SUBSCRIPTION STATES gallery — preview-only chrome (subscription-states.html)
     Базовые .sub-card* уже выше; здесь только уникальные класcы галереи и
     варианты, отличающиеся от subscription.html.
     ========================================================================== */
  /* subscription-states.html: --danger как красный (галерея состояний) */
}
.lk-app .sub-card__retry-attempts--compact {
  padding: 14px 16px;
  border-radius: 12px;
}
.lk-app .page-h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  color: var(--text_001);
}
.lk-app .page-sub {
  font-size: 14px;
  color: var(--text_003);
  margin-bottom: 28px;
}
.lk-app .grid-states {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 1400px;
}
.lk-app .state-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app .state-block__caption {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 4px;
}
.lk-app .state-block__num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--text_001);
  color: var(--bg);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}
.lk-app .state-block__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .state-block__when {
  font-size: 12px;
  color: var(--text_003);
  margin-left: auto;
}
.lk-app .iframe-wrap {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--border-02);
  position: relative;
}
.lk-app .iframe-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
@media (max-width: 1100px) {
  .lk-app .grid-states {
    grid-template-columns: 1fr;
  }
}
.lk-app {
  /* ==========================================================================
     PAYMENT HISTORY — alternative layouts gallery (payment-history-alts.html)
     Variants B (strip), C (table+total), D (timeline), E (minimal) + chrome.
     Variant A (.ph-cards / .ph-month-card) уже выше.
     ========================================================================== */
}
.lk-app .alts {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.lk-app .alts__head h1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--text_001);
}
.lk-app .alts__head p {
  font-size: 13px;
  color: var(--text_002);
  max-width: 640px;
  line-height: 1.5;
  margin-top: 6px;
}
.lk-app .variant {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lk-app .variant__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text_003);
  padding: 0 4px;
}
.lk-app .variant__label-letter {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--text_001);
  color: var(--bg);
  display: grid;
  place-items: center;
  font-size: 11px;
}
.lk-app .variant__hint {
  font-size: 11px;
  color: var(--text_003);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.lk-app {
  /* ============ B · Big number strip ============ */
}
.lk-app .ph-strip {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .ph-strip-row {
  display: grid;
  grid-template-columns: 140px 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .ph-strip-row:last-child {
  border-bottom: none;
}
.lk-app .ph-strip__sum {
  font-size: 28px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.03em;
  line-height: 1;
}
.lk-app .ph-strip__meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.lk-app .ph-strip__date {
  font-size: 12px;
  color: var(--text_003);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 600;
}
.lk-app .ph-strip__plan {
  font-size: 15px;
  color: var(--text_001);
}
.lk-app .ph-strip__check {
  font-size: 13px;
  color: #3072E1;
  text-decoration: none;
}
.lk-app {
  /* ============ C · Table + total summary ============ */
}
.lk-app .ph-total {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
  padding: 18px 22px;
  background: var(--text_001);
  color: var(--bg);
  border-radius: 16px;
  margin-bottom: 4px;
}
.lk-app .ph-total__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--main);
}
.lk-app .ph-total__sum {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #fff;
}
.lk-app .ph-total__year {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lk-app .ph-total__hint {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: -0.005em;
}
.lk-app .ph-table {
  display: flex;
  flex-direction: column;
}
.lk-app .ph-table-row {
  display: grid;
  grid-template-columns: 110px 1fr auto auto;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .ph-table-row:last-child {
  border-bottom: none;
}
.lk-app .ph-table__date {
  font-size: 14px;
  color: var(--text_002);
}
.lk-app .ph-table__plan {
  font-size: 15px;
  color: var(--text_001);
}
.lk-app .ph-table__sum {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .ph-table__check {
  font-size: 13px;
  color: #3072E1;
  text-decoration: none;
}
.lk-app {
  /* ============ D · Timeline ============ */
}
.lk-app .ph-timeline {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 24px;
}
.lk-app .ph-timeline::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--border-02);
}
.lk-app .ph-tl-row {
  position: relative;
  padding: 16px 0 16px 16px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 16px;
  align-items: center;
}
.lk-app .ph-tl-row::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 22px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--bg);
  border: 2px solid var(--main);
}
.lk-app .ph-tl-row:first-child::before {
  background: var(--main);
}
.lk-app .ph-tl__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lk-app .ph-tl__date {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text_003);
}
.lk-app .ph-tl__plan {
  font-size: 15px;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .ph-tl__sum {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .ph-tl__check {
  font-size: 13px;
  color: #3072E1;
  text-decoration: none;
}
.lk-app {
  /* ============ E · Minimal (3 columns) ============ */
}
.lk-app .ph-min {
  display: flex;
  flex-direction: column;
}
.lk-app .ph-min-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 32px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-02);
}
.lk-app .ph-min-row:last-child {
  border-bottom: none;
}
.lk-app .ph-min__date {
  font-size: 14px;
  color: var(--text_002);
  letter-spacing: -0.005em;
}
.lk-app .ph-min__sum {
  font-size: 15px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
}
.lk-app .ph-min__check {
  font-size: 13px;
  color: #3072E1;
  text-decoration: none;
}
.lk-app .takeaway {
  background: var(--bg-00);
  border-radius: 16px;
  padding: 20px 24px;
  font-size: 13px;
  color: var(--text_002);
  line-height: 1.6;
  letter-spacing: -0.005em;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-app .takeaway b {
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .takeaway strong {
  color: var(--main);
  background: rgba(217, 182, 72, 0.12);
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 500;
}
.lk-app {
  /* ==========================================================================
     PRACTICES / ARSENAL — Мои практики (practices.html)
     ========================================================================== */
  /* Remove redundant inset gold bar — group header already shows context */
}
.lk-app .card-5s--in_arsenal {
  box-shadow: none;
}
.lk-app {
  /* Arsenal-specific overrides */
}
.lk-app .arsenal-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding-right: 260px; /* reserve space for global header (pulse + Помощь) */
}
.lk-app .arsenal-head__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-app .arsenal-head__stats {
  display: flex;
  gap: 24px;
  padding: 16px 22px;
  background: var(--bg-00);
  border-radius: 16px;
  align-items: center;
}
.lk-app .arsenal-head__stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lk-app .arsenal-head__stat-num {
  font-size: 24px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.025em;
  line-height: 1;
}
.lk-app .arsenal-head__stat-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text_003);
}
.lk-app .arsenal-head__stat-divider {
  width: 1px;
  height: 28px;
  background: var(--border-02);
}
.lk-app .arsenal-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.lk-app .arsenal-toolbar__search {
  flex: 1;
  min-width: 260px;
  position: relative;
}
.lk-app .arsenal-toolbar__search input {
  width: 100%;
  height: 44px;
  padding: 0 16px 0 44px;
  background: var(--bg-00);
  border: 1px solid transparent;
  border-radius: 100px;
  font-family: inherit;
  font-size: 14px;
  color: var(--text_001);
  letter-spacing: -0.005em;
}
.lk-app .arsenal-toolbar__search input::placeholder {
  color: var(--text_003);
}
.lk-app .arsenal-toolbar__search input:focus {
  outline: none;
  border-color: var(--text_001);
  background: #fff;
}
.lk-app .arsenal-toolbar__search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text_003);
  pointer-events: none;
}
.lk-app .arsenal-toolbar__group {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: var(--bg-00);
  border-radius: 100px;
}
.lk-app .arsenal-toolbar__btn {
  height: 36px;
  padding: 0 14px;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: 13px;
  color: var(--text_002);
  cursor: pointer;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.005em;
}
.lk-app .arsenal-toolbar__btn:hover {
  color: var(--text_001);
}
.lk-app .arsenal-toolbar__btn[aria-pressed=true] {
  background: #fff;
  color: var(--text_001);
  font-weight: 500;
}
.lk-app .arsenal-toolbar__sort {
  height: 44px;
  padding: 0 18px;
  background: var(--bg-00);
  border: none;
  border-radius: 100px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_001);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.005em;
}
.lk-app .arsenal-toolbar__sort:hover {
  background: var(--bg-01);
}
.lk-app .arsenal-filters {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.lk-app .arsenal-filter {
  height: 36px;
  padding: 0 14px;
  background: var(--bg-00);
  border: 1px solid transparent;
  border-radius: 100px;
  font-family: inherit;
  font-size: 13px;
  color: var(--text_002);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.005em;
}
.lk-app .arsenal-filter__count {
  font-size: 11px;
  color: var(--text_003);
  background: var(--bg-01);
  padding: 2px 7px;
  border-radius: 100px;
}
.lk-app .arsenal-filter:hover {
  color: var(--text_001);
}
.lk-app .arsenal-filter[aria-pressed=true] {
  background: var(--text_001);
  color: var(--bg);
}
.lk-app .arsenal-filter[aria-pressed=true] .arsenal-filter__count {
  background: rgba(255, 255, 255, 0.15);
  color: var(--bg);
}
.lk-app .arsenal-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lk-app .arsenal-group__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 4px;
}
.lk-app .arsenal-group__title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--text_001);
}
.lk-app .arsenal-group__head::before {
  content: "";
  width: 4px;
  height: 16px;
  background: var(--main);
  border-radius: 2px;
  flex-shrink: 0;
}
.lk-app .arsenal-group[data-group=archived] .arsenal-group__head::before {
  background: var(--text_003);
}
.lk-app .arsenal-group__count {
  font-size: 12px;
  color: var(--text_003);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.lk-app .arsenal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.lk-app .no-results {
  text-align: center;
  padding: 48px 24px;
  background: var(--bg-00);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.lk-app .no-results__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
}
.lk-app .no-results__desc {
  font-size: 13px;
  color: var(--text_003);
}
.lk-app {
  /* === Карта профиля (Tripwire) — pinned download === */
}
.lk-app .tw-saved {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  background: linear-gradient(135deg, rgba(217, 182, 72, 0.08) 0%, #fff 100%);
  border: 1px solid var(--border-02);
  border-left: 3px solid var(--main);
  border-radius: 20px;
}
.lk-app .tw-saved__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--main);
  color: #2A2200;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.lk-app .tw-saved__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lk-app .tw-saved__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text_003);
}
.lk-app .tw-saved__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
  letter-spacing: -0.01em;
}
.lk-app .tw-saved__meta {
  font-size: 12px;
  color: var(--text_003);
  margin-top: 2px;
}
.lk-app .tw-saved__meta b {
  color: var(--text_002);
  font-weight: 500;
}
.lk-app .tw-saved__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 100px;
  background: var(--text_001);
  color: var(--bg);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.005em;
  white-space: nowrap;
}
.lk-app .tw-saved__btn:hover {
  background: #000;
}
.lk-app .tw-saved__btn svg {
  flex-shrink: 0;
}
.lk-app .tw-saved__retake {
  grid-column: 3;
  grid-row: 2;
  font-size: 12px;
  color: var(--text_003);
  text-decoration: underline;
  text-decoration-color: var(--border);
  text-underline-offset: 3px;
  margin-top: 2px;
  white-space: nowrap;
}
.lk-app .tw-saved__retake:hover {
  color: var(--text_002);
}
.lk-app {
  /* Edit mode: show checkboxes on cards */
}
.lk-app .edit-mode .card-5s::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1.5px solid var(--border);
  background: #fff;
  z-index: 1;
}
.lk-app .edit-mode .card-5s[data-selected=true]::before {
  background: var(--text_001);
  border-color: var(--text_001);
}
.lk-app .edit-mode .card-5s[data-selected=true]::after {
  content: "✓";
  position: absolute;
  top: 19px;
  right: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  z-index: 2;
  line-height: 1;
}
.lk-app .edit-mode .card-5s {
  cursor: pointer;
}
.lk-app .edit-mode .card-5s a {
  pointer-events: none;
}
.lk-app {
  /* Edit mode bar — shows when items selected */
}
.lk-app .edit-bar {
  position: sticky;
  top: 16px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  background: var(--text_001);
  color: var(--bg);
  border-radius: 100px;
  font-size: 14px;
  box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.25);
}
.lk-app .edit-bar__count {
  font-weight: 500;
}
.lk-app .edit-bar__btn {
  margin-left: auto;
  background: var(--error);
  color: #fff;
  border: none;
  padding: 7px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
.lk-app .edit-bar__btn:hover {
  background: #b51d24;
}
.lk-app .edit-bar__cancel {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: var(--bg);
  padding: 7px 14px;
  border-radius: 100px;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.lk-app {
  /* CTA variant — offer to take card */
}
.lk-app .tw-saved--cta {
  background: linear-gradient(135deg, rgba(217, 182, 72, 0.18) 0%, rgba(217, 182, 72, 0.04) 100%);
  border-color: rgba(217, 182, 72, 0.4);
}
.lk-app .tw-saved__icon--cta {
  background: #fff;
  color: var(--text_001);
}
.lk-app .tw-saved__btn--gold {
  background: var(--main);
  color: #2A2200;
}
.lk-app .tw-saved__btn--gold:hover {
  background: #C5A340;
}
.lk-app {
  /* Progress variant */
}
.lk-app .tw-saved--progress {
  background: linear-gradient(135deg, rgba(34, 158, 217, 0.06) 0%, #fff 100%);
  border-left-color: #229ED9;
}
.lk-app .tw-saved--progress .tw-saved__icon {
  background: rgba(34, 158, 217, 0.18);
  color: #1a5a8e;
}
.lk-app .tw-progress {
  margin-top: 8px;
  height: 6px;
  background: var(--bg-01);
  border-radius: 100px;
  overflow: hidden;
}
.lk-app .tw-progress__bar {
  height: 100%;
  background: #229ED9;
  border-radius: 100px;
}
@media (max-width: 1100px) {
  .lk-app .arsenal-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .lk-app .arsenal-head {
    padding-right: 0;
  }
}
@media (max-width: 700px) {
  .lk-app .arsenal-grid {
    grid-template-columns: 1fr;
  }
  .lk-app .arsenal-toolbar__search {
    flex: 1 1 100%;
  }
  .lk-app .arsenal-head__stats {
    flex: 1 1 100%;
  }
  .lk-app .tw-saved {
    grid-template-columns: 44px 1fr;
  }
  .lk-app .tw-saved__btn {
    grid-column: 1/-1;
  }
}
.lk-app {
  /* ==========================================================================
     DASHBOARD — demo-empty helper (dashboard.html, non-dev rule)
     ========================================================================== */
}
.lk-app .app--demo-empty .pulse-card:not(.pulse-card--cta) .pulse-card__title {
  color: var(--text_003);
}

.btn-border {
  transition: all 0.3s;
  justify-content: center;
  border: 1px solid var(--text_001, #141414);
  border-radius: 40px;
  padding: 8px 20px;
  max-width: max-content;
  gap: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--text_001, #141414);
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.btn-border svg path {
  transition: stroke 0.3s;
  stroke: currentColor;
}
.btn-border:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
.btn-border:hover svg path {
  stroke: #fff;
}

.btn-black {
  background-color: #000;
  color: #fff;
  transition: all 0.3s;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  max-width: max-content;
  border-radius: 40px;
  border: 1px solid transparent;
  padding: 8px 20px;
  gap: 10px;
  text-decoration: none;
  cursor: pointer;
}
.btn-black:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
}

.follow_white-btn {
  transition: all 0.3s;
  justify-content: center;
  border: 1px solid var(--text_001, #141414);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--text_001, #141414);
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.follow_white-btn:hover {
  background-color: transparent;
  color: #000;
}

.btn-yellow {
  background: #D9B648;
  color: #141414;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 20px;
  border-radius: 40px;
  border: 1px solid transparent;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-decoration: none;
  cursor: pointer;
  max-width: max-content;
}
.btn-yellow:hover {
  background: #f0d83b;
  color: #141414;
  text-decoration: none;
}
.btn-yellow--lg {
  padding: 12px 28px;
  font-size: 16px;
}

.section__link {
  background-color: var(--text_001, #141414);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 72px;
  gap: 12px;
  font-weight: 500;
  font-size: 16px;
  padding: 0 32px;
  border-radius: 36px;
  transition: all 0.3s;
  text-decoration: none;
}
.section__link:hover {
  background: #fff;
  color: var(--text_001, #141414);
  box-shadow: 0 0 0 1px #141414;
  text-decoration: none;
}

.route-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  transition: all 0.3s ease;
}
.route-card span {
  background: none;
  background-image: none;
  width: auto;
  height: auto;
  position: static;
  flex-shrink: initial;
  display: inline;
}
.route-card[href] {
  text-decoration: none;
  color: inherit;
}
.route-card[href]:hover {
  text-decoration: none;
}

.route-card--browse {
  padding: 24px;
  border: 1px solid #eee;
  cursor: pointer;
}
.route-card--browse:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
@media (min-width: 768px) {
  .route-card--browse {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .route-card--browse {
    padding: 16px;
  }
}
.route-card--browse.route-card--active {
  border-color: var(--accent, #000);
  background: #f7fafc;
}
.route-card--browse.route-card--active .route-card__badge--active {
  display: inline-block;
}

.route-card--active {
  padding: 0;
  background: #f0f4f8;
  border-radius: 16px;
  overflow: hidden;
}
.route-card--active .route-card__container {
  padding: 32px;
}
@media (min-width: 768px) {
  .route-card--active .route-card__container {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .route-card--active .route-card__container {
    padding: 16px;
  }
}
.route-card--active .route-card__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.route-card--active .route-card__icon {
  font-size: 24px;
}
.route-card--active .route-card__title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.route-card--active .route-card__progress-section {
  margin: 24px 0;
}
.route-card--active .route-card__step-counter {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
  font-weight: 500;
}
.route-card--active .route-card__progress-bar {
  height: 4px;
  background: #ddd;
  border-radius: 2px;
  overflow: hidden;
}
.route-card--active .route-card__progress-fill {
  height: 100%;
  background: var(--accent, #000);
  transition: width 0.3s ease;
}
.route-card--active .route-card__next-step {
  padding: 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 14px;
}
.route-card--active .route-card__label {
  color: #999;
  display: block;
}
.route-card--active .route-card__text {
  color: #000;
  font-weight: 500;
  display: block;
}

.route-card--done, .route-card--abandoned {
  padding: 16px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.route-card--done:last-child, .route-card--abandoned:last-child {
  border-bottom: none;
}
.route-card--done .route-card__content, .route-card--abandoned .route-card__content {
  flex: 1;
}
.route-card--done .route-card__title, .route-card--abandoned .route-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px 0;
}
.route-card--done .route-card__meta, .route-card--abandoned .route-card__meta {
  font-size: 13px;
  color: #666;
}
.route-card--done .route-card__meta-item, .route-card--abandoned .route-card__meta-item {
  display: inline;
}
.route-card--done .route-card__meta-separator, .route-card--abandoned .route-card__meta-separator {
  margin: 0 8px;
  color: #ccc;
}

.route-card--abandoned .route-card__title::before {
  content: "○ ";
  margin-right: 4px;
  color: #999;
}

.route-card--recommended {
  padding: 0;
  background: linear-gradient(135deg, var(--main, #D9B648), #e6c870);
  border-radius: 16px;
}
.route-card--recommended .route-card__container {
  padding: 40px;
}
@media (min-width: 768px) {
  .route-card--recommended .route-card__container {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .route-card--recommended .route-card__container {
    padding: 24px;
  }
}
.route-card--recommended .route-card__header-block {
  margin-bottom: 16px;
}
.route-card--recommended .route-card__badge-featured {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.8);
}
.route-card--recommended .route-card__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: rgba(0, 0, 0, 0.95);
}
.route-card--recommended .route-card__subtitle {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  margin: 12px 0 16px 0;
}

.route-card--related {
  padding: 24px;
  border: 1px solid #eee;
  cursor: pointer;
}
.route-card--related:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.route-card--related .route-card__header {
  margin-bottom: 12px;
}
.route-card--related .route-card__title {
  font-size: 18px;
  font-weight: 600;
  margin: 8px 0 12px 0;
}
.route-card--related .route-card__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.route-card--related .route-card__tool-pill {
  display: inline-block;
  padding: 4px 8px;
  background: #f0f0f0;
  border-radius: 12px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.route-card--cta {
  padding: 24px;
  background: transparent;
  border: none;
  border-left: 4px solid var(--accent, #D9B648);
  border-radius: 0;
}
.route-card--cta .route-card__cta-section {
  text-align: center;
}
.route-card--cta .route-card__cta-text {
  font-size: 16px;
  color: #333;
  margin: 0 0 12px 0;
}

.route-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.route-card__badge {
  display: none;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.route-card__badge--type {
  display: inline-block;
  background: #f0f0f0;
  color: #333;
}
.route-card__badge--active {
  background: #ffd700;
  color: #333;
  font-weight: 700;
}
.route-card__badge--done {
  background: #e8e8e8;
  color: #666;
}
.route-card__badge--locked {
  background: #f0f0f0;
  color: #999;
}

.route-card__body {
  flex: 1;
  margin-bottom: 8px;
}

.route-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.route-card__excerpt {
  font-size: 14px;
  color: #666;
  margin: 8px 0 0 0;
  line-height: 1.5;
}

.route-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
}

.route-card__meta {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: #999;
}

.route-card__meta-item {
  white-space: nowrap;
}

.route-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: pointer;
}
.route-card__cta--primary {
  background: var(--accent, #000);
  color: #fff;
  border: none;
}
.route-card__cta--primary:hover {
  opacity: 0.9;
  transform: translateX(2px);
}
.route-card__cta--outline {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
.route-card__cta--outline:hover {
  background: rgba(0, 0, 0, 0.05);
}
.route-card__cta--link {
  background: transparent;
  color: var(--accent, #000);
  border: none;
  padding: 0;
}
.route-card__cta--link:hover {
  text-decoration: underline;
}

.route-card__cta-icon {
  font-size: 16px;
  display: inline-block;
}

@media (min-width: 768px) {
  .route-card--browse {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .route-card--browse {
    padding: 12px;
  }
  .route-card--active .route-card__container {
    padding: 16px;
  }
  .route-card--recommended .route-card__container {
    padding: 16px;
  }
  .route-card__title {
    font-size: 14px;
  }
  .route-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .route-card__cta {
    width: 100%;
    justify-content: center;
  }
}
.route-card:focus-visible {
  outline: 2px solid var(--accent, #000);
  outline-offset: 2px;
}

.route-card__cta:focus-visible {
  outline: 2px solid var(--accent, #000);
  outline-offset: 2px;
}

.woocommerce form .form-row {
  float: none !important;
  width: 100% !important;
  margin-bottom: 20px;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce form .form-row-wide {
  float: none !important;
  width: 100% !important;
}

.woocommerce-page,
.woocommerce {
  width: 100%;
}

@media (max-width: 768px) {
  .checkout-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
  }
  .checkout-main,
  .checkout-summary,
  .checkout-summary__panel {
    width: 100%;
  }
  .checkout-summary {
    position: static;
  }
}
@media (max-width: 600px) {
  .checkout-layout {
    padding: 20px 16px;
    gap: 24px;
  }
  .checkout-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.woocommerce table {
  width: 100%;
  border-collapse: collapse;
}
.woocommerce table td,
.woocommerce table th {
  padding: 12px;
  text-align: left;
}

@media (max-width: 768px) {
  .woocommerce table {
    font-size: 14px;
  }
  .woocommerce table td,
  .woocommerce table th {
    padding: 8px;
  }
}
.woocommerce-notices-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.woocommerce ul.products {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.woocommerce ul.products li {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 768px) {
  .woocommerce ul.products li {
    min-width: 100%;
  }
}
.woocommerce-checkout-payment {
  clear: both;
  width: 100%;
}

.woocommerce .woocommerce-checkout-payment .payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.woocommerce .woocommerce-checkout-payment .payment_methods li {
  list-style: none;
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid #c8c8c8;
  border-radius: 12px;
  background: #fff;
}
.woocommerce .woocommerce-checkout-payment .payment_methods li:has(input:checked) {
  border-color: #303030;
  background: #f9f9f9;
}

.woocommerce form .form-row input.woocommerce-invalid,
.woocommerce form .form-row textarea.woocommerce-invalid {
  border-bottom-color: #ef4444 !important;
}
.woocommerce form .form-row.woocommerce-invalid label {
  color: #ef4444;
}
.woocommerce form .form-row .woocommerce-error {
  font-size: 12px;
  color: #ef4444;
  margin-top: 4px;
}

.woocommerce form .form-row .woocommerce-form__label-checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: #303030;
}

.woocommerce #payment #place_order {
  width: 100%;
  box-sizing: border-box;
  white-space: normal;
  background: #303030;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.woocommerce #payment #place_order:hover:not(:disabled) {
  background: #111;
}
.woocommerce #payment #place_order:disabled {
  opacity: 0.4;
  cursor: default;
}

@media (max-width: 768px) {
  .woocommerce #payment #place_order {
    padding: 12px 24px;
    font-size: 14px;
  }
}
.woocommerce form .form-row .custom-select {
  width: 100%;
}

.woocommerce form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  cursor: pointer;
}
.woocommerce form select:focus {
  outline: none;
  border-color: #303030;
}

.container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 32px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(var(--columns, 12), 1fr);
  gap: 20px;
}
.grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.grid--2col {
  --columns: 2;
}
@media (max-width: 768px) {
  .grid--2col {
    --columns: 1;
  }
}
.grid--3col {
  --columns: 3;
}
@media (max-width: 1024px) {
  .grid--3col {
    --columns: 2;
  }
}
@media (max-width: 768px) {
  .grid--3col {
    --columns: 1;
  }
}
.grid--4col {
  --columns: 4;
}
@media (max-width: 1024px) {
  .grid--4col {
    --columns: 2;
  }
}
@media (max-width: 768px) {
  .grid--4col {
    --columns: 1;
  }
}

.grid__item {
  grid-column: span 1;
}
.grid__item--span-2 {
  grid-column: span 2;
}
.grid__item--span-3 {
  grid-column: span 3;
}
.grid__item--span-6 {
  grid-column: span 6;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.row__col {
  flex: 1;
  padding-right: 8px;
  padding-left: 8px;
}
.row__col--1 {
  flex-basis: calc(8.333% - 16px);
}
.row__col--2 {
  flex-basis: calc(16.666% - 16px);
}
.row__col--3 {
  flex-basis: calc(25% - 16px);
}
.row__col--4 {
  flex-basis: calc(33.333% - 16px);
}
.row__col--6 {
  flex-basis: calc(50% - 16px);
}
.row__col--8 {
  flex-basis: calc(66.666% - 16px);
}
.row__col--9 {
  flex-basis: calc(75% - 16px);
}
.row__col--12 {
  flex-basis: calc(100% - 16px);
}

.section--compact {
  padding-top: 20px;
  padding-bottom: 20px;
}
.section--spacious {
  padding-top: 96px;
  padding-bottom: 96px;
}

.container {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 32px;
}

.flex {
  display: flex;
}
.flex--row {
  flex-direction: row;
}
.flex--col {
  flex-direction: column;
}
.flex--row-reverse {
  flex-direction: row-reverse;
}
.flex--col-reverse {
  flex-direction: column-reverse;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--nowrap {
  flex-wrap: nowrap;
}
.flex--justify-start {
  justify-content: flex-start;
}
.flex--justify-center {
  justify-content: center;
}
.flex--justify-end {
  justify-content: flex-end;
}
.flex--justify-between {
  justify-content: space-between;
}
.flex--justify-around {
  justify-content: space-around;
}
.flex--justify-evenly {
  justify-content: space-evenly;
}
.flex--items-start {
  align-items: flex-start;
}
.flex--items-center {
  align-items: center;
}
.flex--items-end {
  align-items: flex-end;
}
.flex--items-stretch {
  align-items: stretch;
}
.flex--items-baseline {
  align-items: baseline;
}
.flex--gap-xs {
  gap: 4px;
}
.flex--gap-sm {
  gap: 8px;
}
.flex--gap-md {
  gap: 16px;
}
.flex--gap-lg {
  gap: 20px;
}
.flex--gap-xl {
  gap: 32px;
}
.flex--gap-xxl {
  gap: 64px;
}

.flex-item {
  flex: 1;
}
.flex-item--flex-auto {
  flex: auto;
}
.flex-item--flex-none {
  flex: none;
}
.flex-item--grow-0 {
  flex-grow: 0;
}
.flex-item--grow-1 {
  flex-grow: 1;
}
.flex-item--shrink-0 {
  flex-shrink: 0;
}
.flex-item--shrink-1 {
  flex-shrink: 1;
}

/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
.header-landing {
  background: url(img/landing/header_bg.svg) no-repeat top right var(--extra_bg);
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

@media (max-width: 768px) {
  .header-landing {
    background: url(img/landing/header_bg_mob.svg) no-repeat top right var(--extra_bg);
  }
}
.header-landing__wrapper {
  height: 460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0 32px 0;
}

@media (max-width: 768px) {
  .header-landing__wrapper {
    height: 234px;
  }
}
@media (max-width: 768px) {
  .header-landing__logo img {
    height: 54px;
  }
}
.header-landing__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  line-height: 98%;
  font-size: clamp(44px, 5.5555555556vw, 80px);
  letter-spacing: -0.04em;
}

.header-landing__title span {
  display: block;
}

@media (max-width: 768px) {
  .header-landing__title span + span {
    font-size: 20px;
    line-height: 200%;
  }
}
.landing-page .footer {
  background: url(img/landing/footer_back.svg) no-repeat right 245px bottom 0 #fff;
}

@media (max-width: 768px) {
  .landing-page .footer {
    background: url(img/landing/footer_back_mob.svg) no-repeat right bottom #fff;
  }
}
.gro_landing {
  padding-top: 0 !important;
  padding-bottom: 56px;
}

@media (max-width: 768px) {
  .gro_landing {
    padding-bottom: 32px;
  }
}
.landing-page .section {
  padding: 56px 0;
  margin: 0;
}

@media (max-width: 768px) {
  .landing-page .section {
    padding: 32px 0;
  }
}
.section__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(32px, 5vw, 72px);
  line-height: 98%;
  letter-spacing: -0.04em;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .section__title {
    margin-bottom: 24px;
  }
}
.section__description {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.section__button {
  background-color: var(--light-mode-text-001);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 56px;
  gap: 12px;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-001);
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.3888888889vw, 20px);
}

@media (max-width: 768px) {
  .section__button {
    height: 44px;
    padding: 0 16px;
  }
}
.intro {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

@media (max-width: 768px) {
  .intro {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 0 !important;
  }
}
.intro__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.intro__text {
  color: var(--light-mode-text-002);
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .intro__text {
    margin-bottom: 8px;
  }
}
.intro__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media (max-width: 768px) {
  .intro__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.intro__list-item {
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.intro__list-item::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.38456L9.34698 -2.85443e-08C5.38461 2.69231 4.23077 4.91126 3.52947 8.10633C3.52947 8.10633 2.73323 5.79778 2.11454 4.91126L-3.03654e-07 6.94678C0.959833 7.67098 1.75982 8.60486 2.11454 10L4.94429 10C4.94429 10 6.92308 5.38462 10 3.38456Z" fill="%23303030"/></svg>') no-repeat center center var(--yellow);
  border-radius: 50%;
}

.intro__list-item_plus::before {
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12V6M6 6V0M6 6L0 6M6 6H12" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #fff;
}

.intro__list-item_2col {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.subscription__inner {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--light-mode-bg-00);
  border-radius: 24px;
}

.subscription__inner-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .subscription__inner-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.subscription__inner-text span {
  color: var(--light-mode-text-001);
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.subscription__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 2fr;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  background-color: #fff;
  border-radius: 24px;
  padding: 56px;
}

@media (max-width: 768px) {
  .subscription__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
  }
}
.subscription__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.subscription-form__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

@media (max-width: 768px) {
  .subscription-form__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
  }
}
.subscription-form__subwrapper {
  width: 100%;
}

.subscription-form__label {
  display: block;
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.subscription-form__input {
  height: 56px;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--text_001);
  border-bottom: 2px solid var(--text_001);
}

.subscription-form__input::-webkit-input-placeholder {
  color: var(--text_003);
}

.subscription-form__input::-moz-placeholder {
  color: var(--text_003);
}

.subscription-form__input:-ms-input-placeholder {
  color: var(--text_003);
}

.subscription-form__input::-ms-input-placeholder {
  color: var(--text_003);
}

.subscription-form__input::placeholder {
  color: var(--text_003);
}

@media (max-width: 768px) {
  .subscription-form__input {
    height: 44px;
  }
}
.subscription-form__invalid {
  display: none;
  position: absolute;
  color: var(--error);
  font-weight: 500;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  line-height: 140%;
}

.subscription-form__button {
  background-color: var(--light-mode-text-001);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 56px;
  gap: 12px;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-001);
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.3888888889vw, 20px);
}

@media (max-width: 768px) {
  .subscription-form__button {
    width: 100%;
    height: 44px;
    padding: 0 16px;
  }
}
.subscription-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 44px;
}

@media (max-width: 768px) {
  .subscription-form__checkbox {
    margin-top: 16px;
  }
}
.subscription-form__checkbox .checkbox__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--light-mode-border);
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.subscription-form__checkbox .checkbox__checkbox:checked {
  background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.799988 3.99109L4.69999 8.67109L11.2 0.871094" stroke="black" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--yellow);
  border-color: var(--light-mode-text-001);
}

.subscription-form__checkbox .checkbox__label {
  color: var(--light-mode-text-002);
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.subscription-form__checkbox .checkbox__label a {
  color: var(--light-mode-text-002);
}

.subscription-form_error .subscription-form__invalid {
  display: block;
}

.subscription-form_error .checkbox__checkbox {
  border: 1px solid var(--error);
}

.ok-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.ok-message__icon {
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="%23F4F3F0"/><path d="M34 20.7691L32.694 14C24.7692 19.3846 22.4615 23.8225 21.0589 30.2127C21.0589 30.2127 19.4664 25.5956 18.2291 23.8225L14 27.8936C15.9197 29.342 17.5196 31.2097 18.2291 34L23.8886 34C23.8886 34 27.8462 24.7692 34 20.7691Z" fill="%23303030"/></svg>') no-repeat center center;
}

.ok-message__text {
  color: var(--light-mode-text-001);
}

.ok-message__text-1 {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  margin-bottom: 4px;
}

.ok-message__text-2 {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.form-ok {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.form-ok__link {
  -ms-grid-column-align: self-end;
  justify-self: self-end;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-003);
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(14px, 1.1111111111vw, 16px);
}

@media (max-width: 768px) {
  .form-ok__link {
    width: 100%;
    height: 36px;
  }
}
.form-ok__link-tg {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  background-color: #0088CC;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  width: 100%;
  padding: 0 16px;
  border-radius: 40px;
  white-space: nowrap;
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.3888888889vw, 20px);
}

.form-ok__link-tg::before {
  content: "";
  width: 42px;
  height: 42px;
  background: url(img/landing/tg_icon.svg) no-repeat center center;
}

@media (max-width: 768px) {
  .form-ok__link-tg {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .form-ok {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-ok .ok-message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-ok .ok-message__text {
    text-align: center;
  }
  .form-ok__link {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -12px;
  }
}
.description {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 2fr;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
}

@media (max-width: 768px) {
  .description {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.description .section__title {
  margin-bottom: 16px;
}

.description__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 24px;
  grid-template-columns: 1fr 1fr 24px;
  gap: 8px;
}

@media (max-width: 768px) {
  .description__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 44px;
    grid-template-rows: 1fr 1fr 44px;
  }
  .description__grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .description__grid > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .description__grid > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.description .section__button {
  margin: 40px auto 0 auto;
}

@media (max-width: 768px) {
  .description .section__button {
    width: 100%;
    margin: 0;
  }
}
.description-card {
  height: clamp(291px, 22.4305555556vw, 323px);
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

.description-card__header {
  height: 135px;
  background: url(img/landing/asset1.png) no-repeat center bottom var(--extra_bg);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.description-card__body {
  height: 100%;
  background-color: #fff;
  padding: 24px;
}

.description-card__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 140%;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

.description-card__text {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
}

.description-card:last-child {
  overflow: hidden;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.description-card:last-child::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(231, 229, 223, 0)), to(#E7E5DF));
  background: linear-gradient(90deg, rgba(231, 229, 223, 0) 0%, #E7E5DF 100%);
}

@media (max-width: 768px) {
  .description-card:last-child {
    width: 100%;
    height: 44px;
    border-radius: 24px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .description-card:last-child::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 229, 223, 0)), to(#E7E5DF));
    background: linear-gradient(180deg, rgba(231, 229, 223, 0) 0%, #E7E5DF 100%);
  }
}
@media (min-width: 769px) {
  .description-card:last-child .description-card__header {
    background-image: none;
  }
}
.who-card {
  height: clamp(195px, 18.0555555556vw, 260px);
  padding: 24px;
  background-color: #fff;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.who-card__icon {
  width: 48px;
  height: 48px;
}

.who-card__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  margin-bottom: 9px;
}

.who-card__text {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
}

.why__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}

@media (max-width: 768px) {
  .why__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.why__text-block {
  background-color: #fff;
  border-radius: 24px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
}

.why__text-block_last {
  color: var(--light-mode-text-001);
  background-color: var(--extra_bg);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .why__text-block_last {
    margin-top: -64px;
  }
}
@media (max-width: 768px) {
  .why__text-block {
    font-weight: 500;
  }
}
.why__photo {
  border-radius: 24px;
  overflow: hidden;
}

.faq-accordion {
  width: 100%;
}

.faq-accordion__item {
  background-color: #fff;
  border: 1px solid var(--light-mode-bg-01);
  border-radius: 24px;
  padding: 28px;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .faq-accordion__item {
    padding: 16px;
  }
}
.faq-accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.faq-accordion__inner {
  padding-top: 16px;
}

.faq-accordion__title {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: #000;
  max-width: 80%;
}

.faq-accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.faq-accordion__head svg {
  stroke: #a9a9a9;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.faq-accordion__item.active .faq-accordion__head svg {
  stroke: #000;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 30%;
}

/* #region hero */
.hero__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.hero__content-wrapper {
  background: url(img/hero_back.png) no-repeat right 48px bottom 0 #fff;
  padding: 44px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero__title {
  color: var(--text_001);
  font-weight: 500;
  /* font-size: 94px; */
  font-size: clamp(72px, 5vw, 94px);
  line-height: 98%;
  margin-bottom: 24px;
}

.hero__subtitle {
  color: var(--text_002);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 32px;
}

.hero__btn-tg {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--text_001);
  color: #fff;
  border: 1px solid var(--text_001);
  height: 88px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  border-radius: 500px;
}

.hero__btn-tg:hover {
  background: #fff;
  color: #000;
  outline: 1px solid #000;
}

.hero__photo-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.hero__photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__photo-title-wrapper {
  position: absolute;
  top: 44px;
  left: 44px;
}

.hero__photo-title {
  color: #fff;
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 4px;
}

.hero__photo-subtitle {
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.hero__photo-btn {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  bottom: 44px;
  left: 44px;
  color: #fff;
  height: 56px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 40px;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 0 30px;
}

.hero__photo-btn:hover {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}

@media (max-width: 1440px) {
  .hero__content-wrapper {
    background: url(img/hero_back_tablet.png) no-repeat right 37px bottom 0 #fff;
    padding: 28px;
  }
  .hero__title {
    font-size: 72px;
    font-size: clamp(40px, 5vw, 72px);
  }
  .hero__subtitle {
    font-size: 28px;
  }
  .hero__btn-tg {
    font-size: 20px;
    height: 72px;
  }
  .hero__photo-title-wrapper {
    top: 28px;
    left: 28px;
  }
  .hero__photo-title {
    font-size: 28px;
  }
  .hero__photo-subtitle {
    font-size: 20px;
  }
  .hero__photo-btn {
    bottom: 28px;
    left: 28px;
    font-size: 16px;
    height: 44px;
  }
}
@media (max-width: 768px) {
  .hero__wrapper {
    grid-template-columns: 1fr;
  }
  .hero__content-wrapper {
    background: url(img/hero_back_mob.png) no-repeat right 28px bottom 0 #fff;
    padding: 16px;
  }
  .hero__title {
    font-size: 40px;
  }
  .hero__subtitle {
    font-size: 20px;
  }
  .hero__btn-tg {
    font-size: 16px;
    height: 56px;
    padding: 0 15px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .hero__photo {
    position: static;
  }
  .hero__photo-title-wrapper {
    top: 16px;
    left: 16px;
  }
  .hero__photo-title {
    font-size: 20px;
  }
  .hero__photo-subtitle {
    font-size: 16px;
  }
  .hero__photo-btn {
    bottom: 16px;
    left: 16px;
    font-size: 14px;
    height: 36px;
  }
}
/* #endregion hero */
/* #region hero-cta-group (VARIANT-A 2026-05-26: двойной CTA + tertiary TG) */
.hero__cta-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: stretch;
}

.hero__cta-group .hero__btn-tg,
.hero__cta-group .hero__btn-outline {
  flex: 1 1 auto;
  min-width: 0;
}

.hero__btn-sub {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--text_002);
  margin-top: 6px;
  line-height: 120%;
}

.hero__btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: var(--text_001);
  border: 1px solid var(--text_001);
  height: 88px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  border-radius: 500px;
  transition: all 0.3s;
}

.hero__btn-outline:hover {
  background-color: var(--text_001);
  color: #fff;
}

.hero__tg-link {
  display: inline-block;
  color: var(--text_002);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  text-decoration: none;
  border-bottom: 1px dashed var(--text_002);
  padding-bottom: 2px;
  transition: color 0.3s, border-color 0.3s;
}

.hero__tg-link:hover {
  color: var(--text_001);
  border-bottom-color: var(--text_001);
}

@media (max-width: 1440px) {
  .hero__cta-group {
    gap: 12px;
  }
  .hero__btn-outline {
    font-size: 20px;
    height: 72px;
    padding: 0 28px;
  }
  .hero__tg-link {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero__cta-group {
    flex-direction: column;
    gap: 12px;
  }
  .hero__btn-outline {
    font-size: 16px;
    height: 56px;
    padding: 0 15px;
    width: 100%;
  }
  .hero__tg-link {
    font-size: 14px;
    display: block;
    margin-top: 4px;
  }
}
/* #endregion hero-cta-group */
/* #region inside */
.inside-slider {
  padding-bottom: 88px;
}

.inside-card {
  background-color: #fff;
  border-radius: 24px;
  min-height: 338px;
  height: auto;
  padding: 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.inside-card_off {
  opacity: 0.5;
}

.inside-card__wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  margin-right: 15%;
}

.inside-card__title {
  color: var(--text_001);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 10px;
}

.inside-card__label {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--text_001);
  border-radius: 60px;
  height: 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  padding: 0 20px;
}

.inside-card__icon {
  flex-shrink: 0;
  position: absolute;
  right: 20px;
  top: 90px;
}

.inside-card__text {
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .inside-card__wrapper {
    margin-right: 18%;
  }
  .inside-card__icon {
    right: 20px;
    top: 60px;
  }
  .inside-slider {
    padding-bottom: 56px;
  }
  .inside-card {
    height: 260px;
    padding: 28px;
  }
  .inside-card__title {
    font-size: 28px;
  }
  .inside-card__text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .inside-card__title {
    font-size: 24px;
  }
  .inside-card__icon {
    right: 0;
  }
  .inside-slider {
    padding-bottom: 32px;
  }
  .inside-card {
    height: 220px;
    padding: 16px;
  }
  .inside-card__title {
    font-size: 20px;
  }
  .inside-card__text {
    font-size: 14px;
  }
}
/* #endregion inside */
/* #region directions */
.directions__wrapper {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 40px;
  border-top: 2px solid var(--text_001);
  padding: 28px 0 88px 0;
}

.directions__title {
  color: var(--text_001);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 24px;
}

.directions__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.directions__item {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--text_001);
  border-radius: 40px;
  color: var(--text_001);
  height: 72px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  text-decoration: none;
}

.directions__item:hover {
  border: 1px solid #000;
  color: #000;
  background: #fff;
}

@media (max-width: 1440px) {
  .directions__wrapper {
    padding: 56px 0 56px 0;
  }
  .directions__title {
    font-size: 20px;
  }
  .directions__item {
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .directions__wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px 0 48px 0;
  }
  .directions__wrapper .section__header {
    padding-bottom: 0;
  }
  .directions__title {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .directions__item {
    height: 44px;
    font-size: 16px;
    padding: 0 16px;
  }
}
/* #endregion directions */
/* #region start */
.start__wrapper {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 40px;
}

.start__list {
  display: flex;
  flex-direction: column;
}

.start-item {
  display: flex;
  gap: 60px;
}

.start-item:first-child .start-item__timeline {
  margin-top: 20px;
}

.start-item:first-child .start-item__timeline:after {
  top: 0;
}

.start-item:last-child .start-item__timeline {
  height: 80px;
}

.start-item__timeline {
  position: relative;
  border-left: 2px solid #000;
}

.start-item__timeline:after {
  position: absolute;
  top: 20px;
  left: -31px;
  content: "";
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6.88135" r="6" fill="black"/></svg>') no-repeat center center #D9B648;
}

.start-item__content {
  position: relative;
  background-color: #fff;
  padding: 44px;
  border-radius: 24px;
  margin-bottom: 8px;
}

.start-item__label {
  position: absolute;
  right: 28px;
  top: -20px;
  display: flex;
  align-items: center;
  height: 40px;
  background-color: var(--main);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  padding: 0 20px;
  border-radius: 60px;
}

.start-item__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  margin-bottom: 8px;
}

.start-item__text {
  background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="0.881348" width="24" height="24" rx="12" fill="white"/><rect x="1" y="0.881348" width="24" height="24" rx="12" stroke="black" stroke-width="1.5"/><path d="M12.3255 19.8813C12.3882 18.2573 13.411 14.8734 17 14.084L17 11.6787C13.411 10.8893 12.3882 7.50543 12.3255 5.88135L9 6.43641C9.60877 10.6583 11.6751 11.6139 15.1394 12.8813C11.6751 14.1487 9.60877 15.1044 9 19.3263L12.3255 19.8813Z" fill="black"/></svg>') no-repeat left top 5px;
  padding-left: 36px;
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 32px;
}

.start-item__link {
  background-color: var(--text_001);
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 8px 30px;
  text-decoration: none;
  border-radius: 40px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.start-item__link:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

@media (max-width: 1440px) {
  .start-item__label {
    right: 28px;
    top: -16px;
    height: 32px;
    font-size: 12px;
    padding: 0 16px;
  }
  .start-item__content {
    padding: 28px;
  }
  .start-item__label {
    position: absolute;
    right: 28px;
    top: -20px;
    display: flex;
    align-items: center;
    height: 40px;
    background-color: var(--main);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    padding: 0 20px;
    border-radius: 60px;
  }
  .start-item__title {
    font-size: 28px;
  }
  .start-item__text {
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="0.881348" width="24" height="24" rx="12" fill="white"/><rect x="1" y="0.881348" width="24" height="24" rx="12" stroke="black" stroke-width="1.5"/><path d="M12.3255 19.8813C12.3882 18.2573 13.411 14.8734 17 14.084L17 11.6787C13.411 10.8893 12.3882 7.50543 12.3255 5.88135L9 6.43641C9.60877 10.6583 11.6751 11.6139 15.1394 12.8813C11.6751 14.1487 9.60877 15.1044 9 19.3263L12.3255 19.8813Z" fill="black"/></svg>') no-repeat left top 5px;
    font-size: 20px;
  }
  .start-item__link {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .start__wrapper {
    grid-template-columns: 1fr;
  }
  .start__wrapper .section__header {
    padding-bottom: 0;
  }
  .start-item {
    gap: 26px;
  }
  .start-item__content {
    padding: 16px;
  }
  .start-item:first-child .start-item__timeline {
    margin-top: 20px;
  }
  .start-item:first-child .start-item__timeline:after {
    top: 0;
  }
  .start-item:last-child .start-item__timeline {
    height: 44px;
  }
  .start-item__timeline:after {
    top: 20px;
    left: -13px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="4" r="4" fill="black"/></svg>') no-repeat center center #D9B648;
  }
  .start-item__label {
    right: 28px;
    top: -12px;
    height: 24px;
    font-size: 10px;
    padding: 0 8px;
  }
  .start-item__title {
    font-size: 20px;
  }
  .start-item__text {
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="0.881348" width="24" height="24" rx="12" fill="white"/><rect x="1" y="0.881348" width="24" height="24" rx="12" stroke="black" stroke-width="1.5"/><path d="M12.3255 19.8813C12.3882 18.2573 13.411 14.8734 17 14.084L17 11.6787C13.411 10.8893 12.3882 7.50543 12.3255 5.88135L9 6.43641C9.60877 10.6583 11.6751 11.6139 15.1394 12.8813C11.6751 14.1487 9.60877 15.1044 9 19.3263L12.3255 19.8813Z" fill="black"/></svg>') no-repeat left top 5px;
    font-size: 16px;
  }
  .start-item__link {
    font-size: 14px;
    padding: 8px 16px;
  }
}
/* #endregion start */
/* #region about */
.about__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}

.about__content-first {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px;
  border-radius: 24px;
  background: url(img/about_back.png) no-repeat right bottom #fff;
}

.about__content-first-text {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
}

.about__content-first-caption {
  color: var(--text_002);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.about__photo-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.about__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about__content-second {
  padding-left: 32px;
}

.about__content-second-wrapper {
  border-top: 2px solid var(--text_001);
  padding: 28px 0;
}

.about__content-second-text {
  margin-bottom: 44px;
}

.about__content-second-text h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 16px;
}

.about__content-second-text p {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 10px;
}

.about__content-second-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 44px;
  color: var(--text_001);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  width: 100%;
  border: 1px solid var(--text_001);
  text-decoration: none;
  border-radius: 40px;
}

.about__content-second-link:hover {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}

.about__content-second-link span {
  display: flex;
  align-items: center;
}

.about__content-second-link span svg {
  margin-left: 5px;
}

@media (max-width: 1440px) {
  .about__content-first {
    padding: 28px;
  }
  .about__content-first-text {
    font-size: 28px;
  }
  .about__content-first-caption {
    font-size: 20px;
  }
  .about__photo-wrapper {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
  }
  .about__photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about__content-second {
    padding-left: 32px;
  }
  .about__content-second-wrapper {
    border-top: 2px solid var(--text_001);
    padding: 28px 0;
  }
  .about__content-second-text h3 {
    font-size: 28px;
  }
  .about__content-second-text p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .about__content-second-link {
    height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about__wrapper {
    grid-template-columns: 1fr;
  }
  .about__content-first {
    padding: 16px;
  }
  .about__content-first-text {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .about__content-first-caption {
    font-size: 16px;
  }
  .about__photo-wrapper {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 16px;
  }
  .about__photo {
    position: static;
    margin-bottom: 16px;
  }
  .about__content-second {
    padding-left: 0;
  }
  .about__content-second-wrapper {
    padding: 16px 0 0 0;
  }
  .about__content-second-text {
    margin-bottom: 24px;
  }
  .about__content-second-text h3 {
    font-size: 20px;
  }
  .about__content-second-text p {
    font-size: 16px;
  }
  .about__content-second-link {
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 365px) {
  .about__content-first-text {
    font-size: 17px;
  }
}
/* #endregion about */
/* #region steps */
.steps__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.steps__title {
  font-weight: 500;
  font-size: 46px;
  line-height: 112%;
}

.steps__navigation {
  display: flex;
  align-items: center;
  gap: 8px;
}

.steps-card {
  position: relative;
}

.steps-card__img {
  border-radius: 24px;
  overflow: hidden;
}

.steps-card__title {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  display: none;
}

@media (max-width: 1440px) {
  .steps__title {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .steps__header {
    margin-bottom: 16px;
  }
  .steps__title {
    font-size: 24px;
  }
  .steps-card__title {
    font-size: 14px;
  }
}
/* #endregion steps */
/* #region posts */
.posts .section__title {
  max-width: 437px;
}

.posts__wrapper {
  display: grid;
  grid-template-columns: 5fr 7fr;
}

@media (max-width: 1185px) {
  .posts .section__title {
    max-width: none;
  }
  .posts__wrapper {
    display: flex;
    flex-direction: column;
  }
  .swiper-horizontal {
    width: 100%;
  }
}
.posts .section__header {
  border-top: 2px solid #000;
  padding-top: 28px;
}

.posts__first {
  background: url(img/posts_back.png) no-repeat top 28px right;
  padding-right: 40px;
}

.posts__second {
  background-color: #fff;
  border-radius: 24px;
  padding: 44px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1185px) {
  .posts__second {
    margin-top: 24px;
  }
}
.posts__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 482px) {
  .posts__header {
    flex-direction: column;
  }
}
.posts-card {
  display: flex;
  gap: 32px;
}

.posts-card__img-wrapper {
  max-width: 407px;
  max-height: 401px;
  display: flex;
  flex-shrink: 0;
  width: 40%;
  height: 100%;
}

.posts-card__img {
  width: 100%;
  border-radius: 15px;
  height: 100%;
  object-fit: cover;
}

.posts-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.posts-card__text p {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.posts-card__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.posts-card__tags a {
  color: var(--text_003);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  text-decoration: none;
}

.posts-card__link {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--text_001);
  border-radius: 40px;
  color: var(--text_001);
  height: 56px;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 0 30px;
  text-decoration: none;
}

.posts-card__link:hover {
  background-color: #000;
  color: #ffffff;
}

@media (max-width: 1440px) {
  .posts__second {
    padding: 28px;
  }
  .posts-card {
    gap: 24px;
  }
  .posts-card__text p {
    font-size: 20px;
  }
  .posts-card__tags a {
    font-size: 20px;
  }
  .posts-card__link {
    height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .posts__wrapper {
    grid-template-columns: 1fr;
  }
  .posts__first .contacts__link-tg {
    margin-bottom: 24px;
  }
  .posts .section__header {
    padding-top: 16px;
  }
  .posts__second {
    padding: 16px;
    gap: 16px;
  }
  .posts__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .posts-card {
    flex-direction: column;
    gap: 16px;
  }
  .posts-card__img-wrapper {
    max-width: none;
    width: 100%;
  }
  .posts-card__img {
    width: 100%;
  }
  .posts-card__content {
    gap: 16px;
  }
  .posts-card__text p {
    font-size: 16px;
  }
  .posts-card__wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
  .posts-card__tags a {
    font-size: 16px;
  }
  .posts-card__link {
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
  }
}
/* #endregion posts */
/* #region reviews */
.reviews .section__link {
  height: 56px;
  font-size: 20px;
}

@media (max-width: 576px) {
  .reviews .section__link {
    max-width: 100%;
    width: 100%;
    justify-content: center;
  }
  .reviews .container {
    padding: 0;
  }
}
.reviews__wrapper {
  background-color: #fff;
  border-radius: 24px;
  padding: 44px;
}

.reviews__header .section__header {
  display: flex;
  align-items: start;
  gap: 16px;
}

@media (max-width: 1440px) {
  .reviews__header .section__header {
    flex-direction: column;
  }
}
.reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reviews_count {
  border: 1px solid var(--text_001);
  border-radius: 40px;
  color: var(--text_001);
  padding: 10px 20px;
}

.reviews-card__icon {
  margin-bottom: 24px;
}

.reviews-card__name {
  color: var(--text_002);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 8px;
}

.reviews-card__text {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 24px;
}

.reviews-card__tags a {
  color: var(--text_003);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  text-decoration: none;
}

@media (max-width: 1440px) {
  .reviews__header {
    align-items: flex-start;
  }
  .reviews__wrapper {
    padding: 28px;
  }
  .reviews-card__name {
    font-size: 20px;
  }
  .reviews-card__text {
    font-size: 28px;
  }
  .reviews-card__tags a {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .reviews__header {
    align-items: flex-start;
  }
  .reviews__wrapper {
    padding: 16px;
  }
  .reviews-card__icon {
    margin-bottom: 16px;
  }
  .reviews-card__name {
    font-size: 16px;
  }
  .reviews-card__text {
    font-size: 20px;
  }
  .reviews-card__tags a {
    font-size: 16px;
  }
}
/* #endregion reviews */
/* #region products */
.products__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.products-item {
  background: url(img/products_back_001.svg) no-repeat left bottom #fff;
  border-radius: 24px;
  padding: 44px;
  display: flex;
  gap: 40px;
  height: 520px;
  transition: 0.25s;
}

.products-item:hover {
  background: url(img/products_back_001_hover.svg) no-repeat left bottom var(--main);
}

@media (max-width: 576px) {
  .products-item {
    background-size: 48%;
    background-position-x: -16%;
  }
  .products-item:hover {
    background-size: 48%;
    background-position-x: -16%;
  }
}
.products-item__title {
  width: 50%;
  font-weight: 500;
  font-size: 46px;
  line-height: 112%;
}

.products-item__content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.products-item__text {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 16px;
}

.products-item__status {
  color: var(--text_003);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  background: url('data:image/svg+xml,<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8.52002V14.52L16 18.52M3 14.52C3 19.4906 7.02944 23.52 12 23.52C16.9706 23.52 21 19.4906 21 14.52C21 9.54946 16.9706 5.52002 12 5.52002C7.02944 5.52002 3 9.54946 3 14.52Z" stroke="%23A9A9A9" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat left center;
  padding-left: 32px;
}

.products-item__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--text_003);
  border-radius: 40px;
  color: var(--text_001);
  height: 56px;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 0 30px;
  text-decoration: none;
}

.products-item__label {
  position: absolute;
  display: flex;
  align-items: center;
  top: -12px;
  right: -10px;
  height: 28px;
  padding: 0 16px;
  border-radius: 60px;
  background-color: #fff;
  color: var(--text_001);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .products-item {
    padding: 28px;
    height: 400px;
  }
  .products-item__title {
    font-size: 36px;
  }
  .products-item__text {
    font-size: 20px;
  }
  .products-item__status {
    font-size: 20px;
  }
  .products-item__link {
    height: 44px;
    font-size: 16px;
  }
  .products-item__label {
    top: -12px;
    right: -10px;
    height: 22px;
    padding: 0 8px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .products__grid {
    grid-template-columns: 1fr;
  }
  .products-item {
    padding: 16px;
    flex-direction: column;
    gap: 24px;
    height: fit-content;
  }
  .products-item__title {
    width: 100%;
    font-size: 24px;
  }
  .products-item__content {
    width: 100%;
  }
  .products-item__text {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .products-item__status {
    font-size: 16px;
    margin-bottom: 64px;
  }
  .products-item__link {
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
    /* width: 165px; */
    width: auto;
    align-self: flex-end;
  }
  .products-item__label {
    top: -12px;
    right: -10px;
    height: 18px;
    padding: 0 8px;
    font-size: 10px;
  }
}
/* #endregion products */
/* #region blog */
.blog__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.blog-card__img {
  margin-bottom: 8px;
}

.blog-card__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.blog-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.blog-card__tags a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 46px;
  background-color: #fff;
  color: var(--text_002);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  padding: 0 20px;
  text-decoration: none;
}

.blog-card__date {
  color: var(--text_003);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  flex-shrink: 0;
}

.blog-card__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
}

@media (max-width: 1440px) {
  .blog-card__date {
    font-size: 14px;
  }
  .blog-card__title {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .blog__wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .blog-card__tags a {
    height: 28px;
    font-size: 12px;
    padding: 0 12px;
  }
  .blog-card__date {
    font-size: 12px;
  }
  .blog-card__title {
    font-size: 20px;
  }
}
/* #endregion blog */
/* #region subscribe */
.subscribe__wrapper {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 8px;
}

.subscribe__content {
  background-color: #D9B648;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 56px;
}

.subscribe__content-text {
  color: var(--text_002);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
}

.subscribe__form {
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 56px;
}

.subscribe-form__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
}

.subscribe-form__wrapper {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 56px;
}

.subscribe-form__input {
  width: 100%;
  position: relative;
}

.input__label {
  display: block;
  color: var(--text_002);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
}

.input__input {
  display: block;
  width: 100%;
  height: 72px;
  border: transparent;
  border-bottom: 2px solid #000;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.input__input:focus-visible {
  outline: none;
}

.input__input::placeholder {
  color: var(--text_003);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.input__invalid {
  position: absolute;
  bottom: -20px;
  left: 0;
  color: var(--error);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  display: none;
}

.subscribe-form__btn {
  background-color: var(--text_001);
  border: 1px solid var(--text_001);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 72px;
  padding: 0 40px;
  text-decoration: none;
  border-radius: 40px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.subscribe-form__btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.checkbox {
  margin-top: 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkbox__input {
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #000;
  overflow: hidden;
  flex-shrink: 0;
}

.checkbox__input::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.799988 3.99109L4.69999 8.67109L11.2 0.871094" stroke="black" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

.checkbox__input:checked::after {
  width: 24px;
  height: 24px;
  background-color: #D9B648;
}

.checkbox__label {
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  margin-left: 5px;
}

.checkbox__label a {
  color: var(--text_001);
  text-decoration: underline;
}

@media (max-width: 1440px) {
  .subscribe__content {
    padding: 44px;
  }
  .subscribe__content-text {
    font-size: 16px;
  }
  .subscribe__form {
    padding: 44px;
  }
  .subscribe-form__title {
    font-size: 28px;
  }
  .subscribe-form__wrapper {
    margin-bottom: 44px;
  }
  .input__label {
    font-size: 16px;
  }
  .input__input {
    height: 56px;
    font-size: 20px;
  }
  .input__input::placeholder {
    font-size: 20px;
  }
  .subscribe-form__btn {
    height: 56px;
    padding: 0 40px;
    font-size: 20px;
  }
  .checkbox__label {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .subscribe__wrapper {
    grid-template-columns: 1fr;
  }
  .subscribe__content {
    padding: 24px;
  }
  .subscribe__content-text {
    font-size: 14px;
  }
  .subscribe__form {
    padding: 24px;
  }
  .subscribe-form__title {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .subscribe-form__wrapper {
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .input__label {
    font-size: 14px;
  }
  .input__input {
    height: 44px;
    font-size: 16px;
  }
  .input__input::placeholder {
    font-size: 16px;
  }
  .subscribe-form__btn {
    height: 44px;
    padding: 0 40px;
    width: 100%;
    font-size: 16px;
    justify-content: center;
  }
  .checkbox__label {
    font-size: 14px;
  }
}
/* #endregion subscribe */
:root {
  --main: #D9B648;
  --text_001: #000;
  --text_002: #555555;
  --text_003: #a9a9a9;
  --border: #c4c2bc;
  --bg: #e9e8e4;
  --error: #cb272f;
  --pink: #e2a7e4;
  --blue: #a0e1e1;
  --green: #a0e870;
  --yellow: #D9B648;
  --red: #F2454D;
  --extra_bg: #E8D491;
  --light-mode-white: #fff;
  --light-mode-text-001: #303030;
  --light-mode-text-002: #525252;
  --light-mode-text-003: #AAA8A8;
  --light-mode-border: #C4C2BC;
  --light-mode-border-02: #D2D0CB;
  --light-mode-bg-00: #F4F3F0;
  --light-mode-bg-01: #E7E5DF;
  --light-mode-bg-02: #DEDBD3;
  --light-mode-bg-03: #E7E5DF;
  --dark-mode-black: #000;
  --dark-mode-text-001: #fff;
  --dark-mode-text-002: #afafaf;
  --dark-mode-text-003: #666;
  --dark-mode-border: #3d3d3d;
  --dark-mode-border-02: #4c4c4c;
  --dark-mode-bg-01: #282828;
  --dark-mode-bg-02: #141414;
  --dark-mode-bg-00: #373737;
}

:root {
  --wiki-home-bg-card-soft: var(--light-mode-bg-00);
  --wiki-home-bg-card-tag: var(--light-mode-bg-01);
  --wiki-home-border: var(--light-mode-border);
  --wiki-home-border-soft: var(--light-mode-border-02);
}

.wiki-home {
  background: var(--light-mode-bg-00);
  color: var(--light-mode-text-001);
  font-family: var(--font-family-base);
}

.wiki-home * {
  box-sizing: border-box;
}

.wiki-home a {
  color: inherit;
}

.wiki-home .tools-card .time-read__indicator:not(:has(.active)) {
  display: none;
}

.states-card_clickable, .tools-card_clickable {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
}

.states-card_clickable:hover, .tools-card_clickable:hover {
  transform: translateY(-2px);
}

.states-card_clickable:hover, .states-card_clickable:focus, .states-card_clickable:visited, .tools-card_clickable:hover, .tools-card_clickable:focus, .tools-card_clickable:visited {
  color: inherit;
  text-decoration: none;
}

.states-card__badge, .tools-card__badge {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wiki-home-hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--light-mode-white);
  color: var(--light-mode-text-002);
  border-radius: 40px;
  padding: 8px 18px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 12px;
  width: fit-content;
  max-width: 100%;
}

.wiki-home-hint::before {
  content: "—";
  color: var(--light-mode-text-003);
}

@media (max-width: 768px) {
  .wiki-home-hint {
    padding: 6px 14px;
    font-size: 13px;
  }
}
.wiki-home-popular-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 16px 0 0;
}

.wiki-home-popular-tags__label {
  font-weight: 500;
  font-size: 14px;
  color: var(--light-mode-text-003);
  margin-right: 4px;
}

.wiki-home-popular-tags__item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  background: var(--light-mode-white);
  border-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}

.wiki-home-popular-tags__item:hover {
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
}

.wiki-page .crumb-wrapper {
  margin-bottom: 0;
}

.wiki-page .wiki__title {
  margin: 24px 0 0;
  font-weight: 500;
  letter-spacing: -2.24px;
  line-height: 0.98;
  font-size: clamp(32px, 3.8888888889vw, 56px);
  color: var(--light-mode-text-001);
}

.wiki-page .wiki-home-hint {
  margin-top: 16px;
}

.wiki-page .wiki-home-search {
  margin: 32px 0 0;
}

.wiki-page .wiki-home-hint + .wiki-home-search {
  margin-top: 24px;
}

.wiki-page .wiki-nav {
  margin-top: 24px;
}

.wiki-home-search, .wiki-page .betterdocs-search-form, .wiki-page .betterdocs-searchform {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 10px 0;
  margin: 24px 0 0;
  border-bottom: 2px solid var(--light-mode-text-001);
}

.wiki-home-search input[type=search], .wiki-home-search input[type=text], .wiki-page .betterdocs-search-form input[type=search], .wiki-page .betterdocs-search-form input[type=text], .wiki-page .betterdocs-searchform input[type=search], .wiki-page .betterdocs-searchform input[type=text] {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  font-family: inherit;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
  padding: 0;
}

.wiki-home-search input[type=search]::placeholder, .wiki-home-search input[type=text]::placeholder, .wiki-page .betterdocs-search-form input[type=search]::placeholder, .wiki-page .betterdocs-search-form input[type=text]::placeholder, .wiki-page .betterdocs-searchform input[type=search]::placeholder, .wiki-page .betterdocs-searchform input[type=text]::placeholder {
  color: var(--light-mode-text-003);
}

.wiki-home-search button[type=submit], .wiki-home-search .betterdocs-search-button, .wiki-page .betterdocs-search-form button[type=submit], .wiki-page .betterdocs-search-form .betterdocs-search-button, .wiki-page .betterdocs-searchform button[type=submit], .wiki-page .betterdocs-searchform .betterdocs-search-button {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 40px;
  min-width: 80px;
  padding: 0 24px;
  background: var(--light-mode-text-001);
  border-radius: 40px;
  color: var(--light-mode-white);
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  order: 1;
}

.wiki-home-search button[type=submit]::before, .wiki-home-search .betterdocs-search-button::before, .wiki-page .betterdocs-search-form button[type=submit]::before, .wiki-page .betterdocs-search-form .betterdocs-search-button::before, .wiki-page .betterdocs-searchform button[type=submit]::before, .wiki-page .betterdocs-searchform .betterdocs-search-button::before {
  content: "Найти";
}

.wiki-home-search button[type=submit]:hover, .wiki-home-search .betterdocs-search-button:hover, .wiki-page .betterdocs-search-form button[type=submit]:hover, .wiki-page .betterdocs-search-form .betterdocs-search-button:hover, .wiki-page .betterdocs-searchform button[type=submit]:hover, .wiki-page .betterdocs-searchform .betterdocs-search-button:hover {
  background: #000;
}

.wiki-home-search button[type=submit] svg, .wiki-home-search button[type=submit] img, .wiki-home-search .betterdocs-search-button svg, .wiki-home-search .betterdocs-search-button img, .wiki-page .betterdocs-search-form button[type=submit] svg, .wiki-page .betterdocs-search-form button[type=submit] img, .wiki-page .betterdocs-search-form .betterdocs-search-button svg, .wiki-page .betterdocs-search-form .betterdocs-search-button img, .wiki-page .betterdocs-searchform button[type=submit] svg, .wiki-page .betterdocs-searchform button[type=submit] img, .wiki-page .betterdocs-searchform .betterdocs-search-button svg, .wiki-page .betterdocs-searchform .betterdocs-search-button img {
  display: none;
}

@media (max-width: 768px) {
  .wiki-home-search, .wiki-page .betterdocs-search-form, .wiki-page .betterdocs-searchform {
    padding: 8px 0;
  }
  .wiki-home-search input[type=search], .wiki-home-search input[type=text], .wiki-page .betterdocs-search-form input[type=search], .wiki-page .betterdocs-search-form input[type=text], .wiki-page .betterdocs-searchform input[type=search], .wiki-page .betterdocs-searchform input[type=text] {
    font-size: 16px;
  }
  .wiki-home-search button[type=submit], .wiki-home-search .betterdocs-search-button, .wiki-page .betterdocs-search-form button[type=submit], .wiki-page .betterdocs-search-form .betterdocs-search-button, .wiki-page .betterdocs-searchform button[type=submit], .wiki-page .betterdocs-searchform .betterdocs-search-button {
    height: 36px;
    min-width: 70px;
    padding: 0 18px;
    font-size: 14px;
  }
}
body.page-template-page-wiki, body.page-template-page-wiki-state, body.page-template-page-wiki-instrument, body.page-template-page-wiki-category, body.tax-doc_category, body.page-template-page-wiki .fixed-header, body.page-template-page-wiki-state .fixed-header, body.page-template-page-wiki-instrument .fixed-header, body.page-template-page-wiki-category .fixed-header, body.tax-doc_category .fixed-header, body.page-template-page-wiki .fixed-header > .container, body.page-template-page-wiki-state .fixed-header > .container, body.page-template-page-wiki-instrument .fixed-header > .container, body.page-template-page-wiki-category .fixed-header > .container, body.tax-doc_category .fixed-header > .container, body.page-template-page-wiki .header, body.page-template-page-wiki-state .header, body.page-template-page-wiki-instrument .header, body.page-template-page-wiki-category .header, body.tax-doc_category .header {
  background: var(--light-mode-bg-00) !important;
}

.wiki-home-section-head {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 56px 0 32px;
}

.wiki-home-section-head__title {
  flex: 1 1 auto;
  margin: 0;
  font-weight: 500;
  letter-spacing: -1.44px;
  line-height: 1.12;
  font-size: clamp(26px, 2.5vw, 36px);
  color: var(--light-mode-text-001);
}

.wiki-home-section-head__nav {
  display: flex;
  gap: 8px;
}

@media (max-width: 768px) {
  .wiki-home-section-head {
    gap: 16px;
    padding: 40px 0 20px;
  }
}
.wiki-home-section-foot {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}

a.wiki-home-btn, button.wiki-home-btn, .wiki-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  padding: 0 40px;
  border-radius: 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
}

a.wiki-home-btn img, button.wiki-home-btn img, .wiki-home-btn img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

a.wiki-home-btn_dark, button.wiki-home-btn_dark, .wiki-home-btn_dark {
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
}

a.wiki-home-btn_dark:hover, a.wiki-home-btn_dark:focus, button.wiki-home-btn_dark:hover, button.wiki-home-btn_dark:focus, .wiki-home-btn_dark:hover, .wiki-home-btn_dark:focus {
  background: #000;
  color: var(--light-mode-white);
}

a.wiki-home-btn_outline, button.wiki-home-btn_outline, .wiki-home-btn_outline {
  background: rgba(0, 0, 0, 0);
  color: var(--light-mode-text-001);
  border-color: var(--light-mode-text-003);
}

a.wiki-home-btn_outline:hover, a.wiki-home-btn_outline:focus, button.wiki-home-btn_outline:hover, button.wiki-home-btn_outline:focus, .wiki-home-btn_outline:hover, .wiki-home-btn_outline:focus {
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
}

.wiki-home-btn_sm {
  height: 44px;
  padding: 0 30px;
  font-size: 16px;
}

.wiki-home-btn_sm img {
  width: 16px;
  height: 16px;
}

@media (max-width: 768px) {
  a.wiki-home-btn, button.wiki-home-btn, .wiki-home-btn {
    height: 48px;
    padding: 0 24px;
    font-size: 16px;
  }
  .wiki-home-btn_sm {
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
  }
}
.wiki-home-arrow {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--light-mode-text-003);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  background: rgba(0, 0, 0, 0);
}

.wiki-home-arrow span {
  width: 16px;
  height: 16px;
  background: url("img/wiki-home/chevron-right.svg") no-repeat center/contain;
  color: var(--light-mode-text-001);
}

.wiki-home-arrow:hover {
  background: var(--light-mode-bg-01);
}

.wiki-home-routes__prev span, .wiki-home-practices__prev span {
  transform: scaleX(-1);
}

.wiki-home-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 8px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}

.wiki-home-tag_dark {
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
}

.wiki-home-tag_neutral {
  background: var(--wiki-home-bg-card-tag);
  color: var(--light-mode-text-002);
}

.wiki-home__hero {
  padding: 0 0 0;
}

.wiki-home__hero .breadcrumb {
  padding: 24px 0 0;
}

.wiki-home__hero-title {
  margin: 30px 0 8px;
  font-weight: 500;
  letter-spacing: -2.24px;
  line-height: 0.98;
  font-size: clamp(32px, 3.8888888889vw, 56px);
  color: var(--light-mode-text-001);
}

.wiki-home__search {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 32px 0 0;
}

.wiki-home__search-field {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 10px 0;
  border-bottom: 2px solid var(--light-mode-text-001);
}

.wiki-home__search-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.wiki-home__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  font-family: inherit;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
}

.wiki-home__search-input::placeholder {
  color: var(--light-mode-text-003);
}

.wiki-home__search-submit {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  min-width: 44px;
  align-self: flex-end;
  background: var(--light-mode-text-001);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wiki-home__search-submit img {
  width: 24px;
  height: 24px;
  filter: invert(1);
}

.wiki-home__search-submit:hover {
  background: #000;
}

@media (max-width: 768px) {
  .wiki-home__search {
    gap: 12px;
    padding-top: 20px;
  }
  .wiki-home__search-field {
    height: 44px;
  }
  .wiki-home__search-input {
    font-size: 16px;
  }
  .wiki-home__search-submit {
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
  }
  .wiki-home__search-submit img {
    width: 20px;
    height: 20px;
  }
}
.wiki-home__plan {
  padding: 16px 0 0;
}

.wiki-home__plan .container, .wiki-home__plan .container_padding_36 {
  padding-left: 8px;
  padding-right: 8px;
}

.wiki-home-plan {
  position: relative;
  background: var(--extra_bg);
  border-radius: 24px;
  padding: 28px;
  overflow: hidden;
  min-height: 570px;
  height: 570px;
  max-height: 570px;
}

@media (max-width: 1280px) {
  .wiki-home-plan {
    min-height: 509px;
    height: auto;
    max-height: none;
  }
}
@media (max-width: 768px) {
  .wiki-home-plan {
    min-height: auto;
  }
}
.wiki-home-plan__silhouette {
  display: none;
}

.wiki-home-plan__content {
  position: relative;
  z-index: 1;
  max-width: 1105px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.wiki-home-plan__title {
  margin: 0;
  font-weight: 500;
  letter-spacing: -1.6px;
  line-height: 1.12;
  font-size: clamp(26px, 2.7777777778vw, 40px);
  color: var(--light-mode-text-001);
}

.wiki-home-plan__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wiki-home-plan__cta, .wiki-home-plan a.wiki-home-plan__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 0 40px;
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
  border-radius: 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  text-decoration: none;
  align-self: flex-start;
  transition: background 0.2s;
  white-space: nowrap;
}

.wiki-home-plan__cta img, .wiki-home-plan a.wiki-home-plan__cta img {
  width: 24px;
  height: 24px;
  filter: invert(1);
}

.wiki-home-plan__cta:hover, .wiki-home-plan__cta:focus, .wiki-home-plan a.wiki-home-plan__cta:hover, .wiki-home-plan a.wiki-home-plan__cta:focus {
  background: #000;
  color: var(--light-mode-white);
}

@media (max-width: 1000px) {
  .wiki-home-plan__silhouette {
    max-width: 200px;
    opacity: 0.45;
  }
}
@media (max-width: 768px) {
  .wiki-home-plan {
    padding: 20px;
    min-height: auto;
  }
  .wiki-home-plan__content {
    gap: 32px;
  }
  .wiki-home-plan__silhouette {
    display: none;
  }
  .wiki-home-plan__cta {
    width: 100%;
    padding: 0 24px;
    height: 48px;
    font-size: 16px;
  }
}
a.wiki-home-chip, button.wiki-home-chip, .wiki-home-chip {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  position: relative;
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 20px 24px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: -1.12px;
  line-height: 1.28;
  font-size: 24px;
  color: var(--light-mode-text-001);
  text-align: left;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  max-width: 100%;
  flex: 0 1 auto;
}

a.wiki-home-chip__text, button.wiki-home-chip__text, .wiki-home-chip__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

a.wiki-home-chip__tail, button.wiki-home-chip__tail, .wiki-home-chip__tail {
  display: none;
}

a.wiki-home-chip:hover, button.wiki-home-chip:hover, .wiki-home-chip:hover {
  transform: translateY(-2px);
  color: var(--light-mode-text-001);
}

@media (max-width: 1280px) {
  a.wiki-home-chip, button.wiki-home-chip, .wiki-home-chip {
    font-size: 22px;
    padding: 18px 20px;
  }
}
@media (max-width: 768px) {
  a.wiki-home-chip, button.wiki-home-chip, .wiki-home-chip {
    font-size: 18px;
    padding: 14px 16px;
  }
}
.wiki-home__routes {
  padding: 0;
}

.wiki-home__routes .wiki-home-section-head {
  padding-bottom: 32px;
  padding-left: 28px;
  padding-right: 28px;
}

.wiki-home__routes .container, .wiki-home__routes .container_padding_36 {
  padding-left: 8px;
  padding-right: 8px;
}

.wiki-home-routes__slider {
  overflow: visible !important;
}

.wiki-home-route {
  position: relative;
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
  border-radius: 24px;
  padding: 28px;
  min-height: 260px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
}

.wiki-home-route__illustration {
  display: none;
}

.wiki-home-route__title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -1.12px;
  line-height: 1.28;
  color: var(--light-mode-white);
}

.wiki-home-route__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  gap: 32px;
  flex-wrap: wrap;
}

.wiki-home-route__progress-wrap {
  flex: 1 1 auto;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wiki-home-route__step {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: hsla(0, 0%, 100%, 0.5);
}

.wiki-home-route__progress {
  position: relative;
  height: 32px;
  border-radius: 50px;
  background: hsla(0, 0%, 100%, 0.08);
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}

.wiki-home-route__progress_full {
  background: #464646;
}

.wiki-home-route__progress-fill {
  height: 100%;
  background: var(--yellow);
  border-radius: 50px;
  min-width: 38px;
  transition: width 0.4s ease;
}

.wiki-home-route__cta, .wiki-home-route a.wiki-home-route__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 30px;
  background: var(--yellow);
  color: var(--light-mode-text-001);
  border-radius: 46px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  transition: filter 0.2s;
  white-space: nowrap;
}

.wiki-home-route__cta:hover, .wiki-home-route__cta:focus, .wiki-home-route a.wiki-home-route__cta:hover, .wiki-home-route a.wiki-home-route__cta:focus {
  filter: brightness(0.95);
  color: var(--light-mode-text-001);
}

@media (max-width: 768px) {
  .wiki-home-route {
    padding: 20px;
    min-height: 220px;
  }
  .wiki-home-route__title {
    font-size: 22px;
  }
  .wiki-home-route__bottom {
    gap: 16px;
  }
}
.wiki-home__pillars {
  padding: 0;
}

.wiki-home-pillars__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  row-gap: 24px;
}

@media (max-width: 1280px) {
  .wiki-home-pillars__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .wiki-home-pillars__grid {
    grid-template-columns: 1fr;
  }
}
.wiki-home-pillar-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  background: var(--wiki-home-bg-card-soft);
  min-height: 400px;
}

.wiki-home-pillar-card__tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  align-self: flex-start;
  padding: 16px 16px 0;
  background: var(--light-mode-white);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-height: 38px;
}

.wiki-home-pillar-card__body {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: var(--light-mode-white);
  border-radius: 0 24px 24px 24px;
  overflow: hidden;
}

.wiki-home-pillar-card__illustration {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 260px;
  height: auto;
  pointer-events: none;
  user-select: none;
  opacity: 0.95;
}

.wiki-home-pillar-card__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.wiki-home-pillar-card__top {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
}

.wiki-home-pillar-card__title {
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -1.12px;
  line-height: 1.28;
  color: var(--light-mode-text-001);
  max-width: 80%;
}

.wiki-home-pillar-card__meta {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--light-mode-text-002);
}

.wiki-home-pillar-card__cta-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.wiki-home-pillar-card__time {
  flex: 1 1 auto;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: var(--light-mode-text-003);
  min-width: 0;
}

@media (max-width: 768px) {
  .wiki-home-pillar-card {
    min-height: 320px;
  }
  .wiki-home-pillar-card__illustration {
    width: 200px;
    opacity: 0.6;
  }
  .wiki-home-pillar-card__title {
    font-size: 22px;
  }
}
.wiki-home__categories {
  padding: 0;
}

.wiki-home-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 1100px) {
  .wiki-home-categories__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .wiki-home-categories__grid {
    grid-template-columns: 1fr;
  }
}
.wiki-home-category {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 24px;
  min-height: 170px;
  text-decoration: none;
  color: var(--light-mode-text-001);
  transition: border-color 0.2s, transform 0.2s;
  border: 1px solid rgba(0, 0, 0, 0);
}

.wiki-home-category__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wiki-home-category__title {
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -1.12px;
  line-height: 1.28;
  color: var(--light-mode-text-001);
}

.wiki-home-category__meta {
  display: inline-flex;
  gap: 10px;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--light-mode-text-003);
}

.wiki-home-category__arrow {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  transition: opacity 0.2s;
}

.wiki-home-category__arrow img {
  width: 24px;
  height: 24px;
}

.wiki-home-category:hover {
  border-color: var(--light-mode-text-003);
}

.wiki-home-category:hover .wiki-home-category__meta {
  color: var(--light-mode-text-001);
}

.wiki-home-category:hover .wiki-home-category__arrow {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .wiki-home-category {
    padding: 20px;
    min-height: 130px;
  }
  .wiki-home-category__title {
    font-size: 22px;
  }
  .wiki-home-category__arrow img {
    width: 20px;
    height: 20px;
  }
}
.wiki-home__practices {
  padding: 0;
}

.wiki-home-practices__slider {
  overflow: visible !important;
}

.wiki-home-practice {
  display: flex;
  flex-direction: column;
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 24px;
  min-height: 320px;
  height: auto;
}

.wiki-home-practice__head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: auto;
}

.wiki-home-practice__tags {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.wiki-home-practice__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--yellow);
  border-radius: 16px;
}

.wiki-home-practice__icon img {
  width: 24px;
  height: 24px;
}

.wiki-home-practice__body {
  display: flex;
  flex-direction: column;
  padding-top: 56px;
  flex: 1 1 auto;
}

.wiki-home-practice__type {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--light-mode-text-003);
}

.wiki-home-practice__title {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
}

.wiki-home-practice__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
}

.wiki-home-practice__time {
  flex: 1 1 auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: var(--light-mode-text-003);
}

.wiki-home-practice__level {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  flex-shrink: 0;
}

.wiki-home-practice__level-dot {
  display: inline-block;
  width: 6px;
  height: 12px;
  border-radius: 4px;
  background: var(--wiki-home-bg-card-tag);
}

.wiki-home-practice__level-dot_on {
  background: var(--light-mode-text-002);
}

.wiki-home-practice__open {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
  text-decoration: none;
}

.wiki-home-practice__open img {
  width: 16px;
  height: 16px;
}

.wiki-home-practice__open:hover {
  color: #000;
}

@media (max-width: 768px) {
  .wiki-home-practice {
    min-height: 260px;
    padding: 20px;
  }
  .wiki-home-practice__body {
    padding-top: 32px;
  }
}
.wiki-home__faq {
  padding: 80px 0 80px;
}

.wiki-home-faq {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  padding: 40px 0 0;
}

.wiki-home-faq__title {
  margin: 0;
  font-weight: 500;
  letter-spacing: -1.44px;
  line-height: 1.12;
  font-size: clamp(26px, 2.5vw, 36px);
  color: var(--light-mode-text-001);
}

.wiki-home-faq__list {
  display: flex;
  flex-direction: column;
}

.wiki-home-faq__actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 32px;
  grid-column: 2/3;
}

@media (max-width: 1000px) {
  .wiki-home-faq {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .wiki-home-faq__actions {
    grid-column: auto;
  }
}
.wiki-home-faq .faq-accordion__item {
  display: block;
  border-top: 1px solid var(--wiki-home-border-soft);
  padding: 0;
  margin: 0;
  line-height: 0;
}

.wiki-home-faq .faq-accordion__item:last-of-type {
  border-bottom: 1px solid var(--wiki-home-border-soft);
}

.wiki-home-faq .faq-accordion__item.active .faq-accordion__icon::before {
  transform: rotate(180deg);
}

.wiki-home-faq .faq-accordion__item.active .faq-accordion__body {
  max-height: 800px;
}

.wiki-home-faq .faq-accordion__head {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 16px 0;
  text-align: left;
  font-family: inherit;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--light-mode-text-001);
  cursor: pointer;
}

.wiki-home-faq .faq-accordion__question {
  flex: 1 1 auto;
}

.wiki-home-faq .faq-accordion__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
}

.wiki-home-faq .faq-accordion__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("img/wiki-home/arrow-down.svg") no-repeat center/contain;
  transition: transform 0.2s ease;
}

.wiki-home-faq .faq-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.wiki-home-faq .faq-accordion__body-inner {
  padding: 16px 0 48px 56px;
  border-left: 2px solid var(--yellow);
  max-width: 726px;
}

.wiki-home-faq .faq-accordion__body-inner p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: var(--light-mode-text-002);
}

.wiki-home-faq .faq-accordion__body-inner p + p {
  margin-top: 12px;
}

@media (max-width: 768px) {
  .wiki-home-faq .faq-accordion__head {
    font-size: 16px;
    padding: 14px 0;
  }
  .wiki-home-faq .faq-accordion__body-inner {
    padding-left: 24px;
    padding-bottom: 24px;
  }
}
/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
.support-accordion {
  width: 70%;
}

@media (max-width: 950px) {
  .support-accordion {
    width: 100%;
  }
}
.support-accordion__item {
  border-bottom: 1px solid var(--border);
}

.support-accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--text_002);
}

.support-accordion__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--text_001);
  max-width: 80%;
}

.support-accordion__head {
  position: relative;
}

.support-accordion__head svg {
  stroke: #a9a9a9;
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.support-accordion__item.active .support-accordion__body {
  padding: 0 0 32px;
}

@media (max-width: 576px) {
  .support-accordion__item.active .support-accordion__body {
    padding: 0 0 16px;
  }
}
.support-accordion__head {
  cursor: pointer;
  padding: 16px 0;
}

@media (max-width: 576px) {
  .support-accordion__head {
    padding: 9px 0;
  }
}
.support-accordion__item.active .support-accordion__head::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  top: 30%;
}

.support-accordion__item.active .support-accordion__head svg {
  stroke: #000;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 30%;
}

.wiki-page {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .wiki-page {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .wiki-page .breadcrumb {
    display: none;
  }
}
.wiki__title {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-top: 8px;
}

@media (max-width: 768px) {
  .wiki__title {
    margin-top: 0;
  }
}
.wiki__title span {
  display: inline-block;
}

.wiki__search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 32px;
}

@media (max-width: 768px) {
  .wiki__search {
    margin-top: 16px;
  }
}
.wiki__search label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

@media (max-width: 768px) {
  .wiki__search label {
    gap: 16px;
  }
}
.wiki__search input {
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  padding: 10px 0px;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_001);
}

.wiki__search input::-webkit-input-placeholder {
  color: var(--text_003);
}

.wiki__search input::-moz-placeholder {
  color: var(--text_003);
}

.wiki__search input:-ms-input-placeholder {
  color: var(--text_003);
}

.wiki__search input::-ms-input-placeholder {
  color: var(--text_003);
}

.wiki__search input::placeholder {
  color: var(--text_003);
}

@media (max-width: 768px) {
  .wiki__search input {
    font-size: 16px;
  }
}
.wiki__search .btn-black {
  padding: 11px 30px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .wiki__search .btn-black span {
    display: none;
  }
}
@media (max-width: 768px) {
  .wiki__search .btn-black {
    font-size: 16px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 6px;
  }
  .wiki__search .btn-black::before {
    content: "";
    display: inline-block;
    background: url("img/search-arr.svg") no-repeat center center;
    width: 24px;
    height: 24px;
  }
}
.wiki__input_wrap {
  width: 100%;
  border-bottom: 2px solid var(--text_001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wiki__input_wrap::before {
  content: "";
  display: inline-block;
  background: url("img/search.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.wiki .voice-dialing {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
}

.wiki .voice-dialing::before {
  content: "";
  display: inline-block;
  background: url("img/mic.svg") no-repeat center center;
  width: 24px;
  height: 24px;
}

.wiki__quick-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  overflow-y: auto;
}

@media (max-width: 768px) {
  .wiki__quick-links {
    gap: 4px;
  }
}
.wiki__quick-links li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wiki__quick-links li a {
  background: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--text_002);
  border-radius: 46px;
  padding: 10px 20px;
}

@media (max-width: 768px) {
  .wiki__quick-links li a {
    font-size: 12px;
    padding: 5px 8px;
  }
}
.motivation {
  border-radius: 24px;
  padding: 26px;
  margin-top: 56px;
  position: relative;
  background: #D9B648 url("img/man-black.svg") no-repeat 100% 100%;
  background-size: contain;
}

@media (max-width: 768px) {
  .motivation {
    margin-top: 32px;
    padding: 16px 16px 8px 16px;
    background: #D9B648;
  }
}
.motivation__title {
  font-weight: 500;
  font-size: clamp(32px, 3.8888888889vw, 56px);
  line-height: 98%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 56px;
}

@media (max-width: 1495px) {
  .motivation__title {
    max-width: 68%;
  }
}
@media (max-width: 768px) {
  .motivation__title {
    margin-bottom: 24px;
    max-width: none;
  }
}
.motivation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: 984px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .motivation-list {
    max-width: none;
  }
}
@media (max-width: 576px) {
  .motivation-list {
    gap: 4px;
  }
}
.motivation-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  position: relative;
}

@media (max-width: 768px) {
  .motivation-list li {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .motivation-list li {
    padding: 16px;
  }
}
.motivation-list li::before {
  content: "";
  display: inline-block;
  background: url("img/corner.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.motivation-list__title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 12px;
}

@media (max-width: 576px) {
  .motivation-list__title {
    font-size: 20px;
  }
}
.motivation-list__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_001);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.motivation-list__link::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

@media (max-width: 576px) {
  .motivation-list__link {
    font-size: 14px;
  }
}
.motivation__btn {
  margin-top: 28px;
  padding: 22px 50px;
  font-size: 20px;
}

.motivation__btn svg {
  margin-left: 12px;
}

@media (max-width: 576px) {
  .motivation__btn svg {
    margin-left: 8px;
  }
}
@media (max-width: 576px) {
  .motivation__btn {
    width: 100%;
    max-width: none;
    font-size: 16px;
    padding: 12px 16px;
    margin-top: 16px;
  }
}
.main-path {
  margin-top: 58px;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .main-path {
    margin-top: 32px;
    margin-bottom: 64px;
  }
}
.main-path__title {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.main-path__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-path .btn-black {
  font-size: 16px;
  padding: 10px 29px;
  margin-left: auto;
}

@media (max-width: 576px) {
  .main-path .btn-black {
    display: none;
  }
}
.main-path__mob {
  display: none !important;
  width: 100%;
  max-width: none;
  text-align: center;
  margin-top: 8px;
  font-size: 14px !important;
}

@media (max-width: 576px) {
  .main-path__mob {
    display: block !important;
  }
}
.main-path__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  margin: 0 -12px;
}

.main-path__list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.333%;
  flex: 0 1 33.333%;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media (max-width: 1000px) {
  .main-path__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media (max-width: 768px) {
  .main-path__list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-bottom: 8px;
  }
}
.main-path__list_title {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: auto;
}

@media (max-width: 576px) {
  .main-path__list_title {
    font-size: 20px;
  }
}
.main-path__list_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
  margin-top: 24px;
}

.main-path__list_links a {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-path__list_links a::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

@media (max-width: 576px) {
  .main-path__list_links a {
    font-size: 14px;
  }
}
.main-path__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 34px;
}

@media (max-width: 768px) {
  .main-path__head {
    margin-bottom: 16px;
  }
}
.main-path__item {
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 24px;
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 576px) {
  .main-path__item {
    min-height: 138px;
  }
}
.growth {
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .growth {
    margin-bottom: 32px;
  }
}
.growth__title {
  font-size: clamp(24px, 2.5vw, 36px);
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.growth-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 34px;
}

@media (max-width: 768px) {
  .growth-wrap {
    margin-bottom: 16px;
  }
}
.growth-slider .swiper-slide {
  background: var(--text_001);
  border-radius: 24px;
  padding: 28px;
  min-height: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}

@media (max-width: 576px) {
  .growth-slider .swiper-slide {
    padding: 16px;
    min-height: 210px;
  }
}
.growth-slider__title {
  font-weight: 500;
  font-size: clamp(32px, 3.8888888889vw, 56px);
  line-height: 98%;
  letter-spacing: -0.04em;
  color: #fff;
  display: inline-block;
  max-width: 75%;
  position: relative;
  z-index: 5;
}

@media (max-width: 576px) {
  .growth-slider__title {
    max-width: 62%;
  }
}
.growth-slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto;
  position: relative;
  z-index: 5;
}

.growth-slider__status {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 576px) {
  .growth-slider__status {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.growth-slider__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  gap: 32px;
}

@media (max-width: 576px) {
  .growth-slider__progress {
    gap: 16px;
  }
}
.growth-slider .growth-progress_line {
  background: #464646;
  border-radius: 50px;
  width: 100%;
  height: 32px;
}

.growth-slider .growth-progress_status {
  background: var(--main);
  border-radius: 50px;
  padding: 0px 10px;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 40px;
}

.growth-slider .growth-progress_status span {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: var(--text_001);
}

.growth-slider .growth-progress_btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_001);
  border-radius: 46px;
  padding: 12px 30px;
  background: var(--main);
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .growth-slider .growth-progress_btn {
    height: 36px;
    padding: 10px 23px;
  }
}
.growth-slider .final {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 30px;
  pointer-events: none;
}

.growth-slider .final::before {
  content: "";
  display: inline-block;
  background: url("img/final.svg") no-repeat center center;
  width: 24px;
  height: 24px;
}

@media (max-width: 576px) {
  .growth-slider .final {
    padding: 10px 23px;
  }
}
.growth-slider__icon {
  position: absolute;
  bottom: 0;
  right: 28px;
}

@media (max-width: 576px) {
  .growth-slider__icon {
    right: 16px;
    height: 100%;
  }
}
.growth__link {
  margin: 0 auto;
  margin-top: 32px;
  padding: 21px 49px;
  font-size: 20px;
}

@media (max-width: 576px) {
  .growth__link {
    width: 100%;
    max-width: none;
    font-size: 16px;
    padding: 15px;
    margin-top: 16px;
  }
}
.growth .growth__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .growth .growth__navigation {
    display: none;
  }
}
.growth .growth__navigation .slider__prev,
.growth .growth__navigation .slider__next {
  width: 44px;
  height: 44px;
}

.slide-disabled::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 24px;
  opacity: 0.6;
}

.slide-disabled .growth-progress_btn {
  background: #fff;
}

.slide-disabled .growth-progress_line {
  background: rgba(255, 255, 255, 0.5960784314);
}

.slide-disabled .growth-progress_status {
  background: #fff;
}

.pain {
  margin-top: 58px;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .pain {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
.pain-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .pain-wrap {
    margin-bottom: 16px;
  }
}
.pain__title {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.pain .pain__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .pain .pain__navigation {
    display: none;
  }
}
.pain .pain__navigation .slider__prev,
.pain .pain__navigation .slider__next {
  width: 44px;
  height: 44px;
}

.pain .pain__navigation .swiper-button-lock {
  display: block;
}

.card-guide {
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  min-height: 520px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

@media (max-width: 1140px) {
  .card-guide {
    min-height: 420px;
  }
}
@media (max-width: 576px) {
  .card-guide {
    padding: 16px;
    min-height: 320px;
  }
}
.card-guide__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card-guide__state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.card-guide__state li {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #fff;
  background: var(--text_001);
  padding: 8px 16px;
  border-radius: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 576px) {
  .card-guide__state li {
    font-size: 10px;
  }
}
.card-guide .state-new {
  background: var(--main);
  color: var(--text_001);
}

.card-guide .state-free {
  color: var(--text_002);
  background: var(--bg);
}

.card-guide__item {
  border-radius: 24px;
  padding: 16px;
  width: 76px;
  height: 76px;
  background: var(--main);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card-guide__body {
  margin-top: auto;
}

.card-guide__title {
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  font-size: clamp(24px, 2.5vw, 36px);
}

.card-guide__title span {
  color: var(--text_003);
}

.card-guide__title h5 {
  color: var(--text_001);
}

.card-guide__text {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--text_003);
}

.card-guide__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_003);
  margin-top: 16px;
}

.card-guide__date::before {
  content: "";
  display: inline-block;
  background: url("img/date.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

@media (max-width: 576px) {
  .card-guide__date {
    font-size: 14px;
    margin-top: 9px;
  }
}
.card-guide__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  gap: 10px;
}

@media (max-width: 576px) {
  .card-guide__wrap {
    margin-top: 9px;
  }
}
.card-guide__time {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_003);
}

@media (max-width: 576px) {
  .card-guide__time {
    font-size: 16px;
  }
}
.card-guide__link {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.card-guide__link::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

@media (max-width: 576px) {
  .card-guide__link {
    font-size: 16px;
  }
}
.updates {
  margin-top: 58px;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .updates {
    margin-top: 32px;
    margin-bottom: 72px;
  }
}
.updates .updates__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .updates .updates__navigation {
    display: none;
  }
}
.updates .updates__navigation .slider__prev,
.updates .updates__navigation .slider__next {
  width: 44px;
  height: 44px;
}

.updates .updates__navigation .swiper-button-lock {
  display: block;
}

.updates-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
  gap: 10px;
}

@media (max-width: 576px) {
  .updates-wrap {
    margin-bottom: 9px;
  }
}
.updates__title {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.support {
  margin-top: 40px;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .support {
    margin-top: 40px;
    margin-bottom: 64px;
  }
}
.support-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}

@media (max-width: 950px) {
  .support-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.support__title {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  width: 30%;
}

@media (max-width: 950px) {
  .support__title {
    width: 100%;
  }
}
/* categories 26.03.26 */
@media (max-width: 768px) {
  .wiki .crumb_mob {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.wiki .crumb-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wiki .subtitle-trigger {
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4V5.33333M8 6.66667V11.6667M2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8Z" stroke="%23AAA8A8" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  margin-left: 4px;
}

@media (min-width: 769px) {
  .wiki .subtitle-trigger {
    display: none;
  }
}
.wiki .filters-trigger {
  position: relative;
  height: 28px;
  padding: 0 8px 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--light-mode-text-002);
  border-radius: 46px;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14L8 10M8 10L3 3L13 3L8 10Z" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center left 8px #fff;
}

@media (min-width: 769px) {
  .wiki .filters-trigger {
    display: none;
  }
}
.wiki .filters-trigger__count {
  position: absolute;
  top: -10px;
  right: -5px;
  background-color: var(--yellow);
  border-radius: 50px;
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  padding: 2px 4px;
}

.wiki .search-trigger {
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 14.75L22 20M2 19L5 22L8 19M19 9.5C19 13.6421 15.6421 17 11.5 17C7.35786 17 4 13.6421 4 9.5C4 5.35786 7.35786 2 11.5 2C15.6421 2 19 5.35786 19 9.5Z" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.wiki .search-trigger.toggle-btn_active {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 14.75L22 20M2 22L5 19L8 22M19 9.5C19 13.6421 15.6421 17 11.5 17C7.35786 17 4 13.6421 4 9.5C4 5.35786 7.35786 2 11.5 2C15.6421 2 19 5.35786 19 9.5Z" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (min-width: 769px) {
  .wiki .search-trigger {
    display: none;
  }
}
.wiki .wiki__subtitle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--light-mode-bg-00);
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 20px;
  border-top-left-radius: 0;
  padding: 8px 24px;
  line-height: 140%;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  margin: 8px 0 32px 0;
}

@media (max-width: 768px) {
  .wiki .wiki__subtitle {
    display: none;
    margin: 8px 0 16px 0;
  }
  .wiki .wiki__subtitle.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.wiki section {
  padding: 56px 0;
}

@media (max-width: 768px) {
  .wiki section {
    padding: 32px 0;
  }
}
.wiki .section-title {
  font-size: clamp(20px, 3.1944444444vw, 46px);
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .wiki .section-title {
    margin-bottom: 24px;
  }
}
.wiki__search {
  margin-bottom: 56px;
}

.wiki-nav {
  height: 72px;
  margin-bottom: 32px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  background-color: var(--light-mode-bg-00);
  border-radius: 60px;
}

@media (max-width: 1440px) {
  .wiki-nav {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .wiki-nav {
    height: 44px;
    margin: 24px 0 16px 0;
    overflow-y: scroll;
  }
}
.wiki-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
}

.wiki-nav__item_active {
  background-color: #fff;
  border: 2px solid var(--light-mode-text-001);
  border-radius: 60px;
}

@media (max-width: 768px) {
  .wiki-nav__item {
    padding: 0 16px;
  }
}
.select-topic__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  .select-topic__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.select-topic .topic-card {
  height: 200px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 16px bottom 16px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 24px;
  padding: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 1440px) {
  .select-topic .topic-card {
    height: 170px;
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .select-topic .topic-card {
    height: 130px;
    background-position: right 10px bottom 10px;
  }
}
.select-topic .topic-card__title {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 2.5vw, 36px);
  font-weight: 500;
  line-height: 128%;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

.select-topic .topic-card__content {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 128%;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.select-topic .topic-card:hover {
  border-color: var(--light-mode-text-003);
  cursor: pointer;
}

.select-topic .topic-card:hover .topic-card__content {
  color: var(--light-mode-text-001);
}

.state-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .state-links__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.state-links__item {
  position: relative;
  height: 60px;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 3L10 8L5 13" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 16px center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 44px 0 16px;
  background-color: #fff;
  border-radius: 24px;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  font-weight: 500;
  line-height: 140%;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .state-links__item {
    height: 54px;
  }
}
@media (max-width: 768px) {
  .state-links__item {
    height: 44px;
    padding: 12px 40px 12px 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    display: block;
  }
}
.state-links__item::before {
  content: "";
  display: inline-block;
  background: url(img/corner.svg) no-repeat center center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* states 26.03.26 */
.states__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 56px;
  margin-bottom: 56px;
}

@media (max-width: 1080px) {
  .states__list {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .states__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
}
.states-card {
  height: 480px;
  background-color: var(--light-mode-bg-00);
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1440px) {
  .states-card {
    height: 400px;
  }
}
@media (max-width: 1080px) {
  .states-card {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .states-card {
    height: 300px;
  }
}
.states-card__header {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 4px;
  padding: 16px 16px 0 16px;
}

.states-card__badge {
  background-color: var(--light-mode-text-001);
  color: #fff;
  border-radius: 100px;
  padding: 0 8px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
}

.states-card__badge_gray {
  background-color: var(--light-mode-bg-01);
  color: var(--light-mode-text-002);
}

@media (max-width: 768px) {
  .states-card__badge {
    height: 18px;
    padding: 0 4px;
  }
}
.states-card__body {
  background: url(img/wiki/state_back.svg) no-repeat right bottom #fff;
  height: 100%;
  padding: 24px;
  border-radius: 24px;
  border-top-left-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .states-card__body {
    padding: 16px;
    background: url(img/wiki/state_back_mob.svg) no-repeat right bottom #fff;
  }
}
.states-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.states-card__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.states-card__content {
  color: var(--light-mode-text-002);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.states-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.states-card__link {
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  color: var(--light-mode-text-001);
  padding: 0 30px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.states-card__link::after {
  content: "";
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 4.5L15 12L7.5 19.5" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .states-card__link {
    height: 36px;
    padding: 0 16px;
  }
}
.states-card__time-read {
  color: var(--light-mode-text-003);
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.items-shown {
  color: var(--light-mode-text-003);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  text-align: center;
  padding-top: 28px;
}

@media (max-width: 768px) {
  .items-shown {
    padding-top: 16px;
  }
}
.show-more-button {
  background-color: var(--light-mode-text-001);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  gap: 12px;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-001);
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  margin: 24px auto 28px auto;
}

@media (max-width: 1440px) {
  .show-more-button {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .show-more-button {
    height: 44px;
    padding: 0 16px;
    margin: 24px auto 16px auto;
  }
}
.choose-path .choose-path__panel {
  background-color: var(--extra_bg);
  border-radius: 24px;
  padding: 28px;
}

@media (max-width: 768px) {
  .choose-path .choose-path__panel {
    padding: 16px;
  }
}
.choose-path .choose-path__text {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 3.1944444444vw, 46px);
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 40px;
}

.choose-path .choose-path__link {
  background-color: var(--light-mode-text-001);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 72px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-001);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 0 auto;
}

@media (max-width: 1440px) {
  .choose-path .choose-path__link {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .choose-path .choose-path__link {
    height: 44px;
    padding: 0 16px;
  }
}
.tools-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .tools-slider__header {
    margin-bottom: 16px;
  }
}
.tools-slider__header .section-title {
  margin-bottom: 0;
}

.tools-slider__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .tools-slider__navigation {
    display: none;
  }
}
.tools-slider__navigation .slider__prev,
.tools-slider__navigation .slider__next {
  width: 44px;
  height: 44px;
}

.tools-slider__navigation .swiper-button-lock {
  display: block;
}

.tools-card {
  height: 360px;
  background-color: #fff;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px;
}

@media (max-width: 1440px) {
  .tools-card {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .tools-card {
    height: 200px;
    padding: 16px;
  }
}
.tools-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tools-card__badge-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.tools-card__badge {
  background-color: var(--light-mode-bg-01);
  color: var(--light-mode-text-002);
  border-radius: 100px;
  padding: 0 8px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
}

@media (max-width: 768px) {
  .tools-card__badge {
    height: 18px;
    padding: 0 4px;
  }
}
.tools-card__icon {
  background-color: var(--yellow);
  height: 48px;
  width: 48px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tools-card__category {
  color: var(--light-mode-text-003);
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.tools-card__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.tools-card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
}

.tools-card__link {
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.tools-card__link::after {
  content: "";
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 3L10 8L5 13" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  width: 16px;
  height: 16px;
}

.tools-card .time-read {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.tools-card .time-read__time {
  color: var(--light-mode-text-003);
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
}

.tools-card .time-read__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}

.tools-card .time-read__indicator span {
  background-color: var(--light-mode-bg-01);
  width: 6px;
  height: 12px;
  border-radius: 4px;
}

.tools-card .time-read__indicator span.active {
  background-color: var(--light-mode-text-002);
}

/* tools 27.03.26 */
.tools {
  padding-top: 32px !important;
}

.tools__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 56px;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .tools__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
}
.tools-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .tools-filters {
    display: none;
  }
}
.tools__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

.dropdown {
  position: relative;
}

.dropdown .dropdown__button {
  height: 56px;
  color: var(--light-mode-text-001);
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  font-size: 19px;
  line-height: 140%;
  font-weight: 500;
  padding: 0 30px;
  cursor: pointer;
}

.dropdown .dropdown__button::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L11.9688 16.0312L4 8" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 1440px) {
  .dropdown .dropdown__button {
    height: 44px;
    font-size: 16px;
  }
}
.dropdown_open .dropdown__button {
  border: 1px solid var(--light-mode-text-001);
  background: url(img/dropdown_arrow_up_ico.svg) no-repeat center right 12px;
}

.dropdown_open .dropdown__button::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown .dropdown__content {
  background-color: #fff;
  display: none;
  position: absolute;
  left: 0;
  margin-top: 75px;
  z-index: 1;
  padding: 24px;
  border-radius: 24px;
  min-width: 280px;
  border: 1px solid var(--light-mode-border);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.dropdown_open .dropdown__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown .dropdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 76px;
}

.dropdown.dropdown_sorting .dropdown__button {
  height: 44px;
  border: none;
  gap: 8px;
  font-size: 16px;
  padding: 0;
  cursor: pointer;
}

.dropdown.dropdown_sorting .dropdown__button::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L11.9688 16.0312L4 8" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 1440px) {
  .dropdown.dropdown_sorting .dropdown__button {
    height: 36px;
    font-size: 12px;
  }
}
.dropdown.dropdown_sorting_open .dropdown__button {
  border: none;
}

.dropdown.dropdown_sorting .dropdown__title {
  color: var(--light-mode-text-003);
}

.dropdown.dropdown_sorting .dropdown__value {
  color: var(--light-mode-text-001);
}

.dropdown.dropdown_sorting .dropdown__content {
  left: unset;
  right: 0;
  min-width: unset;
  max-width: 210px;
}

.dropdown.dropdown_sorting .dropdown__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-001);
  white-space: nowrap;
}

.dropdown.dropdown_sorting .dropdown__item.dropdown__item_active {
  color: var(--light-mode-text-002);
}

.dropdown.dropdown_sorting .dropdown__item.dropdown__item_active::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 4.5L8.59001 17.5L3 11.4612" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.checkbox-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.checkbox-custom__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--light-mode-border);
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.checkbox-custom__checkbox:checked {
  background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.799988 3.99109L4.69999 8.67109L11.2 0.871094" stroke="black" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #D9B648;
  border-color: var(--light-mode-text-001);
}

.checkbox-custom__label {
  color: var(--light-mode-text-002);
  font-size: 19px;
  line-height: 140%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .checkbox-custom__label {
    font-size: 14px;
  }
}
.checkbox-custom__checkbox:checked + .checkbox-custom__label {
  color: var(--light-mode-text-001);
}

.indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}

.indicator span {
  background-color: var(--light-mode-bg-01);
  width: 6px;
  height: 12px;
  border-radius: 4px;
}

.indicator span.active {
  background-color: var(--light-mode-text-002);
}

.tools-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.tools-tags .tools-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}

.tools-tags .tools-tag__title {
  height: 44px;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .tools-tags .tools-tag__title {
    height: 36px;
    font-size: 12px;
  }
}
.tools-tags .tools-tag__button {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33301 3.33331L7.99967 7.99998M7.99967 7.99998L12.6663 12.6666M7.99967 7.99998L12.6663 3.33331M7.99967 7.99998L3.33301 12.6666" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center #fff;
}

@media (max-width: 1440px) {
  .tools-tags .tools-tag__button {
    height: 36px;
    width: 36px;
  }
}
.tools-tags .tools-tags__reset {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--light-mode-text-001);
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  padding: 0 20px;
  white-space: nowrap;
}

@media (max-width: 1440px) {
  .tools-tags .tools-tags__reset {
    height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .tools-tags {
    overflow-x: scroll;
  }
}
@media (max-width: 768px) {
  .tools-sorting {
    display: none;
  }
}
.tools-empty {
  height: 360px;
  background-color: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 32px;
}

.tools-empty__title {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.tools-empty__reset {
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33301 3.33331L7.99967 7.99998M7.99967 7.99998L12.6663 12.6666M7.99967 7.99998L12.6663 3.33331M7.99967 7.99998L3.33301 12.6666" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat left center;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .tools-empty {
    height: 250px;
  }
}
.modal {
  position: relative;
  background-color: var(--light-mode-bg-03);
  max-width: 628px;
  width: 100%;
  height: 97%;
  position: fixed;
  top: 50%;
  right: -100%;
  z-index: 1020;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 24px;
  padding: 32px;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
  overflow-y: auto;
}

.modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: url(img/dashbord-icon/close.svg) no-repeat center center;
}

.modal_active {
  right: 16px;
}

@media (max-width: 768px) {
  .modal_active {
    right: 0;
  }
}
.modal__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 3.1944444444vw, 46px);
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .modal__title {
    margin-bottom: 32px;
  }
}
.modal__body {
  overflow-y: scroll;
}

.modal__description {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  margin-bottom: 56px;
}

@media (max-width: 1440px) {
  .modal__description {
    margin-bottom: 32px;
  }
}
@media (max-width: 1440px) {
  .modal {
    max-width: 515px;
  }
}
@media (max-width: 768px) {
  .modal {
    max-width: none;
    padding: 16px;
    border-radius: 0;
    height: 100%;
  }
}
#filters-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  background-color: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  max-width: unset;
  width: 100%;
  height: 95%;
  position: fixed;
  top: unset;
  right: unset;
  bottom: -100%;
  -webkit-transform: unset;
  transform: unset;
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s;
}

#filters-modal.modal_active {
  bottom: 0;
}

#filters-modal .modal__title {
  padding: 16px 24px;
  border-bottom: 1px solid var(--light-mode-border-02);
  margin-bottom: 0;
}

.mob-filters__section {
  padding: 16px 24px;
  border-bottom: 1px solid var(--light-mode-border-02);
}

.mob-filters__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 16px;
}

.mob-filters__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.mob-filters__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sorting-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--light-mode-text-001);
  white-space: nowrap;
}

.sorting-item.sorting-item_active {
  color: var(--light-mode-text-002);
}

.sorting-item_active::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 4.5L8.59001 17.5L3 11.4612" stroke="%23525252" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal__footer {
  background-color: var(--light-mode-bg-00);
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.mob-filters__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 36px;
  width: 100%;
  border-radius: 40px;
  white-space: nowrap;
  font-weight: 500;
  line-height: 140%;
  font-size: 14px;
}

.mob-filters__button_reset {
  color: var(--light-mode-text-001);
  border: 1px solid var(--light-mode-text-003);
}

.mob-filters__button_apply {
  background-color: var(--light-mode-text-001);
  border: 1px solid var(--light-mode-text-001);
  color: #fff;
}

/* category 31.03.26 */
.wiki-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .wiki-tags {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}
.wiki-tags__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 56px;
  padding: 0 30px;
  border: 1px solid var(--light-mode-text-003);
  color: var(--light-mode-text-001);
  border-radius: 40px;
  white-space: nowrap;
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(14px, 1.3194444444vw, 19px);
}

@media (max-width: 1440px) {
  .wiki-tags__item {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .wiki-tags__item {
    height: 36px;
  }
}
.wiki-tags__item_active {
  border: 1px solid var(--light-mode-text-001);
  background-color: #fff;
}

.recommend-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .recommend-slider__header {
    margin-bottom: 16px;
  }
}
.recommend-slider__header .section-title {
  margin-bottom: 0;
}

.recommend-slider__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .recommend-slider__navigation {
    display: none;
  }
}
.slider-prev,
.slider-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid var(--light-mode-text-003);
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center transparent;
}

.slider-prev:hover,
.slider-next:hover {
  border: 1px solid var(--light-mode-text-001);
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="%23FFFFFF" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center var(--light-mode-text-001);
}

@media (max-width: 1440px) {
  .slider-prev,
  .slider-next {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 768px) {
  .slider-prev,
  .slider-next {
    width: 36px;
    height: 36px;
  }
}
.slider-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.deep-topic__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 56px;
}

@media (max-width: 1440px) {
  .deep-topic__list {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .deep-topic__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
}
.growth_new {
  margin-bottom: 0;
}

.growth_new .section-title {
  margin-bottom: 0;
}

.growth_new .growth-slider__title {
  font-size: clamp(20px, 2.5vw, 36px);
}

.related-tools__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .related-tools__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 16px;
  }
}
.related-tools__header .section-title {
  margin-bottom: 0;
}

.related-tools__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

@media (max-width: 768px) {
  .related-tools__filters .dropdown__content {
    margin-top: 0;
    right: unset !important;
    left: 0 !important;
  }
}
.related-tools__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 56px;
}

@media (max-width: 1440px) {
  .related-tools__list {
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .related-tools__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
}
.related-topics .section-title {
  text-align: center;
}

.related-topics__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .related-topics__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.related-topics__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 56px;
  padding: 0 40px;
  color: var(--light-mode-text-002);
  background-color: #fff;
  border-radius: 40px;
  white-space: nowrap;
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.3888888889vw, 20px);
}

@media (max-width: 768px) {
  .related-topics__item {
    height: 44px;
    padding: 0 16px;
  }
}
.related-topics__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  line-height: 140%;
  font-size: clamp(16px, 1.8055555556vw, 26px);
}

.related-topics__message span {
  font-weight: 400;
  color: var(--light-mode-text-002);
}

.related-topics__message a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--light-mode-text-001);
}

.related-topics__message a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.38266 10.8532C6.97788 9.33563 10.5829 7.84143 14.1974 6.37071C19.3467 4.31112 20.0633 4.0105 20.7594 4C21.0585 4.00943 21.3463 4.11643 21.5793 4.30477C21.8707 4.55344 21.9593 4.71094 21.9841 4.84964C22.007 4.98862 22.0048 5.42159 21.98 5.66834C21.701 8.48859 20.6416 15.002 20.028 18.1643C19.7678 19.5008 19.2555 19.9484 18.7598 19.992C17.6838 20.0874 16.8659 19.3082 15.823 18.6492C14.1913 17.6191 13.646 17.24 12.0639 16.2351C10.2317 15.0746 10.9855 14.6704 12.0286 13.6279C12.3013 13.3565 16.8246 9.21417 16.8926 8.83674C16.9505 8.50517 16.9714 8.46179 16.8227 8.31258C16.6718 8.16338 16.4922 8.18189 16.3766 8.20676C16.2113 8.24213 13.7204 9.82315 8.89962 12.9526C8.16019 13.4436 7.49098 13.682 6.8898 13.6696C6.22885 13.655 4.95461 13.309 4.00863 13.0125C2.84565 12.6478 1.92253 12.4572 2.00514 11.8396C2.04645 11.5183 2.50471 11.1889 3.38266 10.8532Z" fill="black"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .related-topics__message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.wiki-search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 24px;
  margin: 32px 0 56px 0;
}

@media (max-width: 768px) {
  .wiki-search {
    gap: 16px;
    margin: 16px 0 32px 0;
    display: none;
  }
  .wiki-search.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.wiki-search__input {
  height: 72px;
  width: 100%;
  border: 2px solid transparent;
  border-bottom: 2px solid var(--light-mode-text-001);
  background: url("img/search.svg") no-repeat left center;
  padding: 0 32px;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.wiki-search__input:focus-visible {
  outline: none;
}

.wiki-search__input::-webkit-input-placeholder {
  color: var(--light-mode-text-003);
}

.wiki-search__input::-moz-placeholder {
  color: var(--light-mode-text-003);
}

.wiki-search__input:-ms-input-placeholder {
  color: var(--light-mode-text-003);
}

.wiki-search__input::-ms-input-placeholder {
  color: var(--light-mode-text-003);
}

.wiki-search__input::placeholder {
  color: var(--light-mode-text-003);
}

@media (max-width: 1440px) {
  .wiki-search__input {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .wiki-search__input {
    height: 44px;
  }
}
.wiki-search__button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url("img/search-arr.svg") no-repeat center center var(--light-mode-text-001);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1440px) {
  .wiki-search__button {
    height: 44px;
    width: 44px;
  }
}
@media (max-width: 768px) {
  .wiki-search__button {
    height: 36px;
    width: 36px;
  }
}
/* #region blog */
.grp_blog {
  padding-bottom: 144px;
}

.blog__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 44px;
}

.blog__title {
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
}

.blog__description {
  color: var(--text_002);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .grp_blog {
    padding-bottom: 112px;
  }
  .blog__header {
    margin-bottom: 32px;
  }
  .blog__title {
    font-size: 56px;
  }
  .blog__description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .grp_blog {
    padding-bottom: 88px;
  }
  .blog__header {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }
  .blog__title {
    font-size: 32px;
  }
  .blog__description {
    font-size: 14px;
  }
}
/* #endregion blog */
/* #region blog nav */
.blog-nav {
  border-top: 1px solid var(--border);
  padding: 16px 0 88px 0;
}

.blog-nav__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.blog-nav__item {
  display: inline-flex;
  text-decoration: none;
  align-items: flex-start;
}

.blog-nav__item-name {
  color: var(--text_002);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.blog-nav__item-label {
  color: var(--text_003);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  text-decoration: none;
}

.blog-nav__item_active .blog-nav__item-name {
  text-decoration: underline;
}

.blog-nav__item_active .blog-nav__item-label {
  background-color: var(--main);
  color: var(--text_001);
  border-radius: 17px;
  padding: 0 6px;
  height: 20px;
}

.blog-nav__item_active .blog-nav__item-name {
  color: var(--text_001);
}

.blog-nav__mob-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  border: none;
  display: none;
  width: 100%;
}

.blog-nav__mob-btn:after {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  content: "";
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3337 5.33331L7.97949 10.6875L2.66699 5.33331" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 1440px) {
  .blog-nav {
    padding: 16px 0 56px 0;
  }
  .blog-nav__item-name {
    font-size: 20px;
  }
  .blog-nav__item-label {
    font-size: 12px;
  }
  .blog-nav__item_active .blog-nav__item-name {
    text-decoration: underline;
  }
  .blog-nav__item_active .blog-nav__item-label {
    height: 17px;
  }
}
@media (max-width: 768px) {
  .blog-nav__mob-btn {
    display: flex;
    padding: 0;
  }
  .blog-nav.blog-nav_active .blog-nav__mob-btn:after {
    transform: rotate(180deg);
  }
  .blog-nav__list {
    display: grid;
    grid-template-columns: 1fr;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease;
  }
  .blog-nav.blog-nav_active .blog-nav__list {
    max-height: 600px;
  }
}
/* #endregion blog nav */
/* #region blog filters */
.blog-filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  margin-bottom: 88px;
  flex-wrap: wrap;
}

.blog-filters__title {
  flex-grow: 1;
  font-weight: 500;
  font-size: 46px;
  line-height: 112%;
}

.blog-filters__filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  height: 72px;
}

.blog-filters__wrapper {
  display: flex;
  gap: 40px;
}

.dropdown {
  position: relative;
}

.dropdown__btn {
  display: flex;
  align-items: center;
  color: var(--text_002);
  background-color: transparent;
  border: none;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
}

.dropdown__btn:after {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  content: "";
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3337 5.33331L7.97949 10.6875L2.66699 5.33331" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  margin-left: 8px;
}

.dropdown__menu {
  position: absolute;
  width: 220px;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 24px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  display: none;
  margin-top: 11px;
  left: -26px;
}

.dropdown__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text_001);
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.dropdown_menu .dropdown__item {
  padding-left: 24px;
}

.dropdown__item_active {
  color: var(--text_002);
}

.dropdown__item_active::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3L5.72668 11.6667L2 7.64082" stroke="%23555555" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

/* menu item icons */
.dropdown__item_icon_var1 {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14H2V11H5V14Z" fill="black"/><path d="M14 14H6.5V11H14V14Z" fill="black"/><path d="M5 9.5H2V6.5H5V9.5Z" fill="black"/><path d="M14 9.5H6.5V6.5H14V9.5Z" fill="black"/><path d="M5 5H2V2H5V5Z" fill="black"/><path d="M14 5H6.5V2H14V5Z" fill="black"/></svg>') no-repeat left center;
}

.dropdown_open .dropdown__menu {
  display: flex;
}

.dropdown_open .dropdown__btn:after {
  transform: rotate(180deg);
}

.blog-filters__apply {
  display: none;
}

.blog-filters__btn {
  border: none;
  background: transparent;
  padding: 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.blog-filters__btn::before {
  content: "";
  display: inline-block;
  background: url("img/settings.svg") no-repeat center center;
  width: 24px;
  height: 24px;
}

/* search */
.blog-filters__search-btn {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-filters__search-btn::before {
  content: "";
  display: inline-block;
  background: url("img/search-mob.svg") no-repeat center center;
  width: 24px;
  height: 24px;
}

.gro_search {
  position: relative;
  display: none;
  width: 500px;
  align-items: center;
}

.gro_search.active {
  display: flex;
}

.blog-filters__wrap {
  display: flex;
  align-items: center;
  width: 100%;
  display: none;
}

.search__input {
  background: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 15.75L21 21M18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5Z" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat left center transparent;
  height: 72px;
  border: transparent;
  border-bottom: 2px solid #000;
  padding-left: 30px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  width: 100%;
}

.search__input::placeholder {
  color: var(--text_003);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.search__input:focus-visible {
  outline: none;
}

.search__clear {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L12 12M12 12L17 17M12 12L17 7M12 12L7 17" stroke="%23A9A9A9" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 1440px) {
  .blog-filters {
    margin-bottom: 56px;
  }
  .blog-filters__title {
    font-size: 36px;
  }
  .dropdown__btn {
    font-size: 16px;
  }
  .gro_search {
    position: relative;
    /* display: flex; */
    width: 500px;
  }
  .search__input {
    height: 56px;
    font-size: 20px;
  }
  .search__input::placeholder {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .blog-filters {
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
  }
  .blog-filters__title {
    font-size: 24px;
  }
  .blog-filters__filters {
    gap: 16px;
    height: max-content;
  }
  .blog-filters__btn {
    display: flex;
  }
  .blog-filters__offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
  }
  .blog-filters__overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: opacity 0.25s ease;
    z-index: -1;
  }
  .blog-filters__offcanvas.is-opened {
    visibility: visible;
    opacity: 1;
  }
  .blog-filters__offcanvas.is-opened .blog-filters__overlay {
    background-color: #000;
    opacity: 0.5;
  }
  .blog-filters__offcanvas.is-opened .blog-filters__wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    flex-direction: column;
    gap: 8px;
    background-color: var(--bg);
    padding: 8px 8px 24px 8px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .blog-filters__offcanvas.is-opened .dropdown {
    display: block;
  }
  .blog-filters__offcanvas.is-opened .dropdown .dropdown__btn {
    display: none;
  }
  .blog-filters__offcanvas.is-opened .dropdown .dropdown__menu {
    display: flex;
    position: static;
    width: 100%;
  }
  .blog-filters__apply {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--text_001);
    border: 1px solid var(--text_001);
    border-radius: 40px;
    color: #fff;
    height: 44px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    width: 100%;
    padding: 0 30px;
  }
  /* .blog-filters__search-btn {
      display: flex;
  } */
  .blog-filters__search {
    width: 100%;
  }
  .gro_search {
    /* height: 0;
    opacity: 0; */
    transition: height, opacity 0.25s ease-out;
  }
  .gro_search.is-opened {
    height: 100%;
    opacity: 1;
  }
  .search__input {
    height: 44px;
    font-size: 16px;
  }
  .search__input::placeholder {
    font-size: 16px;
  }
}
/* #endregion blog filters */
/* #region blog tags */
.blog-tags {
  margin-bottom: 32px;
}

.blog-tags__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 4px;
}

.blog-tags__item {
  cursor: pointer;
  user-select: none;
}

.blog-tags__input {
  display: none;
}

.blog-tags__name {
  display: inline-flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 46px;
  color: var(--text_002);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  transition: 0.25s;
}

.blog-tags__input:checked + .blog-tags__name {
  border: 1px solid var(--text_001);
}

.blog-tags__controls {
  display: flex;
  gap: 8px;
}

@media (max-width: 392px) {
  .blog-tags__controls {
    flex-direction: column;
  }
}
.blog-tags__more-btn,
.blog-tags__reset-btn {
  display: inline-flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: var(--text_001);
  padding: 0 20px;
  border: 1px solid var(--text_001);
  border-radius: 46px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.blog-tags__reset-btn {
  background-color: transparent;
  border: 1px solid var(--text_001);
  color: var(--text_001);
}

.blog-tags__more-btn.is-open svg {
  transform: rotate(180deg);
}

/* show first 3 el */
.blog-tags__wrapper_start .blog-tags__item:nth-child(n+4) {
  display: none;
}

@media (max-width: 1440px) {
  .blog-tags {
    margin-bottom: 24px;
  }
  .blog-tags__name {
    height: 36px;
    font-size: 14px;
  }
  .blog-tags__more-btn,
  .blog-tags__reset-btn {
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .blog-tags {
    margin-bottom: 16px;
  }
  .blog-tags__name {
    height: 33px;
    font-size: 12px;
    padding: 0 8px;
  }
  .blog-tags__more-btn,
  .blog-tags__reset-btn {
    height: 28px;
    font-size: 12px;
    padding: 0 8px;
  }
}
/* #endregion blog tags */
/* #region search result */
.search-result {
  display: none;
}

.search-result__ok {
  color: var(--text_002);
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  margin-bottom: 20px;
}

.search-result__err {
  width: 100%;
  height: 310px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 24px;
  color: var(--text_002);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  padding: 16px;
  margin-bottom: 88px;
}

.search-result__err div {
  text-align: center;
}

.search-result__err span {
  color: var(--text_001);
}

@media (max-width: 1440px) {
  .search-result__ok {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .search-result__err {
    height: 310px;
    font-size: 20px;
    margin-bottom: 56px;
  }
}
@media (max-width: 768px) {
  .search-result__ok {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .search-result__err {
    height: 246px;
    font-size: 16px;
    margin-bottom: 32px;
  }
}
/* #endregion search result */
/* #region blog grid */
.blog__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

@media (max-width: 1004px) {
  .blog__grid > *:last-child {
    grid-column: 1/-1;
  }
}
.blog__footer {
  text-align: center;
}

.blog__show-more {
  background-color: var(--text_001);
  border: 1px solid var(--text_001);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 72px;
  gap: 12px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  margin-top: 28px;
}

.blog__show-more:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

@media (max-width: 1440px) {
  .blog__show-more {
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .blog__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .blog__show-more {
    height: 44px;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
    padding: 0 16px;
  }
}
/* #endregion blog grid */
/* #region blog card */
.blog-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.blog-card__read-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: var(--text_001);
  padding: 18px 40px;
  border: 1px solid var(--text_001);
  border-radius: 46px;
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  margin: 32px 0;
}

@media (max-width: 1440px) {
  .blog-card__read-btn {
    font-size: 20px;
    padding: 14px 40px;
  }
}
@media (max-width: 768px) {
  .blog-card__read-btn {
    padding: 11px 16px;
    margin: 24px 0 32px;
    font-size: 16px;
  }
}
.blog-card__img {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.blog-card__category {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 60px;
  backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  padding: 0 20px;
}

.blog-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0.5;
  margin-bottom: 32px;
}

.blog-card__tags {
  display: flex;
  gap: 4px;
}

.blog-card__tags-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border-radius: 46px;
  background-color: #fff;
  color: var(--text_002);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  padding: 0 20px;
  text-decoration: none;
}

.blog-card__date {
  color: var(--text_003);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.blog-card__title {
  color: var(--text_001);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  text-decoration: none;
  margin-bottom: 8px;
}

.blog-card__type {
  color: var(--text_003);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  margin-bottom: 32px;
  background: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 21H3V16.5H7.5V21Z' fill='%23A9A9A9'/><path d='M21 21H9.75V16.5H21V21Z' fill='%23A9A9A9'/><path d='M7.5 14.25H3V9.75H7.5V14.25Z' fill='%23A9A9A9'/><path d='M21 14.25H9.75V9.75H21V14.25Z' fill='%23A9A9A9'/><path d='M7.5 7.5H3V3H7.5V7.5Z' fill='%23A9A9A9'/><path d='M21 7.5H9.75V3H21V7.5Z' fill='%23A9A9A9'/></svg>") no-repeat left center;
  padding-left: 28px;
  margin-top: 8px;
}

.blog-card__intro {
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  margin-bottom: 20px;
}

.blog-card__all {
  border-top: 1px solid var(--border);
  padding: 20px 0;
}

.blog-card__all-link {
  color: var(--text_001);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.33366 4.62061L13.3337 8.62061M13.3337 8.62061L9.33366 12.6206M13.3337 8.62061H2.66699" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat right center;
  padding-right: 24px;
  text-decoration: none;
}

/* blog card first — scoped к .blog__wrapper (home + single related) */
/* Fix C3 2026-05-19: было `.blog-card:first-child` → применялось к archive `.blog__grid` тоже,
   1 card span 2 + 63 cards span 1 = 65 cells в 2-col grid → дырка. Scope ↓ */
.blog__wrapper .blog-card:first-child {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 40px;
}

.blog__wrapper .blog-card:first-child .blog-card__category {
  height: 56px;
  font-size: 19px;
}

.blog__wrapper .blog-card:first-child .blog-card__header {
  margin-bottom: 20px;
}

.blog__wrapper .blog-card:first-child .blog-card__tags-item {
  height: 44px;
}

.blog__wrapper .blog-card:first-child .blog-card__date {
  color: var(--text_003);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.blog__wrapper .blog-card:first-child .blog-card__title {
  font-size: 46px;
  line-height: 112%;
  margin-bottom: 16px;
}

.blog__wrapper .blog-card:first-child .blog-card__type {
  font-size: 26px;
  margin-bottom: 36px;
}

.blog__wrapper .blog-card:first-child .blog-card__intro {
  font-size: 26px;
  margin-bottom: 40px;
}

.blog__wrapper .blog-card:first-child .blog-card__all-link {
  font-size: 26px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat right center;
  padding-right: 32px;
}

/* blog card lock */
.blog-card__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

.blog-card__backdrop-img {
  margin-bottom: 10px;
}

.blog-card__backdrop-title {
  color: #fff;
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  text-align: center;
}

.blog-card_lock .blog-card__backdrop {
  display: flex;
}

.blog-card_lock .blog-card__header {
  opacity: 1;
}

.blog-card_lock .blog-card__title {
  color: var(--text_002);
}

.blog-card_lock .blog-card__all {
  display: none;
}

@media (max-width: 1440px) {
  .blog-card {
    gap: 8px;
  }
  .blog-card__category {
    height: 32px;
    font-size: 12px;
    padding: 0 16px;
  }
  .blog-card__header {
    margin-bottom: 16px;
  }
  .blog-card__tags-item {
    height: 36px;
    font-size: 14px;
  }
  .blog-card__date {
    font-size: 14px;
  }
  .blog-card__title {
    font-size: 28px;
  }
  .blog-card__type {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .blog-card__intro {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .blog-card__all {
    padding: 16px 0;
  }
  .blog-card__all-link {
    font-size: 16px;
  }
  /* blog card first */
  .blog-card:first-child .blog-card__category {
    height: 44px;
    font-size: 16px;
  }
  .blog-card:first-child .blog-card__tags-item {
    height: 36px;
  }
  .blog-card:first-child .blog-card__title {
    font-size: 36px;
    margin-bottom: 8px;
  }
  .blog-card:first-child .blog-card__type {
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  .blog-card:first-child .blog-card__intro {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .blog-card:first-child .blog-card__all-link {
    font-size: 20px;
  }
  /* blog card lock */
  .blog-card__backdrop-title {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .blog-card {
    gap: 8px;
  }
  .blog-card__category {
    position: absolute;
    top: 16px;
    left: 16px;
    height: 24px;
    font-size: 10px;
    padding: 0 8px;
  }
  .blog-card__header {
    margin-bottom: 16px;
  }
  .blog-card__tags-item {
    height: 28px;
    font-size: 12px;
    padding: 0 8px;
  }
  .blog-card__date {
    font-size: 12px;
  }
  .blog-card__title {
    font-size: 20px;
  }
  .blog-card__type {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .blog-card__intro {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .blog-card__all {
    padding: 16px 0;
  }
  .blog-card__all-link {
    font-size: 14px;
  }
  /* blog card first */
  .blog-card:first-child {
    grid-column: span 1;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .blog-card:first-child .blog-card__category {
    height: 34px;
    font-size: 14px;
  }
  .blog-card:first-child .blog-card__tags-item {
    height: 28px;
  }
  .blog-card:first-child .blog-card__date {
    font-size: 14px;
  }
  .blog-card:first-child .blog-card__title {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .blog-card:first-child .blog-card__type {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .blog-card:first-child .blog-card__intro {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .blog-card:first-child .blog-card__all-link {
    font-size: 16px;
  }
}
/* #endregion blog card */
/* #region blog banner */
.blog-banner {
  background: url(img/blog-banner_back.svg) no-repeat bottom right #fff;
  padding: 44px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* height: max-content;
  min-height: 564px; */
}

.blog-banner__subtitle {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 20px;
}

.blog-banner__title {
  color: var(--text_001);
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
}

.blog-banner__title span {
  color: var(--text_002);
}

.blog-banner__bottom {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
}

.blog-banner__count {
  font-weight: 500;
  font-size: 94px;
  line-height: 98%;
  margin-bottom: 16px;
}

.blog-banner__text {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.blog-banner__link {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--text_001);
  color: #fff;
  border: 1px solid var(--text_001);
  border-radius: 40px;
  height: 72px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  text-decoration: none;
  white-space: nowrap;
}

.blog-banner__link:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

@media (max-width: 1440px) {
  .blog-banner {
    padding: 28px;
  }
  .blog-banner__subtitle {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .blog-banner__title {
    font-size: 56px;
  }
  .blog-banner__count {
    font-size: 72px;
    margin-bottom: 10px;
  }
  .blog-banner__text {
    font-size: 20px;
  }
  .blog-banner__link {
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .blog-banner {
    justify-content: flex-start;
    gap: 40px;
    background: url(img/blog-banner_back_mob.svg) no-repeat bottom right #fff;
    padding: 16px;
  }
  .blog-banner__subtitle {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .blog-banner__title {
    font-size: 32px;
  }
  .blog-banner__bottom {
    gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
  }
  .blog-banner__count {
    font-size: 40px;
    margin-bottom: 16px;
    margin-bottom: 4px;
  }
  .blog-banner__text {
    font-size: 16px;
  }
  .blog-banner__link {
    height: 44px;
    font-size: 16px;
    padding: 0 16px;
  }
}
/* #endregion blog banner */
/* #region blog article */
/* article header */
.article-header {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  margin: 0 -24px;
  margin-bottom: 20px;
}

.article-header__image-overlay::before {
  content: "";
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}

.article-header__image {
  width: 100%;
}

.article-header__grid {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 40px;
  padding-bottom: 56px;
}

.article-header__wrapper {
  grid-column-start: 2;
  z-index: 2;
  padding-right: 56px;
  max-width: 997px;
  margin-left: auto;
}

.article-header__title {
  color: #fff;
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
  margin-bottom: 32px;
}

.article-header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-header__read-time {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6V12L16 16M3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center left;
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  padding-left: 30px;
  opacity: 0.5;
}

.article-header__chapter {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
  height: 56px;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 0 30px;
}

.article-header__chapter:hover {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}

.article-mob {
  display: none;
}

@media (max-width: 1440px) {
  .article-header {
    margin: 0 -13px;
    margin-bottom: 16px;
  }
  .article-header__grid {
    padding-bottom: 44px;
  }
  .article-header__wrapper {
    padding-right: 44px;
  }
  .article-header__title {
    font-size: 72px;
    margin-bottom: 24px;
  }
  .article-header__read-time {
    font-size: 20px;
  }
  .article-header__chapter {
    height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .article-header {
    margin-bottom: 16px;
  }
  .article-header__grid {
    display: none !important;
  }
  .article-mob {
    display: block;
    margin-bottom: 32px;
  }
  .article-mob__title {
    color: var(--text_001);
    font-weight: 500;
    font-size: 40px;
    line-height: 98%;
    margin-bottom: 16px;
  }
  .article-mob__read-time {
    background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.63855V12.6385L16 16.6385M3 12.6385C3 17.6091 7.02944 21.6385 12 21.6385C16.9706 21.6385 21 17.6091 21 12.6385C21 7.66799 16.9706 3.63855 12 3.63855C7.02944 3.63855 3 7.66799 3 12.6385Z" stroke="%23A9A9A9" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center left;
    color: var(--text_003);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    padding-left: 34px;
    margin-bottom: 16px;
  }
  .article-mob__chapter {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--text_001);
    color: var(--text_001);
    border-radius: 40px;
    height: 36px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    padding: 0 16px;
  }
}
.article__info {
  position: sticky;
  top: 150px;
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top: 20px;
}

.article__wrap {
  display: none;
  flex-direction: column;
  margin-bottom: 35px;
  margin-top: 15px;
}

.article__info_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 24px;
}

.article__wrap.mobile .article__info {
  position: unset;
  width: 100%;
  max-width: none;
  margin: 0;
}

.article__wrap.mobile .article__info img {
  margin-bottom: 24px;
}

.article__wrap.mobile .article__info_link {
  margin-top: 24px;
}

.article__info img {
  border-radius: 16px;
  width: 88px;
  height: 88px;
}

.article__info_text {
  font-weight: 500;
  font-size: 28px;
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--text_002);
  margin-top: 20px;
}

.article__info_link {
  margin-top: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_001);
  display: flex;
  align-items: center;
}

.article__info_link::before {
  content: "";
  display: inline-block;
  background: url("img/clip.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

@media (max-width: 1045px) {
  .article__info {
    padding: 16px;
  }
}
/* article breadcrumb, body & sidebar */
.article__body {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 40px;
}

.author {
  margin-bottom: 40px;
}

.author__photo {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}

.author__name {
  color: var(--text_001);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}

.author__position {
  color: var(--text_003);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
}

.article__type {
  color: #000;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding-left: 20px;
  margin-bottom: 32px;
}

.article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.article__tags-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  color: var(--text_002);
  height: 56px;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  padding: 0 30px;
  text-decoration: none;
}

.article__tags-item_active {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.article__date {
  color: var(--text_003);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .author__name {
    font-size: 20px;
  }
  .author__position {
    font-size: 16px;
  }
  .article__type {
    font-size: 16px;
  }
  .article__tags-item {
    height: 44px;
    font-size: 16px;
  }
  .article__date {
    font-size: 14px;
  }
}
@media (max-width: 857px) {
  .article__body {
    grid-template-columns: 1fr;
  }
  .article__info {
    display: none;
  }
  .article__wrap.mobile {
    display: flex;
  }
  .article__wrap.mobile .article__info {
    display: block;
  }
}
@media (max-width: 768px) {
  .article__body {
    grid-template-columns: 1fr;
  }
  .author {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .author__photo {
    margin-bottom: 0;
  }
  .author__name {
    font-size: 16px;
  }
  .author__position {
    font-size: 14px;
  }
  .article__type {
    font-size: 14px;
  }
  .article__tags {
    margin-bottom: 16px;
  }
  .article__tags-item {
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
  }
  .article__date {
    font-size: 12px;
  }
}
/* article inner blocks */
.article__anonse {
  color: var(--text_001);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 64px;
}

/* article banner */
.article-banner {
  background: url('data:image/svg+xml,<svg width="296" height="239" viewBox="0 0 296 239" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M280.219 48.6866C243.561 106.375 275.19 164.89 295.998 187.347L244.895 223.663C230.098 203.956 205.987 153.827 226.92 109.911L227.423 108.876L21.0406 315.258L-18.3906 275.827L187.992 69.4444L186.956 69.9473C143.041 90.8806 92.912 66.7701 73.2049 51.9726L109.521 0.869629C131.978 21.6774 190.493 53.3069 248.181 16.6487L280.219 48.6866Z" fill="white"/></svg>') no-repeat right bottom var(--main);
  border-radius: 24px;
  padding: 28px;
  margin: 44px 0;
}

.article-banner__title {
  color: var(--text_001);
  font-weight: 500;
  font-size: 46px;
  line-height: 112%;
  margin-bottom: 20px;
}

.article-banner__subtitle {
  color: var(--text_001);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 128px;
}

.article-banner__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: var(--text_001);
  border: 1px solid var(--text_001);
  border-radius: 40px;
  color: #fff;
  height: 72px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  text-decoration: none;
}

.article-banner__link:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

/* article frameworks */
.article-frameworks {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin: 32px 0;
}

.article-frameworks__item {
  background-color: #fff;
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}

.article-frameworks__title {
  color: var(--text_002);
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  margin-bottom: 8px;
}

.article-frameworks__name {
  color: var(--text_001);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 72px;
}

.article-frameworks__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border: 1px solid var(--text_001);
  border-radius: 40px;
  color: var(--text_001);
  height: 44px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  padding: 0 20px;
  text-decoration: none;
  max-width: max-content;
  margin-top: auto;
}

.article-frameworks__link:hover {
  border: 1px solid #ffffff;
  background: #000000;
  color: #ffffff;
}

/* article all */
.article-all {
  margin: 88px 0 56px 0;
}

.article-all__title {
  margin: 0 0 20px 0 !important;
}

.article-all__item {
  display: flex;
  justify-content: space-between;
  align-items: top;
  gap: 8px;
  color: var(--text_001);
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
}

.article-all__item:after {
  content: "";
  width: 24px;
  height: 25px;
  background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6.19238L20 12.1924M20 12.1924L14 18.1924M20 12.1924H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.article-all__item_complete {
  color: var(--text_003);
}

.article-all__item_complete:after {
  content: "";
  width: 24px;
  height: 25px;
  background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 4.69238L8.59001 17.6924L3 11.6536" stroke="%23A9A9A9" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

/* article text styles */
.text {
  color: var(--text_002);
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
}

.text p {
  margin-bottom: 10px;
}

.text h2 {
  color: var(--text_001);
  font-weight: 500;
  font-size: 46px;
  line-height: 112%;
  margin: 88px 0 32px 0;
}

.text figure {
  margin: 32px 0;
}

.text img {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 16px;
}

.text figcaption {
  color: var(--text_003);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
}

.text blockquote {
  background: #fff;
  color: var(--text_001);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  text-indent: 52px;
  width: 100%;
  padding: 44px;
  border-radius: 24px;
  margin: 56px 0;
}

.text blockquote p {
  position: relative;
  border-top: 2px solid #000;
  padding: 16px 0 56px 0;
}

.text blockquote p::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="33" height="23" viewBox="0 0 33 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.57076 0.192871C11.7518 0.193006 15.1411 3.6245 15.1412 7.85353C15.1412 7.91926 15.1406 7.9849 15.139 8.05023H15.1415C15.1415 16.1121 8.85666 22.1928 1.39235 22.1929L0.388188 16.3139C1.6043 16.268 3.36589 15.9307 5.11419 15.1015C2.13884 14.0689 0 11.213 0 7.85353C5.4122e-05 3.62441 3.38964 0.192871 7.57076 0.192871Z" fill="black"/><path d="M25.4296 0.192871C29.6107 0.192931 32.9999 3.62445 33 7.85353C33 7.91926 32.9994 7.98489 32.9978 8.05023H33C32.9999 16.1121 26.7155 22.1928 19.2512 22.1929L18.247 16.3139C19.4632 16.268 21.2246 15.9307 22.973 15.1015C19.9977 14.0689 17.8588 11.213 17.8588 7.85353C17.8589 3.62441 21.2485 0.192871 25.4296 0.192871Z" fill="black"/></svg>') no-repeat center center;
  width: 33px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 30px;
}

.text blockquote span {
  color: var(--text_002);
  display: block;
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  text-align: right;
}

.text ul {
  padding: 44px 0;
}

.text li {
  position: relative;
  display: flex;
  align-items: top;
  padding-left: 36px;
  margin-bottom: 8px;
}

.text li::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="14.458" r="12" fill="%23FBE645"/><path d="M17 12.8426L16.347 9.45801C12.3846 12.1503 11.2308 14.3693 10.5295 17.5643C10.5295 17.5643 9.73323 15.2558 9.11454 14.3693L7 16.4048C7.95983 17.129 8.75982 18.0629 9.11454 19.458L11.9443 19.458C11.9443 19.458 13.9231 14.8426 17 12.8426Z" fill="black"/></svg>') no-repeat center center;
  width: 24px;
  height: 29px;
  position: absolute;
  left: 0;
  top: 4px;
}

@media (max-width: 1440px) {
  .article__anonse {
    font-size: 28px;
    margin-bottom: 48px;
  }
  /* article banner */
  .article-banner {
    margin: 44px 0;
  }
  .article-banner__title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .article-banner__subtitle {
    font-size: 20px;
    margin-bottom: 96px;
  }
  .article-banner__link {
    height: 56px;
    font-size: 20px;
  }
  /* article frameworks */
  .article-frameworks {
    margin: 24px 0;
  }
  .article-frameworks__title {
    font-size: 16px;
  }
  .article-frameworks__name {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .article-frameworks__link {
    height: 36px;
    font-size: 14px;
  }
  /* article all */
  .article-all {
    margin: 44px 0;
  }
  .article-all__title {
    margin: 0 0 16px 0 !important;
  }
  .article-all__item {
    font-size: 20px;
    padding: 16px 0;
  }
  /* article text styles */
  .text {
    font-size: 20px;
  }
  .text h2 {
    font-size: 36px;
    margin: 56px 0 24px 0;
  }
  .text figure {
    margin: 24px 0;
  }
  .text figcaption {
    font-size: 14px;
  }
  .text blockquote {
    font-size: 28px;
    padding: 28px;
    margin: 56px 0;
  }
  .text blockquote p {
    padding: 16px 0 44px 0;
  }
  .text blockquote p::before {
    top: 25px;
  }
  .text blockquote span {
    font-size: 20px;
  }
  .text ul {
    padding: 44px 0;
  }
}
@media (max-width: 768px) {
  /* article inner blocks */
  .article__anonse {
    font-size: 20px;
    margin-bottom: 24px;
  }
  /* article banner */
  .article-banner {
    background: url('data:image/svg+xml,<svg width="178" height="143" viewBox="0 0 178 143" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M168.135 28.6902C146.14 63.3031 165.117 98.4119 177.602 111.886L146.94 133.676C138.062 121.852 123.595 91.7744 136.155 65.425L136.457 64.8036L12.6275 188.633L-11.0312 164.975L112.798 41.1448L112.177 41.4466C85.8276 54.0066 55.7503 39.5403 43.9261 30.6618L65.7158 0C79.1901 12.4846 114.299 31.4624 148.912 9.46745L168.135 28.6902Z" fill="white"/></svg>') no-repeat right bottom var(--main);
    margin: 24px 0;
  }
  .article-banner__title {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .article-banner__subtitle {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .article-banner__link {
    height: 44px;
    font-size: 16px;
    padding: 0 16px;
  }
  /* article frameworks */
  .article-frameworks {
    grid-template-columns: 1fr;
    margin: 24px 0;
  }
  .article-frameworks__item {
    padding: 16px;
  }
  .article-frameworks__title {
    font-size: 14px;
  }
  .article-frameworks__name {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .article-frameworks__link {
    height: 28px;
    font-size: 12px;
    padding: 0 8px;
  }
  /* article all */
  .article-all {
    margin: 24px 0;
  }
  .article-all__title {
    margin: 0 0 16px 0 !important;
  }
  .article-all__item {
    font-size: 16px;
    padding: 8px 0;
  }
  /* article text styles */
  .text {
    font-size: 16px;
  }
  .text h2 {
    font-size: 24px;
    margin: 32px 0 16px 0;
  }
  .text figure {
    margin: 24px 0;
  }
  .text figcaption {
    font-size: 12px;
  }
  .text blockquote {
    font-size: 20px;
    padding: 16px;
  }
  .text blockquote p {
    padding: 16px 0 24px 0;
  }
  .text blockquote p::before {
    top: 20px;
  }
  .text blockquote span {
    font-size: 16px;
  }
  .text ul {
    padding: 24px 0;
  }
}
/* #endregion blog article */
@media (max-width: 1035px) {
  .blog__card.blog-card {
    display: flex;
    flex-direction: column;
  }
  /* .blog__grid {
      display: flex;
      flex-direction: column;
  } */
}
.article__main ol {
  position: relative;
  display: flex;
  align-items: top;
  padding-left: 36px;
  flex-direction: column;
  list-style: none;
  padding: 0;
  padding: 44px 0;
}

.article__main ol li {
  position: relative;
  display: flex;
  align-items: top;
  padding-left: 36px;
  margin-bottom: 8px;
}

.article__main ol li::before {
  content: "";
  background: url("img/item-list.svg") no-repeat center center;
  width: 26px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 4px;
}

.article_collouts {
  border-radius: 24px;
  padding: 44px;
  max-width: 509px;
  background-color: #fff;
  margin-bottom: 35vh;
}

/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
.support-accordion {
  width: 70%;
}

@media (max-width: 950px) {
  .support-accordion {
    width: 100%;
  }
}
.support-accordion__item {
  border-bottom: 1px solid var(--border);
}

.support-accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--text_002);
}

.support-accordion__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--text_001);
  max-width: 80%;
}

.support-accordion__head {
  position: relative;
}

.support-accordion__head svg {
  stroke: var(--text_003);
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.support-accordion__item.active .support-accordion__body {
  padding: 0 0 32px;
}

@media (max-width: 576px) {
  .support-accordion__item.active .support-accordion__body {
    padding: 0 0 16px;
  }
}
.support-accordion__head {
  cursor: pointer;
  padding: 16px 0;
}

@media (max-width: 576px) {
  .support-accordion__head {
    padding: 9px 0;
  }
}
.support-accordion__item.active .support-accordion__head::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  top: 30%;
}

.support-accordion__item.active .support-accordion__head svg {
  stroke: var(--text_001);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 30%;
}

.pillar-page {
  margin-bottom: 84px;
}

@media (max-width: 768px) {
  .pillar-page {
    padding-bottom: 68px;
  }
}
.pillar-block-container {
  max-width: 84%;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .pillar-block-container {
    max-width: 91%;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  .pillar-block-container {
    margin: 0;
  }
}
.main-pillar {
  margin-top: 16px;
  padding: 52px 16px;
  border-radius: 24px;
  background: var(--light-mode-white);
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .main-pillar {
    padding: 16px;
  }
}
.pillar-wrapper {
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .pillar-wrapper {
    max-width: none;
  }
}
.pillar-wrapper .status-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
  overflow-y: auto;
}

@media (max-width: 768px) {
  .pillar-wrapper .status-list {
    margin-bottom: 12px;
  }
}
.pillar-wrapper .status-list__item {
  border-radius: 60px;
  color: var(--light-mode-text-001);
  border: 1px solid var(--light-mode-text-001);
  padding: 9px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

@media (max-width: 576px) {
  .pillar-wrapper .status-list__item {
    font-size: 10px;
    padding: 5px 8px;
  }
}
.pillar-wrapper .status-list__item.new-status {
  background: var(--main);
  border: 1px solid var(--main);
}

.pillar-title {
  font-size: clamp(25px, 3.8888888889vw, 56px);
  font-weight: 500;
  line-height: 98%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  max-width: 60%;
  margin-bottom: 52px;
}

@media (max-width: 1100px) {
  .pillar-title {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .pillar-title {
    margin-bottom: 36px;
  }
}
.pillar-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  margin-bottom: 24px;
}

@media (max-width: 576px) {
  .pillar-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.pillar-head span {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 576px) {
  .pillar-head span {
    font-size: 14px;
  }
}
.pillar-head span::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.5V19.5H12L22.5 9L19.5 6L9 16.5Z' fill='black'/%3E%3Cpath d='M9 13.5H1.5V10.5H9V13.5Z' fill='black'/%3E%3Cpath d='M15 7.5L1.5 7.5V4.5L15 4.5V7.5Z' fill='black'/%3E%3Cpath d='M5.99952 19.5H1.50048V16.5H5.99952V19.5Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
}

.pillar-head .reading-time {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-003);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 576px) {
  .pillar-head .reading-time {
    font-size: 14px;
  }
}
.pillar-head .reading-time::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url("img/clock.svg") no-repeat center center;
}

.pillar-head .updated {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-003);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .pillar-head .updated {
    display: none;
  }
}
.pillar-autor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pillar-autor__photo {
  margin-right: 16px;
}

.pillar-autor__photo img {
  border-radius: 16px;
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 576px) {
  .pillar-autor__photo img {
    width: 44px;
    height: 44px;
  }
}
.pillar-autor__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pillar-autor__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--light-mode-text-001);
}

@media (max-width: 576px) {
  .pillar-autor__name {
    font-size: 16px;
  }
}
.pillar-autor__descr {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-003);
}

@media (max-width: 576px) {
  .pillar-autor__descr {
    font-size: 14px;
  }
}
.pillar-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
}

.pillar-block__content {
  width: 100%;
  position: relative;
}

.pillar-block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 920px) {
  .pillar-block__wrap .pillar-block-container {
    margin: 0;
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .pillar-block__wrap .pillar-block-container {
    margin: 0;
  }
}
.pillar-block-yellow {
  background: var(--main);
  border-radius: 24px;
  padding: 40px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .pillar-block-yellow {
    padding: 24px;
  }
}
.pillar-block-yellow .pillar-block-text {
  position: relative;
}

.pillar-block-yellow p {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.pillar-block-yellow p:not(:last-child) {
  margin-bottom: 15px;
}

/* ============================================================
   GRO Pillar/Solution — ПЕРЕИСПОЛЬЗУЕМЫЕ ПАТТЕРНЫ (компоненты-миксины).
   Определены один раз, применяются через @include к блокам.
   Для Solution/Routes — @include этих же миксинов на их селекторы (масштаб).
   ============================================================ */
/* — Перегрузка (block_1): нейтральная карточка (компонент gro-clean-card) */
.pillar-block-yellow:not(.pillar-paywall-block) {
  background: var(--light-mode-white);
}
.pillar-block-yellow:not(.pillar-paywall-block) .pillar-icon {
  display: none;
}
.pillar-block-yellow:not(.pillar-paywall-block) p {
  font-weight: 400;
}
.pillar-block-yellow:not(.pillar-paywall-block) .pillar-block-text {
  margin-top: 0;
}
.pillar-block-yellow:not(.pillar-paywall-block) { /* левое центрирование не трогаем */ }

.pillar-block__body {
  padding: 52px 40px 64px 40px;
  background: var(--light-mode-bg-00);
  border-radius: 0 0 24px 24px;
}

@media (max-width: 920px) {
  .pillar-block__body {
    padding: 28px 20px 20px 20px;
  }
}
@media (max-width: 576px) {
  .pillar-block__body {
    padding: 28px 16px 16px 16px;
  }
}
@media (max-width: 920px) {
  .pillar-block__body .pillar-block-container {
    max-width: none;
  }
}
.pillar-block-card {
  padding: 56px 40px 64px 40px;
  border-radius: 24px;
  background: var(--light-mode-white);
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .pillar-block-card {
    padding: 24px;
  }
}
@media (max-width: 576px) {
  .pillar-block-card {
    padding: 16px;
  }
}
@media (max-width: 576px) {
  .pillar-block-card .pillar-block-container {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .pillar-block-card.start .pillar-block-text {
    margin-bottom: 16px;
  }
}
/* — «Что делать» (block_2, .start): off-white карточка + eyebrow + полоса + нумерованные шаги (компоненты) */
.pillar-block-card.start {
  background: var(--bg-00);
}
.pillar-block-card.start .pillar-icon {
  display: none;
}

.pillar-block-card.start:has(.pillar-block-text) h2::before {
  content: "QUICKSTART · 5 МИНУТ";
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--text_003);
  margin-bottom: 10px;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-container {
  border-left: 4px solid var(--main);
  padding-left: 28px;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-text {
  border-left: none;
  padding-left: 0;
  max-width: 100%;
  margin-top: 0;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-text ul:not([class]) {
  list-style: none;
  padding-left: 0;
  margin: 0;
  counter-reset: gostep;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-text ul:not([class]) li {
  counter-increment: gostep;
  position: relative;
  padding-left: 44px;
  margin-bottom: 20px;
  color: var(--text_002);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 150%;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-text ul:not([class]) li::before {
  content: counter(gostep, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 2px;
  width: auto;
  height: auto;
  background: none;
  color: var(--main);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.pillar-block-card.start:has(.pillar-block-text) .pillar-block-text ul:not([class]) li strong {
  display: block;
  color: var(--text_001);
  font-weight: 600;
  margin-bottom: 4px;
}

/* — «Признание боли» (block_3, .gray): белая карточка + тире + лид + буллеты + жирный финал (компоненты) */
.pillar-block-card.gray .pillar-icon {
  display: none;
}
.pillar-block-card.gray h2::before {
  content: "— ";
  color: var(--text_003);
  font-weight: 400;
}
.pillar-block-card.gray .pillar-block-text {
  margin-left: 0;
}
.pillar-block-card.gray .pillar-block-text p {
  font-weight: 400;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.5;
  color: var(--text_001);
}
.pillar-block-card.gray .pillar-block-descr ul:not([class]) {
  list-style: none;
  padding-left: 0;
  margin: 0 0 8px;
}
.pillar-block-card.gray .pillar-block-descr ul:not([class]) li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 20px;
  color: var(--text_002);
  line-height: 1.5;
}
.pillar-block-card.gray .pillar-block-descr ul:not([class]) li::before {
  content: "•";
  position: absolute;
  left: 4px;
  top: 0;
  width: auto;
  height: auto;
  background: none;
  color: var(--text_001);
}
.pillar-block-card.gray .pillar-block-descr ul:not([class]) li strong {
  display: block;
  color: var(--text_001);
  font-weight: 600;
  margin-bottom: 4px;
}

.pillar-block-card.gray:not(.pay-block) {
  background: #fff;
}

/* финал — жирная строка ПОСЛЕ списка (не трогает абзацы block_5) */
.pillar-block-card.gray:not(.pay-block) .pillar-block-descr > ul:not([class]) ~ p,
.pillar-block-card.gray:not(.pay-block) .pillar-block-descr > ul:not([class]) ~ p strong {
  color: var(--text_001);
  margin-top: 4px;
  font-weight: 700;
}

/* — block_5 (.gray.pay-block): белый фон + мед-дисклеймер (компонент gro-med-alert) */
.pillar-block-card.gray.pay-block {
  background: #fff;
}
.pillar-block-card.gray.pay-block .pillar-block-descr > p:last-child {
  background: var(--soft-green);
  border-radius: var(--radius-soft);
  padding: 20px 24px 20px 56px;
  margin-top: 24px;
  position: relative;
  font-weight: 400;
  color: var(--text_002);
  line-height: 1.5;
}
.pillar-block-card.gray.pay-block .pillar-block-descr > p:last-child strong {
  color: var(--text_001);
  font-weight: 700;
}
.pillar-block-card.gray.pay-block .pillar-block-descr > p:last-child::before {
  content: "⚠️";
  position: absolute;
  left: 22px;
  top: 18px;
  font-size: 18px;
  line-height: 1;
}

.pillar-block-card h2 {
  font-weight: 500;
  font-size: clamp(24px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 36px;
  position: relative;
}

.pillar-block-card h3 {
  font-weight: 500;
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  text-align: center;
  color: var(--light-mode-text-001);
}

.pillar-block-card h4 {
  font-weight: 500;
  font-size: clamp(20px, 2.2222222222vw, 32px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
}

.pillar-block-card h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 28px;
  position: relative;
  margin-left: 30px;
}

.pillar-block-card h6::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.pillar-block-card .pillar-block-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--main);
  position: absolute;
  right: 0;
  top: 0;
}

.pillar-block-card .pillar-block-icon::before {
  content: "";
  display: inline-block;
  background: url("img/key.svg") no-repeat center center;
  width: 40px;
  height: 40px;
}

@media (max-width: 768px) {
  .pillar-block-card .pillar-block-icon {
    position: unset;
    margin-bottom: 36px;
  }
}
.pillar-block-card .pillar-block-text {
  position: relative;
  border-left: 4px solid var(--main);
  padding-left: 30px;
  max-width: 69%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .pillar-block-card .pillar-block-text {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .pillar-block-card .pillar-block-text {
    padding-left: 20px;
  }
}
.pillar-block-card .pillar-block-text p {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.pillar-block-card .pillar-block-text p:not(:last-child) {
  margin-bottom: 10px;
}

.pillar-block-card .pillar-block-text p a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.pillar-block-card .pillar-block-text p a:hover {
  text-decoration: none;
}

.pillar-block-card .pillar-block-text_title {
  font-weight: 500;
  font-size: clamp(18px, 1.6666666667vw, 24px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

.pillar-block-card .pillar-block-text b {
  font-weight: 700;
}

.pillar-block-link {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-top: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pillar-block-link::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33073 4L13.3307 8M13.3307 8L9.33073 12M13.3307 8H2.66406' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 8px;
}

.pillar-block .btn-aside {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--text_001);
  border-radius: 50%;
  position: fixed;
  bottom: 16px;
  right: 8px;
  z-index: 3;
}

@media (max-width: 768px) {
  .pillar-block .btn-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.pillar-block .btn-aside::before {
  content: "";
  display: block;
  background: url("img/burger_2.svg") no-repeat center center/cover;
  width: 24px;
  height: 24px;
}

.pillar-block .pillar-aside {
  margin-top: 52px;
  margin-bottom: 12px;
  margin-left: auto;
  max-width: 260px;
  position: sticky;
  top: 147px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

@media (max-width: 768px) {
  .pillar-block .pillar-aside {
    display: none;
    max-width: 99%;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 8px;
    left: 0;
    top: auto;
    border-radius: 30px;
    padding: 24px 24px 60px 24px;
    z-index: 20;
    height: 98%;
    overflow-y: auto;
  }
}
.pillar-block .pillar-aside.act {
  display: block;
}

.pillar-block .pillar-aside__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-003);
}

@media (max-width: 768px) {
  .pillar-block .pillar-aside__title {
    font-size: 20px;
  }
}
.pillar-block .pillar-aside__list {
  margin-top: 24px;
  padding-left: 24px;
  position: relative;
}

.pillar-block .pillar-aside__list::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  border-left: 1px solid var(--light-mode-border);
  position: absolute;
  left: -24px;
}

.pillar-block .pillar-aside__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.pillar-block .pillar-aside__item {
  padding: 8px 0;
}

@media (max-width: 768px) {
  .pillar-block .pillar-aside__item {
    padding: 16px 0;
  }
}
.pillar-block .pillar-aside__item a {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--light-mode-text-002);
}

@media (max-width: 768px) {
  .pillar-block .pillar-aside__item a {
    font-size: 14px;
  }
}
.pillar-block .pillar-aside__item a:hover {
  font-weight: 500;
  color: var(--light-mode-text-001);
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.pillar-block .pillar-aside__item a:hover::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  border-left: 1px solid var(--light-mode-text-002);
  position: absolute;
  left: -24px;
  top: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.pillar-block .pillar-aside__item.act {
  position: relative;
}

.pillar-block .pillar-aside__item.act a {
  font-weight: 500;
  color: var(--light-mode-text-001);
}

.pillar-block .pillar-aside__item.act::before {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  position: absolute;
  left: -24px;
  top: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-left: 1px solid var(--light-mode-text-001);
}

.pillar-block__hide {
  width: 32px;
  height: 32px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 7px;
  top: 9px;
}

@media (max-width: 768px) {
  .pillar-block__hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.pillar-block__hide::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("img/burger-close.svg") no-repeat center center/cover;
}

.pillar-icon::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
}

@media (max-width: 768px) {
  .pillar-icon::before {
    width: 24px;
    height: 24px;
  }
}
.pillar-icon.star {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .pillar-icon.star {
    margin-right: 16px;
    margin-left: 0;
  }
}
.pillar-icon.star::before {
  background: url("img/star.svg") no-repeat center center/cover;
}

.pillar-icon.lightning {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .pillar-icon.lightning {
    margin-right: 16px;
    margin-left: 0;
  }
}
.pillar-icon.lightning::before {
  background: url("img/lightning.svg") no-repeat center center/cover;
}

.pillar-icon.acknowledging-icon {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .pillar-icon.acknowledging-icon {
    margin-right: 16px;
    margin-left: 0;
  }
}
.pillar-icon.acknowledging-icon::before {
  background: url("img/acknowledging-icon.svg") no-repeat center center/cover;
}

.pillar-icon.important-icon {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .pillar-icon.important-icon {
    margin-right: 16px;
    margin-left: 0;
  }
}
.pillar-icon.important-icon::before {
  background: url("img/important-icon.svg") no-repeat center center/cover;
}

.pillar-icon.settings-icon {
  margin-right: 20px;
  margin-left: -40px;
}

@media (max-width: 768px) {
  .pillar-icon.settings-icon {
    margin-right: 16px;
    margin-left: 0;
  }
}
.pillar-icon.settings-icon::before {
  background: url("img/settings-icon.svg") no-repeat center center/cover;
}

.pillar-block-descr {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-left: 20px;
}

@media (max-width: 768px) {
  .pillar-block-descr {
    margin-left: 0;
    margin-bottom: 4px;
  }
}
.pillar-block-descr p:not(:last-child) {
  margin-bottom: 10px;
}

.pillar-block-list {
  margin-top: 24px;
  margin-bottom: 36px;
}

.pillar-block-list__item {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px;
}

.pillar-block-list__item:not(:last-child) {
  margin-bottom: 4px;
}

.list-text {
  counter-reset: list-counter;
}

.list-text__item {
  counter-increment: list-counter;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--light-mode-bg-00);
  padding: 27px;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .list-text__item {
    padding: 16px;
  }
}
.list-text__item::after {
  content: counter(list-counter) ".";
  font-weight: 500;
  font-size: clamp(30px, 4.1666666667vw, 60px);
  line-height: 68%;
  text-align: right;
  color: var(--light-mode-bg-02);
  margin-left: 10px;
}

.list-text__item:not(:last-child) {
  margin-bottom: 4px;
}

.list-text__item span {
  display: inline-block;
  background: url("img/check-iocn.svg") no-repeat center center/cover;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 365px) {
  .list-text__item span {
    display: none;
  }
}
.list-text__item p a {
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--light-mode-text-001);
}

.list-text__item p a:hover {
  text-decoration: none;
}

.list-text__item p:not(:last-child) {
  margin-bottom: 4px;
}

.list-text__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list-text__wrap p {
  max-width: 90%;
}

.pillar-block-card.gray {
  background: var(--light-mode-bg-00);
}

.pillar-block-card.gray .pillar-block-text {
  padding: 0;
  border: none;
  margin-left: 20px;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .pillar-block-card.gray .pillar-block-text {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .pillar-block-card.gray h2 {
    margin-bottom: 28px;
  }
}
@media (max-width: 920px) {
  .pillar-block-card.solution-map {
    padding: 20px;
  }
  .pillar-block-card.solution-map .pillar-block-container {
    max-width: 100%;
  }
}
.solutions-yellow {
  background: var(--main);
  border-radius: 16px;
  padding: 54px 30px;
  margin-bottom: 36px;
}

@media (max-width: 900px) {
  .solutions-yellow {
    padding: 54px 16px;
  }
}
@media (max-width: 768px) {
  .solutions-yellow {
    padding: 24px 20px;
  }
}
.solutions-yellow__title {
  font-weight: 400;
  font-size: clamp(8px, 1.3888888889vw, 20px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-001);
  margin-bottom: 22px;
}

@media (max-width: 768px) {
  .solutions-yellow__title {
    margin-bottom: 9px;
  }
}
.solutions-yellow__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  row-gap: 13px;
  -webkit-column-gap: 42px;
  -moz-column-gap: 42px;
  column-gap: 42px;
  overflow-y: auto;
}

@media (max-width: 900px) {
  .solutions-yellow__list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 768px) {
  .solutions-yellow__list {
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
  }
}
.solutions-yellow__list li {
  background: var(--light-mode-white);
  border-radius: 50px;
  padding: 0.7% 2%;
  font-weight: 500;
  font-size: clamp(8px, 1.3194444444vw, 19px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-001);
  position: relative;
}

@media (max-width: 768px) {
  .solutions-yellow__list li {
    padding: 3px 7px;
  }
}
.solutions-yellow__list li:not(:last-child)::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 8.51777L18 8.51787M18 8.51787L10.3689 0.517774M18 8.51787L10.3689 16.5178' stroke='black' stroke-width='1.5'/></svg>");
  width: 19px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -30px;
  background-size: cover;
}

@media (max-width: 900px) {
  .solutions-yellow__list li:not(:last-child)::before {
    width: 8px;
    height: 8px;
    right: -14px;
  }
}
.map-list {
  margin-top: 36px;
  display: block;
  counter-reset: list-counter;
}

.map-list__item a {
  border: 1px solid var(--light-mode-bg-00);
  border-radius: 24px;
  background: var(--light-mode-bg-00);
  padding: 25px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.map-list__item a:hover {
  background: var(--light-mode-white);
  border: 1px solid var(--light-mode-text-001);
}

.map-list__item a:hover .map-list__arrow {
  border: 1px solid var(--light-mode-text-001);
}

@media (max-width: 768px) {
  .map-list__item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
  }
}
.map-list__item:not(:last-child) {
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .map-list__item {
    display: none;
  }
  .map-list__item:nth-child(-n+3) {
    display: block;
  }
}
.map-list__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  counter-increment: list-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.map-list__title::before {
  content: counter(list-counter) ".";
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-right: 25px;
}

@media (max-width: 768px) {
  .map-list__title::before {
    margin-right: 19px;
  }
}
.map-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}

.map-list__wrap::before {
  content: "";
  display: inline-block;
  margin-left: 6%;
}

@media (max-width: 768px) {
  .map-list__wrap::before {
    margin-left: 19px;
  }
}
.map-list__content {
  width: 60%;
}

@media (max-width: 768px) {
  .map-list__content {
    width: 100%;
  }
}
.map-list__status {
  font-weight: 500;
  font-size: clamp(10px, 0.8333333333vw, 12px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  padding: 3px 8px;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .map-list__status {
    display: none;
  }
}
.map-list__status.green {
  background: var(--green);
}

.map-list__status.blue {
  background: var(--blue);
}

.map-list__status.pink {
  background: var(--pink);
}

.map-list__status.yellow {
  background: var(--main);
}

.map-list__status-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3px;
  width: 40%;
}

.map-list__status-mob .map-list__status {
  display: none;
}

@media (max-width: 768px) {
  .map-list__status-mob {
    width: unset;
    margin-left: 32px;
  }
  .map-list__status-mob .map-list__status {
    display: inline-block;
  }
}
.map-list__text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.map-list__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  padding-left: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.map-list__time {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.map-list__arrow {
  width: 36px;
  height: 36px;
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .map-list__arrow {
    width: 28px;
    height: 28px;
  }
}
.map-list__arrow::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33073 4L13.3307 8M13.3307 8L9.33073 12M13.3307 8H2.66406' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.map-list__toggle {
  display: none;
  margin: 0 auto;
  margin-top: 14px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--light-mode-text-001);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .map-list__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.map-list__toggle::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background: url("img/arrow.svg") no-repeat center center/cover;
}

.map-list__toggle.act::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .map-list--expanded .map-list__item {
    display: block;
  }
}
.solutions-base {
  position: relative;
  padding: 0;
}

.solutions-base h2 {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .solutions-base h2 {
    margin-left: 30px;
  }
}
.solutions-base h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--text_001);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.solutions-base .pillar-block__wrap {
  background: var(--main);
  width: 100%;
  padding: 56px 40px 52px 40px;
  border-radius: 24px 24px 0 0;
}

@media (max-width: 920px) {
  .solutions-base .pillar-block__wrap {
    padding: 37px 20px;
  }
}
@media (max-width: 576px) {
  .solutions-base .pillar-block__wrap {
    padding: 37px 16px;
  }
}
.solutions-base .pillar-block-descr {
  margin-left: 0;
  max-width: 72%;
}

@media (max-width: 768px) {
  .solutions-base .pillar-block-descr {
    max-width: none;
  }
}
.solutions-base .pillar-solutions__list {
  margin: 24px 0;
  counter-reset: list-counter;
}

.solutions-base .pillar-solutions__item {
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 28px 28px 36px 28px;
  counter-increment: list-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.solutions-base .pillar-solutions__item:not(:last-child) {
  margin-bottom: 4px;
}

.solutions-base .pillar-solutions__item::after {
  content: counter(list-counter) ".";
  font-weight: 500;
  font-size: clamp(30px, 4.1666666667vw, 60px);
  line-height: 68%;
  text-align: right;
  color: var(--light-mode-bg-02);
  margin-left: auto;
}

@media (max-width: 768px) {
  .solutions-base .pillar-solutions__item {
    padding: 22px 18px 18px 18px;
  }
}
.solutions-base .pillar-solutions__title {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
}

.solutions-base .pillar-solutions__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-right: 10px;
}

.solutions-base .pillar-solutions__icon {
  margin-right: 16px;
  width: 40px;
  height: 40px;
}

.solutions-base .pillar-solutions__icon::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
}

@media (max-width: 768px) {
  .solutions-base .pillar-solutions__icon::before {
    width: 24px;
    height: 24px;
  }
}
.solutions-base .pillar-solutions__icon.charge-icon::before {
  background: url("img/battery.svg") no-repeat center center/cover;
}

.solutions-base .pillar-solutions__icon.brain-icon::before {
  background: url("img/brain.svg") no-repeat center center/cover;
}

.solutions-base .pillar-solutions__icon.list-icon::before {
  background: url("img/list.svg") no-repeat center center/cover;
}

.solutions-base .pillar-solutions__desct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.solutions-base .pillar-solutions__desct:not(:last-child) {
  margin-bottom: 14px;
}

.solutions-base .pillar-solutions__desct span {
  display: inline-block;
  background: url("img/check-iocn.svg") no-repeat center center/cover;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.solutions-base .pillar-solutions__wrapper {
  margin-left: 56px;
}

@media (max-width: 576px) {
  .solutions-base .pillar-solutions__wrapper {
    margin-left: 0;
  }
}
.solutions-base .pillar-solutions__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 83%;
}

.solutions-base .pillar-solutions__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.solutions-base .pillar-block-text {
  margin-top: 36px;
  max-width: none;
}

@media (max-width: 768px) {
  .solutions-base .pillar-block-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.solutions-base .pillar-block-text p {
  max-width: 73%;
}

@media (max-width: 768px) {
  .solutions-base .pillar-block-text p {
    max-width: none;
  }
}
@media (max-width: 920px) {
  .gro-lab {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 920px) {
  .gro-lab .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.gro-lab h2 {
  margin-bottom: 0;
}

@media (max-width: 920px) {
  .gro-lab h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .gro-lab h2 {
    margin-left: 30px;
  }
}
.gro-lab h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.gro-lab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-top: 24px;
  margin-bottom: 12px;
}

.gro-lab__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media (max-width: 1100px) {
  .gro-lab__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.gro-lab__wrap {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px;
  width: 100%;
}

@media (max-width: 768px) {
  .gro-lab__wrap {
    padding: 16px;
  }
}
.gro-lab__wrap span {
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  border-radius: 100px;
  padding: 4px 8px;
  display: inline-block;
}

.gro-lab__wrap span.pink {
  background: var(--pink);
}

.gro-lab__wrap span.blue {
  background: var(--blue);
}

.gro-lab__wrap span.green {
  background: var(--green);
}

.gro-lab__wrap span.white {
  background: var(--light-mode-white);
}

.gro-lab__title {
  font-weight: 500;
  font-size: clamp(18px, 1.6666666667vw, 24px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin: 12px 0;
}

.gro-lab__status {
  font-weight: 500;
  font-size: clamp(24px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  text-align: right;
  color: var(--light-mode-text-002);
  display: inline-block;
}

.gro-lab__text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-top: 14px;
  max-width: 76%;
}

@media (max-width: 1320px) {
  .gro-lab__text {
    max-width: none;
  }
}
.gro-lab .pillar-block-text {
  max-width: none;
}

.gro-docket {
  margin-top: 24px;
}

.gro-docket__title {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-bottom: 20px;
}

.gro-docket__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gro-docket__list li span {
  display: inline-block;
  background: url("img/check-iocn.svg") no-repeat center center/cover;
  margin-right: 18px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .gro-docket__list li span {
    margin-right: 8px;
  }
}
.gro-docket__list li:not(:last-child) {
  margin-bottom: 14px;
}

.gro-docket__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 83%;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

@media (max-width: 1320px) {
  .gro-docket__text {
    max-width: none;
  }
}
@media (max-width: 920px) {
  .gro-questions {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 920px) {
  .gro-questions .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.gro-questions h2 {
  margin-bottom: 0;
}

@media (max-width: 920px) {
  .gro-questions h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .gro-questions h2 {
    margin-left: 30px;
  }
}
.gro-questions h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.gro-questions .support-accordion {
  width: 100%;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .gro-questions .support-accordion {
    margin-top: 10px;
  }
}
@media (max-width: 920px) {
  .gro-implementation {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 920px) {
  .gro-implementation .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.gro-implementation h2 {
  margin-bottom: 24px;
}

@media (max-width: 920px) {
  .gro-implementation h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .gro-implementation h2 {
    margin-left: 30px;
  }
}
.gro-implementation h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.gro-implementation .pillar-block-descr {
  margin-left: 0;
}

.gro-implementation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-top: 24px;
  margin-bottom: 12px;
  counter-reset: list-counter;
}

.gro-implementation__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media (max-width: 1100px) {
  .gro-implementation__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.gro-implementation__wrap {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px;
  width: 100%;
  counter-increment: list-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gro-implementation__wrap::after {
  content: counter(list-counter) ".";
  font-weight: 500;
  font-size: clamp(30px, 4.1666666667vw, 60px);
  line-height: 68%;
  text-align: right;
  color: var(--light-mode-bg-02);
  margin-left: auto;
}

@media (max-width: 768px) {
  .gro-implementation__wrap {
    padding: 16px;
  }
}
.gro-implementation__block {
  margin-right: 10px;
}

.gro-implementation__title {
  font-weight: 500;
  font-size: clamp(20px, 2.2222222222vw, 32px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
}

.gro-implementation .gro-tips {
  margin-top: 32px;
}

@media (max-width: 920px) {
  .gro-route {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 920px) {
  .gro-route .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.gro-route h2 {
  margin-bottom: 24px;
}

@media (max-width: 920px) {
  .gro-route h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .gro-route h2 {
    margin-left: 30px;
  }
}
.gro-route h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

@media (max-width: 920px) {
  .progress-metrics {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 768px) {
  .progress-metrics {
    padding: 44px 16px 40px 16px;
  }
}
.progress-metrics h2 {
  margin-bottom: 24px;
}

@media (max-width: 920px) {
  .progress-metrics h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .progress-metrics h2 {
    margin-left: 30px;
  }
}
.progress-metrics h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

@media (max-width: 920px) {
  .progress-metrics .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.progress-metrics .metrics-block {
  list-style: none;
  counter-reset: item;
}

.progress-metrics .metrics-block__card {
  counter-increment: item;
  position: relative;
  padding-left: 2.1em;
}

.progress-metrics .metrics-block__card::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0;
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.progress-metrics .metrics-block__card:not(:last-child) {
  margin-bottom: 24px;
}

.progress-metrics .metrics-block__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-bottom: 16px;
}

.progress-metrics .metrics-poster {
  background: var(--light-mode-bg-00);
  border-radius: 16px;
  padding: 16px;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  gap: 5%;
}

@media (max-width: 920px) {
  .progress-metrics .metrics-poster {
    margin-left: -2.1em;
  }
}
.progress-metrics .metrics-counter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.progress-metrics .metrics-counter span {
  font-weight: 400;
  font-size: clamp(29px, 4.2361111111vw, 61px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-001);
}

.progress-metrics .metrics-counter__arr {
  background: url("img/counter-arr.svg") no-repeat center center;
  background-size: contain;
  width: 100%;
  max-width: 200px;
  height: 16px;
  margin: 0 20px;
}

.progress-metrics .metrics-counter__emoji {
  width: 100%;
  min-width: 61px;
  max-width: 61px;
  margin-bottom: 10px;
}

@media (max-width: 1080px) {
  .progress-metrics .metrics-counter__emoji {
    max-width: 50px;
    min-width: unset;
    width: auto;
  }
}
@media (max-width: 576px) {
  .progress-metrics .metrics-counter__emoji {
    max-width: 40px;
  }
}
.progress-metrics .progress-surveillance {
  background: var(--main);
  padding: 28px;
  border-radius: 24px;
  margin-top: 28px;
}

@media (max-width: 768px) {
  .progress-metrics .progress-surveillance {
    padding: 16px;
  }
}
.progress-metrics .progress-surveillance h3 {
  font-weight: 500;
  font-size: clamp(20px, 2.2222222222vw, 32px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 16px;
  text-align: left;
}

.progress-metrics .progress-surveillance-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 56px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 768px) {
  .progress-metrics .progress-surveillance-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 40px;
  }
}
.progress-metrics .progress-surveillance__btn {
  font-size: clamp(14px, 1.1111111111vw, 16px);
  padding: 11px 30px;
}

@media (max-width: 768px) {
  .progress-metrics .progress-surveillance__btn {
    padding: 5px 15px;
  }
}
.progress-metrics .progress-surveillance__btn::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.progress-metrics .progress-surveillance__btn:hover::after {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.progress-metrics .progress-surveillance .pillar-block-descr {
  margin-left: 0;
}

.progress-metrics .pillar-block-link {
  margin-bottom: 36px;
}

.progress-metrics .metrics-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 40%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1350px) {
  .progress-metrics .metrics-box {
    max-width: 70%;
  }
}
.progress-metrics .metrics-counter__text {
  font-weight: 400;
  font-size: clamp(7px, 1.1111111111vw, 16px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-002);
}

@media (max-width: 920px) {
  .progress-metrics .metrics-list {
    margin-left: -2.1em;
  }
}
.progress-metrics .metrics-list__item {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  position: relative;
  padding-left: 30px;
}

.progress-metrics .metrics-list__item:not(:last-child) {
  margin-bottom: 16px;
}

.progress-metrics .metrics-list__item::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: 0;
  top: 50%;
}

.gro-mistakes {
  background: var(--light-mode-bg-00);
}

@media (max-width: 920px) {
  .gro-mistakes {
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 768px) {
  .gro-mistakes {
    padding: 44px 16px 40px 16px;
  }
}
@media (max-width: 920px) {
  .gro-mistakes .pillar-block-container {
    margin: 0;
    max-width: none;
  }
}
.gro-mistakes h2 {
  margin-bottom: 36px;
}

@media (max-width: 920px) {
  .gro-mistakes h2 {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .gro-mistakes h2 {
    margin-left: 30px;
  }
}
.gro-mistakes h2::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: -30px;
  top: 50%;
}

.gro-mistakes__list {
  margin-bottom: 36px;
}

.gro-mistakes__item {
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gro-mistakes__item:not(:last-child) {
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .gro-mistakes__item {
    padding: 16px;
  }
}
.gro-mistakes__title {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 12px;
}

.gro-mistakes .pillar-block-descr {
  margin-left: 0;
}

.gro-mistakes__icon {
  margin-right: 16px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

@media (max-width: 768px) {
  .gro-mistakes__icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.gro-mistakes__icon::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("img/error.svg") no-repeat center center/cover;
}

@media (max-width: 768px) {
  .gro-mistakes__icon::before {
    width: 24px;
    height: 24px;
  }
}
.gro-final.pillar-block-card {
  padding: 40px;
}

@media (max-width: 768px) {
  .gro-final.pillar-block-card {
    padding: 89px 16px;
  }
}
.gro-final h3 {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .gro-final h3 {
    margin-bottom: 24px;
  }
}
.gro-final__btn {
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  padding: 17px 39px;
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
}

.gro-final__btn::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url("img/checked_2.svg") no-repeat center center;
}

@media (max-width: 768px) {
  .gro-final__btn::before {
    margin-right: 8px;
  }
}
.gro-final__btn:hover {
  border: 1px solid var(--light-mode-text-001);
}

@media (max-width: 768px) {
  .gro-final__btn {
    padding: 9px 16px;
  }
}
.gro-start-practic {
  background: var(--main);
  padding: 28px;
}

@media (max-width: 768px) {
  .gro-start-practic {
    padding: 16px;
  }
}
.gro-start-practic h3 {
  text-align: left;
  margin-bottom: 16px;
  max-width: 56%;
}

@media (max-width: 768px) {
  .gro-start-practic h3 {
    max-width: none;
  }
}
.gro-start-practic .pillar-block-container {
  max-width: none;
}

.gro-start-practic .pillar-block-descr {
  margin-left: 0;
  font-size: clamp(16px, 1.8055555556vw, 26px);
}

.gro-start-practic__btn {
  font-size: clamp(16px, 1.3888888889vw, 20px);
  padding: 13px 39px;
  margin-left: auto;
  margin-top: 56px;
}

@media (max-width: 768px) {
  .gro-start-practic__btn {
    padding: 9px 15px;
  }
}
.gro-start-practic__btn::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

@media (max-width: 768px) {
  .gro-start-practic__btn::after {
    margin-left: 8px;
  }
}
.gro-start-practic__btn:hover::after {
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 6L20 12M20 12L14 18M20 12H4" stroke="black" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

/* ============================================================
   Fix 2026-05-20: Lock divider в TOC (Pillar)
   Bug: SVG icon рендерился 231×257px (no CSS sizing) после disable
   gro-pillar enqueue. Эти rules не были замигрированы в SCSS.
   Source: V1 css/pillar.css lines 1450+
   ============================================================ */
.pillar-block .pillar-aside__divider {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 8px 0;
  list-style: none;
  margin-left: -24px;
}

.pillar-block .pillar-aside__divider-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pillar-block .pillar-aside__divider-icon svg {
  width: 14px;
  height: 16px;
  display: block;
}

.pillar-block .pillar-aside__divider-line {
  flex: 1;
  height: 1px;
  background-image: linear-gradient(to right, var(--light-mode-border, #c4c2bc) 50%, transparent 50%);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

.pillar-block .pillar-aside__item--locked a {
  color: var(--light-mode-text-003, #aaa8a8);
  font-weight: 400;
  transition: color 0.2s ease;
}

.pillar-block .pillar-aside__item--locked a:hover {
  color: var(--light-mode-text-002, #525252);
}

.pillar-block .pillar-aside__item--locked.act a {
  color: var(--light-mode-text-003, #aaa8a8);
  font-weight: 500;
}

.pillar-block .pillar-aside__item--locked a:hover:before {
  border-left: 1px solid var(--light-mode-text-003, #aaa8a8);
}

/* ============================================================
   Fix 2026-05-20 (Bugs 5+7+4): Paywall button + h2 overlap + Karta spacing
   ============================================================ */
/* Bug 5: Paywall CTA «Открыть полную систему» — V1 black pill button.
   .dark_btn__link отсутствовал в migrated SCSS. Source: audit/v2-current-style.css */
.dark_btn__link {
  background-color: var(--text_001);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  gap: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  padding: 0 32px;
  text-decoration: none;
  border-radius: 40px;
  white-space: nowrap;
  transition: all 0.2s;
  cursor: pointer;
  border: 1px solid var(--text_001);
}
.dark_btn__link:hover {
  background-color: #fff;
  color: var(--text_001);
}
.dark_btn__link svg path {
  stroke: #fff;
}
.dark_btn__link:hover svg path {
  stroke: var(--text_001);
}

/* Bug 5b: inline link inside paywall disclaimer */
.dark__link_inline {
  color: var(--text_001);
  text-decoration: underline;
}
.dark__link_inline:hover {
  color: var(--text_002);
}

/* Bug 7: pillar-primary-title (второй подзаголовок) overlap с pillar-autor */
.pillar-primary-title {
  margin-top: 24px;
  margin-bottom: 32px;
  color: var(--text_002, #555);
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
}
@media (max-width: 768px) {
  .pillar-primary-title {
    margin: 16px 0 24px;
  }
}

/* Bug 4: standardize spacing for Karta решений + pillar blocks */
.pillar-block-yellow {
  margin-bottom: 56px;
}
@media (max-width: 768px) {
  .pillar-block-yellow {
    margin-bottom: 32px;
  }
}

/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
.solution-page {
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .solution-page {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .solution-page .pillar-block {
    gap: 0;
  }
}
.solution-page .pillar-block-card {
  padding: 64px 40px 64px 40px;
}

.solution-page .pillar-block-card h2 {
  font-weight: 500;
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .solution-page .pillar-block-card h2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .solution-page .pillar-block-card {
    padding: 40px 16px;
  }
}
.solution-page .pillar-block-card h3 {
  font-weight: 500;
  font-size: clamp(20px, 2.2222222222vw, 32px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  text-align: left;
  margin-bottom: 24px;
}

.solution-page .pillar-block-card h4 {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 12px;
}

.solution-page .metrics-list__item {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  position: relative;
  padding-left: 30px;
}

.solution-page .metrics-list__item:not(:last-child) {
  margin-bottom: 16px;
}

.solution-page .metrics-list__item::before {
  content: "";
  display: inline-block;
  border: 1px solid var(--border-02);
  width: 18px;
  position: absolute;
  left: 0;
  top: 50%;
}

.solution-page .pillar-block-text {
  margin-top: 32px;
}

@media (max-width: 768px) {
  .solution-page .pillar-block-text {
    margin-top: 24px;
  }
}
.solution-page .pillar-block-text p {
  padding: 12px 0;
}

.solution-page .pillar-block__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.solution-page .pillar-solutions__wrapper {
  margin-top: 20px;
  margin-bottom: 24px;
}

.solution-page .pillar-autor__name {
  color: var(--light-mode-text-002);
}

.solution-page .pillar-autor__descr {
  color: var(--light-mode-text-002);
}

.solution {
  padding: 40px 16px;
  border-radius: 24px;
  margin-bottom: 6px;
}

@media (max-width: 768px) {
  .solution {
    padding: 48px 8px 32px;
  }
}
.solution-wrapper {
  max-width: 87%;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .solution-wrapper {
    max-width: none;
  }
}
.solution-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

@media (max-width: 768px) {
  .solution-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
}
.solution-wrap .reading-time {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.solution-wrap .reading-time::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url("img/clock.svg") no-repeat center center;
}

.solution-wrap .reading-date {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.solution-wrap .reading-date::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url("img/date.svg") no-repeat center center;
}

.solution .status-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .solution .status-list {
    margin-bottom: 16px;
  }
}
.solution .status-list__item {
  border: 1px solid var(--light-mode-text-001);
  border-radius: 60px;
  padding: 8px 20px;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

@media (max-width: 768px) {
  .solution .status-list__item {
    padding: 5px 8px;
  }
}
.solution .article-topic {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .solution .article-topic {
    margin-bottom: 16px;
  }
}
.solution .article-topic span {
  color: var(--light-mode-text-001);
}

.solution .pillar-title {
  max-width: 69%;
  font-size: clamp(28px, 3.8888888889vw, 56px);
  margin-bottom: 24px;
}

@media (max-width: 1100px) {
  .solution .pillar-title {
    max-width: none;
  }
}
.actions-card {
  background: var(--main);
  border-radius: 24px;
  padding: 28px;
  margin-top: 36px;
  width: 100%;
}

@media (max-width: 768px) {
  .actions-card {
    padding: 16px;
  }
}
.actions-card__item {
  position: relative;
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 36px;
  margin-bottom: 16px;
}

.actions-card__item::before {
  content: "";
  background: url("img/item-list.svg") no-repeat center center;
  width: 26px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 0;
}

.failure-mechanics {
  margin-top: 52px;
}

.failure-mechanics .support-accordion {
  width: 100%;
}

.failure-mechanics__text {
  margin-top: 24px;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.failure-mechanics__text p:not(:last-child) {
  margin-bottom: 10px;
}

.failure-mechanics__text p a {
  font-weight: 700;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--light-mode-text-001);
}

.failure-mechanics__text p a:hover {
  text-decoration: none;
}

.failure-list {
  margin-top: 32px;
  list-style: decimal;
  padding-left: 20px;
}

.failure-list li {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  padding-left: 12px;
}

.failure-list li:not(:last-child) {
  margin-bottom: 16px;
}

.failure-list li::marker {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.1111111111vw, 16px);
  font-weight: 500;
}

.pillar-solutions__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 83%;
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.pillar-solutions__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pillar-solutions__desct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pillar-solutions__desct:not(:last-child) {
  margin-bottom: 14px;
}

.pillar-solutions__desct span {
  display: inline-block;
  background: url("img/check-iocn.svg") no-repeat center center/cover;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.protocol {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .protocol {
    margin-top: 24px;
  }
}
.protocol-wrapper {
  border: 1px solid var(--light-mode-border-02);
  border-radius: 24px;
  padding: 24px 28px 44px 28px;
}

@media (max-width: 888px) {
  .protocol-wrapper {
    padding: 16px 16px 32px 16px;
  }
}
.protocol-wrapper__card:not(:first-child) {
  padding-top: 24px;
}

.protocol-wrapper__card span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 500;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  background: var(--main);
  border-radius: 80px;
  padding: 8px 16px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.protocol-wrapper__card span.protocol-black {
  background: var(--light-mode-text-001);
  color: var(--light-mode-white);
}

.protocol-wrapper__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 888px) {
  .protocol-wrapper__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.protocol-wrapper__content {
  width: 100%;
}

.protocol-wrapper__subtitle {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.protocol-wrapper__text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  border-bottom: 1px solid var(--light-mode-border-02);
  padding-bottom: 28px;
}

.protocol-wrapper-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  margin-top: 8px;
  width: 100%;
}

.protocol-wrapper-list__item {
  background: var(--light-mode-bg-00);
  padding: 16px;
  border-radius: 16px;
  margin-left: 28px;
  position: relative;
}

.protocol-wrapper-list__item:not(:last-child) {
  margin-bottom: 8px;
}

.protocol-wrapper-list__item_title {
  margin-bottom: 8px;
  display: inline-block;
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.protocol-wrapper-list__item_text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.protocol-wrapper-list__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("img/arr-long.svg") no-repeat center center;
  width: 26px;
  height: 93px;
  left: -29px;
  top: -55px;
}

.protocol-wrapper-list__item:first-child::before {
  background: url("img/arr-list.svg") no-repeat center center;
  width: 16px;
  height: 19px;
  left: -24px;
  top: 18px;
}

.trap {
  margin-top: 64px;
}

@media (max-width: 768px) {
  .trap {
    margin-top: 40px;
  }
}
.trap-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: 12px;
}

.trap-list__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media (max-width: 1100px) {
  .trap-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
.trap-list__wrap {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trap-list__wrap::after {
  content: "";
  display: inline-block;
  background: url("img/attention.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 400px) {
  .trap-list__wrap::after {
    position: absolute;
    right: 42px;
  }
}
.trap-list__block {
  margin-right: 18px;
}

@media (max-width: 400px) {
  .trap-list__block {
    margin-right: 0;
  }
}
.trap-list__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

@media (max-width: 400px) {
  .trap-list__title {
    max-width: 82%;
  }
}
.trap-list__subtitle {
  font-weight: 500;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-bottom: 16px;
  margin-top: 16px;
}

.trap-list__docket li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.trap-list__docket li:not(:last-child) {
  margin-bottom: 14px;
}

.trap-list__docket li span {
  display: inline-block;
  background: url("img/check-iocn.svg") no-repeat center center/cover;
  margin-right: 18px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.trap-list__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 83%;
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

@media (max-width: 576px) {
  .trap-list__text {
    max-width: 100%;
  }
}
.tracking {
  margin-top: 15px;
}

@media (max-width: 768px) {
  .tracking {
    margin-top: 0;
  }
}
.tracking-form {
  margin-bottom: 52px;
}

@media (max-width: 768px) {
  .tracking-form {
    margin-bottom: 32px;
  }
}
.tracking-cart {
  background: var(--light-mode-bg-00);
  border-radius: 16px;
  padding: 28px;
}

.tracking-cart:not(:last-child) {
  margin-bottom: 2px;
}

@media (max-width: 768px) {
  .tracking-cart {
    padding: 16px;
  }
}
.tracking-cart__range {
  padding: 40px 80px;
}

@media (max-width: 768px) {
  .tracking-cart__range {
    padding: 24px;
  }
}
.tracking-cart__title {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-001);
  margin-bottom: 16px;
}

.tracking-cart__result {
  background: var(--light-mode-white);
  border-radius: 24px;
  width: 76px;
  height: 76px;
  font-weight: 500;
  font-size: clamp(24px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  text-align: center;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .tracking-cart__result {
    margin-bottom: 16px;
  }
}
.tracking-cart__btn {
  margin: 0 auto;
  font-size: clamp(12px, 1.3888888889vw, 20px);
  padding: 21px 50px;
}

.tracking-cart__btn:hover::before {
  background: url("img/checked_2.svg") no-repeat center center;
}

.tracking-cart__btn::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url("img/checked_white.svg") no-repeat center center;
}

@media (max-width: 1100px) {
  .tracking-cart__btn {
    padding: 17px;
  }
}
@media (max-width: 930px) {
  .tracking-cart__btn {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 364px) {
  .tracking-cart__btn::before {
    display: none;
  }
}
.tracking-cart {
  background: #f6f4ec;
  border-radius: 16px;
  padding: 24px 80px;
}

@media (max-width: 1100px) {
  .tracking-cart {
    padding: 24px;
  }
}
.tracking-cart__result {
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ===== RANGE ===== */
.tracking-range__input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 16px;
  border-radius: 50px;
  background: var(--light-mode-bg-02);
  outline: none;
  cursor: pointer;
}

/* активная часть */
.tracking-range__input {
  background: -webkit-gradient(linear, left top, right top, from(#D9B648), color-stop(100%, #D9B648), to(#ddd));
  background: linear-gradient(to right, #D9B648 0%, #D9B648 100%, #ddd 100%);
}

/* ползунок */
.tracking-range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff url("img/arr-range.svg") no-repeat center center;
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 1px 10px 0 rgba(50, 50, 50, 0.25);
  -webkit-transform: 0.3s ease;
  transform: 0.3s ease;
  cursor: pointer;
}

.tracking-range__input::-webkit-slider-thumb:hover {
  border: 1px solid var(--light-mode-text-001);
  -webkit-transform: 0.3s ease;
  transform: 0.3s ease;
}

.tracking-range__input::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #ddd;
  cursor: pointer;
}

/* подписи */
.tracking-range__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

@media (max-width: 768px) {
  .tracking-range__labels {
    margin-top: 8px;
  }
}
.tracking-range {
  position: relative;
}

.tracking-range__base {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 16px;
  background: var(--light-mode-bg-02);
  border-radius: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 12px;
}

@media (max-width: 1100px) {
  .tracking-buttons {
    padding: 16px;
  }
}
.implementation-docs {
  background: var(--light-mode-white);
  border: 1px solid var(--light-mode-border-02);
  border-radius: 24px;
  padding: 28px;
  margin-bottom: 80px;
  position: relative;
}

@media (max-width: 1100px) {
  .implementation-docs {
    margin-bottom: 48px;
  }
}
@media (max-width: 768px) {
  .implementation-docs {
    padding: 16px;
  }
}
.implementation-docs::before {
  content: "";
  background: url("img/download-block.svg") no-repeat center center;
  width: 76px;
  height: 76px;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 28px;
  right: 28px;
}

@media (max-width: 768px) {
  .implementation-docs::before {
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 366px) {
  .implementation-docs::before {
    width: 52px;
    height: 52px;
    background-size: cover;
  }
}
.implementation-docs__title {
  position: relative;
  z-index: 1;
}

@media (max-width: 995px) {
  .implementation-docs__title {
    max-width: 72%;
  }
}
.implementation-docs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 12px;
}

@media (max-width: 1235px) {
  .implementation-docs__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 995px) {
  .implementation-docs .metrics-list {
    max-width: 72%;
  }
}
.implementation-docs__info {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-003);
  max-width: 434px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 5px;
}

.implementation-docs__info::before {
  content: "";
  background: url("img/info-icon.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1235px) {
  .implementation-docs__info {
    margin-right: 0;
  }
}
.implementation-docs__btn {
  padding: 10px 30px;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  margin-left: auto;
}

@media (max-width: 1235px) {
  .implementation-docs__btn {
    margin-left: unset;
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  .implementation-docs__btn {
    max-width: none;
    width: 100%;
  }
}
.implementation-docs__btn:hover {
  background-color: var(--text_001);
  color: #fff;
}

.implementation-docs__btn.download-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/file_doc.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.xls-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/file_exel.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.xls-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/file_exel.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.pdf-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/file_pdf.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.doc-word-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/file_doc-word.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.google_sheet-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/google_sheet.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.implementation-docs__btn.notion-icon::before {
  content: "";
  display: inline-block;
  background: url("img/docs/notion.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.route-steps {
  margin-bottom: 52px;
}

@media (max-width: 1100px) {
  .route-steps {
    margin-bottom: 32px;
  }
}
.route-steps__btn {
  font-size: clamp(12px, 1.1111111111vw, 16px);
  padding: 10px 34px;
}

@media (max-width: 576px) {
  .route-steps__btn {
    max-width: none;
    width: 100%;
    padding: 10px 21px;
  }
}
.route-steps .route-block {
  margin-top: 24px;
}

@media (max-width: 768px) {
  .route-steps .route-block {
    margin-top: 20px;
  }
}
.route-steps .route-card__title {
  font-size: 20px;
  margin-bottom: 8px;
}

.route-steps .pillar-block-descr {
  font-size: 16px;
  margin-bottom: 0;
}

.route-steps .route-card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .route-steps .route-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.route-steps .route-card__wrap {
  margin-right: 5px;
}

.route-steps .route-block__btn {
  margin-left: auto;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  padding: 8px 20px;
  gap: 10px;
}

.route-steps .route-block__btn svg path {
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
  stroke: #fff;
}

.route-steps .route-block__btn:hover svg path {
  stroke: var(--text_001);
}

@media (max-width: 1020px) {
  .route-steps .route-block__btn {
    margin-left: unset;
    margin-top: 8px;
    margin-left: 64px;
  }
}
@media (max-width: 768px) {
  .route-steps .route-block__btn {
    margin-left: 43px;
  }
}
.route-steps .route-card-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.last-material {
  margin-top: 64px;
  border: 1px solid var(--light-mode-border-02);
  border-radius: 24px;
  padding: 40px 28px;
}

@media (max-width: 1100px) {
  .last-material {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .last-material {
    padding: 16px;
    height: 262px;
  }
}
.last-material__title {
  text-align: center;
  margin-bottom: 18px !important;
}

@media (max-width: 768px) {
  .last-material__title {
    margin-bottom: 78px !important;
  }
}
.last-material__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.switch input {
  display: none;
}

.switch .slider {
  width: 52px;
  height: 30px;
  background-color: #fff;
  border: 2px solid var(--light-mode-border);
  border-radius: 20px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.switch .slider::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 2px;
  top: 1px;
  background-color: var(--light-mode-border);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.switch input:checked + .slider {
  background-color: #ffeb3b;
  border-color: var(--text_001);
}

.switch input:checked + .slider::before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  background-color: var(--text_001);
}

.switch .text {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-002);
}

.helping-block {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}

@media (max-width: 1125px) {
  .helping-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .helping-block {
    padding: 16px;
    margin-top: 16px;
  }
}
.helping-block__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-right: 5px;
}

@media (max-width: 1125px) {
  .helping-block__title {
    margin-right: 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .helping-block__title {
    text-align: center;
  }
}
.helping-block__btn {
  margin-left: auto;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  padding: 10px 30px;
}

@media (max-width: 1125px) {
  .helping-block__btn {
    margin-left: unset;
    margin-top: 16px;
  }
}
@media (max-width: 576px) {
  .helping-block__btn {
    padding: 8px 16px;
  }
}
.attention-block {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
  padding: 28px;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .attention-block {
    margin-top: 16px;
    padding: 16px;
  }
}
.attention-block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .attention-block__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.attention-block__wrap span {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.attention-block .attention-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.attention-block .attention-icon::before {
  content: "";
  display: inline-block;
  background: url("img/attention-icon.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .attention-block .attention-icon {
    margin-right: 4px;
  }
}
.attention-block .attention-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
}

@media (max-width: 768px) {
  .attention-block .attention-icon-wrap {
    padding-right: 0;
    margin-bottom: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.attention-block .attention-icon-text {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  position: relative;
  border-left: 2px solid var(--light-mode-border-02);
  padding-left: 30px;
  max-width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1100px) {
  .attention-block .attention-icon-text {
    max-width: 100%;
  }
}
.solution-asibe-block {
  margin-top: 52px;
  position: sticky;
  top: 152px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

@media (max-width: 768px) {
  .solution-asibe-block {
    position: unset;
  }
}
.solution-aside {
  margin-bottom: 12px;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  width: 266px;
}

@media (max-width: 768px) {
  .solution-aside {
    display: none;
    max-width: 99%;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 8px;
    left: 0;
    top: auto;
    border-radius: 30px;
    padding: 24px 24px 60px 24px;
    z-index: 20;
    height: 98%;
    overflow-y: auto;
  }
}
.solution-aside__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.solution-aside__title {
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-003);
}

.solution-aside__list {
  margin-top: 32px;
  position: relative;
  counter-reset: roman;
}

.solution-aside__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.solution-aside svg {
  margin-left: auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.solution-aside__body {
  display: none;
  margin-top: 12px;
}

.solution-aside__item {
  position: relative;
  padding: 8px 0;
  counter-increment: roman;
}

@media (max-width: 768px) {
  .solution-aside__item {
    padding: 16px 0;
  }
}
.solution-aside__item_btn {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.solution-aside__item_btn::before {
  content: counter(roman, upper-roman);
  margin-right: 13px;
}

@media (max-width: 768px) {
  .solution-aside__item_btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.solution-aside__item.is-open svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.solution-aside__item.is-open .solution-aside__body {
  display: block;
  padding-left: 20px;
}

.solution-aside .aside-list-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.solution-aside .aside-list-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.solution-aside .aside-list-menu li a {
  font-weight: 400;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.solution-aside .aside-list-menu li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--text_003);
  border-radius: 50%;
  position: absolute;
  left: -18px;
  top: 7px;
}

.solution-aside .aside-list-menu li:not(:only-child):not(:last-child)::after {
  content: "";
  display: inline-block;
  border-left: 1px solid var(--text_003);
  position: absolute;
  left: -15px;
  top: 21px;
  height: 85%;
}

.solution-aside .aside-list-menu li.active a {
  font-weight: 500;
  color: var(--light-mode-text-001);
}

.solution-aside .aside-list-menu li.active::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("img/aside-icon.svg") no-repeat center center;
  position: absolute;
  left: -18px;
  top: 7px;
}

.solution-aside__close {
  display: none;
  width: 32px;
  height: 32px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 7px;
  top: 9px;
}

@media (max-width: 768px) {
  .solution-aside__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.solution-aside__close::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("img/burger-close.svg") no-repeat center center/cover;
}

.btn-aside__solution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  z-index: 3;
  background: #fff;
  margin-bottom: 24px;
  margin-right: 23px;
}

.btn-aside__solution::before {
  content: "";
  display: block;
  background: url("img/double.svg") no-repeat center center/cover;
  width: 24px;
  height: 24px;
}

@media (max-width: 768px) {
  .btn-aside__solution {
    background: var(--text_001);
    position: fixed;
    bottom: 16px;
    right: 8px;
    margin: 0;
  }
  .btn-aside__solution::before {
    background: url("img/burger_2.svg") no-repeat center center/cover;
  }
}
.solution-aside.is-hidden {
  display: none;
}

.solution-aside.is-active {
  display: block;
}

/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
.tariffs-page {
  padding-bottom: 88px;
}

@media (max-width: 1440px) {
  .tariffs-page {
    padding-bottom: 56px;
  }
}
@media (max-width: 768px) {
  .tariffs-page {
    padding-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .tariffs-page .breadcrumb {
    display: none;
  }
}
.tariffs-page .section {
  padding: 56px 0;
  margin: 0;
}

@media (max-width: 768px) {
  .tariffs-page .section {
    padding: 32px 0;
  }
}
.tariffs-page .section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .tariffs-page .section__header {
    margin-bottom: 24px;
  }
}
.tariffs-page .section__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(28px, 5vw, 72px);
  line-height: 98%;
  letter-spacing: -0.04em;
  margin: 0;
}

.tariffs-page .section__description {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.tariffs-page .section__button {
  background-color: var(--light-mode-text-001);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 72px;
  gap: 12px;
  padding: 0 40px;
  border-radius: 40px;
  white-space: nowrap;
  border: 1px solid var(--light-mode-text-001);
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.8055555556vw, 26px);
}

@media (max-width: 1440px) {
  .tariffs-page .section__button {
    height: 56px;
    padding: 0 16px;
  }
}
@media (max-width: 768px) {
  .tariffs-page .section__button {
    height: 44px;
    padding: 0 16px;
  }
}
.tariffs-page .section__button_inverse {
  background-color: #fff;
  color: var(--light-mode-text-001);
}

.tariffs-hero {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 7fr 5fr;
  grid-template-columns: 7fr 5fr;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .tariffs-hero {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.tariffs-hero__content {
  background-color: #fff;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 48px;
  padding: 28px;
}

@media (max-width: 768px) {
  .tariffs-hero__content {
    padding: 16px;
  }
}
.tariffs-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
}

.tariffs-hero__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .tariffs-hero__top {
    gap: 8px;
  }
}
.tariffs-hero__pre-title {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

@media (max-width: 1440px) {
  .tariffs-hero__pre-title {
    font-size: clamp(16px, 1.3888888889vw, 20px);
  }
}
.tariffs-hero__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(28px, 5vw, 72px);
  line-height: 98%;
  letter-spacing: -0.04em;
}

@media (max-width: 1440px) {
  .tariffs-hero__title {
    font-size: clamp(28px, 3.8888888889vw, 56px);
  }
}
.tariffs-hero__post-title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

@media (max-width: 1440px) {
  .tariffs-hero__post-title {
    font-size: clamp(20px, 1.9444444444vw, 28px);
  }
}
.tariffs-hero__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.tariffs-hero__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

@media (max-width: 768px) {
  .tariffs-hero__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.tariffs-hero .section__button {
  width: 100%;
}

.tariffs-hero__text {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.tariffs-info__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 8px 7fr;
  grid-template-columns: 5fr 7fr;
  gap: 8px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .tariffs-info__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.tariffs-info__block {
  background-color: var(--light-mode-bg-00);
  border-radius: 24px;
}

.tariffs-info__inner {
  background: url('data:image/svg+xml,<svg width="244" height="244" viewBox="0 0 244 244" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.5 213.5L122 122L30.5 30.5M122 213.5L213.5 122L122 30.5" stroke="%23F4F3F0" stroke-width="14.64"/></svg>') no-repeat right bottom #fff;
  border-radius: 24px;
  padding: 28px;
}

@media (max-width: 768px) {
  .tariffs-info__inner {
    background-image: none;
    padding: 16px;
  }
}
.tariffs-info__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 3.1944444444vw, 46px);
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 16px;
}

.tariffs-info .block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 28px 0;
}

@media (max-width: 768px) {
  .tariffs-info .block-list {
    padding: 16px 0 0 0;
  }
}
.tariffs-info .block-list__item {
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
}

.tariffs-info .block-list__item::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.38456L9.34698 -2.85443e-08C5.38461 2.69231 4.23077 4.91126 3.52947 8.10633C3.52947 8.10633 2.73323 5.79778 2.11454 4.91126L-3.03654e-07 6.94678C0.959833 7.67098 1.75982 8.60486 2.11454 10L4.94429 10C4.94429 10 6.92308 5.38462 10 3.38456Z" fill="%23303030"/></svg>') no-repeat center center var(--yellow);
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.tariffs-info__block-text {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  padding: 28px;
}

@media (max-width: 768px) {
  .tariffs-info__block-text {
    padding: 16px;
  }
}
.tariffs-info__block-dark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: var(--light-mode-text-001);
  padding: 28px;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .tariffs-info__block-dark {
    padding: 16px;
    gap: 24px;
  }
}
.tariffs-info__block-dark .tariffs-info__title {
  color: #fff;
}

.tariffs-info__block-dark .block-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 16px 1fr 16px 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-flow: column;
  gap: 16px;
}

@media (max-width: 768px) {
  .tariffs-info__block-dark .block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.tariffs-info__block-dark .block-list__item {
  color: #fff;
}

.tariffs-info .block-cards {
  overflow-x: auto;
}

.tariffs-info .block-cards__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  .tariffs-info .block-cards__wrapper {
    -ms-grid-columns: 120px 8px 120px 8px 120px 8px 120px;
    grid-template-columns: repeat(4, 120px);
    gap: 8px;
    width: 0;
  }
}
.tariffs-info .block-cards__item {
  border: 1px solid var(--dark-mode-border);
  border-radius: 24px;
  padding: 14px;
}

.tariffs-info .block-cards__icon {
  margin-bottom: 12px;
}

.tariffs-info .block-cards__title {
  color: #fff;
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.tariffs-info .implement {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 9fr;
  grid-template-columns: 3fr 9fr;
}

@media (max-width: 768px) {
  .tariffs-info .implement {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.tariffs-info .implement__title {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 1.9444444444vw, 28px);
  line-height: 128%;
  letter-spacing: -0.04em;
}

.tariffs-info .implement__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.tariffs-info .implement__item {
  background-color: #fff;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 68px;
  gap: 16px;
  padding: 0 28px;
  border-radius: 50px;
  white-space: nowrap;
  font-weight: 500;
  line-height: 140%;
  font-size: clamp(16px, 1.8055555556vw, 26px);
}

@media (max-width: 1440px) {
  .tariffs-info .implement__item {
    height: 60px;
  }
}
@media (max-width: 768px) {
  .tariffs-info .implement__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    padding: 8px 16px;
    white-space: unset;
  }
}
.tariffs-info .implement__item span {
  color: var(--light-mode-text-002);
  font-weight: 400;
}

.tariffs-info .implement__item::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 4.5L8.59001 17.5L3 11.4612" stroke="%23D9B648" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.inside-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .inside-slider__header {
    margin-bottom: 24px;
  }
}
.inside-slider .section__header {
  margin-bottom: 0;
}

.inside-slider__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

@media (max-width: 768px) {
  .inside-slider__navigation {
    display: none;
  }
}
.inside-slider__navigation .slider-prev,
.inside-slider__navigation .slider-next {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid var(--light-mode-text-003);
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center transparent;
}

.inside-slider__navigation .slider-prev:hover,
.inside-slider__navigation .slider-next:hover {
  border: 1px solid var(--light-mode-text-001);
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L4 12M4 12L10 18M4 12H20" stroke="%23FFFFFF" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center var(--light-mode-text-001);
}

@media (max-width: 1440px) {
  .inside-slider__navigation .slider-prev,
  .inside-slider__navigation .slider-next {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 768px) {
  .inside-slider__navigation .slider-prev,
  .inside-slider__navigation .slider-next {
    width: 36px;
    height: 36px;
  }
}
.inside-slider__navigation .slider-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.inside-slider-card {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}

.inside-slider-card__title {
  padding: 20px 28px;
  color: var(--light-mode-text-001);
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

@media (max-width: 768px) {
  .inside-slider-card__title {
    padding: 12px 16px;
  }
}
.format .section__header {
  text-align: center;
  margin-bottom: 56px;
}

@media (max-width: 768px) {
  .format .section__header {
    margin-bottom: 24px;
  }
}
.format__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

@media (max-width: 768px) {
  .format__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.format__text {
  text-align: center;
  color: var(--light-mode-text-002);
  font-size: clamp(16px, 1.3888888889vw, 20px);
  font-weight: 400;
  line-height: 140%;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .format__text {
    margin-top: 24px;
  }
}
.format-item {
  position: relative;
  background-color: #fff;
  padding: 28px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 32px;
}

@media (max-width: 768px) {
  .format-item {
    background-image: none !important;
    gap: 24px;
  }
}
.format-item__trigger {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--light-mode-text-003);
  border-radius: 50%;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 8L11.9688 16.0312L4 8" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center center;
  cursor: pointer;
}

@media (min-width: 769px) {
  .format-item__trigger {
    display: none;
  }
}
.format-item__trigger.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.format-item_1 {
  background: url('data:image/svg+xml,<svg width="200" height="244" viewBox="0 0 200 244" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36 169.057H147.171M147.171 169.057L100.157 216.071M147.171 169.057L105.157 127.043M164.229 74.9429L53.0571 74.9427M53.0571 74.9427L95.0714 116.957M53.0571 74.9427L100.071 27.9285" stroke="%23F4F3F0" stroke-width="8"/></svg>') no-repeat right top #fff;
}

.format-item_2 {
  background: url('data:image/svg+xml,<svg width="200" height="244" viewBox="0 0 200 244" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36 74.9427V128.971V169.057H148.629M54.8 74.9427H164.229V115.028V169.057M54.8 74.9427L96.8143 116.957M54.8 74.9427L101.814 27.9285M148.629 169.057L101.614 216.071M148.629 169.057L106.614 127.043" stroke="%23F4F3F0" stroke-width="8"/></svg>') no-repeat right top #fff;
}

.format-item__title {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 2.5vw, 36px);
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .format-item__title {
    margin-bottom: 4px;
  }
}
.format-item__subtitle {
  color: var(--light-mode-text-002);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .format-item__subtitle {
    margin-bottom: 16px;
  }
}
.format-item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 768px) {
  .format-item__list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
  }
}
.format-item__list-item {
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 768px) {
  .format-item__list-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.format-item__list-item::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3.38456L9.34698 -2.85443e-08C5.38461 2.69231 4.23077 4.91126 3.52947 8.10633C3.52947 8.10633 2.73323 5.79778 2.11454 4.91126L-3.03654e-07 6.94678C0.959833 7.67098 1.75982 8.60486 2.11454 10L4.94429 10C4.94429 10 6.92308 5.38462 10 3.38456Z" fill="%23303030"/></svg>') no-repeat center center var(--yellow);
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.format-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 16px;
}

.format-item__price-year {
  color: var(--light-mode-text-001);
  font-weight: 500;
  font-size: clamp(20px, 3.1944444444vw, 46px);
  line-height: 112%;
  letter-spacing: -0.04em;
}

.format-item__price-month {
  color: var(--light-mode-text-003);
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
}

.format-item .section__button {
  width: 100%;
  margin-top: 32px;
}

@media (max-width: 768px) {
  .format-item .section__button {
    margin-top: 16px;
  }
}
.tariffs-faq {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 40px 8fr;
  grid-template-columns: 4fr 8fr;
  gap: 40px;
}

@media (max-width: 768px) {
  .tariffs-faq {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.faq-accordion {
  width: 100%;
}

.faq-accordion__item {
  border-top: 1px solid var(--light-mode-border-02);
  padding: 24px 0;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .faq-accordion__item {
    padding: 16px 0;
  }
}
.faq-accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.faq-accordion__inner {
  font-weight: 400;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  padding: 0 56px 0 56px;
  border-left: 2px solid var(--yellow);
  margin: 40px 0 40px 0;
}

@media (max-width: 768px) {
  .faq-accordion__inner {
    padding: 0 16px 0 16px;
    margin: 24px 0 24px 0;
  }
}
.faq-accordion__title {
  font-weight: 500;
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  max-width: 80%;
}

.faq-accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.faq-accordion__head svg {
  stroke: #a9a9a9;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.faq-accordion__item.active .faq-accordion__head svg {
  stroke: #000;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 30%;
}

.to-wiki__panel {
  background-color: var(--yellow);
  border-radius: 24px;
  padding: 28px;
}

@media (max-width: 768px) {
  .to-wiki__panel {
    padding: 16px;
  }
}
.to-wiki__text {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 3.1944444444vw, 46px);
  font-weight: 500;
  line-height: 112%;
  letter-spacing: -0.04em;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .to-wiki__text {
    margin-bottom: 32px;
  }
}
.to-wiki__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8px;
}

.to-wiki__wrapper .section__button_inverse {
  border-color: #fff;
}

@media (max-width: 768px) {
  .to-wiki__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .to-wiki__wrapper .section__button {
    width: 100%;
  }
}
.tariffs-page ~ .footer, .page-template-page-tariffs .footer {
  background: url(img/landing/footer_back.svg) no-repeat right 245px bottom 0 #fff;
}

@media (max-width: 768px) {
  .tariffs-page ~ .footer, .page-template-page-tariffs .footer {
    background: url(img/landing/footer_back_mob.svg) no-repeat right bottom #fff;
  }
}
.pains-page {
  margin-top: 56px;
}
@media (max-width: 768px) {
  .pains-page {
    margin-top: 16px;
  }
}
.pains-page .blog-filters__wrapper {
  justify-content: flex-end;
  margin-top: 56px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .pains-page .blog-filters__wrapper {
    margin-bottom: 0;
  }
}
.pains-page .dropdown__btn {
  color: var(--text_001);
}
.pains-page .blog-filters__btn {
  margin-left: auto;
  margin-top: 36px;
  margin-bottom: 20px;
}
.pains-page .dropdown__item_icon_var1 {
  background: none;
  padding: 0;
  max-width: max-content;
  gap: 8px;
}
@media (max-width: 768px) {
  .pains-page .dropdown__menu {
    border: none;
    margin-top: 0;
    padding: 18px 16px;
  }
}
.pains-page .dropdown__item {
  max-width: max-content;
  gap: 8px;
}
@media (max-width: 768px) {
  .pains-page .dropdown__item {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .pains-page .updates {
    margin-bottom: 64px;
  }
}

.pains .wiki__title {
  font-size: clamp(24px, 3.1944444444vw, 46px);
}

.popular-block {
  border-radius: 24px;
  padding: 28px;
  margin-top: 56px;
  position: relative;
  background: #D9B648;
}
@media (max-width: 768px) {
  .popular-block {
    padding: 16px 8px 8px 8px;
  }
}
.popular-block__title {
  font-weight: 500;
  font-size: clamp(24px, 3.1944444444vw, 46px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 24px;
}

.popular-list {
  display: flex;
  gap: 8px;
  max-width: 1489px;
  flex-wrap: wrap;
}
.popular-list li {
  display: flex;
  flex-direction: column;
  background: #fff;
  position: relative;
  border-radius: 24px;
}
@media (max-width: 576px) {
  .popular-list li {
    width: 100%;
  }
}
.popular-list li::before {
  content: "";
  display: inline-block;
  background: url("img/corner.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.popular-list li a {
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .popular-list li a {
    padding: 12px;
  }
}
@media (max-width: 576px) {
  .popular-list li a {
    position: relative;
  }
  .popular-list li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url("img/arr-btn.svg") no-repeat center center;
    width: 16px;
    height: 16px;
    background-size: cover;
  }
}
.popular-list__descr {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 140%;
  color: var(--text_001);
}
@media (max-width: 768px) {
  .popular-list__descr {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .popular-list__descr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 93%;
  }
}
.popular-list__descr::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  background-size: cover;
}
@media (max-width: 576px) {
  .popular-list__descr::after {
    display: none;
  }
}

.popular__btn {
  display: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: var(--text_001);
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-top: 17px;
  gap: 8px;
}
@media (max-width: 576px) {
  .popular__btn {
    display: flex;
  }
}
.popular__btn::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  transition: 0.2s ease-in-out;
}
.popular__btn.act::after {
  transform: rotate(270deg);
}

.pain-area {
  margin-bottom: 140px;
}
@media (max-width: 768px) {
  .pain-area {
    margin-bottom: 92px;
  }
}

.pain-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.pain-list__item {
  flex: 0 1 33.333%;
  padding: 0 12px;
  display: flex;
  margin-bottom: 32px;
}
@media (max-width: 1151px) {
  .pain-list__item {
    flex: 0 1 50%;
  }
}
@media (max-width: 768px) {
  .pain-list__item {
    flex: 0 1 100%;
  }
}
@media (max-width: 576px) {
  .pain-list__item {
    margin-bottom: 8px;
  }
}
@media (max-width: 768px) {
  .pain-list .card-guide {
    width: 100%;
  }
}
.pain-list__btn {
  margin: 0 auto;
  margin-top: 28px;
  padding: 17px 40px;
  font-size: 26px;
  gap: 12px;
}
.pain-list__btn::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.5%204.5L15%2012L7.5%2019.5'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  transition: 0.2s ease-in-out;
}
@media (max-width: 768px) {
  .pain-list__btn::after {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .pain-list__btn {
    font-size: 16px;
    padding: 9px 16px;
    gap: 8px;
    margin-top: 20px;
  }
}
@media (max-width: 350px) {
  .pain-list__btn {
    width: 100%;
    max-width: none;
  }
}
.pain-list__btn.act::after {
  transform: rotate(270deg);
}
.pain-list__btn:hover::after {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M7.5%204.5L15%2012L7.5%2019.5'%20stroke='black'%20stroke-width='1.5'%20stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center;
}

.defolt .card-guide__item {
  background: var(--text_001);
}
.defolt .card-guide__title h5 {
  color: var(--text_003);
  font-size: clamp(24px, 2.5vw, 36px);
}
.defolt .card-guide__text {
  color: var(--text_001);
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
}
.defolt .card-guide__date {
  font-size: 19px;
}
@media (max-width: 576px) {
  .defolt .card-guide__date {
    font-size: 14px;
  }
}
.defolt .card-guide__time {
  font-size: 1.625em;
  line-height: 1.1em;
}
@media (max-width: 768px) {
  .defolt .card-guide__time {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .defolt .card-guide__time {
    font-size: 16px;
  }
}
.defolt .card-guide__link {
  font-size: 1.625em;
}
@media (max-width: 576px) {
  .defolt .card-guide__link {
    font-size: 16px;
  }
}
.defolt .card-guide__state li {
  font-size: 14px;
}
@media (max-width: 576px) {
  .defolt .card-guide__state li {
    font-size: 10px;
  }
}

.systematic-learning {
  margin-bottom: 144px;
}
@media (max-width: 768px) {
  .systematic-learning {
    margin-bottom: 64px;
  }
}

.systematic-wrap {
  background: var(--main);
  border-radius: 24px;
  padding: 28px;
}
@media (max-width: 576px) {
  .systematic-wrap {
    padding: 16px;
  }
}
.systematic-wrap__title {
  font-weight: 500;
  font-size: clamp(24px, 3.1944444444vw, 46px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}
.systematic-wrap__btn {
  font-size: clamp(16px, 1.8055555556vw, 26px);
  padding: 17px 39px;
  margin-left: auto;
  margin-top: 56px;
}
@media (max-width: 576px) {
  .systematic-wrap__btn {
    margin-left: 0;
    margin-top: 40px;
    padding: 10px 15px;
  }
}

.documents-page__header {
  margin-top: 8px;
  margin-bottom: 56px;
}
@media (max-width: 576px) {
  .documents-page__header {
    margin-bottom: 32px;
  }
}
@media (max-width: 666px) {
  .documents-page__header {
    margin-bottom: 64px;
  }
}

.documents-page__title {
  font-weight: 500;
  font-size: clamp(32px, 3.8888888889vw, 56px);
  line-height: 98%;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.documents-page__body {
  display: flex;
  gap: 40px;
  margin-bottom: 56px;
}
@media (max-width: 1275px) {
  .documents-page__body {
    gap: 20px;
  }
}
@media (max-width: 666px) {
  .documents-page__body {
    flex-direction: column;
    gap: 64px;
    margin-bottom: 32px;
  }
}

.documents-page__nav {
  max-width: 320px;
  flex-shrink: 0;
}
@media (max-width: 1100px) {
  .documents-page__nav {
    max-width: 285px;
  }
}
@media (max-width: 888px) {
  .documents-page__nav {
    max-width: 218px;
  }
}
@media (max-width: 666px) {
  .documents-page__nav {
    max-width: none;
  }
}

.documents-page__list {
  gap: 7px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 666px) {
  .documents-page__list {
    gap: 10px;
  }
}
.documents-page__list li a {
  font-weight: 500;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  color: var(--text_002);
}
.documents-page__list li a.active {
  color: var(--text_001);
  border-bottom: 2px solid var(--text_001);
}
.documents-page__list li a:hover {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.documents-page__content {
  margin-top: 0;
}
@media (max-width: 666px) {
  .documents-page__content {
    margin-top: 0;
  }
}
.documents-page__content h4 {
  font-weight: 500;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-top: 56px;
  margin-bottom: 16px;
  display: inline-block;
}
@media (max-width: 666px) {
  .documents-page__content h4 {
    margin-top: 32px;
  }
}
.documents-page__content p {
  font-weight: 400;
  font-size: clamp(16px, 1.3888888889vw, 20px);
  line-height: 140%;
  color: var(--text_002);
  margin: 10px 0;
}
@media (max-width: 666px) {
  .documents-page__content p {
    margin: 16px 0;
  }
}

@media (max-width: 768px) {
  .docs-page.container {
    padding: 0 16px;
  }
}
.contacts-page__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .contacts-page__header {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .contacts-page__header {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }
}

.contacts-page__title {
  font-weight: 500;
  font-size: 56px;
  line-height: 98%;
}
@media (max-width: 1440px) {
  .contacts-page__title {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .contacts-page__title {
    font-size: 32px;
  }
}

.contacts-page__description {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  max-width: 590px;
  margin-left: auto;
}
@media (max-width: 1440px) {
  .contacts-page__description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .contacts-page__description {
    font-size: 14px;
    max-width: none;
    margin: 0;
  }
}

.contacts-block {
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  margin-bottom: 56px;
}
.contacts-block__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_001);
  margin-bottom: 10px;
}

.contacts-title {
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
  letter-spacing: -0.04em;
  color: var(--text_001);
  margin-bottom: 16px;
}
.contacts-title span {
  color: var(--text_003);
  display: inline-block;
}
@media (max-width: 1440px) {
  .contacts-title {
    font-size: 56px;
  }
}
@media (max-width: 768px) {
  .contacts-title {
    font-size: 32px;
  }
}
@media (max-width: 422px) {
  .contacts-title {
    font-size: 21px;
  }
}

.contacts-left {
  display: flex;
  flex-direction: column;
}
@media (max-width: 470px) {
  .contacts-left .btn-border {
    max-width: none;
  }
}

.contacts-social {
  margin-top: 88px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 740px;
  width: max-content;
  margin-left: auto;
}
@media (max-width: 768px) {
  .contacts-social {
    margin-top: 40px;
  }
}
@media (max-width: 470px) {
  .contacts-social {
    width: unset;
  }
}
.contacts-social__title {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: var(--text_002);
  display: block;
}

.social-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 470px) {
  .social-list {
    flex-direction: column;
    width: 100%;
  }
  .social-list li {
    width: 100%;
  }
}
.social-list .section__link {
  font-size: 20px;
  gap: 12px;
}
@media (max-width: 470px) {
  .social-list .section__link {
    width: 100%;
    justify-content: center;
  }
}
.social-list .section__link:hover {
  background: #fff;
  color: #000;
  outline: 1px solid #000;
  border: none;
}

.wrap__btn {
  padding-top: 56px;
}
@media (max-width: 768px) {
  .wrap__btn {
    padding-top: 24px;
  }
}

.blog-card__img {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  max-height: 490px;
}
@media (max-width: 768px) {
  .blog-card__img {
    margin-bottom: 8px;
  }
}
.blog-card__img img {
  object-fit: cover;
}

.blog-card__date {
  margin-right: 8px;
}

.subscribe .section__title {
  font-size: clamp(32px, 5vw, 72px);
}
@media (max-width: 1670px) {
  .subscribe .section__title {
    font-size: clamp(32px, 3.8888888889vw, 56px);
  }
}
@media (max-width: 1070px) {
  .subscribe .subscribe__wrapper {
    display: flex;
    flex-direction: column;
  }
}

.posts__slider {
  width: 360px;
  height: 440px;
  overflow: hidden;
  border-radius: 16px;
}

.posts-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.posts__buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
}
.posts__buttons button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #eee;
  font-size: 18px;
  cursor: pointer;
}
.posts__buttons button:hover {
  background: #ddd;
}

.page-about {
  --pa-bg: var(--kit-bg-handoff);
  --pa-bg-soft: var(--kit-bg-handoff-soft);
  --pa-surface: #FFFFFF;
  --pa-text: var(--kit-text-handoff);
  --pa-text-soft: var(--kit-text-handoff-2);
  --pa-text-muted: var(--kit-text-handoff-3);
  --pa-border: var(--kit-border-handoff);
  --pa-border-soft: var(--kit-border-handoff);
  --pa-main: var(--kit-color-main);
  --pa-extra-bg: #E8D491;
  background: var(--pa-bg);
  color: var(--pa-text);
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.page-about *, .page-about *::before, .page-about *::after {
  box-sizing: border-box;
}
.page-about img, .page-about svg {
  display: block;
  max-width: 100%;
}
.page-about a {
  color: inherit;
  text-decoration: none;
}
.page-about ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-about p {
  margin: 0;
}
.page-about__container {
  max-width: 85%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1024px) {
  .page-about__container {
    max-width: 91%;
  }
}
@media (max-width: 600px) {
  .page-about__container {
    max-width: 100%;
    padding: 0 16px;
  }
}
.page-about__breadcrumb.breadcrumb {
  margin: 32px 0 24px;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .page-about__breadcrumb.breadcrumb {
    margin: 20px 0 16px;
  }
}
.page-about__hero {
  padding: 56px 0 64px;
  position: relative;
}
@media (max-width: 767px) {
  .page-about__hero {
    padding: 24px 0 40px;
  }
}
.page-about__hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: stretch;
}
@media (max-width: 1023px) {
  .page-about__hero-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.page-about__hero-main {
  display: flex;
  flex-direction: column;
}
.page-about__hero-aside {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.page-about__hero-stats {
  height: 100%;
}
.page-about__hero-stats-list {
  display: flex;
  flex-direction: column;
}
.page-about__hero-h1 {
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 500;
  margin: 0;
  text-wrap: pretty;
  color: var(--pa-text);
  max-width: 580px;
}
.page-about__hero-h1 em {
  font-style: normal;
  color: var(--pa-text-soft);
  font-weight: 500;
}
.page-about__hero-h1 strong {
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 767px) {
  .page-about__hero-h1 {
    font-size: 40px;
    line-height: 0.98;
  }
}
.page-about__hero-meta {
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid var(--pa-border-soft);
  border-bottom: 1px solid var(--pa-border-soft);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
  color: var(--pa-text-muted);
  font-size: 14px;
}
.page-about__hero-meta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pa-text);
  font-weight: 500;
}
.page-about__hero-meta-badge svg {
  width: 20px;
  height: 20px;
  color: var(--pa-text);
}
.page-about__hero-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.page-about__hero-meta-item strong {
  font-weight: 500;
  color: var(--pa-text);
}
.page-about__hero-byline {
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-about__hero-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--pa-bg-soft);
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid var(--pa-border-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pa-text-muted);
  font-weight: 500;
  font-size: 18px;
}
.page-about__hero-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-about__hero-byline-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.page-about__hero-byline-name {
  font-size: 16px;
  font-weight: 500;
  color: var(--pa-text);
}
.page-about__hero-byline-role {
  font-size: 14px;
  color: var(--pa-text-muted);
}
.page-about__hero-manifesto {
  flex: 0 0 auto;
  width: 100%;
  background: var(--pa-main);
  border-radius: var(--kit-radius-card);
  padding: 48px 40px 40px 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
}
@media (max-width: 767px) {
  .page-about__hero-manifesto {
    padding: 40px 28px 36px 44px;
  }
}
.page-about__hero-manifesto-mark {
  font-size: 40px;
  line-height: 1;
  color: #000;
  font-weight: 500;
}
.page-about__hero-manifesto-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.page-about__hero-manifesto-text {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #000;
  text-wrap: pretty;
}
@media (max-width: 767px) {
  .page-about__hero-manifesto-text {
    font-size: 20px;
  }
}
.page-about__hero-manifesto-caption {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.55);
  line-height: 1.45;
}
.page-about__hero-stats {
  flex: 0 0 auto;
  width: 100%;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .page-about__hero-stats {
    padding: 24px;
  }
}
.page-about__hero-stats-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--pa-text-muted);
}
.page-about__hero-stats-list {
  display: flex;
  flex-direction: column;
}
.page-about__hero-stats-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid var(--pa-border-soft);
}
.page-about__hero-stats-row:first-child {
  border-top: 0;
  padding-top: 4px;
}
.page-about__hero-stats-num {
  font-size: 56px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.page-about__hero-stats-num small {
  font-size: 20px;
  color: var(--pa-text-soft);
  margin-left: 4px;
}
@media (max-width: 767px) {
  .page-about__hero-stats-num {
    font-size: 40px;
  }
}
.page-about__hero-stats-label {
  font-size: 14px;
  color: var(--pa-text-soft);
  text-align: right;
  max-width: 160px;
  line-height: 1.4;
}
.page-about__body {
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .page-about__body {
    padding-bottom: 64px;
  }
}
.page-about__body-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 1023px) {
  .page-about__body-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.page-about__rail {
  position: sticky;
  top: 120px;
  align-self: start;
}
@media (max-width: 1023px) {
  .page-about__rail {
    display: none;
  }
}
.page-about__rail-title {
  font-size: 32px;
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 500;
  color: var(--pa-text-muted);
  margin-bottom: 24px;
}
.page-about__rail-list {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  position: relative;
  list-style: none;
}
.page-about__rail-list::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--pa-border-soft);
}
.page-about__rail-list-item {
  display: block;
  padding: 8px 0;
  position: relative;
}
.page-about__rail-link {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--pa-text-soft);
  text-decoration: none;
  transition: color 0.2s, font-weight 0.2s;
}
.page-about__rail-link::before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 0;
  width: 2px;
  height: 100%;
  background: transparent;
  transition: background 0.2s;
}
.page-about__rail-link:hover {
  color: var(--pa-text);
  font-weight: 500;
}
.page-about__rail-link:hover::before {
  background: var(--pa-text-muted);
}
.page-about__rail-link.is-active {
  color: var(--pa-text);
  font-weight: 500;
}
.page-about__rail-link.is-active::before {
  background: var(--pa-text);
}
.page-about__intro {
  padding: 0 0 0 !important;
  border-top: 0 !important;
}
@media (max-width: 767px) {
  .page-about__intro {
    padding: 16px 0 0 !important;
  }
}
.page-about__intro-text {
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: var(--pa-text);
  max-width: 920px;
  text-wrap: pretty;
}
@media (max-width: 767px) {
  .page-about__intro-text {
    font-size: 20px;
  }
}
.page-about__section {
  padding: 64px 0;
  position: relative;
}
@media (max-width: 767px) {
  .page-about__section {
    padding: 48px 0;
  }
}
.page-about__section + .page-about__section {
  border-top: 1px solid var(--pa-border-soft);
}
.page-about__section:first-child {
  padding-top: 16px;
}
.page-about__section-label {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--pa-text-muted);
  margin-bottom: 20px;
}
.page-about__section-num {
  font-variant-numeric: tabular-nums;
}
.page-about__section-h2 {
  font-size: clamp(28px, 3.8888888889vw, 56px);
  line-height: 1.12;
  letter-spacing: -1.12px;
  font-weight: 500;
  margin: 0 0 16px;
  max-width: 880px;
  text-wrap: pretty;
  color: var(--pa-text);
}
.page-about__section-h2 em {
  font-style: normal;
  color: var(--pa-text-soft);
  font-weight: 500;
}
.page-about__section-lede {
  margin-top: 0;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.45;
  color: var(--pa-text-soft);
  max-width: 720px;
  text-wrap: pretty;
}
.page-about__section-body {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.55;
  color: var(--pa-text);
  max-width: 720px;
  text-wrap: pretty;
}
.page-about__section-body p + p {
  margin-top: 16px;
}
.page-about__section-body em {
  font-style: normal;
  color: var(--pa-text-soft);
}
.page-about__pullquote {
  margin-top: 40px;
  padding: 32px 0 32px 40px;
  border-left: 4px solid var(--pa-main);
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--pa-text);
  text-wrap: pretty;
  max-width: 760px;
}
@media (max-width: 767px) {
  .page-about__pullquote {
    padding: 24px 0 24px 24px;
    font-size: 18px;
    margin-top: 28px;
  }
}
.page-about__flow {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 1023px) {
  .page-about__flow {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.page-about__flow-step {
  position: relative;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  padding: 24px 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.page-about__flow-step:hover {
  transform: translateY(-2px);
  box-shadow: var(--kit-shadow-pop);
}
.page-about__flow-step:hover .page-about__flow-num {
  background: var(--pa-main);
}
.page-about__flow-num {
  width: 36px;
  height: 36px;
  border-radius: var(--kit-radius-soft);
  background: var(--pa-bg-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--pa-text);
  transition: background 0.2s;
}
.page-about__flow-h {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--pa-text);
  text-wrap: pretty;
}
.page-about__flow-p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--pa-text-soft);
  text-wrap: pretty;
  margin-top: auto;
}
.page-about__flow-arrow {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--pa-text-muted);
  background: var(--pa-bg);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media (max-width: 1023px) {
  .page-about__flow-arrow {
    right: 50%;
    top: auto;
    bottom: -14px;
    transform: translateX(50%) rotate(90deg);
  }
}
.page-about__flow-step:last-child .page-about__flow-arrow {
  display: none;
}
.page-about__decls {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 767px) {
  .page-about__decls {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.page-about__decl {
  position: relative;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  padding: 40px 36px 36px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  isolation: isolate;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.page-about__decl::before {
  content: attr(data-num);
  position: absolute;
  right: -16px;
  bottom: -64px;
  font-size: 220px;
  line-height: 0.85;
  letter-spacing: -0.06em;
  font-weight: 500;
  color: var(--pa-bg-soft);
  pointer-events: none;
  font-variant-numeric: tabular-nums;
  z-index: 0;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  .page-about__decl::before {
    font-size: 140px;
    right: -8px;
    bottom: -32px;
  }
}
.page-about__decl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 36px;
  bottom: 36px;
  width: 4px;
  background: var(--pa-main);
  border-radius: 4px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s;
}
.page-about__decl > * {
  position: relative;
  z-index: 1;
}
.page-about__decl:hover {
  background: var(--pa-bg-soft);
  transform: translateY(-2px);
  box-shadow: var(--kit-shadow-pop);
}
.page-about__decl:hover::before {
  color: rgba(0, 0, 0, 0.06);
}
.page-about__decl:hover::after {
  opacity: 1;
}
@media (max-width: 767px) {
  .page-about__decl {
    padding: 28px 24px;
    min-height: 220px;
  }
}
.page-about__decl-h {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 500;
  text-wrap: pretty;
  color: var(--pa-text);
  max-width: 340px;
}
@media (max-width: 767px) {
  .page-about__decl-h {
    font-size: 22px;
  }
}
.page-about__decl-p {
  font-size: 16px;
  line-height: 1.5;
  color: var(--pa-text-soft);
  text-wrap: pretty;
  margin-top: auto;
}
.page-about__method {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  overflow: hidden;
}
.page-about__method-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 32px;
  padding: 28px 32px;
  border-top: 1px solid var(--pa-border-soft);
  align-items: baseline;
  transition: background 0.2s;
}
.page-about__method-row:first-child {
  border-top: 0;
}
.page-about__method-row:hover {
  background: var(--pa-extra-bg);
}
.page-about__method-row:hover .page-about__method-key {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .page-about__method-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 20px 22px;
  }
}
.page-about__method-key {
  font-size: 14px;
  font-weight: 500;
  color: var(--pa-text-muted);
}
.page-about__method-val {
  font-size: 17px;
  line-height: 1.5;
  color: var(--pa-text);
  text-wrap: pretty;
}
.page-about__method-val em {
  font-style: normal;
  color: var(--pa-text-soft);
}
.page-about__method-val a {
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}
@media (max-width: 767px) {
  .page-about__method-val {
    font-size: 15px;
  }
}
.page-about__author {
  margin-top: 40px;
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}
@media (max-width: 1023px) {
  .page-about__author {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.page-about__author-sidebar {
  position: sticky;
  top: 96px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(100vh - 120px);
}
@media (max-width: 1023px) {
  .page-about__author-sidebar {
    position: static;
    max-height: none;
  }
}
.page-about__author-photo {
  width: 100%;
  aspect-ratio: 4/5;
  background: var(--pa-bg-soft);
  border-radius: var(--kit-radius-card);
  overflow: hidden;
  border: 1px solid var(--pa-border-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .page-about__author-photo {
    aspect-ratio: 4/3;
    max-width: 320px;
  }
}
.page-about__author-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-about__author-photo--placeholder {
  font-size: 48px;
  font-weight: 500;
  color: var(--pa-text-muted);
  letter-spacing: -0.02em;
}
.page-about__author-role {
  font-size: 14px;
  color: var(--pa-text-muted);
  font-weight: 500;
}
.page-about__author-contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--pa-border-soft);
}
.page-about__author-contact-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.page-about__author-contact-key {
  font-size: 12px;
  font-weight: 500;
  color: var(--pa-text-muted);
}
.page-about__author-contact-val {
  font-size: 15px;
}
.page-about__author-contact-val a {
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}
.page-about__author-bio {
  font-size: 18px;
  line-height: 1.6;
  text-wrap: pretty;
  max-width: 720px;
}
.page-about__author-bio p + p {
  margin-top: 18px;
}
.page-about__author-bio em {
  font-style: normal;
  color: var(--pa-text-soft);
}
.page-about__author-lede {
  font-size: 22px;
  line-height: 1.45;
  color: var(--pa-text);
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .page-about__author-lede {
    font-size: 17px;
  }
}
.page-about__author-pull {
  margin-top: 28px;
  padding: 24px 28px 24px 32px;
  background: var(--pa-bg-soft);
  border-left: 4px solid var(--pa-main);
  border-radius: 0 var(--kit-radius-soft) var(--kit-radius-soft) 0;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.005em;
  font-weight: 500;
  text-wrap: pretty;
  color: var(--pa-text);
}
@media (max-width: 1023px) {
  .page-about__author-pull {
    font-size: 17px;
    padding: 20px 22px 20px 24px;
  }
}
.page-about__author-bio .page-about__author-pull + p {
  margin-top: 28px;
}
.page-about__negative {
  margin-top: 48px;
  background: var(--pa-bg-soft);
  border-radius: var(--kit-radius-card);
  padding: 32px 36px;
}
@media (max-width: 767px) {
  .page-about__negative {
    padding: 24px 22px;
  }
}
.page-about__negative-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--pa-text-muted);
  margin-bottom: 20px;
}
.page-about__negative-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page-about__negative-list li {
  display: flex;
  align-items: baseline;
  gap: 14px;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--pa-text-soft);
  font-weight: 500;
}
.page-about__negative-list li::before {
  content: "—";
  color: var(--pa-text-muted);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .page-about__negative-list li {
    font-size: 16px;
  }
}
.page-about__principles {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1023px) {
  .page-about__principles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .page-about__principles {
    grid-template-columns: 1fr;
  }
}
.page-about__principle {
  position: relative;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  padding: 32px 28px 28px;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.2s, box-shadow 0.2s;
}
.page-about__principle:hover {
  transform: translateY(-2px);
  box-shadow: var(--kit-shadow-pop);
}
@media (max-width: 767px) {
  .page-about__principle {
    padding: 24px 22px;
    min-height: 0;
  }
}
.page-about__principle-ghost {
  position: absolute;
  right: -8px;
  bottom: -44px;
  font-size: 160px;
  line-height: 0.85;
  letter-spacing: -0.06em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.04);
  pointer-events: none;
  font-variant-numeric: tabular-nums;
  z-index: 0;
}
.page-about__principle-dot {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  border-radius: 500px;
  background: var(--pa-main);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: #000;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.page-about__principle-h {
  position: relative;
  z-index: 1;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-wrap: pretty;
}
.page-about__principle-p {
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pa-text-soft);
  text-wrap: pretty;
  margin-top: auto;
}
.page-about__legal {
  margin-top: 40px;
  background: var(--pa-surface);
  border-radius: var(--kit-radius-card);
  padding: 32px 36px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 48px;
}
@media (max-width: 767px) {
  .page-about__legal {
    grid-template-columns: 1fr;
    padding: 24px 22px;
    gap: 20px;
  }
}
.page-about__legal-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page-about__legal-row--wide {
  grid-column: 1/-1;
}
.page-about__legal-key {
  font-size: 14px;
  font-weight: 500;
  color: var(--pa-text-muted);
}
.page-about__legal-val {
  font-size: 15px;
  line-height: 1.45;
  color: var(--pa-text);
  font-variant-numeric: tabular-nums;
}
.page-about__legal-val a {
  border-bottom: 1px solid currentColor;
}
.page-about__faq-section {
  display: grid;
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
  gap: 64px;
  margin-top: 40px;
  align-items: start;
}
@media (max-width: 1023px) {
  .page-about__faq-section {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.page-about__faq-intro {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 120px;
}
@media (max-width: 1023px) {
  .page-about__faq-intro {
    position: static;
  }
}
.page-about__faq-intro .page-about__section-h2 {
  margin: 0;
  font-size: 48px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 500;
  max-width: 360px;
  text-wrap: pretty;
}
@media (max-width: 1023px) {
  .page-about__faq-intro .page-about__section-h2 {
    font-size: 32px;
  }
}
.page-about__faq-intro-text {
  font-size: 15px;
  line-height: 1.5;
  color: var(--pa-text-soft);
  max-width: 320px;
}
.page-about__faq {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--pa-border-soft);
}
.page-about__faq-item {
  border-top: 1px solid var(--pa-border-soft);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 24px;
  row-gap: 20px;
  padding: 28px 0;
  align-items: start;
}
@media (max-width: 1023px) {
  .page-about__faq-item {
    padding: 22px 0;
  }
}
.page-about__faq-q {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--pa-text);
  text-wrap: pretty;
  grid-column: 1;
}
@media (max-width: 1023px) {
  .page-about__faq-q {
    font-size: 18px;
  }
}
.page-about__faq-icon {
  display: inline-flex;
  align-self: start;
  width: 24px;
  height: 24px;
  color: var(--pa-text-muted);
  margin-top: 4px;
}
.page-about__faq-a {
  grid-column: 1/3;
  font-size: 17px;
  line-height: 1.55;
  color: var(--pa-text-soft);
  text-wrap: pretty;
  max-width: 760px;
  padding-left: 24px;
  border-left: 3px solid var(--pa-main);
}
.page-about__faq-a em {
  font-style: normal;
  color: var(--pa-text);
}
.page-about__faq-a a {
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
  color: inherit;
}
@media (max-width: 1023px) {
  .page-about__faq-a {
    font-size: 15px;
    padding-left: 16px;
  }
}
.page-about__cta-wrap {
  padding-top: 0 !important;
}
.page-about__cta {
  margin-top: 80px;
  background: var(--pa-main);
  color: #000;
  border-radius: var(--kit-radius-card);
  padding: 48px 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  column-gap: 48px;
  row-gap: 24px;
  align-items: start;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .page-about__cta {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    margin-top: 56px;
    row-gap: 24px;
    column-gap: 0;
    align-items: start;
  }
}
.page-about__cta-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 1023px) {
  .page-about__cta-col {
    grid-column: 1;
  }
}
.page-about__cta-kicker {
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 4px;
}
.page-about__cta-title {
  font-size: 32px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 500;
  text-wrap: pretty;
  color: #000;
  max-width: 460px;
  margin: 0;
}
.page-about__cta-title em {
  font-style: normal;
  color: rgba(0, 0, 0, 0.55);
}
@media (max-width: 1023px) {
  .page-about__cta-title {
    font-size: 26px;
    max-width: none;
  }
}
.page-about__cta-sub {
  display: block;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.5;
  max-width: 480px;
}
.page-about__cta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: center;
}
@media (max-width: 1023px) {
  .page-about__cta-list {
    align-self: start;
    grid-column: 1;
  }
}
.page-about__cta-list-item {
  display: grid;
  grid-template-columns: 22px 1fr;
  column-gap: 14px;
  align-items: center;
  font-size: 16px;
  line-height: 1.45;
  color: #000;
  font-weight: 500;
}
.page-about__cta-list-check {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.page-about__cta-list-check svg {
  color: var(--pa-main);
  width: 12px;
  height: 12px;
}
.page-about__cta-actions {
  grid-column: 1/3;
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .page-about__cta-actions {
    flex-direction: column;
    align-items: stretch;
    grid-column: 1;
  }
}
.page-about__cta-fineprint {
  grid-column: 1/3;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.55);
  max-width: 640px;
  margin-top: -16px;
}
@media (max-width: 1023px) {
  .page-about__cta-fineprint {
    grid-column: 1;
    margin-top: 0;
  }
}
.page-about .page-about__cta .page-about__btn-black {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #000;
  color: #fff;
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  padding: 12px 30px;
  border-radius: 40px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.page-about .page-about__cta .page-about__btn-black svg {
  stroke: currentColor;
}
.page-about .page-about__cta .page-about__btn-black:hover, .page-about .page-about__cta .page-about__btn-black:focus {
  background: #fff;
  color: #000;
  border-color: #000;
}
.page-about .page-about__cta .page-about__btn-border {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: transparent;
  color: var(--pa-text);
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  padding: 12px 30px;
  border-radius: 40px;
  border: 1px solid var(--pa-text);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.page-about .page-about__cta .page-about__btn-border:hover, .page-about .page-about__cta .page-about__btn-border:focus {
  background: #000;
  color: #fff;
}

.m-xs {
  margin: 4px;
}

.m-sm {
  margin: 8px;
}

.m-md {
  margin: 16px;
}

.m-lg {
  margin: 20px;
}

.m-xl {
  margin: 32px;
}

.m-xxl {
  margin: 64px;
}

.m-0 {
  margin: 0;
}

.mt-xs {
  margin-top: 4px;
}

.mt-sm {
  margin-top: 8px;
}

.mt-md {
  margin-top: 16px;
}

.mt-lg {
  margin-top: 20px;
}

.mt-xl {
  margin-top: 32px;
}

.mt-xxl {
  margin-top: 64px;
}

.mt-0 {
  margin-top: 0;
}

.mb-xs {
  margin-bottom: 4px;
}

.mb-sm {
  margin-bottom: 8px;
}

.mb-md {
  margin-bottom: 16px;
}

.mb-lg {
  margin-bottom: 20px;
}

.mb-xl {
  margin-bottom: 32px;
}

.mb-xxl {
  margin-bottom: 64px;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-xs {
  margin-left: 4px;
}

.ml-sm {
  margin-left: 8px;
}

.ml-md {
  margin-left: 16px;
}

.ml-lg {
  margin-left: 20px;
}

.ml-xl {
  margin-left: 32px;
}

.ml-0 {
  margin-left: 0;
}

.mr-xs {
  margin-right: 4px;
}

.mr-sm {
  margin-right: 8px;
}

.mr-md {
  margin-right: 16px;
}

.mr-lg {
  margin-right: 20px;
}

.mr-xl {
  margin-right: 32px;
}

.mr-0 {
  margin-right: 0;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.p-xs {
  padding: 4px;
}

.p-sm {
  padding: 8px;
}

.p-md {
  padding: 16px;
}

.p-lg {
  padding: 20px;
}

.p-xl {
  padding: 32px;
}

.p-xxl {
  padding: 64px;
}

.p-0 {
  padding: 0;
}

.pt-xs {
  padding-top: 4px;
}

.pt-sm {
  padding-top: 8px;
}

.pt-md {
  padding-top: 16px;
}

.pt-lg {
  padding-top: 20px;
}

.pt-xl {
  padding-top: 32px;
}

.pt-0 {
  padding-top: 0;
}

.pb-xs {
  padding-bottom: 4px;
}

.pb-sm {
  padding-bottom: 8px;
}

.pb-md {
  padding-bottom: 16px;
}

.pb-lg {
  padding-bottom: 20px;
}

.pb-xl {
  padding-bottom: 32px;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-xs {
  padding-left: 4px;
}

.pl-sm {
  padding-left: 8px;
}

.pl-md {
  padding-left: 16px;
}

.pl-lg {
  padding-left: 20px;
}

.pl-0 {
  padding-left: 0;
}

.pr-xs {
  padding-right: 4px;
}

.pr-sm {
  padding-right: 8px;
}

.pr-md {
  padding-right: 16px;
}

.pr-lg {
  padding-right: 20px;
}

.pr-0 {
  padding-right: 0;
}

.px-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.px-md {
  padding-left: 16px;
  padding-right: 16px;
}

.px-lg {
  padding-left: 20px;
  padding-right: 20px;
}

.py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.text-bold {
  font-weight: 700;
}

.font-italic {
  font-style: italic;
}

.font-normal-style {
  font-style: normal;
}

.text-underline {
  text-decoration: underline;
}

.text-line-through {
  text-decoration: line-through;
}

.text-no-decoration {
  text-decoration: none;
}

.text-primary {
  color: #141414;
}

.text-secondary {
  color: #282828;
}

.text-light {
  color: #373737;
}

.text-muted {
  color: #999;
}

.text-danger {
  color: #ef4444;
}

.text-success {
  color: #10b981;
}

.text-warning {
  color: #f59e0b;
}

.text-white {
  color: #fff;
}

.bg-primary {
  background-color: #D9B648;
}

.bg-secondary {
  background-color: #d1d5db;
}

.bg-light {
  background-color: #f3f4f6;
}

.bg-dark {
  background-color: #141414;
}

.bg-white {
  background-color: #fff;
}

.bg-danger {
  background-color: #ef4444;
}

.bg-success {
  background-color: #10b981;
}

.bg-warning {
  background-color: #f59e0b;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-visible {
  overflow: visible;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.border {
  border: 1px solid #d1d5db;
}

.border-top {
  border-top: 1px solid #d1d5db;
}

.border-bottom {
  border-bottom: 1px solid #d1d5db;
}

.border-left {
  border-left: 1px solid #d1d5db;
}

.border-right {
  border-right: 1px solid #d1d5db;
}

.border-0 {
  border: none;
}

.rounded {
  border-radius: 8px;
}

.rounded-sm {
  border-radius: 4px;
}

.rounded-md {
  border-radius: 6px;
}

.rounded-lg {
  border-radius: 8px;
}

.rounded-full {
  border-radius: 9999px;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

.show-mobile {
  display: none;
}
@media (max-width: 768px) {
  .show-mobile {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

.show-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .show-tablet {
    display: block !important;
  }
}

@media (min-width: 1025px) {
  .hide-desktop {
    display: none !important;
  }
}

.show-desktop {
  display: none;
}
@media (min-width: 1025px) {
  .show-desktop {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .text-sm-mobile {
    font-size: 14px;
  }
}

@media (min-width: 1025px) {
  .text-lg-desktop {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .p-sm-mobile {
    padding: 8px;
  }
}

@media (min-width: 1025px) {
  .p-lg-desktop {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .grid-1-mobile {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .grid-2-tablet {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .grid-3-desktop {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .flex-col-mobile {
    flex-direction: column;
  }
}

@media (min-width: 1025px) {
  .flex-row-desktop {
    flex-direction: row;
  }
}

.safe-area-inset {
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  padding-top: max(20px, env(safe-area-inset-top));
  padding-bottom: max(20px, env(safe-area-inset-bottom));
}

@media (max-width: 768px) {
  html,
  body,
  .wrapper,
  .page-main,
  main {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }
  .container,
  [class*=container_] {
    max-width: 100%;
  }
  section,
  article,
  aside,
  form,
  fieldset,
  [class*=__wrapper],
  [class*=__content],
  [class*=__grid],
  [class*=__list],
  [class*=__body],
  [class*=-card],
  [class*=__card] {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
  }
  .hero__wrapper,
  .hero__content-wrapper,
  .hero__photo-wrapper,
  .inside-card,
  .products-item,
  .tariff-plan__item,
  .woocommerce,
  .woocommerce-page,
  .woocommerce form,
  .woocommerce-MyAccount-content {
    width: 100%;
    max-width: calc(100vw - 40px);
    box-sizing: border-box;
  }
  input,
  select,
  textarea,
  button,
  a,
  img,
  svg {
    max-width: 100%;
  }
  [class*=__btn],
  [class*=__button],
  [class*=__link],
  .follow_white-btn,
  .follow_dark-btn {
    min-width: 0;
    white-space: normal;
  }
  h1,
  .h1,
  h2,
  .h2,
  .hero__title,
  .section__title,
  .tariffs-hero__title,
  .wiki-hero__title,
  .archive-hero__title,
  .login-page__title,
  .woocommerce h1,
  .woocommerce h2 {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word;
  }
  .hero__title {
    font-size: clamp(26px, 7vw, 28px) !important;
    line-height: 1.08 !important;
  }
  .hero__subtitle {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
  .section__title,
  .tariffs-hero__title,
  .wiki-hero__title,
  .archive-hero__title {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.08;
  }
  .hero__btn-tg,
  .follow_white-btn,
  .follow_dark-btn {
    gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .hero__btn-tg svg,
  .follow_white-btn svg,
  .follow_dark-btn svg {
    flex: 0 0 auto;
  }
  .woocommerce form,
  .woocommerce form .form-row,
  .woocommerce input,
  .woocommerce button,
  .woocommerce-page form,
  .woocommerce-page input,
  .woocommerce-page button {
    width: 100%;
    max-width: 100%;
  }
}
.gro-container {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 32px;
  box-sizing: border-box;
}

.gro-container--content {
  max-width: 1200px;
}

.gro-container--reading {
  max-width: 720px;
}

.gro-container--bleed {
  max-width: 1600px;
}

.gro-container--full {
  max-width: none;
  padding-inline: 32px;
}

.gro-container--tight {
  padding-inline: 8px;
}

.gro-section {
  display: grid;
  grid-template-columns: [full-start] minmax(32px, 1fr) [content-start] minmax(0, 1920px) [content-end] minmax(32px, 1fr) [full-end];
}
.gro-section > * {
  grid-column: content;
  min-width: 0;
}
.gro-section > .full-bleed {
  grid-column: full;
}
.gro-section.gro-section--content {
  grid-template-columns: [full-start] minmax(32px, 1fr) [content-start] minmax(0, 1200px) [content-end] minmax(32px, 1fr) [full-end];
}
.gro-section.gro-section--reading {
  grid-template-columns: [full-start] minmax(32px, 1fr) [content-start] minmax(0, 720px) [content-end] minmax(32px, 1fr) [full-end];
}
.gro-section.gro-section--bleed {
  grid-template-columns: [full-start] minmax(32px, 1fr) [content-start] minmax(0, 1600px) [content-end] minmax(32px, 1fr) [full-end];
}

.gro-reading-rhythm > p,
.gro-reading-rhythm > ul,
.gro-reading-rhythm > ol,
.gro-reading-rhythm > dl,
.gro-reading-rhythm > blockquote,
.gro-reading-rhythm > h1,
.gro-reading-rhythm > h2,
.gro-reading-rhythm > h3,
.gro-reading-rhythm > h4,
.gro-reading-rhythm > h5,
.gro-reading-rhythm > h6 {
  max-width: 65ch;
}
.gro-reading-rhythm > figure,
.gro-reading-rhythm > .gro-lab__wrap,
.gro-reading-rhythm > .gro-mistakes__wrap,
.gro-reading-rhythm > .gro-questions,
.gro-reading-rhythm > .gro-route,
.gro-reading-rhythm > .solution-map,
.gro-reading-rhythm > .solutions-base,
.gro-reading-rhythm > .actions-card,
.gro-reading-rhythm > .attention-block,
.gro-reading-rhythm > .protocol,
.gro-reading-rhythm > .implementation-docs,
.gro-reading-rhythm > .helping-block,
.gro-reading-rhythm > .map-list,
.gro-reading-rhythm > .pillar-solutions__wrap,
.gro-reading-rhythm > .full-bleed {
  max-width: none;
}

.gro-cq {
  container-type: inline-size;
}

.section.hero > .container,
.section.hero > .container--padding-thin,
.section.hero > .container_padding_thin {
  max-width: none;
  padding-inline: 0;
}

.hero.hero--bleed > .container,
.hero.hero--bleed > [class*=container] {
  max-width: none;
  padding-inline: 0;
}

/* ====================================================================
   VARIANT-B Phase A blocks (2026-05-26) — minimal additions only.
   Reuse: .inside-card, .products-item, .start-item, .about__*,
          .section__title/subtitle, .btn-black, .btn-border, .section__link.
   ==================================================================== */
/* Hero CTA group (двойной CTA + tertiary TG) */
.hero__cta-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: stretch;
}

.hero__cta-group .hero__btn-tg,
.hero__cta-group .hero__btn-outline {
  flex: 1 1 auto;
  min-width: 0;
}

.hero__btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: var(--text_001);
  border: 1px solid var(--text_001);
  height: 88px;
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding: 0 40px;
  border-radius: 500px;
  transition: all 0.3s;
}

.hero__btn-outline:hover {
  background-color: var(--text_001);
  color: #fff;
}

.hero__tg-link {
  display: inline-block;
  color: var(--text_002);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  text-decoration: none;
  border-bottom: 1px dashed var(--text_002);
  padding-bottom: 2px;
  transition: color 0.3s, border-color 0.3s;
}

.hero__tg-link:hover {
  color: var(--text_001);
  border-bottom-color: var(--text_001);
}

@media (max-width: 1440px) {
  .hero__btn-outline {
    font-size: 20px;
    height: 72px;
    padding: 0 28px;
  }
  .hero__tg-link {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .hero__cta-group {
    flex-direction: column;
    gap: 12px;
  }
  .hero__btn-outline {
    font-size: 16px;
    height: 56px;
    padding: 0 15px;
    width: 100%;
  }
  .hero__tg-link {
    font-size: 14px;
    display: block;
    margin-top: 4px;
  }
}
/* B1 Manifesto — крупная цитата по центру (не карточка) */
.manifesto__quote {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.manifesto__quote p {
  color: var(--text_001);
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  margin-bottom: 24px;
}

.manifesto__author {
  font-size: 19px;
  color: var(--text_002);
  font-weight: 400;
}

@media (max-width: 768px) {
  .manifesto__quote p {
    font-size: 22px;
  }
  .manifesto__author {
    font-size: 16px;
  }
}
/* B2 Structure — счётчики (карточка-токены темы: white + 24px radius + 44px padding) */
.structure__counters {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 56px;
}

.structure__counter {
  background-color: #fff;
  border-radius: 24px;
  padding: 44px;
  text-align: center;
}

.structure__counter-num {
  font-weight: 500;
  font-size: 94px;
  line-height: 98%;
  color: var(--text_001);
  margin-bottom: 8px;
}

.structure__counter-label {
  font-size: 26px;
  color: var(--text_002);
  font-weight: 400;
  line-height: 140%;
}

@media (max-width: 1440px) {
  .structure__counter {
    padding: 28px;
  }
  .structure__counter-num {
    font-size: 72px;
  }
  .structure__counter-label {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .structure__counters {
    grid-template-columns: 1fr;
  }
  .structure__counter-num {
    font-size: 56px;
  }
  .structure__counter-label {
    font-size: 16px;
  }
}
/* B2 Structure — pillar-карточки переиспользуют .inside-card, плюс мелочи */
.structure__pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.structure__pillars .inside-card {
  min-height: 220px;
}

.pillar-card__jtbd {
  font-size: 19px;
  color: var(--text_002);
  line-height: 140%;
  margin-top: 12px;
}

.pillar-card__count {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
  border-top: 1px solid #eee;
  padding-top: 16px;
}

@media (max-width: 768px) {
  .structure__pillars {
    grid-template-columns: 1fr;
  }
}
/* B6 Pillar-preview — карточка по правилам темы (.inside-card-like) */
.pillar-preview__card {
  background-color: #fff;
  border-radius: 24px;
  padding: 44px;
  max-width: 820px;
  margin: 0 auto;
}

.pillar-preview__meta {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  color: var(--text_002);
  flex-wrap: wrap;
}

.pillar-preview__pillar {
  background-color: #f5f5f5;
  padding: 6px 16px;
  border-radius: 100px;
  color: var(--text_001);
  font-weight: 500;
}

.pillar-preview__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 128%;
  color: var(--text_001);
  margin-bottom: 28px;
}

.pillar-preview__toc {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.pillar-preview__toc li {
  padding: 14px 0 14px 28px;
  border-bottom: 1px solid #eee;
  font-size: 19px;
  color: var(--text_001);
  position: relative;
}

.pillar-preview__toc li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--text_002);
}

@media (max-width: 768px) {
  .pillar-preview__card {
    padding: 24px;
  }
  .pillar-preview__title {
    font-size: 24px;
  }
  .pillar-preview__toc li {
    font-size: 16px;
  }
}
/* B7 FAQ на главной — переехал в .gro-faq (систему v3), см. scss/pages/_homepage-v3.scss.
   Старый .faq__* удалён 2026-06-05 (использовался только front-page.php). */
/* B8 Final-CTA — тёмный wrapper, кнопки переиспользуют .btn-black/.btn-border (inverted) */
.final-cta__wrapper {
  background-color: var(--text_001);
  color: #fff;
  border-radius: 24px;
  padding: 88px 44px;
  text-align: center;
}

.final-cta__title {
  color: #fff;
  font-weight: 500;
  font-size: 72px;
  line-height: 98%;
  margin-bottom: 16px;
}

.final-cta__text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 26px;
  line-height: 140%;
  margin-bottom: 40px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.final-cta__buttons {
  display: inline-flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.final-cta__wrapper .hero__btn-tg {
  background-color: #fff;
  color: var(--text_001);
  border-color: #fff;
}

.final-cta__wrapper .hero__btn-tg:hover {
  background-color: transparent;
  color: #fff;
  outline: 1px solid #fff;
}

.final-cta__wrapper .hero__btn-outline {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.final-cta__wrapper .hero__btn-outline:hover {
  background-color: #fff;
  color: var(--text_001);
}

@media (max-width: 1440px) {
  .final-cta__wrapper {
    padding: 56px 28px;
  }
  .final-cta__title {
    font-size: 56px;
  }
  .final-cta__text {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .final-cta__wrapper {
    padding: 32px 20px;
    border-radius: 16px;
  }
  .final-cta__title {
    font-size: 32px;
  }
  .final-cta__text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .final-cta__buttons {
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }
  .final-cta__buttons a {
    width: 100%;
  }
}
/* ==================== /VARIANT-B blocks ==================== */
/* ====================================================================
   NEW-DESIGN BLOCK «Структура, а не лента» (слайдер, от дизайнера 2026-05-29)
   Токены скоупнуты в .gro-structure — НЕ трогают глобальные стили темы.
   ==================================================================== */
.gro-structure {
  /* scoped tokens (из colors_and_type.css дизайнера, локально) */
  --gs-space-1: 8px;
  --gs-space-2: 16px;
  --gs-space-4: 24px;
  --gs-space-5: 28px;
  --gs-space-6: 32px;
  --gs-space-7: 36px;
  --gs-space-8: 40px;
  --gs-space-10: 48px;
  --gs-space-12: 64px;
  --gs-green:#A0E870;
  --gs-pink:#D6B0F7;
  --gs-blue:#9FE1E1;
  --gs-main:#D9B648;
  --gs-extra:#E8D491;
  --gs-extra2:#C4C9A3;
  --gs-soft:#DEF2ED;
  --gs-t1:#303030;
  --gs-t2:#525252;
  --gs-t3:#AAA8A8;
  --gs-border:#C4C2BC;
  max-width: 1920px;
  margin: 0 auto 88px;
  padding: 64px 36px;
  font-family: "Golos Text", sans-serif;
  color: var(--gs-t1);
}

.gro-structure__head {
  margin-bottom: 32px;
}

.gro-structure__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  color: var(--gs-t1);
}

.gro-structure__subtitle {
  font-size: 20px;
  line-height: 1.4;
  color: var(--gs-t2);
  margin: 0;
  max-width: 640px;
}

.gro-structure__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 64px;
  align-items: baseline;
  padding: 32px 0;
  margin-bottom: 32px;
  border-top: 1px solid var(--gs-border);
  border-bottom: 1px solid var(--gs-border);
}

.gro-metric {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.gro-metric__num {
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
}

.gro-metric__label {
  font-size: 18px;
  color: var(--gs-t2);
}

.gro-structure__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.gro-structure__hint {
  font-size: 14px;
  color: var(--gs-t2);
}

.gro-structure__nav {
  display: flex;
  gap: 8px;
}

.gro-nav-btn {
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: transparent;
  color: var(--text_001);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.gro-nav-btn:hover {
  background: var(--bg-01);
  border-color: var(--text_003);
}

.gro-nav-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

.gro-structure__viewport {
  margin: 0 -36px;
  padding: 0 36px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.gro-structure__viewport::-webkit-scrollbar {
  display: none;
}

.gro-structure__track {
  display: flex;
  gap: 16px;
  padding-bottom: 8px;
}

.gro-dir {
  flex: 0 0 360px;
  background: #fff;
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-decoration: none;
  color: var(--gs-t1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gro-dir:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.gro-dir__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gro-dir__dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.gro-dir__index {
  font-size: 14px;
  color: var(--gs-t3);
}

.gro-dir__name {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin: 0 0 6px;
}

.gro-dir__desc {
  font-size: 14px;
  color: var(--gs-t2);
  line-height: 1.35;
  margin: 0;
}

.gro-dir__stats {
  display: flex;
  gap: 24px;
}

.gro-dir__stat {
  display: flex;
  flex-direction: column;
}

.gro-dir__stat-num {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
}

.gro-dir__stat-label {
  font-size: 14px;
  color: var(--gs-t2);
  margin-top: 4px;
}

.gro-structure__footer {
  margin-top: 48px;
  display: flex;
  justify-content: center;
}

.gro-structure .gro-btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 72px;
  padding: 0 36px;
  border-radius: 500px;
  background: var(--text_001);
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: 0.2s ease;
}

.gro-structure .gro-btn:hover {
  background: #fff;
  color: var(--text_001);
  box-shadow: inset 0 0 0 1px var(--text_001);
}

@media (max-width: 768px) {
  .gro-structure {
    padding: 40px 20px;
  }
  .gro-structure__title {
    font-size: 32px;
  }
  .gro-metric__num {
    font-size: 48px;
  }
  .gro-structure__metrics {
    gap: 32px;
  }
  .gro-dir {
    flex: 0 0 280px;
  }
}
/* ==================== /NEW-DESIGN Структура ==================== */
/* ====================================================================
   NEW-DESIGN BLOCK «Три точки входа» (Bento, дизайнер 2026-05-30)
   Скоуп --ge-* — НЕ влияет на глобальные стили темы.
   ==================================================================== */
.gro-entry {
  --ge-space-1: 8px;
  --ge-space-2: 16px;
  --ge-space-4: 24px;
  --ge-space-5: 28px;
  --ge-space-6: 32px;
  --ge-space-7: 36px;
  --ge-space-9: 44px;
  --ge-space-12: 64px;
  --ge-main: #D9B648;
  --ge-dark: #303030;
  --ge-dark-bg: #282828;
  --ge-dark-t2: #AFAFAF;
  --ge-t1: #303030;
  --ge-t2: #525252;
  --ge-bg00: #F4F3F0;
  max-width: 1920px;
  margin: 0 auto 88px;
  padding: 64px 36px;
  font-family: "Golos Text", sans-serif;
  color: var(--ge-t1);
}

.gro-entry__head {
  margin-bottom: 32px;
}

.gro-entry__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  color: var(--ge-t1);
}

.gro-entry__subtitle {
  font-size: 20px;
  line-height: 1.4;
  color: var(--ge-t2);
  margin: 0;
  max-width: 640px;
}

.gro-entry__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.gro-entry__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gro-feature {
  background: var(--ge-dark);
  color: #fff;
  border-radius: 24px;
  padding: 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 380px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gro-feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
} /* PROTECTED 2026-06-04 — handoff усиленная тень */
.gro-feature__badge {
  display: inline-flex;
  align-self: flex-start;
  background: var(--ge-dark-bg);
  color: var(--ge-main);
  padding: 6px 14px;
  border-radius: 500px;
  font-size: 14px;
  font-weight: 500;
}

.gro-feature__title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.02;
  margin: 24px 0 16px;
  color: #fff;
}

.gro-feature__desc {
  font-size: 20px;
  line-height: 1.4;
  color: var(--ge-dark-t2);
  margin: 0;
  max-width: 460px;
}

.gro-feature__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--ge-dark-bg);
  padding-top: 24px;
  margin-top: 24px;
}

.gro-feature__price {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.gro-feature__price-note {
  font-size: 15px;
  color: var(--ge-dark-t2);
  margin-left: 8px;
}

.gro-mini {
  background: #fff;
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
  text-decoration: none;
  color: var(--ge-t1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gro-mini:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.gro-mini__title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--ge-t1);
}

.gro-mini__desc {
  font-size: 15px;
  line-height: 1.4;
  color: var(--ge-t2);
  margin: 0;
  flex: 1;
}

.gro-mini__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gro-mini__price {
  font-size: 16px;
  font-weight: 500;
  color: var(--ge-t1);
}

.gro-entry .gro-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 28px;
  border-radius: 500px;
  background: #fff;
  color: var(--ge-t1);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: background 0.2s ease;
}

.gro-entry .gro-btn:hover {
  background: var(--ge-bg00);
}

.gro-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--ge-dark);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 14px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.gro-mini:hover .gro-arrow {
  transform: translateX(3px);
}

/* ===== Лестница «Три точки входа» — выровнено по исходнику Claude Design 2026-06-05 =====
   Эталон: handoff index.html (.gro-ladder/.gro-step). Центр (Карта профиля 390₽) —
   акцентная жёлтая карточка крупнее боковых: title 56px, price 88px, glow, приподнята.
   Боковые — белые 40px-заголовки с кикером и подчёркнутой ссылкой. */
.gro-entry__ladder {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 20px;
  align-items: stretch;
}

.gro-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  padding: 36px;
  text-decoration: none;
  color: var(--text_001);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gro-step--free, .gro-step--sub {
  background: #fff;
  box-shadow: 0 0 0 1px var(--border-02);
}

.gro-step--free:hover, .gro-step--sub:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(48, 48, 48, 0.08), 0 0 0 1px var(--border-02);
}

.gro-step--primary {
  background: var(--main);
  color: var(--text_001);
  padding: 44px 36px 40px;
  box-shadow: 0 20px 48px rgba(217, 182, 72, 0.32);
}

.gro-step--primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 60px rgba(217, 182, 72, 0.42);
}

.gro-step__num {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--text_003);
}

.gro-step--primary .gro-step__num {
  color: var(--text_001);
  opacity: 0.45;
}

.gro-step__kicker {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text_002);
  margin-top: -12px;
}

.gro-step--primary .gro-step__kicker {
  color: var(--text_001);
  opacity: 0.7;
}

.gro-step__title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.02;
  margin: 0;
  color: var(--text_001);
}

.gro-step--primary .gro-step__title {
  font-size: 56px;
}

.gro-step__desc {
  font-size: 18px;
  line-height: 1.4;
  color: var(--text_002);
  margin: 0;
  flex: 1;
}

.gro-step--primary .gro-step__desc {
  color: var(--text_001);
  opacity: 0.82;
  font-size: 20px;
  max-width: 480px;
}

/* free/sub — подчёркнутая ссылка (НЕ кнопка) */
.gro-step__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
  border-bottom: 1.5px solid var(--text_001);
  padding-bottom: 3px;
  transition: color 0.15s, border-color 0.15s, transform 0.15s;
}

.gro-step__cta:hover {
  color: var(--text_002);
  border-color: var(--text_002);
  transform: translateX(2px);
}

/* центральная — кнопка-пилюля */
.gro-step__cta--primary {
  border-bottom: 0;
  padding: 0 36px;
  height: 64px;
  margin-top: 8px;
  justify-content: center;
  border-radius: 500px;
  background: var(--text_001);
  color: #fff;
  transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}

.gro-step__cta--primary:hover {
  background: var(--text_002);
  color: #fff;
  border: 0;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(48, 48, 48, 0.24);
}

.gro-step__badge {
  position: absolute;
  top: -18px;
  left: 36px;
  display: inline-flex;
  align-items: center;
  background: var(--text_001);
  color: #fff;
  padding: 10px 20px;
  border-radius: 500px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  box-shadow: 0 6px 16px rgba(48, 48, 48, 0.18);
}

.gro-step__price-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.gro-step__price {
  font-size: 88px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--text_001);
}

.gro-step__price-note, .gro-step__note {
  font-size: 14px;
  font-weight: 400;
  color: var(--text_001);
  opacity: 0.6;
}

@media (max-width: 900px) {
  .gro-entry__ladder {
    grid-template-columns: 1fr;
  }
  .gro-step__title, .gro-step--primary .gro-step__title {
    font-size: 32px;
  }
  .gro-step__price {
    font-size: 64px;
  }
  .gro-step--primary {
    padding: 36px 28px 32px;
  }
}
@media (max-width: 768px) {
  .gro-entry {
    padding: 40px 20px;
  }
  .gro-entry__title {
    font-size: 32px;
  }
  .gro-entry__grid {
    grid-template-columns: 1fr;
  }
  .gro-feature {
    padding: 28px;
    min-height: 0;
  }
  .gro-feature__title {
    font-size: 28px;
  }
  .gro-feature__desc {
    font-size: 16px;
  }
  .gro-mini {
    padding: 24px;
  }
}
/* ==================== /NEW-DESIGN Bento «Три точки входа» ==================== */
/* ====================================================================
   HOMEPAGE v3 (handoff 2026-06-04)
   ====================================================================
   Источник: design_handoff_gro_landing — 6 блоков:
   1. Hero        .hx-hero-r6  (новый: H1 + CTA + social-proof + 19 chips + SVG graph)
   2. Структура   .gro-structure  → в _homepage-variants.scss (без изменений)
   3. Pillar Wiki .gro-pillar  (новый: 5 табов с интерактивным переключением)
   4. Bento       .gro-entry  → в _homepage-variants.scss (без изменений)
   5. Тарифы      .gro-pricing  (новый: 2 plan с бейджем "Сэкономьте 1490₽")
   6. Footer      .gro-footer  (новый: Light Premium)

   Все правила скоупнуты под классы блоков, без global selectors. Mobile
   — стандартный @media (max-width: 768px).
   ==================================================================== */
/* ============================================================
   1. HERO  .hx-hero-r6
   ============================================================ */
.hx-hero-r6 {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: var(--font-family-base, "Golos Text", sans-serif);
}

.hx-hero-r6__inner {
  display: grid;
  grid-template-columns: 1fr 800px;
  gap: 64px;
  align-items: start;
  padding: 72px 64px 56px;
  box-sizing: border-box;
}

.hx-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 760px;
}

.hx-left__h1 {
  font-size: 72px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--text_001, #303030);
  margin: 0;
  text-wrap: balance;
}

.hx-left__sub {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--text_001, #303030);
  margin: 0;
  max-width: 680px;
}

.hx-left__cta-wrap {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 8px;
}

.hx-cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 80px;
  padding: 0 40px;
  border-radius: 500px;
  background: var(--text_001, #303030);
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  transition: background 0.2s, box-shadow 0.2s, color 0.2s;
}

.hx-cta:hover {
  background: #fff;
  color: var(--text_001, #303030);
  box-shadow: inset 0 0 0 1px var(--text_001, #303030);
}

.hx-cta:focus-visible {
  outline: 3px solid var(--main, #D9B648);
  outline-offset: 3px;
}

.hx-cta--outline {
  background: transparent;
  color: var(--text_001, #303030);
  box-shadow: inset 0 0 0 1px var(--border, #C4C2BC);
  height: 64px;
  padding: 0 28px;
  font-size: 18px;
}

.hx-cta--outline:hover {
  background: var(--text_001, #303030);
  color: #fff;
  box-shadow: none;
}

.hx-hero-tariff-link {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text_002, #525252);
  text-decoration: none;
  transition: color 0.2s;
}

.hx-hero-tariff-link:hover {
  color: var(--text_001, #303030);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.hx-social-proof {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text_003, #AAA8A8);
  margin: 0;
}

.hx-social-proof__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green, #A0E870);
  flex-shrink: 0;
  animation: hx-pulse 2s ease-in-out infinite;
}

@keyframes hx-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
/* Chips (теги-симптомы) */
.hx-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-content: center;
}

.hx-chip {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 11px 20px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001, #303030);
  background: #fff;
  border: 1px solid var(--border-02, #D2D0CB);
  text-decoration: none;
  transition: background 0.2s, transform 0.2s, color 0.2s, border-color 0.2s;
}

.hx-chip:hover {
  background: var(--main, #D9B648);
  transform: translateY(-2px);
  border-color: var(--main, #D9B648);
}

.hx-chip--big {
  padding: 14px 24px;
  font-size: 19px;
}

.hx-chip--accent {
  background: var(--main, #D9B648);
  border-color: var(--main, #D9B648);
  color: var(--text_001, #303030);
}

/* Hybrid: chips overlay поверх обсидиановского графа */
.hx-hybrid {
  position: relative;
}

.hx-hybrid__lines-wrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.hx-hybrid__lines {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.hx-hybrid__chips {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-content: flex-start;
  max-width: 720px;
  padding-top: 8px;
}

/* Graph hover (Obsidian-like) */
.hx-graphsvg .hx-node {
  transform-box: fill-box;
  transform-origin: center;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.hx-graphsvg .hx-node:hover,
.hx-graphsvg .hx-node.is-hot {
  transform: scale(1.55);
}

.hx-graphsvg .hx-edge {
  transition: stroke 0.15s ease, opacity 0.15s ease;
}

.hx-graphsvg .hx-edge.is-hot {
  stroke: var(--text_002, #525252);
  opacity: 1;
}

@media (max-width: 1280px) {
  .hx-hero-r6__inner {
    grid-template-columns: 1fr 600px;
    gap: 40px;
    padding: 56px 40px 40px;
  }
  .hx-left__h1 {
    font-size: 56px;
  }
  .hx-left__sub {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .hx-hero-r6__inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 20px 48px;
    min-height: 0;
  }
  .hx-left {
    gap: 24px;
  }
  .hx-left__h1 {
    font-size: 40px;
    line-height: 0.96;
  }
  .hx-left__sub {
    font-size: 18px;
  }
  .hx-cta {
    height: 60px;
    padding: 0 28px;
    font-size: 17px;
    width: 100%;
    justify-content: center;
  }
  .hx-hybrid {
    min-height: 0;
  }
  .hx-hybrid__lines-wrap {
    display: none;
  }
  .hx-hybrid__chips {
    min-height: 0;
    gap: 8px;
  }
  .hx-chip {
    padding: 9px 16px;
    font-size: 14px;
  }
  .hx-chip--big {
    padding: 11px 18px;
    font-size: 16px;
  }
}
/* ============================================================
   3. PILLAR  .gro-pillar (5 табов с переключением)
   ============================================================ */
.gro-pillar {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 64px 36px;
  font-family: var(--font-family-base, "Golos Text", sans-serif);
}

.gro-pillar__head {
  margin-bottom: 40px;
}

.gro-pillar__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  color: var(--text_001, #303030);
}

.gro-pillar__subtitle {
  font-size: 20px;
  line-height: 1.4;
  color: var(--text_002, #525252);
  margin: 0;
  max-width: 640px;
}

.gro-pillar__tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}

.gro-pillar__tab {
  height: 44px;
  padding: 0 20px;
  border-radius: 500px;
  border: 1px solid var(--border, #C4C2BC);
  background: transparent;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_002, #525252);
  cursor: pointer;
  transition: all 0.18s ease;
}

.gro-pillar__tab:hover {
  background: var(--bg-01, #E7E5DF);
  color: var(--text_001, #303030);
}

.gro-pillar__tab.is-active {
  background: var(--text_001, #303030);
  color: #fff;
  border-color: var(--text_001, #303030);
}

.gro-pillar__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}

/* TOC card (left) */
.gro-toc {
  background: #fff;
  border-radius: 24px;
  padding: 44px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.gro-toc__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.gro-toc__chip {
  display: inline-flex;
  background: var(--bg-00, #F4F3F0);
  padding: 8px 18px;
  border-radius: 500px;
  font-size: 16px;
  font-weight: 500;
}

.gro-toc__time {
  font-size: 16px;
  color: var(--text_002, #525252);
}

.gro-toc__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.28;
  margin: 0;
  text-wrap: pretty;
}

.gro-toc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--border-02, #D2D0CB);
  flex: 1;
}

.gro-toc__list li {
  display: flex;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--border-02, #D2D0CB);
  font-size: 20px;
  line-height: 1.4;
}

.gro-toc__list .arr {
  color: var(--text_003, #AAA8A8);
  flex-shrink: 0;
}

.gro-toc__cta {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 24px;
}

/* Browser window (right) */
.gro-window {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  min-height: 720px;
  box-shadow: 0 0 0 1.5px var(--border-02, #D2D0CB);
}

.gro-window__bar {
  background: var(--bg-02, #DEDBD3);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--border-02, #D2D0CB);
}

.gro-window__dots {
  display: flex;
  gap: 6px;
}

.gro-window__dots span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.gro-window__url {
  flex: 1;
  height: 28px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 12px;
  color: var(--text_002, #525252);
}

.gro-article {
  padding: 40px;
}

.gro-article__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  color: var(--text_002, #525252);
}

.gro-article__crumbs .sep {
  opacity: 0.5;
}

.gro-article__chip {
  display: inline-flex;
  align-items: center;
  background: var(--bg-00, #F4F3F0);
  padding: 6px 14px;
  border-radius: 500px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
}

.gro-article__h1 {
  font-size: 44px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  max-width: 540px;
}

.gro-article__lead {
  font-size: 17px;
  line-height: 1.5;
  color: var(--text_002, #525252);
  max-width: 520px;
  margin: 0 0 32px;
}

.gro-article__h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin: 0 0 16px;
}

.gro-article__ol {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 520px;
}

.gro-article__ol li {
  display: flex;
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid var(--border-02, #D2D0CB);
  font-size: 15px;
}

.gro-article__ol li:first-child {
  border-top: 0;
}

.gro-article__ol .n {
  color: var(--main, #D9B648);
  font-weight: 600;
  width: 28px;
}

.gro-window__fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  background: linear-gradient(transparent, #fff);
  pointer-events: none;
}

/* Paywall overlay (на pillar/solution/route — не на map/lk) */
.gro-paywall {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 44px 40px 32px;
  background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.85) 35%, #fff 60%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.gro-paywall__text {
  font-size: 16px;
  color: var(--text_002, #525252);
  margin: 0;
  line-height: 1.5;
  max-width: 520px;
}

.gro-paywall__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 52px;
  padding: 0 28px;
  border-radius: 500px;
  background: var(--text_001, #303030);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: 0.2s;
}

.gro-paywall__cta:hover {
  background: var(--text_001, #303030);
}

/* Solution steps / Route steps / Test UI / LK mock — inside .gro-article */
.gro-solution-steps {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}

.gro-solution-step {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--border-02, #D2D0CB);
  font-size: 15px;
  line-height: 1.4;
  color: var(--text_001, #303030);
}

.gro-solution-step:last-child {
  border-bottom: 0;
}

.gro-solution-step__icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-size: 13px;
  margin-top: 1px;
}

.gro-solution-step--done .gro-solution-step__icon {
  background: var(--green, #A0E870);
  color: var(--text_001, #303030);
}

.gro-solution-step--locked .gro-solution-step__icon {
  background: var(--bg-01, #E7E5DF);
  color: var(--text_003, #AAA8A8);
}

.gro-solution-step--locked span {
  color: var(--text_003, #AAA8A8);
}

.gro-route-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.gro-route-progress__label {
  font-size: 13px;
  color: var(--text_002, #525252);
  white-space: nowrap;
}

.gro-route-bar {
  flex: 1;
  height: 4px;
  background: var(--bg-01, #E7E5DF);
  border-radius: 4px;
  overflow: hidden;
}

.gro-route-bar__fill {
  height: 100%;
  background: var(--main, #D9B648);
  width: 14%;
}

.gro-route-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gro-route-step {
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--bg-00, #F4F3F0);
  font-size: 14px;
  color: var(--text_001, #303030);
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

.gro-route-step span:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gro-route-step--active {
  background: var(--text_001, #303030);
  color: #fff;
}

.gro-route-step--locked {
  color: var(--text_003, #AAA8A8);
  opacity: 0.55;
}

.gro-route-step__num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.15);
}

.gro-route-step--active .gro-route-step__num {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.gro-route-step:not(.gro-route-step--active) .gro-route-step__num {
  background: var(--border-02, #D2D0CB);
  color: var(--text_002, #525252);
}

.gro-test-progress-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.gro-test-count {
  font-size: 13px;
  color: var(--text_002, #525252);
  white-space: nowrap;
}

.gro-test-bar {
  flex: 1;
  height: 4px;
  background: var(--bg-01, #E7E5DF);
  border-radius: 4px;
  overflow: hidden;
}

.gro-test-bar__fill {
  height: 100%;
  background: var(--main, #D9B648);
  width: 25%;
}

.gro-test-q {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  margin: 0 0 28px;
}

.gro-test-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gro-test-option {
  padding: 14px 18px;
  border-radius: 12px;
  border: 1.5px solid var(--border-02, #D2D0CB);
  font-size: 15px;
  color: var(--text_001, #303030);
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.gro-test-option--selected {
  border-color: var(--text_001, #303030);
  background: var(--bg-00, #F4F3F0);
  font-weight: 500;
}

.gro-test-option__dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--border, #C4C2BC);
  flex-shrink: 0;
}

.gro-test-option--selected .gro-test-option__dot {
  border-color: var(--text_001, #303030);
  background: var(--text_001, #303030);
}

.gro-wiki-type-desc {
  font-size: 18px;
  line-height: 1.5;
  color: var(--text_002, #525252);
  margin: 0 0 20px;
}

.gro-wiki-type-props {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--border-02, #D2D0CB);
  flex: 1;
}

.gro-wiki-type-props li {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-02, #D2D0CB);
  font-size: 16px;
  line-height: 1.4;
}

.gro-wiki-type-props .badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

.gro-wiki-type-props .badge--free {
  background: var(--soft-green, #DEF2ED);
  color: #1a5c4a;
}

.gro-wiki-type-props .badge--paid {
  background: var(--bg-01, #E7E5DF);
  color: var(--text_002, #525252);
}

/* LK mockup (личный кабинет) */
.gro-lk-mock {
  display: flex;
  height: 100%;
  min-height: 480px;
  margin: -40px;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
}

.gro-lk-sidebar {
  width: 200px;
  flex-shrink: 0;
  background: var(--bg-00, #F4F3F0);
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-02, #D2D0CB);
}

.gro-lk-user {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.gro-lk-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-01, #E7E5DF);
  flex-shrink: 0;
}

.gro-lk-user__info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.gro-lk-user__name {
  font-size: 12px;
  font-weight: 600;
  color: var(--text_001, #303030);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gro-lk-user__email {
  font-size: 10px;
  color: var(--text_003, #AAA8A8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gro-lk-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.gro-lk-nav__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 13px;
  color: var(--text_002, #525252);
  text-decoration: none;
  transition: background 0.15s;
}

.gro-lk-nav__item:hover {
  background: var(--bg-01, #E7E5DF);
  color: var(--text_001, #303030);
}

.gro-lk-nav__item--active {
  background: var(--text_001, #303030);
  color: #fff;
  font-weight: 500;
}

.gro-lk-nav__icon {
  font-size: 14px;
  opacity: 0.6;
}

.gro-lk-nav__item--active .gro-lk-nav__icon {
  opacity: 1;
}

.gro-lk-wiki-btn {
  display: block;
  text-align: center;
  margin-top: auto;
  padding: 8px 12px;
  border-radius: 10px;
  background: var(--bg-01, #E7E5DF);
  color: var(--text_002, #525252);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.15s;
}

.gro-lk-wiki-btn:hover {
  background: var(--bg-02, #DEDBD3);
}

.gro-lk-content {
  flex: 1;
  padding: 24px;
  overflow: hidden;
  background: var(--bg-02, #DEDBD3);
}

.gro-lk-section-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--text_001, #303030);
  margin: 0 0 8px;
}

.gro-lk-pulse {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 8px;
}

.gro-lk-pulse-card {
  background: #fff;
  border-radius: 10px;
  padding: 10px 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gro-lk-pulse-card__val {
  font-size: 14px;
  font-weight: 600;
  color: var(--text_001, #303030);
}

.gro-lk-pulse-card__label {
  font-size: 10px;
  color: var(--text_003, #AAA8A8);
}

.gro-lk-insight {
  font-size: 11px;
  color: var(--text_002, #525252);
  padding: 6px 10px;
  background: var(--bg-00, #F4F3F0);
  border-radius: 8px;
  margin-bottom: 10px;
}

.gro-lk-quote {
  border: 1px solid var(--main, #D9B648);
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 4px;
}

.gro-lk-quote__tag {
  font-size: 10px;
  font-weight: 600;
  color: var(--main, #D9B648);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.gro-lk-quote__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text_001, #303030);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gro-lk-step-card {
  background: var(--text_001, #303030);
  border-radius: 12px;
  padding: 14px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
}

.gro-lk-step-card__head {
  display: flex;
  align-items: center;
}

.gro-lk-step-card__title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.03em;
}

.gro-lk-step-card__sub {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gro-lk-step-card__tag {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 20px;
  flex-shrink: 0;
}

.gro-lk-step-card__hint {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
}

.gro-lk-step-card__foot {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-top: 2px;
}

.gro-lk-progress-wrap {
  flex: 1;
}

.gro-lk-progress-label {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 5px;
}

.gro-lk-progress-bar {
  height: 6px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  overflow: hidden;
}

.gro-lk-progress-fill {
  height: 100%;
  width: 55%;
  background: var(--main, #D9B648);
  border-radius: 20px;
}

.gro-lk-step-card__btn {
  background: var(--main, #D9B648);
  color: var(--text_001, #303030);
  font-size: 11px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 20px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: 0.15s;
}

.gro-lk-step-card__btn:hover {
  background: var(--extra_bg, #E8D491);
}

.gro-lk-wiki-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 10px;
}

.gro-lk-wiki-card {
  background: #fff;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.gro-lk-wiki-card__tag {
  display: inline-flex;
  align-self: flex-start;
  background: var(--extra_bg_2, #C4C9A3);
  color: var(--text_001, #303030);
  font-size: 9px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gro-lk-wiki-card__title {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text_001, #303030);
}

.gro-lk-wiki-card__meta {
  font-size: 10px;
  color: var(--text_003, #AAA8A8);
}

.gro-lk-enough {
  display: inline-block;
  background: var(--bg-01, #E7E5DF);
  color: var(--text_002, #525252);
  font-size: 12px;
  padding: 7px 16px;
  border-radius: 20px;
  margin-top: 4px;
}

@media (max-width: 1024px) {
  .gro-pillar__grid {
    grid-template-columns: 1fr;
  }
  .gro-window {
    min-height: 540px;
  }
}
@media (max-width: 768px) {
  .gro-pillar {
    padding: 48px 20px;
  }
  .gro-pillar__title {
    font-size: 32px;
  }
  .gro-pillar__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .gro-pillar__tabs::-webkit-scrollbar {
    display: none;
  }
  .gro-pillar__tab {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .gro-toc {
    padding: 32px;
    gap: 20px;
  }
  .gro-toc__title {
    font-size: 28px;
  }
  .gro-article {
    padding: 24px;
  }
  .gro-article__h1 {
    font-size: 32px;
  }
  .gro-lk-mock {
    margin: -24px;
  }
  .gro-lk-sidebar {
    width: 140px;
    padding: 12px 10px;
  }
}
/* ============================================================
   5. PRICING  .gro-pricing
   ============================================================ */
.gro-pricing {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 64px 36px;
  font-family: var(--font-family-base, "Golos Text", sans-serif);
}

.gro-pricing__head {
  margin-bottom: 40px;
}

.gro-pricing__title {
  font-size: 56px;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0 0 16px;
  color: var(--text_001, #303030);
}

.gro-pricing__subtitle {
  font-size: 20px;
  line-height: 1.4;
  color: var(--text_002, #525252);
  margin: 0;
  max-width: 640px;
}

.gro-pricing__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.gro-plan {
  background: #fff;
  border-radius: 24px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.gro-plan__save {
  display: inline-flex;
  align-self: flex-start;
  background: var(--main, #D9B648);
  color: var(--text_001, #303030);
  padding: 8px 18px;
  border-radius: 500px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.005em;
  margin-bottom: 4px;
}

.gro-plan--annual {
  background: var(--text_001, #303030);
  color: #fff;
}

.gro-plan__label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text_003, #AAA8A8);
}

.gro-plan--annual .gro-plan__label {
  color: #666;
}

.gro-plan__name {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin: 4px 0 2px;
}

.gro-plan--annual .gro-plan__name {
  color: #fff;
}

.gro-plan__tagline {
  font-size: 16px;
  color: var(--text_002, #525252);
  margin-bottom: 4px;
}

.gro-plan--annual .gro-plan__tagline {
  color: #888;
}

.gro-plan__price {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.gro-plan__amount {
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
}

.gro-plan__period {
  font-size: 20px;
  color: var(--text_002, #525252);
}

.gro-plan--annual .gro-plan__period {
  color: #666;
}

.gro-plan__divider {
  height: 1px;
  background: var(--border-02, #D2D0CB);
  border: 0;
  margin: 0;
}

.gro-plan--annual .gro-plan__divider {
  background: rgba(255, 255, 255, 0.14);
}

.gro-plan__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}

.gro-plan__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 18px;
  line-height: 1.4;
}

.gro-plan__list .check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--main, #D9B648);
  flex-shrink: 0;
  display: grid;
  place-items: center;
  margin-top: 2px;
}

.gro-plan__list .check svg {
  width: 10px;
  height: 10px;
}

.gro-plan__list span {
  color: var(--text_001, #303030);
}

.gro-plan--annual .gro-plan__list span {
  color: #fff;
}

.gro-plan__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 72px;
  border-radius: 500px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: 0.2s ease;
  background: var(--text_001, #303030);
  color: #fff;
}

.gro-plan__cta:hover {
  background: var(--text_001, #303030);
}

.gro-plan--annual .gro-plan__cta {
  background: var(--main, #D9B648);
  color: var(--text_001, #303030);
}

.gro-plan--annual .gro-plan__cta:hover {
  background: var(--extra_bg, #E8D491);
}

@media (max-width: 768px) {
  .gro-pricing {
    padding: 48px 20px;
  }
  .gro-pricing__title {
    font-size: 32px;
  }
  .gro-pricing__grid {
    grid-template-columns: 1fr;
  }
  .gro-plan {
    padding: 28px;
  }
  .gro-plan__name {
    font-size: 32px;
  }
  .gro-plan__amount {
    font-size: 56px;
  }
  .gro-plan__cta {
    height: 60px;
    font-size: 16px;
  }
}
/* ============================================================
   6. FOOTER v3  .gro-footer  (Light Premium)
   ============================================================ */
.gro-footer {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 72px 0 32px;
  font-family: var(--font-family-base, "Golos Text", sans-serif);
}

.gro-footer__container {
  box-sizing: border-box;
  padding: 0 36px;
  margin: 0 auto;
}

/* Zone 1: brand row */
.gro-footer__brand {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}

.gro-footer__brand-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.gro-footer__logo {
  display: flex;
  align-items: center;
  color: var(--text_001, #303030);
}

.gro-footer__logo svg, .gro-footer__logo img {
  display: block;
  height: 56px;
  width: auto;
}

.gro-footer__tagline {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--text_001, #303030);
  max-width: 580px;
  margin: 0;
}

.gro-footer__tagline span {
  background: linear-gradient(180deg, transparent 60%, var(--main, #D9B648) 60%);
  padding: 0 2px;
}

.gro-footer__brand-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}

.gro-footer__email-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text_003, #AAA8A8);
}

.gro-footer__email {
  font-size: 24px;
  font-weight: 500;
  color: var(--text_001, #303030);
  text-decoration: none;
  letter-spacing: -0.02em;
  transition: 0.2s;
}

.gro-footer__email:hover {
  color: var(--text_002, #525252);
  text-decoration: underline;
  text-underline-offset: 5px;
}

.gro-footer__social {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.gro-footer__social-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--bg-00, #F4F3F0);
  display: grid;
  place-items: center;
  color: var(--text_001, #303030);
  text-decoration: none;
  transition: 0.2s ease;
}

.gro-footer__social-icon:hover {
  background: var(--text_001, #303030);
  color: #fff;
  transform: translateY(-3px);
}

/* Zone 2: 3 columns */
.gro-footer__cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 48px;
  margin-bottom: 48px;
}

.gro-footer__col-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text_003, #AAA8A8);
  margin: 0 0 20px;
}

.gro-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gro-footer__list a {
  font-size: 18px;
  font-weight: 500;
  color: var(--text_001, #303030);
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: 0.2s;
}

.gro-footer__list a:hover {
  color: var(--text_002, #525252);
}

/* Zone 3: bottom card */
.gro-footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--bg-00, #F4F3F0);
  border-radius: 24px;
  padding: 32px 36px;
}

.gro-footer__legal {
  font-size: 14px;
  color: var(--text_003, #AAA8A8);
  line-height: 1.5;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}

.gro-footer__sep {
  color: var(--text_003, #AAA8A8);
  opacity: 0.45;
}

.gro-footer__disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.gro-footer__age {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid var(--text_001, #303030);
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--text_001, #303030);
  letter-spacing: -0.02em;
}

.gro-footer__disclaimer-text {
  font-size: 13px;
  color: var(--text_003, #AAA8A8);
  line-height: 1.55;
  margin: 0;
  max-width: 880px;
}

.gro-footer__phone {
  color: var(--text_001, #303030);
  font-weight: 500;
  white-space: nowrap;
  background: linear-gradient(180deg, transparent 70%, var(--main, #D9B648) 70%);
  padding: 0 2px;
}

@media (max-width: 768px) {
  .gro-footer {
    padding: 48px 0 24px;
  }
  .gro-footer__container {
    padding: 0 20px;
  }
  .gro-footer__brand {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
    margin-bottom: 32px;
  }
  .gro-footer__brand-right {
    align-items: flex-start;
  }
  .gro-footer__tagline {
    font-size: 22px;
  }
  .gro-footer__cols {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 32px;
  }
  .gro-footer__bottom {
    padding: 24px;
    gap: 20px;
  }
  .gro-footer__legal {
    gap: 4px 8px;
  }
  .gro-footer__disclaimer {
    flex-direction: row;
    gap: 12px;
  }
}
/* ============================================================
   Hide legacy блоков, которые v3-главная заменяет (если фоллбэк остался)
   - .section.start#funnel — старая воронка "С чего начать"
   - .section.pillar-preview — старый pillar-preview card
   - .section.final-cta — старый final CTA (заменён .gro-pricing)
   - старый <footer class="footer"> — заменён .gro-footer
   Эти селекторы скоупаются под body.home — только на главной.
   ============================================================ */
body.home .section.start#funnel,
body.home .section.pillar-preview,
body.home .section.final-cta {
  display: none !important;
}

/* ============================================================
   Unified container width (главная) — handoff 2026-06-04.
   Все секции центрируются в одинаковом 1920px-контейнере.
   Раньше: .gro-* v3-блоки были 1920px (centered), а .section.about/blog/faq/subscribe
   тянулись на 100% viewport (на широких экранах 2200+ это бросалось в глаза:
   часть секций — «остров», часть — full-width).
   Решение: даём общий max-width: 1920px на body.home main и всем его прямым потомкам.
   ============================================================ */
body.home main.main {
  /* width:100% даёт определённую ширину → горизонтальный скроллер .gro-structure__track
     клипается внутри __viewport, иначе лента (3368px) распирала main до кэпа 1920
     и страница переполнялась на десктопах <1920 (1366/1440/1536). Fix 2026-06-04. */
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  box-sizing: border-box;
}

body.home main.main > section,
body.home main.main > .hx-hero-r6,
body.home main.main > .gro-structure,
body.home main.main > .gro-pillar,
body.home main.main > .gro-entry,
body.home main.main > .gro-pricing {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.home main.main > .section.about,
body.home main.main > .section.blog,
body.home main.main > .section.faq,
body.home main.main > .section.subscribe {
  width: 100%;
}

/* ============================================================
   Единая типо-шкала + no pure black (cohesion 2026-06-05)
   Старые блоки (.section__title в About/Блог/FAQ/Subscribe) на >1440
   шли 72px — приводим к 56px, как у Hero(72)→секции(56) контракта.
   Pillar/Pricing/Структура/Bento уже 56px. Mobile-гард обязателен,
   иначе body.home-специфичность перебьёт базовый mobile 32px.
   ============================================================ */
body.home .section__title {
  font-size: 56px;
  letter-spacing: -0.04em;
}

@media (max-width: 768px) {
  body.home .section__title {
    font-size: 32px;
  }
}
/* Никакого чистого чёрного на кнопках главной — тёплый --text_001 */
body.home .btn-black {
  background-color: var(--text_001);
}

body.home .subscribe .ff-btn.ff-btn-submit {
  background-color: var(--text_001);
}

/* ============================================================
   Чередующиеся фоны секций (cohesion 2026-06-05) — разделение
   экранов без линий. Hero/Pillar/Pricing — база (--bg), Структура
   и Bento — чуть светлее (--bg-00). Белым карточкам внутри даём
   тонкую границу, чтобы не терялись на светлом тоне.
   ============================================================ */
body.home .gro-structure,
body.home .gro-entry {
  background: var(--bg-00, #F4F3F0);
}

body.home .gro-structure .gro-dir {
  border: 1px solid var(--border-02, #D2D0CB);
}

/* ============================================================
   Блог GRO на главной — тизер, а НЕ страница архива (2026-06-05)
   Корень бага «разваленного» блока: правило из _blog.scss
   `.blog__wrapper .blog-card:first-child { grid-column: span 2;
   display: grid; grid-template-columns: 7fr 5fr }` рассчитано на
   featured-карточку архива блога (home.php) с богатой разметкой
   (category/intro/type/all-link). Селектор не заскоплен на страницу
   блога и протекает на главную, где разметка тизерная (img+теги+
   дата+title) → дети раскидывались по сетке 7/5, картинка не
   заполняла ширину. Здесь нейтрализуем featured и приводим все
   карточки к единому виду: 3-колоночная сетка, img 16:9 cover.
   Спецификичность (0,5,1) перебивает archive-правило (0,3,0).
   ============================================================ */
body.home .section.blog .blog-card:first-child {
  grid-column: auto;
  display: flex;
  flex-direction: column;
  grid-template-columns: none;
  gap: 0;
}

body.home .section.blog .blog-card__img {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-bottom: 16px;
  border-radius: 15px;
}
body.home .section.blog .blog-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

/* ============================================================
   FAQ на главной — 2-колоночный Calm-аккордеон (Cloud Design 2026-06-05)
   ⚠ scoped под body.home — класс .gro-faq используется ТАКЖE на
   Pillar/Solution (single-docs); стиль главной туда протекать не должен.
   Токены из gro-tokens.css. JS one-open-per-column — в front-page.php.
   ============================================================ */
body.home .gro-faq {
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: var(--bg-00);
  padding: var(--space-12) var(--space-7); /* 64 / 36 */
  font-family: var(--font-family-base, "Golos Text", sans-serif);
}
body.home .gro-faq * {
  box-sizing: border-box;
}
body.home .gro-faq .gro-faq__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-15);
  align-items: end; /* 120 */
  margin-bottom: var(--space-10); /* 48 */
}
body.home .gro-faq .gro-faq__title {
  font-size: var(--fs-56);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0;
  color: var(--text_001);
  max-width: 720px;
  text-wrap: balance;
}
body.home .gro-faq .gro-faq__sub {
  font-size: var(--fs-20);
  line-height: 1.4;
  color: var(--text_002);
  margin: 0;
  max-width: 480px;
}
body.home .gro-faq .gro-faq__sub a {
  color: var(--text_001);
  text-decoration: none;
  border-bottom: 1px solid var(--text_001);
  padding-bottom: 1px;
  transition: color 0.15s, border-color 0.15s;
}
body.home .gro-faq .gro-faq__sub a:hover {
  color: var(--text_002);
  border-color: var(--text_002);
}
body.home .gro-faq .gro-faq__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--space-15); /* 120 по горизонтали */
}
body.home .gro-faq .gro-faq-item {
  border-top: 1px solid var(--border-02);
}
body.home .gro-faq .gro-faq-item:last-child {
  border-bottom: 1px solid var(--border-02);
}
body.home .gro-faq .gro-faq__q {
  width: 100%;
  background: none;
  border: 0;
  padding: var(--space-5) 0; /* 28 */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4); /* 24 */
  font-family: var(--font-family-base);
  font-size: var(--fs-20);
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: -0.02em;
  color: var(--text_001);
  text-align: left;
  cursor: pointer;
  transition: color 0.18s ease;
}
body.home .gro-faq .gro-faq__q:hover {
  color: var(--text_002);
}
body.home .gro-faq .gro-faq__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--bg-01);
  flex-shrink: 0;
  display: grid;
  place-items: center;
  transition: background 0.2s ease, transform 0.3s ease;
}
body.home .gro-faq .gro-faq__icon svg {
  stroke: var(--text_001);
  transition: stroke 0.2s;
}
body.home .gro-faq .gro-faq-item.is-open .gro-faq__icon {
  background: var(--text_001);
  transform: rotate(45deg);
}
body.home .gro-faq .gro-faq-item.is-open .gro-faq__icon svg {
  stroke: var(--dark-text-001);
}
body.home .gro-faq .gro-faq__a {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  font-size: var(--fs-18);
  line-height: 1.55;
  color: var(--text_002);
  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;
}
body.home .gro-faq .gro-faq__a p {
  margin: 0 0 var(--space-2);
}
body.home .gro-faq .gro-faq__a p:last-child {
  margin-bottom: 0;
}
body.home .gro-faq .gro-faq__a strong {
  color: var(--text_001);
  font-weight: 500;
}
body.home .gro-faq .gro-faq__a a {
  color: var(--text_001);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: border-color 0.15s;
}
body.home .gro-faq .gro-faq__a a:hover {
  border-color: var(--text_001);
}
body.home .gro-faq .gro-faq-item.is-open .gro-faq__a {
  max-height: 600px;
  padding-bottom: var(--space-5);
  opacity: 1;
}
body.home .gro-faq .gro-faq__foot {
  margin-top: var(--space-10);
  padding-top: var(--space-7);
  border-top: 1px solid var(--border-02);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-7);
  flex-wrap: wrap;
}
body.home .gro-faq .gro-faq__foot-text {
  font-size: var(--fs-20);
  line-height: 1.4;
  color: var(--text_002);
  margin: 0;
  max-width: 640px;
  letter-spacing: -0.01em;
}
body.home .gro-faq .gro-faq__foot-text strong {
  color: var(--text_001);
  font-weight: 500;
}
body.home .gro-faq .gro-faq__foot-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-18);
  font-weight: 500;
  color: var(--text_001);
  text-decoration: none;
  letter-spacing: -0.01em;
  border-bottom: 1px solid var(--text_001);
  padding-bottom: 2px;
  transition: color 0.15s, border-color 0.15s;
}
body.home .gro-faq .gro-faq__foot-link span {
  transition: transform 0.18s ease;
}
body.home .gro-faq .gro-faq__foot-link:hover {
  color: var(--text_002);
  border-color: var(--text_002);
}
body.home .gro-faq .gro-faq__foot-link:hover span {
  transform: translateX(3px);
}

/* — Desktop tight 1024–1439 — */
@media (max-width: 1439px) {
  body.home .gro-faq {
    padding: var(--space-11) var(--space-6);
  }
  body.home .gro-faq .gro-faq__head {
    gap: var(--space-12);
  }
  body.home .gro-faq .gro-faq__grid {
    gap: 0 var(--space-12);
  }
}
/* — Tablet 768–1023 — */
@media (max-width: 1023px) {
  body.home .gro-faq {
    padding: var(--space-10) var(--space-5);
  }
  body.home .gro-faq .gro-faq__head {
    grid-template-columns: 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-8);
  }
  body.home .gro-faq .gro-faq__sub {
    max-width: 640px;
  }
  body.home .gro-faq .gro-faq__grid {
    gap: 0 var(--space-7);
  }
}
/* — Mobile ≤767 — одна колонка — */
@media (max-width: 767px) {
  body.home .gro-faq {
    padding: var(--space-9) var(--space-3);
  }
  body.home .gro-faq .gro-faq__head {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    margin-bottom: var(--space-7);
  }
  body.home .gro-faq .gro-faq__title {
    max-width: 100%;
  }
  body.home .gro-faq .gro-faq__sub {
    max-width: 100%;
    font-size: var(--fs-16);
  }
  body.home .gro-faq .gro-faq__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  body.home .gro-faq .gro-faq__col:first-child .gro-faq-item:last-child {
    border-bottom: 0;
  }
  body.home .gro-faq .gro-faq__q {
    padding: var(--space-4) 0;
    font-size: var(--fs-18);
    gap: var(--space-2);
    align-items: flex-start;
  }
  body.home .gro-faq .gro-faq__icon {
    width: 32px;
    height: 32px;
    margin-top: 2px;
  }
  body.home .gro-faq .gro-faq__a {
    font-size: var(--fs-16);
    line-height: 1.5;
  }
  body.home .gro-faq .gro-faq-item.is-open .gro-faq__a {
    max-height: 800px;
    padding-bottom: var(--space-4);
  }
  body.home .gro-faq .gro-faq__foot {
    margin-top: var(--space-7);
    padding-top: var(--space-5);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }
  body.home .gro-faq .gro-faq__foot-text {
    font-size: var(--fs-16);
    max-width: 100%;
  }
  body.home .gro-faq .gro-faq__foot-link {
    font-size: var(--fs-16);
  }
}
/* — Reduced motion — */
@media (prefers-reduced-motion: reduce) {
  body.home .gro-faq .gro-faq__q,
  body.home .gro-faq .gro-faq__icon,
  body.home .gro-faq .gro-faq__a,
  body.home .gro-faq .gro-faq__foot-link span {
    transition: none !important;
  }
}