@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;
}

main.page-main.gro_dashboard,
main.page-main.gro_profile,
main.page-main.gro_arsenal,
main.page-main.gro_subscription,
body.woocommerce-account main.page-main,
body.page-template-page-account main.page-main,
body.page-template-page-profile main.page-main,
body.page-template-page-arsenal main.page-main,
body.page-template-page-subscription main.page-main,
body.page-template-page-subscr main.page-main {
  padding-top: 0 !important;
}

.dashboard-content .welcome-banner,
.dashboard-content .dashboard-result,
.dashboard-content .dashboard-message,
.dashboard-content .dashboard-article,
.dashboard-content .dashboard-steps,
.dashboard-content .pain,
.dashboard-content .pain-routes-soon,
.dashboard-content .recommended,
.dashboard-content .materials,
.dashboard-content .message-completion {
  margin-bottom: 24px !important;
}
.dashboard-content .welcome-banner {
  padding: 20px 56px 20px 24px;
  border-radius: 20px;
  background: #1a1a1a;
  color: #fff;
}
.dashboard-content .dashboard-result {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 0;
  list-style: none;
}
.dashboard-content .dashboard-result li {
  background: #fff;
  border-radius: 16px;
  padding: 18px 20px;
}
.dashboard-content .dashboard-message {
  padding: 0 4px;
  background: transparent;
  border: none;
  font-size: 14px;
  color: #888;
  margin: -12px 0 24px !important;
}
.dashboard-content .dashboard-article,
.dashboard-content .dashboard-steps,
.dashboard-content .pain,
.dashboard-content .pain-routes-soon,
.dashboard-content .recommended,
.dashboard-content .materials {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
}
.dashboard-content .dashboard-article {
  background: #1a1a1a !important;
  color: #fff;
}
.dashboard-content .dashboard-article__title {
  color: #fff !important;
}
.dashboard-content .dashboard-article__text {
  color: #ddd !important;
}
.dashboard-content .dashboard-article__link {
  color: #D9B648 !important;
}
.dashboard-content .materials {
  display: none !important;
}

body.pulse-high .dashboard-result__image {
  background: #c5e1a5 !important;
}

body.pulse-medium .dashboard-result__image {
  background: #fce485 !important;
}

body.pulse-low .dashboard-result__image {
  background: #f6b6a8 !important;
}

body.pulse-high .dashboard-result li:first-child {
  box-shadow: 0 0 0 2px #c5e1a5;
}

body.pulse-medium .dashboard-result li:first-child {
  box-shadow: 0 0 0 2px #fce485;
}

body.pulse-low .dashboard-result li:first-child {
  box-shadow: 0 0 0 2px #f6b6a8;
}

.gro-lk-minimal-footer {
  padding: 24px 20px;
  text-align: center;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  color: #888;
  background: transparent;
}
.gro-lk-minimal-footer a {
  color: #666;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gro-lk-minimal-footer a:hover {
  color: #111;
}

.gro-pulse-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  animation: gro-pulse-fade 0.25s ease-out forwards;
}

.gro-pulse-modal {
  background: #fff;
  border-radius: 16px;
  padding: 32px 28px;
  max-width: 460px;
  width: calc(100% - 32px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
.gro-pulse-modal h3 {
  font-size: 22px;
  margin: 0 0 8px;
  color: #1a1a1a;
}
.gro-pulse-modal p {
  font-size: 14px;
  color: #666;
  margin: 0 0 24px;
  line-height: 1.5;
}

.gro-pulse-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.gro-pulse-btn {
  padding: 14px 18px;
  border-radius: 12px;
  border: 1.5px solid #e5e5e5;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
  text-align: left;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  gap: 12px;
}
.gro-pulse-btn:hover {
  background: #fafaf7;
}
.gro-pulse-btn[data-level=high] {
  border-left: 4px solid #7cb342;
}
.gro-pulse-btn[data-level=high]:hover {
  border-color: #7cb342;
  background: #f1f8f0;
}
.gro-pulse-btn[data-level=medium] {
  border-left: 4px solid #f6c54a;
}
.gro-pulse-btn[data-level=medium]:hover {
  border-color: #f6c54a;
  background: #fdf7ea;
}
.gro-pulse-btn[data-level=low] {
  border-left: 4px solid #d96b5a;
}
.gro-pulse-btn[data-level=low]:hover {
  border-color: #d96b5a;
  background: #fcf2ef;
}

.gro-pulse-btn-icon {
  font-size: 20px;
}

.gro-pulse-skip {
  margin-top: 8px;
  background: transparent;
  border: none;
  color: #888;
  font-size: 13px;
  cursor: pointer;
  padding: 4px;
}
.gro-pulse-skip:hover {
  color: #1a1a1a;
}

.gro-pulse-result {
  padding: 16px 20px;
  border-radius: 12px;
  margin-bottom: 16px;
  text-align: left;
}
.gro-pulse-result.level-high {
  background: #f1f8f0;
  border-left: 3px solid #7cb342;
}
.gro-pulse-result.level-medium {
  background: #fdf7ea;
  border-left: 3px solid #f6c54a;
}
.gro-pulse-result.level-low {
  background: #fcf2ef;
  border-left: 3px solid #d96b5a;
}
.gro-pulse-result p {
  font-size: 14px;
  color: #333;
  margin: 0 0 12px;
}

.gro-pulse-cta {
  display: inline-block;
  padding: 12px 22px;
  background: #D9B648;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
}
.gro-pulse-cta:hover {
  opacity: 0.85;
}

.gro-pulse-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
}
.gro-pulse-indicator.level-high {
  background: #f1f8f0;
  color: #4f7a2e;
}
.gro-pulse-indicator.level-medium {
  background: #fdf7ea;
  color: #8a6612;
}
.gro-pulse-indicator.level-low {
  background: #fcf2ef;
  color: #8a3a2c;
}

@keyframes gro-pulse-fade {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  .dashboard-content .dashboard-result {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
html[data-theme=dark] .dashboard-content .dashboard-result li {
  background: #1f1f1f;
  color: #fff;
}
html[data-theme=dark] .dashboard-content .dashboard-message {
  color: #b0b0b0;
}
html[data-theme=dark] .dashboard-content .dashboard-article,
html[data-theme=dark] .dashboard-content .dashboard-steps,
html[data-theme=dark] .dashboard-content .pain,
html[data-theme=dark] .dashboard-content .pain-routes-soon,
html[data-theme=dark] .dashboard-content .recommended {
  background: #1f1f1f;
  color: #fff;
}
html[data-theme=dark] .gro-pulse-modal {
  background: #1f1f1f;
  color: #fff;
}
html[data-theme=dark] .gro-pulse-modal h3 {
  color: #fff;
}
html[data-theme=dark] .gro-pulse-modal p {
  color: #b0b0b0;
}
html[data-theme=dark] .gro-pulse-btn {
  background: #2a2a2a;
  color: #fff;
  border-color: #3a3a3a;
}
html[data-theme=dark] .gro-pulse-btn:hover {
  background: #353535;
}
html[data-theme=dark] .gro-pulse-skip {
  color: #b0b0b0;
}

/* ============================================================
   Fix 2026-05-20: Routes-soon block (Bug 2: маршрут роста не по верстке)
   ============================================================
   Templates render .pain-routes-soon с классами без CSS правил.
   Добавляем V1-style: muted card + disabled "Скоро" badge button.
*/
.pain-routes-soon .routes-soon-badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 10px;
  margin-left: 12px;
  background: var(--light-mode-bg-01, #E7E5DF);
  color: var(--light-mode-text-002, #525252);
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  vertical-align: middle;
}
.pain-routes-soon .routes-desc {
  color: var(--light-mode-text-002, #525252);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0 24px;
  max-width: 760px;
}
.pain-routes-soon .dashboard-steps__wrapper {
  background: var(--light-mode-text-001, #1a1a1a);
  color: var(--light-mode-white, #fff);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
  gap: 16px;
}
.pain-routes-soon .dashboard-steps__wrapper_soon {
  opacity: 0.85;
}
.pain-routes-soon .dashboard-steps__subtitle {
  color: var(--light-mode-white, #fff) !important;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
  max-width: 100%;
}
.pain-routes-soon .dashboard-steps__subtitle_muted {
  color: var(--light-mode-white, #fff) !important;
}
.pain-routes-soon .routes-soon-footer {
  display: flex;
  justify-content: flex-start;
  margin-top: auto;
}
.pain-routes-soon {
  /* Override .dashboard-steps__button when combined with .routes-soon-btn — muted disabled state */
}
.pain-routes-soon .dashboard-steps__button.routes-soon-btn,
.pain-routes-soon .routes-soon-btn {
  background: var(--light-mode-bg-01, #E7E5DF) !important;
  color: var(--light-mode-text-002, #525252) !important;
  border: 1px solid var(--light-mode-border, #C4C2BC) !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  height: auto;
  cursor: default;
  pointer-events: none;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
}

/* Адаптивный шрифт */
/* Сброс стилей у ссылок */
/* Сброс стилей у кнопок */
/* Расположение по центру */
/* Задаёт пропорции 1 к 1 */
/* Делает интерактивные элементы доступными */
/* Global variables */
/* ======================================================================== */
.dashboard-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--light-mode-bg-02);
  height: 100vh;
}

@media (max-width: 768px) {
  .wrapper:has(.dashboard-navigation.act) ~ .overlay-aside {
    display: block;
  }
}
.dashboard-navigation {
  float: left;
  width: 30%;
  background: var(--light-mode-bg-00);
  max-width: 474px;
  height: 100vh;
  padding: 2.1%;
  border-radius: 0 24px 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}

@media (max-width: 1200px) {
  .dashboard-navigation {
    width: 35%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 768px) {
  .dashboard-navigation {
    float: none;
    max-width: none;
    width: 90%;
    border-radius: unset;
    position: fixed;
    top: 0;
    left: -100%;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 1001;
  }
}
@media (max-width: 370px) {
  .dashboard-navigation {
    width: 100%;
  }
}
.dashboard-navigation.act {
  left: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.dashboard-content {
  float: right;
  width: 100%;
  padding: 0 2.1%;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .dashboard-content {
    float: none;
    width: 100%;
  }
}
.dashboard-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .dashboard-head {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.dashboard-head__link {
  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(--light-mode-white);
  border-radius: 40px;
  width: 44px;
  height: 44px;
}

.dashboard-head__link::before {
  content: "";
  display: inline-block;
  background: url("img/arrow-aside.svg") no-repeat center center/cover;
  width: 16px;
  height: 16px;
}

.dashboard-head__link span {
  display: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-left: 10px;
}

@media (max-width: 768px) {
  .dashboard-head__link span {
    display: block;
  }
}
@media (max-width: 768px) {
  .dashboard-head__link {
    max-width: 126px;
    width: 100%;
    padding: 8px;
    height: unset;
  }
}
.dashboard-head__status {
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  border-radius: 60px;
  padding: 8px 20px;
  margin-left: auto;
}

@media (max-width: 768px) {
  .dashboard-head__status {
    margin: 0;
    margin-bottom: 32px;
    padding: 5px 8px;
  }
}
.dashboard-head .status-green {
  background: var(--green);
}

.dashboard-logo {
  display: inline-block;
  margin-top: auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.dashboard-logo img {
  width: 80px;
}

@media (max-width: 768px) {
  .dashboard-logo img {
    display: none;
  }
}
.dashboard-user {
  margin-bottom: 44px;
  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;
}

@media (max-width: 768px) {
  .dashboard-user {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.dashboard-user__logo {
  background: var(--light-mode-white);
  margin-bottom: 12px;
  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;
  border-radius: 100px;
  width: 104px;
  height: 104px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}

@media (max-width: 768px) {
  .dashboard-user__logo {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 768px) {
  .dashboard-user__logo img {
    width: 32px;
    height: 32px;
  }
}
.dashboard-user__name {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-001);
}

.dashboard-user__mail {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  text-align: center;
  color: var(--light-mode-text-002);
}

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

.dashboard-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dashboard-list li:not(:last-child) {
  margin-bottom: 20px;
}

.dashboard-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: clamp(16px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.dashboard-list li a svg {
  margin-right: 8px;
  stroke: #24282E;
}

.dashboard-list li a.act {
  color: var(--light-mode-text-002);
}

.dashboard-list li a.act svg {
  stroke: #4D5562;
}

.dashboard-list__wiki {
  background: var(--light-mode-white);
  border-radius: 46px;
  padding: 8px 20px;
  margin: 0 auto;
  margin-top: 44px;
  max-width: 220px;
  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(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-bottom: 20px;
}

.dashboard-list__wiki::after {
  content: "";
  display: inline-block;
  background: url("img/arrow-aside.svg") no-repeat center center/cover;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .dashboard-list__wiki {
    max-width: none;
    width: 100%;
  }
}
.dashboard-close {
  display: none;
  width: 36px;
  height: 36px;
  background: var(--light-mode-white);
  margin-bottom: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .dashboard-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.dashboard-close::before {
  content: "";
  display: inline-block;
  background: url("img/close.svg") no-repeat center center/cover;
  width: 24px;
  height: 24px;
}

.dashboard-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 13px;
  margin-top: 0;
}

.dashboard__title {
  font-weight: 500;
  font-size: clamp(20px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
}

.dashboard__help {
  height: 56px;
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  background: var(--main);
  border: 2px solid var(--light-mode-text-001);
  border-radius: 40px;
  padding: 0 30px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

@media (max-width: 1440px) {
  .dashboard__help {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .dashboard__help {
    height: 36px;
    padding: 0 20px;
  }
}
.dashboard-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
  scrollbar-width: none;
}

@media (max-width: 1200px) {
  .dashboard-result {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}
@media (max-width: 768px) {
  .dashboard-result {
    margin: 0 -4px;
  }
}
.dashboard-result li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.333%;
  flex: 0 1 33.333%;
  padding: 0 8px;
}

@media (max-width: 1200px) {
  .dashboard-result li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
@media (max-width: 768px) {
  .dashboard-result li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 160px;
    padding: 0 4px;
  }
}
.dashboard-result__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--light-mode-white);
  border-radius: 24px;
  padding: 16px;
  gap: 8px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .dashboard-result__cart {
    -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;
    text-align: center;
    padding: 8px;
  }
}
.dashboard-result__image {
  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: 100px;
}

@media (max-width: 768px) {
  .dashboard-result__image {
    width: 44px;
    height: 44px;
  }
}
.dashboard-result__image img {
  width: 32px;
  height: 32px;
}

@media (max-width: 768px) {
  .dashboard-result__image img {
    width: 24px;
    height: 24px;
  }
}
.dashboard-result__image.green {
  background: var(--green);
}

.dashboard-result__wrap {
  margin-left: 16px;
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  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: 768px) {
  .dashboard-result__wrap {
    margin-left: 0;
  }
}
.dashboard-result__wrap span {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  color: var(--light-mode-text-001);
}

.dashboard-message {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  background: var(--light-mode-bg-00);
  border-radius: 0 20px 20px 20px;
  padding: 8px 24px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.dashboard-header {
  display: none;
  -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: 10px;
}

@media (max-width: 768px) {
  .dashboard-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.dashboard-header__logo img {
  width: 62px;
}

.dashboard-header__burger {
  width: 36px;
  height: 36px;
  background: var(--light-mode-white);
  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;
}

.dashboard-header__burger::before {
  content: "";
  display: inline-block;
  background: url("img/burger.svg") no-repeat center center/cover;
  width: 24px;
  height: 24px;
}

.dashboard-header__status {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--light-mode-text-001);
  border-radius: 60px;
  padding: 8px 16px;
}

.dashboard-header__status.status-green {
  background: var(--green);
}

.dashboard-article {
  margin-top: 64px;
  border-left: 4px solid var(--main);
  padding-left: 30px;
}

@media (max-width: 768px) {
  .dashboard-article {
    margin-top: 48px;
    padding-left: 20px;
  }
}
.dashboard-article__head {
  margin-bottom: 12px;
  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;
}

.dashboard-article__title {
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  background: var(--main);
  border-radius: 100px;
  padding: 8px;
}

.dashboard-article__link {
  margin-left: auto;
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.dashboard-article__text {
  font-weight: 500;
  font-size: clamp(18px, 2.0833333333vw, 30px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  max-width: 710px;
}

.dashboard-article__text span {
  color: var(--light-mode-text-003);
}

.dashboard-steps {
  margin-top: 64px;
}

.dashboard-steps__title {
  font-weight: 500;
  font-size: clamp(20px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

.dashboard-steps__wrapper {
  background: var(--light-mode-text-001);
  border-radius: 24px;
  padding: 28px;
}

@media (max-width: 768px) {
  .dashboard-steps__wrapper {
    padding: 16px;
  }
}
.dashboard-steps__subtitle {
  font-weight: 500;
  font-size: clamp(20px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-white);
  margin-bottom: 16px;
}

.dashboard-steps__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 576px) {
  .dashboard-steps__body {
    -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;
  }
}
.dashboard-steps__body_text {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-white);
  margin-left: 16px;
}

@media (max-width: 576px) {
  .dashboard-steps__body_text {
    margin-left: 0;
    margin-top: 8px;
  }
}
.dashboard-steps__block {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 60px;
  padding: 8px 20px;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-white);
}

.dashboard-steps__progress-text {
  margin-left: auto;
  margin-right: 10px;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  text-align: right;
  color: var(--light-mode-text-001);
}

.dashboard-steps__body_text {
  color: #fff;
}

.dashboard-steps__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  margin-top: 18px;
}

@media (max-width: 1200px) {
  .dashboard-steps__progress {
    gap: 15px;
  }
}
@media (max-width: 576px) {
  .dashboard-steps__progress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dashboard-steps__progress-bar {
  position: relative;
  height: 32px;
  background: #464646;
  border-radius: 50px;
  overflow: hidden;
  width: 100%;
}

.dashboard-steps__progress-fill {
  height: 100%;
  width: 57%;
  background: var(--main);
  border-radius: 20px;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dashboard-steps__button {
  padding: 13px 28px;
  border: 2px solid var(--light-mode-text-001);
  border-radius: 40px;
  background: var(--main);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.dashboard-steps__button:hover {
  opacity: 0.85;
}

@media (max-width: 1200px) {
  .dashboard-steps__button {
    padding: 10px 22px;
  }
}
@media (max-width: 576px) {
  .dashboard-steps__button {
    width: 100%;
  }
}
.recommended {
  margin-top: 64px;
}

.recommended__title {
  font-weight: 500;
  font-size: clamp(20px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  margin-bottom: 24px;
}

.recommended__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
  scrollbar-width: none;
}

@media (max-width: 1200px) {
  .recommended__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}
@media (max-width: 768px) {
  .recommended__list {
    margin: 0 4px;
  }
}
.recommended li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.333%;
  flex: 0 1 33.333%;
  padding: 0 8px;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  .recommended li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
@media (max-width: 768px) {
  .recommended li {
    padding: 0 4px;
  }
}
.recommended__wrap {
  background: var(--light-mode-bg-00);
  border-radius: 24px;
}

.recommended__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 360px;
  border-radius: 24px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .recommended__item {
    min-height: 220px;
  }
}
.recommended__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 12px 16px 0px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 0 24px 0 0;
  background: var(--light-mode-white);
}

.recommended__head span {
  border-radius: 100px;
  padding: 4px 8px;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 140%;
}

.recommended__head span.focus {
  color: var(--light-mode-white);
  backdrop-filter: blur(12px);
  background: var(--light-mode-text-001);
}

.recommended__head span.new {
  color: var(--light-mode-text-002);
  backdrop-filter: blur(12px);
  background: var(--light-mode-bg-01);
}

.recommended__body {
  padding: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: var(--light-mode-white);
}

.recommended__body::after {
  content: "";
  display: inline-block;
  background: url("img/recommended-item.svg") no-repeat center center/cover;
  width: 200px;
  height: 247px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 768px) {
  .recommended__body::after {
    width: 104px;
    height: 130px;
  }
}
.recommended__subtitle {
  font-weight: 500;
  font-size: clamp(18px, 2.0833333333vw, 30px);
  line-height: 128%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
  position: relative;
  z-index: 5;
  max-width: 95%;
}

.recommended__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recommended__link {
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  border: 1px solid var(--light-mode-text-003);
  border-radius: 40px;
  padding: 8px 20px;
  background: var(--light-mode-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 5;
}

.recommended__link::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center/cover;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.recommended__result {
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-003);
  position: relative;
  z-index: 5;
}

.pain__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.pain__wrapper_btn {
  font-weight: 500;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
  color: var(--light-mode-text-001);
  margin-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pain__wrapper_btn::after {
  content: "";
  display: inline-block;
  background: url("img/arr-btn.svg") no-repeat center center/cover;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: 10px;
}

.dashboard-page .pain-arsenal.swiper {
  overflow: visible;
}

.dashboard-page .card-guide__title {
  font-size: clamp(16px, 1.8055555556vw, 26px);
}

.dashboard-page .card-guide__title h5 {
  line-height: 140%;
}

.dashboard-page .card-guide__title span {
  line-height: 140%;
}

.dashboard-page .card-guide {
  min-height: 280px;
}

.dashboard-page .card-guide__link {
  font-size: clamp(12px, 1.1111111111vw, 16px);
}

.dashboard-page .card-guide__link::after {
  width: 16px;
  height: 16px;
}

.dashboard-page .card-guide__time {
  font-size: clamp(12px, 1.1111111111vw, 16px);
}

.dashboard-page .card-guide__item {
  width: 48px;
  height: 48px;
  border-radius: 16px;
}

.dashboard-page .card-guide__item img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}

.dashboard-page .card-guide__status {
  gap: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-page .card-guide__status span {
  background: var(--light-mode-bg-01);
  border-radius: 4px;
  width: 6px;
  height: 12px;
  display: inline-block;
}

.dashboard-page .card-guide__status span.act {
  background: var(--dark-mode-text-003);
}

.dashboard-page .pain-wrap__link {
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-white);
  background: var(--light-mode-text-001);
  border-radius: 40px;
  padding: 15px 30px;
  display: block;
  margin: 0 auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: 32px;
}

@media (max-width: 768px) {
  .dashboard-page .pain-wrap__link {
    margin-top: 16px;
    padding: 8px 16px;
  }
}
.materials {
  margin-top: 64px;
  margin-bottom: 82px;
}

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

.materials__title {
  font-weight: 500;
  font-size: clamp(20px, 2.7777777778vw, 40px);
  line-height: 112%;
  letter-spacing: -0.04em;
  color: var(--light-mode-text-001);
}

.materials__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) {
  .materials__navigation {
    display: none;
  }
}
.materials__navigation .slider__prev,
.materials__navigation .slider__next {
  width: 44px;
  height: 44px;
}

.materials-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: var(--light-mode-bg-02);
}

@media (max-width: 768px) {
  .materials-guide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.materials-guide__link {
  background: var(--light-mode-bg-00);
  border-radius: 22px;
  padding: 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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.materials-guide__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .materials-guide__block {
    margin-left: 0;
    margin-top: 8px;
  }
}
.materials-guide__block span {
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.materials-guide__title {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-001);
}

.message-completion {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-002);
  margin-bottom: 56px;
  background: var(--light-mode-bg-00);
  border-radius: 20px 20px 20px 0;
  padding: 8px 24px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

/* profile 11.03.26 */
.dashboard-wrapper:has(.dashboard-wrapper__inner) {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .dashboard-wrapper:has(.dashboard-wrapper__inner) {
    -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: 16px;
  }
}
.dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

@media (max-width: 768px) {
  .dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner .top-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner .top-icons__link {
  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-color: #fff;
  width: 56px;
  aspect-ratio: 1;
  border-radius: 50%;
}

@media (max-width: 1440px) {
  .dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner .top-icons__link {
    width: 44px;
    aspect-ratio: 1;
  }
}
@media (max-width: 768px) {
  .dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner .top-icons__link {
    width: 36px;
    aspect-ratio: 1;
  }
  .dashboard-wrapper:has(.dashboard-wrapper__inner) .dashboard-wrapper__inner .top-icons__link__image {
    width: 16px;
    aspect-ratio: 1;
  }
}
.profile {
  padding-bottom: 96px;
}

.profile-section {
  margin-bottom: 48px;
}

.profile-wrapper {
  height: 74px;
  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: 1440px) {
  .profile-wrapper {
    height: 62px;
  }
}
@media (max-width: 1440px) {
  .profile-wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.profile-wrapper .profile__logout-button {
  color: var(--light-mode-text-001);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
  background: url(img/dashbord-icon/exit.svg) no-repeat left center;
  padding-left: 32px;
}

.profile-wrapper_simple {
  -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: 10px;
}

.profile__title {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 2.0833333333vw, 30px);
  line-height: 128%;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.profile-form {
  width: 75%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 32px;
}

@media (max-width: 768px) {
  .profile-form {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.profile-form__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.profile-form__element:not(.profile-form__element_half) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

@media (max-width: 768px) {
  .profile-form__element:not(.profile-form__element_half) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.profile-form__element_short {
  width: 50%;
}

@media (max-width: 768px) {
  .profile-form__element_short {
    width: 100%;
  }
}
.profile-form__element_disabled {
  opacity: 0.5;
}

.profile-form__element_checkbox + .profile-form__element_checkbox {
  margin-top: -8px;
}

.profile-form__help {
  height: 44px;
  padding: 0 20px;
  margin-top: 16px;
  background-color: #fff;
  color: var(--light-mode-text-002);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: clamp(12px, 0.9722222222vw, 14px);
  line-height: 140%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 46px;
  border: 1px solid #fff;
}

@media (max-width: 1440px) {
  .profile-form__help {
    height: 36px;
  }
}
@media (max-width: 768px) {
  .profile-form__help {
    height: 28px;
    padding: 0 8px;
  }
}
.profile-form__element_checkbox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

@media (max-width: 768px) {
  .profile-form__element_checkbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.profile-form__label {
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  color: var(--light-mode-text-002);
}

.profile-form__input {
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 2px solid var(--light-mode-text-001);
  padding: 18px 0px;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  border-radius: 0;
}

@media (max-width: 1440px) {
  .profile-form__input {
    padding: 14px 0px;
  }
}
@media (max-width: 768px) {
  .profile-form__input {
    padding: 11px 0px;
  }
}
.profile-form__input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.profile-form__input::-moz-placeholder {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.profile-form__input:-ms-input-placeholder {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.profile-form__input::-ms-input-placeholder {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.profile-form__input::placeholder {
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  color: var(--light-mode-text-003);
}

.profile-form__message {
  color: var(--light-mode-text-003);
  font-size: clamp(12px, 1.1111111111vw, 16px);
}

.profile-form__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--light-mode-text-001);
  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;
}

.profile-form__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;
}

.profile-form__checkbox-label {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.profile-form__checkbox-label a {
  text-decoration: underline;
}

.profile-form__checkbox:checked + .profile-form__checkbox-label {
  color: var(--light-mode-text-001);
}

.profile-form__button {
  height: 56px;
  padding: 0 30px;
  margin: 16px 0;
  background-color: var(--light-mode-text-001);
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-001);
}

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

@media (max-width: 1440px) {
  .profile-form__button {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .profile-form__button {
    height: 36px;
    padding: 0 16px;
  }
}
.profile-docs {
  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;
}

.profile-docs__element {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  font-weight: 500;
  background: url(img/dashbord-icon/document2.svg) no-repeat left center;
  padding-left: 32px;
}

.profile__delete-button {
  color: var(--light-mode-text-002);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  font-weight: 500;
  background: url(img/dashbord-icon/user_delete.svg) no-repeat left center;
  padding-left: 32px;
}

/* control 16.03.26 */
.control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  height: calc(100vh - 112px);
}

.control__doc {
  display: inline-block;
  margin-top: auto;
  margin-bottom: 56px;
  color: var(--light-mode-text-002);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 20px;
  font-weight: 500;
  background: url(img/dashbord-icon/document16.svg) no-repeat left center;
  padding-left: 24px;
}

.control-card {
  background-color: #fff;
  border-radius: 24px;
  padding: 28px;
}

@media (max-width: 768px) {
  .control-card {
    padding: 16px;
  }
}
.control-card__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: 12px;
}

@media (max-width: 768px) {
  .control-card__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: 8px;
  }
}
.control-card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

@media (max-width: 768px) {
  .control-card__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.control-card__title-text {
  color: var(--light-mode-text-001);
  font-size: clamp(18px, 2.0833333333vw, 30px);
  line-height: 128%;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.control-card__badge {
  height: 22px;
  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: 0 8px;
  background-color: var(--light-mode-bg-01);
  color: var(--light-mode-text-002);
  border-radius: 100px;
  font-weight: 500;
  font-size: clamp(10px, 0.9722222222vw, 14px);
}

.control-card__badge_green {
  background-color: var(--green);
  color: var(--light-mode-text-001);
}

.control-card__badge_yellow {
  background-color: var(--yellow);
  color: var(--light-mode-text-001);
}

.control-card__badge_red {
  background-color: var(--red);
  color: #fff;
}

@media (max-width: 768px) {
  .control-card__badge {
    height: 18px;
  }
}
.control-card__link {
  height: 44px;
  padding: 0 20px;
  background-color: var(--light-mode-text-001);
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-001);
}

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

.control-card__link:hover svg path {
  stroke: var(--light-mode-text-001);
}

@media (max-width: 1440px) {
  .control-card__link {
    height: 36px;
  }
}
@media (max-width: 768px) {
  .control-card__link {
    height: 28px;
    width: 100%;
  }
}
.control-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 68px;
}

@media (max-width: 768px) {
  .control-card__body {
    margin-bottom: 36px;
  }
}
.control-card__info {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  font-weight: 400;
  background: url(img/dashbord-icon/info.svg) no-repeat left center;
  padding-left: 32px;
}

.control-card__info_error {
  color: var(--red);
  background: url(img/dashbord-icon/info_red.svg) no-repeat left center;
}

.control-card__info_small {
  font-size: clamp(10px, 0.9722222222vw, 14px);
  background: none;
  padding-left: 0;
}

.control-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media (max-width: 1200px) {
  .control-card__footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .control-card__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.control-card__button {
  height: 56px;
  padding: 0 30px;
  background-color: #fff;
  color: var(--light-mode-text-001);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  white-space: nowrap;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
}

.control-card__button:hover, .control-card__button_active {
  background: var(--light-mode-text-001);
  color: #fff;
}

.control-card__button:hover svg path, .control-card__button_active svg path {
  stroke: #fff;
}

@media (max-width: 1440px) {
  .control-card__button {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .control-card__button {
    height: 36px;
    width: 100%;
  }
}
.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;
  -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__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%;
  }
}
.tariff-card {
  background-color: #fff;
  border-radius: 24px;
  padding: 28px;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .tariff-card {
    padding: 16px;
  }
}
.tariff-card__title {
  color: var(--light-mode-text-001);
  font-size: clamp(20px, 2.5vw, 36px);
  line-height: 128%;
  letter-spacing: -0.04em;
  font-weight: 500;
  margin-bottom: 4px;
}

.tariff-card__subtitle {
  color: var(--light-mode-text-001);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 20px;
}

.tariff-card__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;
  margin-bottom: 28px;
}

.tariff-card__list-item {
  color: var(--light-mode-text-002);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  background: url(img/dashbord-icon/marker.svg) no-repeat left top;
  padding-left: 42px;
  min-height: 27px;
}

.tariff-card__cost {
  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;
  border-top: 1px solid var(--light-mode-border-02);
  color: var(--light-mode-text-001);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  padding: 8px 0 20px 0;
}

.tariff-card__info {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  font-weight: 400;
  background: url(img/dashbord-icon/info.svg) no-repeat left top;
  padding-left: 32px;
}

.modal-form {
  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;
}

.modal-form__title {
  color: var(--light-mode-text-001);
  font-size: clamp(16px, 1.8055555556vw, 26px);
  font-weight: 500;
  line-height: 140%;
}

.modal-form__text {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.modal-form__button {
  height: 72px;
  background-color: var(--light-mode-text-001);
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  width: 100%;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-001);
}

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

@media (max-width: 1440px) {
  .modal-form__button {
    height: 56px;
  }
}
@media (max-width: 768px) {
  .modal-form__button {
    height: 44px;
  }
}
.checkbox-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  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;
}

.checkbox-custom__checkbox_error {
  border-color: var(--red);
}

.checkbox-custom__label {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-custom__checkbox:checked + .checkbox-custom__label {
  color: var(--light-mode-text-001);
}

.radio-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;
}

.radio-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.radio-custom__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  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;
}

.radio-custom__checkbox:checked {
  background-image: 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="%23303030"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #D9B648;
  border-color: var(--light-mode-text-001);
}

.radio-custom__label {
  color: var(--light-mode-text-002);
  font-weight: 400;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-custom__checkbox:checked + .radio-custom__label {
  color: var(--light-mode-text-001);
}

.doc-link {
  display: block;
  color: var(--light-mode-text-002);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 20px;
  font-weight: 500;
  background: url(img/dashbord-icon/document16.svg) no-repeat left center;
  padding: 16px 0 16px 24px;
}

.history-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;
}

.history-card {
  background-color: #fff;
  border-radius: 14px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

.history-card__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.history-card__status {
  color: var(--light-mode-text-003);
  font-size: clamp(10px, 0.9722222222vw, 14px);
  font-weight: 500;
  line-height: 140%;
}

.history-card__status_ok {
  color: var(--green);
}

.history-card__status_error {
  color: var(--red);
}

.history-card__payment {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.history-card__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--light-mode-text-003);
  font-size: clamp(10px, 0.9722222222vw, 14px);
  line-height: 140%;
}

.history-card__paid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.history-card .history-card__error {
  color: var(--red);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  font-weight: 500;
  line-height: 140%;
}

.history-card .history-card__repeat {
  color: var(--light-mode-text-001);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  font-weight: 500;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.history-card .history-card__repeat::after {
  content: "";
  width: 16px;
  height: 16px;
  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="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

.history-card__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

@media (max-width: 768px) {
  .history-card__value {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.history-card__price {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  font-weight: 500;
  line-height: 140%;
  white-space: nowrap;
}

.history-card__download {
  height: 44px;
  padding: 0 20px;
  color: var(--light-mode-text-003);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  border-radius: 46px;
  border: 1px solid var(--light-mode-text-003);
}

.history-card__download::before {
  content: "";
  width: 16px;
  height: 16px;
  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="M8 4V8L10.6667 10.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>');
  background-repeat: no-repeat;
  background-position: center center;
}

.history-card__download_active::before {
  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="M11 7L8 10M8 10L5 7M8 10V1M14 10V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V10" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>');
}

.history-card__download_active {
  color: var(--light-mode-text-001);
}

@media (max-width: 1440px) {
  .history-card__download {
    height: 36px;
  }
}
@media (max-width: 768px) {
  .history-card__download {
    height: 28px;
    padding: 0 8px;
  }
}
@media (max-width: 768px) {
  .history-card {
    padding: 6px 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}
.history-empty {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  padding: 8px 0;
}

.update {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.update__button {
  height: 56px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
}

.update__button_add::before {
  content: "";
  width: 24px;
  height: 24px;
  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="M12 21V12M12 12V3M12 12L3 12M12 12H21" stroke="%23303030" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 1440px) {
  .update__button {
    height: 44px;
  }
}
@media (max-width: 768px) {
  .update__button {
    height: 36px;
    width: 100%;
  }
}
.update__info {
  color: var(--light-mode-text-002);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  font-weight: 500;
  background: url(img/dashbord-icon/shield_lock.svg) no-repeat left center;
  padding-left: 40px;
}

.update__error {
  color: var(--red);
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  font-weight: 500;
  background: url(img/dashbord-icon/alert.svg) no-repeat left center;
  padding-left: 40px;
}

.update-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: 10px;
}

.update-card {
  background-color: var(--light-mode-bg-00);
  border-radius: 14px;
  padding: 28px;
  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;
}

.update-card_active {
  background-color: #fff;
}

.update-card__data {
  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;
}

.update-card__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.update-card__number {
  color: var(--light-mode-text-001);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.update-card__date {
  color: var(--light-mode-text-003);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
}

.update-card__status {
  height: 22px;
  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: 0 8px;
  background-color: var(--yellow);
  color: var(--light-mode-text-001);
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}

.update-card__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.update-card__button {
  height: 44px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  color: var(--light-mode-text-001);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: clamp(12px, 1.1111111111vw, 16px);
  line-height: 140%;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
  white-space: nowrap;
}

.update-card__button_only-icon {
  padding: 0;
  aspect-ratio: 1;
}

@media (max-width: 1440px) {
  .update-card__button {
    height: 36px;
  }
}
@media (max-width: 768px) {
  .update-card__button {
    height: 28px;
    padding: 0 8px;
  }
}
.text-overlay {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.text-overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--light-mode-bg-00);
}

#alert-modal {
  z-index: 9999;
}

#alert-modal .offcanvas__wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 520px;
}

@media (max-width: 1440px) {
  #alert-modal .offcanvas__wrapper {
    width: 430px;
  }
}
@media (max-width: 1440px) {
  #alert-modal .offcanvas__wrapper {
    width: 100%;
  }
}
#alert-modal .offcanvas__title {
  font-size: clamp(20px, 2.5vw, 36px);
  font-weight: 500;
  line-height: 128%;
  margin-bottom: 10px;
}

#alert-modal .offcanvas__text {
  color: var(--light-mode-text-002);
  font-size: clamp(14px, 1.3194444444vw, 19px);
  line-height: 140%;
  margin-bottom: 24px;
}

#alert-modal .offcanvas__control {
  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;
}

#alert-modal .offcanvas__button {
  height: 72px;
  width: 100%;
  background-color: #fff;
  color: var(--light-mode-text-001);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: clamp(16px, 1.8055555556vw, 26px);
  line-height: 140%;
  white-space: nowrap;
  border-radius: 40px;
  border: 1px solid var(--light-mode-text-003);
}

#alert-modal .offcanvas__button_active {
  background: var(--light-mode-text-001);
  color: #fff;
}

#alert-modal .offcanvas__button_active svg path {
  stroke: #fff;
}

@media (max-width: 1440px) {
  #alert-modal .offcanvas__button {
    height: 56px;
  }
}
@media (max-width: 768px) {
  #alert-modal .offcanvas__button {
    height: 44px;
  }
}
.toast-message {
  position: fixed;
  top: -100px;
  right: 8px;
  background-color: var(--dark-mode-bg-01);
  -webkit-box-shadow: 0px 5px 14px 0px rgba(139, 138, 132, 0.4);
  box-shadow: 0px 5px 14px 0px rgba(139, 138, 132, 0.4);
  color: #fff;
  padding: 12px 16px;
  border-radius: 16px;
  z-index: 1000;
  font-size: clamp(14px, 1.1111111111vw, 16px);
  line-height: 140%;
}

@media (max-width: 768px) {
  .toast-message {
    left: 8px;
  }
}
.animate-toast {
  -webkit-animation: slideUpDown 5s ease-in-out forwards;
  animation: slideUpDown 5s ease-in-out forwards;
}

@-webkit-keyframes slideUpDown {
  0% {
    top: -100px;
  } /* Скрыто */
  15% {
    top: 8px;
  } /* Выехало */
  85% {
    top: 8px;
  } /* Держится */
  100% {
    top: -100px;
  } /* Уехало обратно */
}
@keyframes slideUpDown {
  0% {
    top: -100px;
  } /* Скрыто */
  15% {
    top: 8px;
  } /* Выехало */
  85% {
    top: 8px;
  } /* Держится */
  100% {
    top: -100px;
  } /* Уехало обратно */
}
.gro-welcome-banner {
  background: #1a1a1a;
  color: #fff;
  padding: 20px 56px 20px 24px;
  border-radius: 16px;
  margin: 0 0 24px 0;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  position: relative;
  animation: gro-welcome-in 0.35s ease-out;
}
.gro-welcome-banner__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gro-welcome-banner__close:hover {
  background: rgba(255, 255, 255, 0.18);
}

@keyframes gro-welcome-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gro-onb-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(20, 20, 20, 0.55);
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: gro-onb-fade 0.25s ease-out forwards;
}

.gro-onb-modal {
  background: #fff;
  border-radius: 20px;
  padding: 32px 28px;
  max-width: 520px;
  width: calc(100% - 32px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-onb-modal h2 {
  font-size: 22px;
  margin: 0 0 8px;
  color: #1a1a1a;
  text-align: center;
}
.gro-onb-modal p {
  font-size: 14px;
  color: #666;
  margin: 0 0 24px;
  text-align: center;
  line-height: 1.5;
}

.gro-onb-step-indicator {
  font-size: 12px;
  color: #888;
  text-align: center;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.gro-onb-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}
.gro-onb-options.col-1 {
  grid-template-columns: 1fr;
}
.gro-onb-options.col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.gro-onb-opt {
  padding: 14px 12px;
  border-radius: 12px;
  border: 1.5px solid #e5e5e5;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  transition: all 0.15s;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.gro-onb-opt:hover {
  border-color: #1a1a1a;
  background: #fafaf7;
}
.gro-onb-opt.is-selected {
  border-color: #1a1a1a;
  background: #1a1a1a;
  color: #fff;
}

.gro-onb-opt-icon {
  font-size: 22px;
}

.gro-onb-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.gro-onb-skip {
  background: transparent;
  border: none;
  color: #888;
  font-size: 13px;
  cursor: pointer;
}
.gro-onb-skip:hover {
  color: #1a1a1a;
}

.gro-onb-next {
  padding: 12px 28px;
  background: #D9B648;
  color: #1a1a1a;
  border: none;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.gro-onb-done {
  text-align: center;
  font-size: 36px;
  margin: 16px 0;
}

@keyframes gro-onb-fade {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.gro-lk-pb {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-lk-pb__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.gro-lk-pb__title {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}
.gro-lk-pb__help {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #D9B648;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  cursor: pointer;
  border: none;
  text-decoration: none;
}
.gro-lk-pb__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.gro-lk-pb__metric {
  padding: 14px 16px;
  border-radius: 14px;
  background: #faf9f5;
  display: flex;
  align-items: center;
  gap: 12px;
}
.gro-lk-pb__metric.is-pulse-high {
  background: #ebf6e2;
}
.gro-lk-pb__metric.is-pulse-medium {
  background: #fdf4d8;
}
.gro-lk-pb__metric.is-pulse-low {
  background: #fbe5dd;
}
.gro-lk-pb__metric-icon {
  font-size: 22px;
}
.gro-lk-pb__metric-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.gro-lk-pb__metric-value {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}
.gro-lk-pb__metric-label {
  font-size: 11px;
  color: #777;
  margin-top: 2px;
}
.gro-lk-pb__tip {
  padding: 12px 16px;
  background: #faf9f5;
  border-radius: 12px;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  border-left: 3px solid #ccc;
  margin-bottom: 16px;
}
.gro-lk-pb__tip.is-pulse-high {
  border-left-color: #7cb342;
  background: #f1f8f0;
  color: #4f7a2e;
}
.gro-lk-pb__tip.is-pulse-medium {
  border-left-color: #f6c54a;
  background: #fdf7ea;
  color: #8a6612;
}
.gro-lk-pb__tip.is-pulse-low {
  border-left-color: #d96b5a;
  background: #fcf2ef;
  color: #8a3a2c;
}
.gro-lk-pb__rec {
  padding: 16px 20px;
  border-radius: 14px;
  background: #1a1a1a;
  color: #fff;
}
.gro-lk-pb__rec-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #aaa;
  margin-bottom: 6px;
}
.gro-lk-pb__rec-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
}
.gro-lk-pb__rec-text {
  font-size: 13px;
  color: #ccc;
  margin: 0 0 12px;
  line-height: 1.5;
}
.gro-lk-pb__rec-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px;
  background: #D9B648;
  color: #1a1a1a;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}
.gro-lk-pb__rec-cta:hover {
  background: #f0d83b;
  color: #1a1a1a;
  text-decoration: none;
}
@media (max-width: 768px) {
  .gro-lk-pb__metrics {
    grid-template-columns: 1fr;
  }
}

.gro-lk-rb {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-lk-rb__label {
  font-size: 12px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
  font-weight: 600;
}
.gro-lk-rb__title {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px;
}
.gro-lk-rb__step {
  font-size: 13px;
  color: #666;
  margin-bottom: 12px;
}
.gro-lk-rb__progress {
  width: 100%;
  height: 6px;
  background: #ebe9e0;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 16px;
}
.gro-lk-rb__progress-fill {
  height: 100%;
  background: #D9B648;
  transition: width 0.3s;
}
.gro-lk-rb__next {
  background: #faf9f5;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}
.gro-lk-rb__next-label {
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.gro-lk-rb__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 24px;
  background: #1a1a1a;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.gro-lk-rb__cta:hover {
  background: #333;
  color: #fff;
  text-decoration: none;
}
.gro-lk-rb__cta--alt {
  background: #D9B648;
  color: #1a1a1a;
}
.gro-lk-rb__cta--alt:hover {
  background: #f0d83b;
  color: #1a1a1a;
}
.gro-lk-rb__empty-hint {
  font-size: 14px;
  color: #666;
  margin: 0 0 16px;
  line-height: 1.5;
}

.gro-lk-rec {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-lk-rec__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
.gro-lk-rec__title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}
.gro-lk-rec__pulse-tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 999px;
}
.gro-lk-rec__pulse-tag.level-high {
  background: #f1f8f0;
  color: #4f7a2e;
}
.gro-lk-rec__pulse-tag.level-medium {
  background: #fdf7ea;
  color: #8a6612;
}
.gro-lk-rec__pulse-tag.level-low {
  background: #fcf2ef;
  color: #8a3a2c;
}
.gro-lk-rec__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.gro-lk-rec__card {
  background: #faf9f5;
  border-radius: 16px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 180px;
}
.gro-lk-rec__card-title {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.35;
  margin: 0;
}
.gro-lk-rec__card-title a {
  color: inherit;
  text-decoration: none;
}
.gro-lk-rec__btn {
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
}
.gro-lk-rec__btn--add {
  background: #D9B648;
  color: #1a1a1a;
}
.gro-lk-rec__btn--add:hover {
  background: #f0d83b;
}
.gro-lk-rec__btn--open {
  background: #1a1a1a;
  color: #fff;
}
.gro-lk-rec__btn--open:hover {
  background: #333;
}

.gro-lk-resume-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #D9B648;
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-left: 12px;
  transition: transform 0.15s;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-lk-resume-badge:hover {
  transform: translateY(-1px);
  color: #1a1a1a;
  text-decoration: none;
}
.gro-lk-resume-badge::before {
  content: "▷";
  font-size: 11px;
}

.gro-lk-pp {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  margin: 24px 0;
  font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gro-lk-pp__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.gro-lk-pp__title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}
.gro-lk-pp__count {
  font-size: 13px;
  color: #999;
}
.gro-lk-pp__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.gro-lk-pp__card {
  background: #faf9f5;
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 120px;
}
.gro-lk-pp__card-title {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.35;
  margin: 0;
}
.gro-lk-pp__card-title a {
  color: inherit;
  text-decoration: none;
}
.gro-lk-pp__card-title a:hover {
  text-decoration: underline;
}
.gro-lk-pp__card-meta {
  font-size: 12px;
  color: #888;
  margin-top: auto;
}
.gro-lk-pp__actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.gro-lk-pp__btn {
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
}
.gro-lk-pp__btn--primary {
  background: #1a1a1a;
  color: #fff;
}
.gro-lk-pp__btn--primary:hover {
  background: #333;
}
.gro-lk-pp__btn--secondary {
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #1a1a1a;
}
.gro-lk-pp__btn--secondary:hover {
  background: #fafaf7;
}
.gro-lk-pp__empty {
  padding: 32px 16px;
  text-align: center;
  color: #888;
  font-size: 14px;
  line-height: 1.55;
}

body.woocommerce-account footer,
body.woocommerce-account .footer,
body.woocommerce-account .site-footer,
body.woocommerce-account .gro-footer,
body.woocommerce-account .lc-footer,
body.woocommerce-account .gro-legal-footer,
body.woocommerce-account .gro-lk-minimal-footer,
body.woocommerce-account [class*=footer__],
body.woocommerce-account [class*=legal-footer],
body.page-template-page-account footer,
body.page-template-page-account .footer,
body.page-template-page-account .site-footer,
body.page-template-page-account .gro-footer,
body.page-template-page-account .lc-footer,
body.page-template-page-account .gro-legal-footer,
body.page-template-page-account .gro-lk-minimal-footer,
body.page-template-page-account [class*=footer__],
body.page-template-page-account [class*=legal-footer],
body.page-template-page-profile footer,
body.page-template-page-profile .footer,
body.page-template-page-profile .site-footer,
body.page-template-page-profile .gro-footer,
body.page-template-page-profile .lc-footer,
body.page-template-page-profile .gro-legal-footer,
body.page-template-page-profile .gro-lk-minimal-footer,
body.page-template-page-profile [class*=footer__],
body.page-template-page-profile [class*=legal-footer],
body.page-template-page-arsenal footer,
body.page-template-page-arsenal .footer,
body.page-template-page-arsenal .site-footer,
body.page-template-page-arsenal .gro-footer,
body.page-template-page-arsenal .lc-footer,
body.page-template-page-arsenal .gro-legal-footer,
body.page-template-page-arsenal .gro-lk-minimal-footer,
body.page-template-page-arsenal [class*=footer__],
body.page-template-page-arsenal [class*=legal-footer] {
  display: none !important;
}

.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: #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%;
}

.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;
}

.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;
  }
}
.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 #E4E3DD;
  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: #000;
  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 #000;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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 #E4E3DD;
  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: #000;
  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: #000;
}

@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: #000;
}

.switch input:checked + .slider::before {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  background-color: #000;
}

.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: #A9A9A9;
  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 #A9A9A9;
  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: #000;
    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 — accordion на токенах .inside-card */
.faq__list {
  max-width: 820px;
  margin: 0 auto;
}

.faq__item {
  background-color: #fff;
  border-radius: 24px;
  padding: 28px 44px;
  margin-bottom: 8px;
}

.faq__q {
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  color: var(--text_001);
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 40px;
}

.faq__q::-webkit-details-marker {
  display: none;
}

.faq__q::after {
  content: "+";
  position: absolute;
  right: 0;
  top: -4px;
  font-size: 36px;
  color: var(--text_002);
  font-weight: 300;
}

.faq__item[open] .faq__q::after {
  content: "−";
}

.faq__a {
  font-size: 19px;
  line-height: 140%;
  color: var(--text_002);
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.faq__a a {
  color: var(--text_001);
  border-bottom: 1px solid currentColor;
}

@media (max-width: 768px) {
  .faq__item {
    padding: 20px 24px;
  }
  .faq__q {
    font-size: 20px;
  }
  .faq__a {
    font-size: 16px;
  }
}
/* 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);
}

/* ===== Лестница «Три точки входа» (tripwire 390 ₽) — 2026-06-05 ===== */
.gro-entry__ladder {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 16px;
  align-items: stretch;
}

.gro-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--border-02);
  border-radius: 24px;
  padding: 28px;
  text-decoration: none;
  color: var(--text_001);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gro-step:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.gro-step__num {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--text_003);
}

.gro-step__title {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 0;
}

.gro-step__desc {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text_002);
  margin: 0;
  flex: 1;
}

.gro-step__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text_001);
}

.gro-step--primary {
  background: var(--main);
  border-color: var(--main);
}

.gro-step--primary .gro-step__num, .gro-step--primary .gro-step__desc {
  color: var(--text_001);
}

.gro-step__badge {
  display: inline-flex;
  align-self: flex-start;
  background: var(--text_001);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 500px;
}

.gro-step__price {
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
}

.gro-step__note {
  font-size: 12px;
  color: var(--text_001);
  opacity: 0.65;
}

.gro-step__cta--primary {
  height: 52px;
  padding: 0 26px;
  border-radius: 500px;
  justify-content: center;
  align-self: flex-start;
  background: var(--text_001);
  color: #fff;
  transition: background 0.2s ease;
}

.gro-step__cta--primary:hover {
  background: var(--text_002);
}

@media (max-width: 900px) {
  .gro-entry__ladder {
    grid-template-columns: 1fr;
  }
}
@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: center;
  padding: 72px 64px 56px;
  min-height: 720px;
  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: 24px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--text_002, #525252);
  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;
  min-height: 640px;
}

.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: center;
  min-height: 640px;
}

/* 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);
}